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

body, html { height: auto; }
body { min-width: 320px; }
.burger { display: none; }
.wrapper { overflow: hidden; }
.body-contactform { min-width: auto; margin: 0; }

@media (max-width: 1200px) {

	/*  Slider  */

	.slider,
	.slider-clip,
	.slides { height: auto !important; }

	/*  Footer  */
	
	.footer { text-align: left; }
	.footer .list-contacts li { display: block; }
	.footer .list-contacts li ~ li { margin-left: 0; }
	.footer .list-contacts li ~ li:before { margin-right: 0; width: 0; }

	/*  Selecter  */

	.select { z-index: 3 !important; }
	.selecter-options { display: none; }

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

	*,
	*:before,
	*:after { box-sizing: border-box; }
	
	.shell { width: 100%; padding: 0 10px; }

	/*  Header  */

	.header + .article { margin-top: 20px; }

	/*  Nav  */
	
	.nav { position: absolute; z-index: 10; top: 120px; left: 0; right: 0; width: 100%; height: 70px; padding: 0; margin: 0; background: transparent; pointer-events: none; will-change: transform; transform: translateX(100%); transition: transform .3s; background: #fff; }
	.nav > ul > li > a { font-size: 18px; }
	.nav--visible { pointer-events: all; transform: translateX(0); }
	
	.nav li:hover ul { display: none; }
	
	.nav ul ul { width: 170px; }
	.nav ul ul a { font-size: 18px; }

	/*  Burger  */

	.burger { display: block; position: absolute; z-index: 999; top: 68px; right: 139px; width: 30px; height: 35px; }
	.burger span { display: block; position: absolute; width: 100%; 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: 13px; }

	.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); }


	/*  Slider  */
	
	.slider .slide-image { float: none; }
	.slider .slide-image img { height: auto; }

	.slider .slide-content { min-height: 262px; padding: 0 0 60px 12px; }
	.slider .slide-actions { bottom: 0; }
	.slider .slide-actions a { font-size: 22px; }

	.slider-clip { padding-bottom: 20px; }

	.owl-dots, .bx-pager { bottom: -15px; }

	/*  Col  */
	
	.cols { margin: 0 -10px; }
	.col { padding: 0 10px; }
	.col-size1 { width: 60%; }
	.col-size4 { width: 40%; }

	.col-size2,
	.col-size3 { width: 50%; }

	/*  Section  */

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

	/*  Article  */
	
	.article { padding-right: 0; }
	.article .article-title { font-size: 22px; }
	.article .article-entry p { font-size: 16px; }
	
	.article .article-entry table { margin: 20px -10px 0; }
	.article .article-entry table td { width: 50% !important; padding-left: 10px; }
	.article .article-entry table td:first-child { padding-right: 10px; }
	.article .article-entry table td:first-child iframe { height: 700px !important;  }
	.article .article-entry table td iframe { width: 100% !important; margin-top: 10px; }
	
	/*  Form  */
	
	.form { padding-left: 0; border: 0; }
	.form .form-head h2 { font-size: 20px; }

	.form,
	.form .form-label,
	.form .selecter .select,
	.form .selecter-selected { font-size: 16px; }

	.form .selecter-selected { height: 38px; line-height: 30px; }

	.form .field { height: 38px; font-size: 20px; }
	
	.form-col1, .form-col2 { float: none; width: 100%; }
	.form .form-col2 { margin-left: 0; margin-top: 7px; }

	/*  List Projects  */

	.list-projects li { width: 50%; font-size: 16px; margin-bottom: 17px; }
	.list-projects li:nth-child(odd) { clear: left; }
	
	/*  List Partners  */

	.list-partners li { margin-bottom: 10px; }

	/*  Section Projects  */

	.section-area { border: 0; }
	.section-area .section-head { text-align: center; }

	/*  Fancybox  */
	
	#fancycontent { margin-top: 20px; }
	#fancybox-title { width: 100% !important; }
	#fancycontent img { width: auto; height: auto; }

	/*  Contact Form  */

	#docContainer { width: 100%; margin: 0; }
	#docContainer input[type=text], #docContainer input[type=password], #docContainer input[type=email], #docContainer input[type=number], #docContainer input[type=date], #docContainer input[type=tel], #docContainer input[type=url], #docContainer textarea, #docContainer select, #docContainer input[type=file] { max-width: 100%; }

	#docContainer #fb-submit-button-div.fb-item-alignment-left { text-align: center; }
	#docContainer #fb-submit-button-div.fb-item-alignment-left input { width: 200px; height: 50px; font-size: 16px; }

	.fb-toplabel .fb-input-box, .fb-toplabel .fb-dropdown, .fb-toplabel .fb-listbox, .fb-toplabel .fb-button, .fb-toplabel .fb-input-number, .fb-toplabel .fb-textarea, .fb-toplabel .fb-radio, .fb-toplabel .fb-checkbox, .fb-toplabel .fb-input-date, .fb-toplabel .fb-phone, .fb-toplabel .fb-regex, .fb-toplabel .fb-hint, .fb-toplabel  label.error { width: 100%; }
	#docContainer .fb-grouplabel label,
	#docContainer .column,
	#docContainer .fb-item { padding: 0; }
	
	#docContainer .fb-item.fb-100-item-column { width: 100%; }
	#fb-submit-button { appearance: none; }

	/*  Footer  */

	.footer table td { padding: 0 10px; }
	.footer table td:first-child { padding-left: 0; }
}

