﻿@media only screen and (max-width: 1124px){

	.shell { width: 1004px; }
	
	.services { margin: 0 auto; width: 600px; }


	.map-details { left: 5%; margin-left: 0px; }

	.footer-bar .form-newsletter { margin-right: 0px; }
	.footer-bar .field { width: 204px; }


	.footer-nav > ul > li { text-indent: 0px; padding-left: 0px;}
	.footer-nav > ul > li,
	.footer-nav > ul > li + li > ul > li { padding-right: 20px; }
	.footer-nav ul.right { float: left; }

}

@media only screen and (max-width: 1023px){

	.shell { width: 748px; }


	.header-utilities { width: 100% }


	.nav { width: 100%; max-width: none; }
	.nav > ul {width: 100%; }



	.section-slider-banner { max-height: none; }
	.section-slider-banner .shell { width: 95%; }
	.section-slider-banner  img { display: block; width: 100%; height: auto; position: relative; }
	.section-slider-banner .slide-content { padding: 5px; position: relative; bottom: auto; left: auto; width: 100% }
	.section-slider-banner .slide-content h1 { font-size: 22px; padding-bottom: 0px; background: none; }
	.section-slider-banner .slide-content h2 { font-size: 22px; padding-bottom: 0px; background: none; }
	.section-slider-banner .slide-content p { padding-top: 0px; }
	.section-slider-banner .slide-actions { padding-top: 10px; padding-bottom: 10px; }
	.rotating-banner-btn { height: 35px; line-height: 35px; }


	.sidebar { width: 225px; }
	.widget-nav a { padding-left: 0px; }

        .services { margin: 0 auto; width: 600px; }

	.footer-bar { padding-bottom: 13px; }
	.footer-bar .form-head { padding-right: 10px; }
	.footer-bar .form-head-content { width: 150px; }
	.footer-bar .form-row ~ .form-row { padding-left: 0px; }
	.footer-bar label { padding-left: 95px; }
	.footer-bar .field { margin-right: 5px; width: 170px; padding: 0 10px; }
	.footer-bar .form-actions { padding-left: 0px; }
	.footer-col { padding-bottom: 20px; }

}


@media only screen and (max-width: 767px){

	.shell { width: auto; }
	.header .shell { visibility: hidden; height: 0px; }
	.header .logo { visibility: hidden; height: 0px; }

	.header-utilities { padding-bottom: 7px; visibility: hidden; height: 0px; }
	.lang { width: 160px; margin: 0 auto; }
	.header-inner { width: 160px; margin: 0 auto; float: none; }
	


	.btn-menu { background: url(../image/btn-menu.jpg) no-repeat 0 0; width: 25px; height: 20px; position: relative; /*top: 20px;*/ right: 10px; }


	.nav { visibility: visible; }
	.nav > ul { float: none; width: 100%; background-color: #fff; position: absolute; top: 100px; left: 0; z-index: 1000; display: none; }
	.nav.expanded > ul { display: block; }
	.nav   > ul > li { float: none; height: auto; }


	.nav  > ul > li:hover .sub { display: block; background-color: #fff; }
	.nav  > ul > .visible .sub { display: block!important; background-color: #fff; }
	.sub { position: relative; padding-left: 10px; }
	.nav ul .sub ul a { font-size: 13px; line-height: 20px }


	.slider-home .slide-content { padding-left:15px; padding-right: 15px; width: 95%; }
        .section-slider-banner .slide-content h1 { font-size: 18px; }
        .section-slider-banner .slide-content h2 { font-size: 18px; }
        .section-slider-banner .slide-content p { font-size: 13px; line-height: 1.4; }
        .rotating-banner-btn { height: 25px; line-height: 25px; font-size: 14px; }



	.intro-content h1 { padding-left: 15px; }
	.intro-content h2 { padding-left: 15px; }
	.breadcrumbs { padding-left: 15px; }


	.sidebar { width: 0px; }
	.sidebar .widgets { display: none; }
	.article { padding: 0 15px 47px 15px; }


	.services { margin: 0 auto; width: 250px; }
	.services li:first-child,
	.services li { float: none; width: 100%; margin: 0; }

	.section-article { padding: 0 15px; }

	.section-map { padding-bottom: 10px; height: initial; }
	.map { height: 357px; }
	.map-details { padding: 367px 15px 15px 15px; left: 0; width: 100%;  min-height: auto; position: initial; }
	.map-details-head { text-align: center; padding-right: 20px; }
	.map-details-body { text-align: center; padding-right: 20px; }
	.map-details-body .hours { display: inline-block; float: none; }
	.map-details-foot { text-align: center; }
	.map-details p { font-size: 12px; }
	.map-details .list-contacts li { font-size: 12px; }
	.map-details:after { display: table; content: ''; }

	.map-details:after { clear: both; }

	.section-vehicle-tips:before { clear: both; }


	.section-brands { padding: 0 15px 20px 15px; }

	.slider-tips h1 { padding-left: 15px; }
	.slider-tips, .slider-tips .slider-clip, .slider-tips .slide { height: auto; padding-bottom: 10px; }
	.slider-tips .slide-content { padding: 3px 40px 0 40px; }
	
	.footer-bar { padding-left: 10px; padding-right: 10px; }
	.footer-bar .form-head { float: none; text-align: center; padding: 0 0 20px 0; display: block; height: 50px; width: 330px; margin: 0 auto; }
        .footer-bar .form-head-content { width: 250px; }
	.footer-bar .form-body { width: 100%; }
	.footer-bar .form-row { float: none; }
	.footer-bar input { float: none; }
	.footer-bar .field { width: 100%; margin-bottom: 10px; }
	.footer-bar .form-btn { width: 100%; }
	.footer-bar .form-actions { float: none;  }

	.footer-utilities { padding-top: 29px; }

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

	.footer-col { padding-left: 15px; padding-bottom: 20px; display: block; float: none; margin: 0 auto;}
	.footer-col ul.left { display: block; float: none; width: auto; padding-right: 0px; }
	.footer-col ul.right { display: block; float: none; width: auto; padding-right: 0px; }
	
	.footer-col-size2 { width: auto; }
	
	.copyright { padding-left: 15px; }



}


