/**
*
*		Media queries
*
**/


body { -webkit-text-size-adjust: none; }


@media screen and (max-width: 1179px) {
	.wrapper-site { width: 100%; }
	.container { width: 95%; }

	/* 		MENU SMALL DEVICES 		*/

	label[for="m-menu-ch"] {
		display: block;
		width: 30px;
	}

	#m-menu { width: 30px; height: auto; }

	.m-menu {
		width: 30px;
		display: table;
	    z-index: 999;
	    list-style-type: none;
	}

	.m-menu > li {
	    text-align: left;
	    margin: 0;
	    float: left;
	    border: 0;
		padding: 0;
	}

	.m-menu li a { position: relative; }

	.m-menu input[type="checkbox"] { visibility: hidden; outline: none; }
	.m-menu label:hover { cursor: pointer; }

	.m-menu .moduletable > ul.menu {
		display: block;
		position: absolute;
		right: 0;
		visibility: hidden;
	  	opacity: 0;
	  	transform-origin:50% 0;
  		transform:scaleY(0);
  		transition-duration:250ms;
	}
	.m-menu input[type="checkbox"]:checked + .moduletable > ul.menu {
	    visibility: visible;
	 	opacity: 1;
	 	transform:scaleY(1);
	}

	.m-menu li ul {
	    width: 100%;
	    margin-top: 35px;
	    text-align: center;
	    display: none;
	    z-index: 999;
	}

	.m-menu ul li {
		display: table;
	    width: 100%;
	    padding: 0;
		margin: 0;
	}

	.m-menu ul li a {
	    color: #fff;
	    font-size: 15px;
    	font-weight: bold;
	    text-transform: uppercase;
	    margin: 0;
	    padding: 17px 0px 17px 30px;
	    display: block;
	    background: rgba(0, 0, 0, 0.9);
	    text-decoration: none;
	    text-align: left;
	    border: 0 !important;
	}
	.m-menu ul li.active a { background: #aa2124; color: #fff; border: 0 !important; }

	.m-menu li:hover li a:hover { background: #aa2124; color: #fff; border: 0 !important; }

	/* SUB_MENU */
	.m-menu li ul ul {
		position: relative;
		margin: 0;
		padding: 0;
	}
	.m-menu li ul ul li { border: 0 !important;	}
	.m-menu li ul ul li a { color: #fff !important; padding-left: 55px; }

	/* END MENU SMALL DEVICE */
}

@media screen and (max-width: 1129px) {
	section.about div.squares  { justify-content: center; }
	section.about div.squares div.square { margin: 30px 15px 0 15px; }
}

@media screen and (max-width: 999px) {
	section.about, div.main-content div.container { padding: 48px 0; }

	section.about h1 { text-align: center; }
	section.about div.content { flex-direction: column; }
	section.about div.content h2 { width: 100%; font-size: 34px; line-height: 42px; text-align: center; }
	section.about div.content p { width: 100%; text-align: center; padding: 20px 0 0 0; }

	section.about div.squares { margin: 31px 0 0 0; }
}

@media screen and (max-width: 767px) {
	header div.mini-top div.container ul.contact li:first-of-type { display: none; }
	header div.mini-top div.container ul.contact li:last-of-type { margin-left: 0; }

	header div.header div.logo { margin: 0 25px 0 0; }

	div.middle-site div.top { padding: 40px 0; }
	div.middle-site div.top div.maps { padding-bottom: 45%; }

	section.about h1,
	h1.contentheading,
	h1.componentheading,
	section.blog h2.contentheading { font-size: 17px; }

	section.about div.content h2 { font-size: 26px; line-height: 32px; }
	section.about div.content p,
	article.text-article p, article.text-article ul li, article.text-article div.jfdefaulttext { font-size: 15px; line-height: 27px; }
	article.text-article ul li { line-height: 20px; }

	section.about div.squares { margin: 10px 0 0 0; }
	section.about div.squares div.square { width: 220px; height: 220px; }

	footer { flex-direction: column; }
	footer div.copyright p { padding: 0; text-align: center; }
	footer nav.bottom_menu ul { margin-top: 15px; padding-right: 0; }
	footer nav.bottom_menu ul li { margin-left: 7px; margin-right: 7px; }

	section.blog div.read-more a { font-size: 13px; padding: 8px 11px; }
}

@media screen and (max-width: 499px) {
	.m-menu, label[for="m-menu-ch"], #m-menu { width: 24px; }
	.m-menu ul li a { font-size: 13px; padding: 14px 0px 14px 20px; letter-spacing: 0.5px; }

	header div.mini-top div.container ul.languages li a { margin-left: 7px; }

	header div.header { height: 115px; min-height: 115px; }
	header div.header div.logo a img { max-width: 80%; }

	section.about div.content h2 { font-size: 23px; line-height: 29px; }

	section.about div.squares div.square { width: 200px; height: 200px; margin: 15px 15px 0 15px; }
	section.about div.squares div.square img { max-height: 60px; }

	article.text-article { margin-top: 30px; }
}