/* ------------------------------------------------------------ *\
	Responsive
\* ------------------------------------------------------------ */

body { min-width: 320px; }
.wrapper { overflow: hidden; }

@media (max-width: 1200px ) {
	/*  Reset  */

	*,
	*:before,
	*:after { box-sizing: border-box; }

	.shell { width: 100%; padding: 0 10px; }

	/*  Nav  */

	.nav { margin-left: 0; }
	.nav li a { padding-left: 6px; padding-right: 6px; font-size: 18px; }
}

@media (max-width: 1023px) {

	/*  Header  */
	
	.header { overflow: initial; }
	.header .header-inner { position: static; padding-bottom: 15%; }
	.header .logo { top: 20px; transform: translateY(0); left: 10px; }
	.header .slogan { position: absolute; top: 39px; left: calc(100% - 405px); padding-top: 20px; padding-bottom: 20px; border-bottom: 0; border-right: 4px solid #0ab3a9;  transform: translate(0); }
	.header .slogan:after { top: 50%; left: 100%; transform: rotate(-90deg) translateX(25%); }

	/*  Burger  */

	.burger { display: block; position: absolute; z-index: 5; top: 73px; right: 20px; width: 30px; height: 30px; }
	.burger span { display: block; position: absolute; width: 30px; height: 5px; background: #d22030; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
	.burger span:nth-child(1) { top: 0; } 
	.burger span:nth-child(2) { top: 10px; }
	.burger span:nth-child(3) { top: 20px; }

	.burger--active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
	.burger--active span:nth-child(1),
	.burger--active span:nth-child(3) { top: 12px; }

	.burger--active span:nth-child(2) { opacity: 0; }
	.burger--active span:nth-child(1) { transform: rotate(45deg); }
	.burger--active span:nth-child(3) { transform: rotate(-45deg); }

	/*  Nav  */

	.nav { position: absolute; z-index: 9999; top: 125px; right: 0; width: 100%; padding: 30px 0; margin-top: 0; background: #fff; pointer-events: none; will-change: transform; transform: translateX(100%); transition: transform .3s; border-radius: 6px; }
	.nav li a { font-size: 18px; border-radius: 6px; }

	.nav--visible { pointer-events: all; transform: translateX(0); }
	
	/*  Container  */

	.container { margin-bottom: 25px; }

	/*  Section Secondary  */

	.section-secondary { margin-bottom: 25px; }

	/*  Article  */

	.article-secondary .article-image { margin-bottom: 20px; }
	.article-secondary .article-image img { height: auto; }
	.article-secondary .article-entry p { line-height: 1.3; }
	.article-secondary .article-actions { left: 50%; transform: translateX(-50%); }

	/*  List Downloads  */
	
	.list-downloads li a { min-height: 65px; line-height: 60px; }
	.list-downloads li a:before { height: 65px; }
	.list-downloads li a span { vertical-align: middle; width: calc(100% - 57px); padding: 0 22px 0 11px; line-height: 1.2; }

	/*  Slider  */

	.slider .slide-content h1 { font-size: 40px; padding: 7px 30px; }

	/*  Footer  */

	.footer .list-logos li { margin: 0; }
	.footer table td:first-child { text-align: left; }
	.footer ul { margin: 0; }
}

@media (max-width: 767px) {

	/*  Header  */
	
	.header .header-inner { padding: 0; margin: 0; text-align: center; }
	.header .logo,
	.header .slogan { position: static; display: block; top: 0; left: 0; right: 0; bottom: 0; transform: translate(0); }

	.header .logo { margin: auto; transform: scale(0.8); }
	.header .slogan { display: inline-block; padding: 0 17px 5px; margin-bottom: 20px; border-right: 0; border-bottom: 4px solid #0ab3a9; font-size: 25px; }
	.header .slogan:after { top: 100%; left: 50%; transform: rotate(0deg) translateX(-50%); }
	.header .burger { top: 150px; right: 100px; }

	/*  Nav  */
	
	.nav { top: 200px; padding: 10px 20px; background: #fff; }
	.nav ul { display: block; }
	.nav li { float: none; display: block; }
	.nav li + li { margin-top: 10px; }

	/*  Slider  */

	.slider .slide { min-height: 325px; }
	
	.slider .slide-content h1 { text-align: center; font-size: 20px; }
	
	.owl-nav { display: none; }

	/*  Section  */

	.section { padding-top: 15px; }
	.section h2 { font-size: 26px; margin-bottom: 10px; }
	
	/*  Section Map  */

	.section-map h2 { font-size: 26px; }

	/*  Section Secondary  */

	.section-secondary { margin-bottom: 20px; }
	.section-secondary .section-head h2 { margin-bottom: 0; }

	/*  Container Maps  */

	.maps iframe { height: 300px !important; }

	/*  Article  */
	
	.article-primary .article-head h2 { font-size: 26px; }
	.article p { font-size: 13px; }

	.article-secondary .article-head { margin-bottom: 0; }

	/*  Widgets  */
	
	.widgets { position: relative; }
	.widget ~ .widget { margin-left: 0; }
	.widget { float: none; width: 50%; margin-bottom: 10px; }
	.widget-contacts { position: absolute; top: 50%; right: 0; transform: translateY(-60%); }
	.widget-contacts .widget-body img { transform: scale(.8); }

	/*  Slider Projects  */

	.slider-projects { margin-bottom: 40px; }

	/*  List Downloads  */

	.list-downloads span { font-size: 14px; }
	.list-downloads li a { min-height: 48px; line-height: 45px; }
	.list-downloads li a:before { height: 49px; }
	.list-downloads li a i { transform: scale(.7); }
}

@media (max-width: 469px) {

	/*  Header  */

	.header .burger { right: 20px; }
	
	/*  Section  */

	.section h2 { font-size: 22px; }

	/*  Widgets  */

	.widgets { position: relative; }
	.widget { width: 100%; margin-bottom: 10px; font-size: 14px; }
	.widget-contacts { position: static; transform: translateY(0); }

	/*  Article  */

	.article-secondary .article-image,
	.article-secondary .article-content { float: none; width: 100%; text-align: center; }

	.article-secondary .article-actions { width: 100%; }

	/*  Btn  */

	.btn { width: 100%; }

	/*  Footer  */
	
	.footer table td:first-child img { transform: scale(1); }
	.footer table td img { transform: scale(.8); }
	.footer table td:nth-child(2) {padding-top: 35px; }
	.footer table td:nth-child(3) { padding-top: 45px; }
	.footer table td:last-child { display: none; }
}
