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

body, html { height: auto; }
.wrapper { overflow: hidden; }

body { min-width: 320px; }
body.contact-form-page { min-width: auto; }

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

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

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

	.nav > ul > li > a { font-size: 14px; }

	/*  Logo  */

	.logo { left: 0; }

	/*  Slider  */
	
	.slider,
	.slider-clip { height: auto; }

	.slider .slide-caption { font-size: 31px; }
	.slider .slider-clip { width: 100%; }
	.slider .slide-image img { width: 100%; }
}

@media (max-width: 1023px) {
	
	body { background: #fff; }

	/*  Header  */

	.header .header-inner { position: static; }
	.header .header-inner-right { margin-right: 70px; padding-top: 10px; }

	.header .header-inner-right .slogan,
	.header .header-inner-right .contacts { float: none; margin: 0; }

	/*  Logo  */

	.logo { left: 10px; }

	/*  Nav  */

	.nav { position: absolute; top: 48px; right: 0; margin: 0; padding: 0; width: 50%; pointer-events: none; overflow: auto; will-change: transform; transform: translateX(100%); transition: transform .3s; }
	.nav > ul { float: none; }
	.nav > ul > li { float: none; display: block; }
	.nav > ul > li > a { background: rgba(121,95,51,1); font-size: 18px; }

	.nav > ul > li > .nav-dropdown { position: static; width: 100%; }
	.nav > ul > li:hover .nav-dropdown { display: none; }

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

	.burger { display: block; position: absolute; z-index: 5; top: 17px; right: 20px; width: 30px; height: 30px; }
	.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: 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); }

	/*  Slider  */

	.slider .slide-caption { font-size: 20px; bottom: 25px; width: 450px; height: 90px; background-size: contain; }

	/*  Main  */

	.main .main-inner { padding: 20px 0 10px; }

	/*  Cols  */

	.col { float: none; }
	.col-size1 { width: 100%; margin-bottom: 30px; }
	.col-size2 { width: 400px; margin: 0 auto; }

	/*  Contact Expert  */

	.contact-expert .section-body p { font-size: 21px; }

	/*  Section Features  */

	.section-features ul li { width: calc(50% - 10px); margin: 0 10px 10px 0; background-size: cover; }
	
	.section-features ul li,
	.section-features ul li ~ li { margin-left: 0; }

	.section-features ul li a { display: block; text-align: center; }

	.section-features ul li h2.heading-alt { padding: 0 12px; }

	/*  Section Partners  */

	.section-partners .section-head { margin-bottom: 20px; text-align: center; }
	.section-partners ul { text-align: center; }
	.section-partners ul li { margin: 0 35px 10px 0;  }
	
	/*  Section Featured  */

	.section-featured .section-body img { width: 100%; }

	/*  Article  */
	
	.article .article-head { text-align: center; }
	.article .article-entry table td { display: block; width: 100%; height: auto !important; }
	.article .article-entry table tr { display: block; position: relative; }
	.article .article-entry table tr td tr:first-child { position: absolute; top: 100px; left: 230px; }
	.article .article-entry table tr td .slide-caption2 { position: absolute; top: -100px; right: 0; width: 100%; padding-left: 236px; }
	.article .article-entry p { overflow: hidden; }
	.article .article-entry p > img  { margin-left: 10px; }
	.article .article-entry img { height: auto; }
	.article p[align="center"] > img:nth-child(2) { margin-left: -22px; }

	/*  Fancycontent  */

	#fancybox-title { bottom: -40px !important; margin-left: 0 !important;  }

	/*  Form Contact  */

	#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%; }
	table td iframe { width: 100%; }
	table strong { text-align: left; }
	
	/*  Footer  */
	
	.footer table td:nth-child(3) { text-align: center; }
	.footer .footer-inner { background: transparent; }
}

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

	.header { height: 260px; background-repeat-y: repeat; background-position: 100% 0%; }	
	.header .header-inner-right { float: none; margin: 135px 0 0 0; padding: 0; }
	.header .header-inner-right .slogan { margin-bottom: 5px; padding-top: 10px; }
	.header-inner-right .contacts .phone { text-align: left; margin-bottom: 10px; }
	.header-inner-right .contacts .phone .ico { vertical-align: bottom; }

	/*  Logo  */

	.logo { left: 10px; }

	/*  Nav  */
	
	.nav { top: 0; width: calc(50% - 12px); padding-top: 50px; background: rgba(121,95,51,1); }
	.nav > ul > li > a { background: rgba(121,95,51,1); font-size: 14px; }

	.nav > ul > li > .nav-dropdown ul a { font-size: 12px; }

	/*  Slider  */
	
	.slider-clip { padding-bottom: 40px; }

	.slider .slide-caption { position: static; width: 100%; height: auto; font-size: 18px; }
	.slider .slide-caption p { padding: 34px 20px; }
	.slider .slide-caption-actions { height: auto; bottom: 0; }

	.flex-direction-nav .flex-prev,
	.flex-direction-nav .flex-next { display: none; }

	/*  Cols  */

	.col-size2 { width: 100%; }

	/*  Section Features  */

	.section-features ul li { float: none; width: 100%; margin: 0 0 15px 0; }

	/*  Section Partners  */

	.section-partners img { width: 100%; }

	/*  Section Featured  */
	
	.section-featured { margin-left: 0; }
	.section-featured .section-head { position: static; width: 100%; padding-left: 5px; text-align: left; }
	.section-featured .section-head a { font-size: 15px; padding-left: 0; }
	.section-featured img { width: 100%; }

	/*  Article  */
	
	.article .article-head { text-align: center; }
	.article .article-entry img { float: none !important; width: auto; max-width: 100%; }
	.article .article-entry p > img { display: block; margin: 0 auto; }
	.article .article-entry strong > img { display: block; margin: 0 auto; }
	.article .article-entry table tr td tr:first-child { left: 200px; }
	.article .article-entry table table tr td > img { width: 220px; }
	.article .article-entry table tr td .tooltip img { width: 33px; }
	.article .article-entry table tr td .slide-caption2 { padding-left: 206px; font-size: 22px; }
	.article strong { display: block; margin: 0 auto; text-align: center; }

	/*  Fancycontent  */

	#fancycontent:after { content: ''; display: table; clear: both; line-height: 0; }
	#fancycontent a { display: block; float: left; width: 50%; }

	/*  Form  */

	table strong { text-align: left !important; }

	/*  Footer  */

	.footer { position: relative; }	
	.footer .footer-nav ul,
	.footer .footer-inner .copyright { padding: 0; }
	.footer .footer-nav { text-align: left; }

	.footer .footer-nav li { display: block; margin-left: 8px; padding-left: 9px; border-left: 1px solid #888683; line-height: 1.7; }
	.footer table td { display: none; }
	.footer table td:first-child { display: block; position: absolute; top: 100px; right: 0; width: 70%; }
}

@media (max-width: 540px) {
	/*  Logo  */

	.logo { left: 0; }

	/*  Nav  */

	.nav { width: 100%; transform: translateY(-100%); }
	.nav--visible { transform: translateY(0); }

	/*  Article  */

	.article img,
	.article strong { width: 100%; }

	.article .article-entry table tr td tr:first-child { position: static; text-align: left; margin-bottom: 10px; }
	.article .article-entry table table tr td > img { width: 200px; }
	.article .article-entry table tr td .slide-caption2 { padding: 0; position: static; }

	.article p[align="center"] > img:nth-child(2) { margin-left: 0; }

	/*  Fancycontent  */

	#fancycontent a { display: block; float: none; width: 100%; }
	#fancycontent a:nth-child(odd) { clear: none; }

	/*  Footer  */

	.footer table td:first-child { width: 50%; top: 53px; }
	
}