@media (max-width: 767px) {
	/*  Header  */

	.header { text-align: center; }
	.header .header-inner { float: none; margin-top: 20px; text-align: center; }
	.header .logo { float: none; margin-top: 30px; }
	.header .phone { padding: 0; }
	.header .socials { text-align: center; margin-right: 0; }

	/*  Burger  */

	.burger { right: 10px; top: 10px; }

	/*  Nav  */

	.nav { top: 0; right: 0; width: 100%; min-height: 280px; z-index: 100; padding: 20px 0; transform: translateY(-100%); background: #fff;  }
	.nav--visible { transform: translateY(0); }
	
	.nav > ul { width: 100%; background: #fff; }

	.nav > ul > li { display: block; float: none; padding: 5px; }
	.nav > ul > li ~ li:before { width: 0; }
	
	.nav li ul { position: relative; }
	
	.nav > ul > li > ul > li a { font-size: 13px; }

	/*  Slider  */
	
	.slider .slide-content { min-height: 185px; padding: 0 0 50px 12px; }
	.slider .slide-content .slide-title { margin-bottom: 10px; font-size: 24px; }
	.slider .slide-content p,
	.slider .slide-actions a { font-size: 15px; }

	/*  Form  */
	
	.form-col1,
	.form-col2 { width: 100%; margin: 0 0 5px 0; }

	/*  Col  */

	.col { float: none; width: 100%; }
	.col + .col { margin-top: 20px; }

	/*  Article  */

	.article { padding: 0; }
	.article .article-entry p img { width: 100% !important; height: auto; margin-bottom: 8px; }
	.article .article-entry table { margin: 0; }
	.article .article-entry table td { display: block; width: 100% !important; padding: 0; }
	.article .article-entry table td:first-child { padding: 0; }
	.article .article-entry table td iframe { margin-top: 20px; }

	/*  Main  */

	.main { padding-left: 0; padding-right: 0; border: 0; }
	
	/*  Section Projects  */

	.section-projects .section-head { text-align: center; }

	/*  List Projects  */

	.list-projects li { width: 50%; margin-bottom: 20px; text-align: center; }

	/*  Section Area  */
	
	.section-area { border: 0; border-top: 1px solid #ececec; padding-left: 0; padding-top: 10px; margin-top: 10px; }
	.section-area .section-image img { height: auto; margin: 0 auto; }

	/*  Fancybox  */

	#fancybox-title { width: calc(100% + 20px) !important; bottom: -36px !important; margin-left: 0 !important;  }

}

@media (max-width: 469px) {
	
	/*  List Projects  */

	.list-projects li { float: none; width: 100%; }

	/*  Section Area  */

	.section-area .section-image img { width: 100%; height: auto; margin: 0 auto; }

	/*  Footer  */
	
	.footer table td { display: inline-block; padding: 0; }
	.footer table td:nth-child(1) { width: 58% !important; }
	.footer table td:nth-child(2) { width: 32% !important; }
	.footer table td:nth-child(2) img { margin-left: -13px; }
	.footer table td:nth-child(3) { width: 10% !important; padding-top: 45px; }
	.footer table td:last-child { display: none; }
	.footer table td img { transform: scale(.6); }

}