@media only screen and (max-width:1650px){
.picture{ margin:0 -34px 0;}
}
@media only screen and (max-width:1350px){
.picture{ margin:0 -35px 0;}
}

@media only screen and (max-width:1280px){ 
.service_nav ul li { width:13%;}
.picture{ margin:0 -33px 0;}
}
@media only screen and (max-width:1200px){ 
.service_nav ul { float:none; display:block; margin:0 auto;}
.service_nav ul li{ float:none;}

.slider{ position:relative;}
.content{ height:inherit; display:block;}
.content .container{ display:block;}
.images .container{ padding:164px 0 0; bottom:-225px;}
.howitwrks_in{ width:76%;}
.brif{ padding:0;}

/*------------------- CAR SERVICE PAGE-----------------------*/
.service_main2{ background-size:50% auto;}

.list1{ left:40px; top:232px;}
.line1 img{ width:170px;}


.list2{ left:60px; top:-27px;}

.line4{ top:110px; ms-transform: rotate(82deg);-webkit-transform: rotate(82deg);transform: rotate(82deg);}
.list5{ right:412px; top:-99px;}

.list4{ right:223px; bottom:-70px;}
.line4{top: 120px;left: -65px;-ms-transform: rotate(136deg);-webkit-transform: rotate(136deg);transform: rotate(136deg);}
.line4 img{ width:190px;}

.list6{ right:70px; top:30px;}
.line6{ top:70px; left:-125px;}
.line6 img{ width:140px;}

.list7{ right:130px; bottom:-380px;}
.line7{top:-93px; left: -85px; -ms-transform: rotate(264deg);-webkit-transform: rotate(264deg);transform: rotate(264deg);}
.line7 img{ width:190px;}


.list1:hover .car_serve1{ display:none;}
.list2:hover .car_serve2{ display:none;}
.list3:hover .car_serve3{ display:none;}
.list4:hover .car_serve4{ display:none;}
.list5:hover .car_serve5{ display:none;}
.list6:hover .car_serve6{ display:none;}
.list7:hover .car_serve7{ display:none;}


}

@media only screen and (max-width:1100px){
.container{ width:95%; margin:0 auto;}
.search_info1 .btn1{ width:70px;}
.picture{ margin:0 -28px 0;}

/***************** Car Service Form Page Here *********************/
.serve_tab ul li{ padding:12px 9.7px 14px !important;}

/***************** Car Service Deals page Here *********************/
.car_img2{ height:180px;}
.quote2 ul li{ width:24.2%; margin:0 1% 2% 0;}
.line_1{ right:-6px;}

}
@media only screen and (max-width:991px){
.wrapper{ margin:0 auto;}
header .bottom-header .navbar-default .navbar-nav > li{ margin:0 12px 0 0;}
header .bottom-header .navbar-default .navbar-nav > li > a{ font-size:12px;}
header.affix .container .navbar .navbar-nav li a{ padding:0;}
.inner-page.about-us, .inner-page.services, .inner-page.pricing-tables, .inner-page{ margin-top:80px; margin-bottom:100px;}
.images .container{ padding:100px 0 0;}
.picture{ margin:0 -25px;}
.images .container{ padding:14px 0 0; bottom:0;}
.howitwrks_in{ width:95%;}
.brif{ width:100%; padding:0;}
.brif ul li{margin:0 122px 95px 0;}

#push1{ display:none;}
.footer_lft ul ul li h3{ font-size:16px;}
.footer_lft ul ul li a{ font-size:12px;}
.getin_touch h2{ font-size:16px;}
.getin_touch p{ font-size:12px;}
.newslter h2{ font-size:16px;}
.newslter p{ font-size:12px;}
.search_info1 .textfeild{ font-size:12px; padding:5px 6px;}
.search_info1 .btn1{ width:55px; font-size:12px; padding:7px 0px;}


/***************** Car Service Page Here *********************/
.service_main2{ background-size:330px auto; margin:0 auto; height:420px;}
.service_list1{ width:650px; margin:0 auto; position:relative;}
.service_list img{ width:30px; margin:0 auto;}
.service_list a{ font-size:12px;}
.list1{ left: 50px; top: 290px;}
.list2{ left:-20px; top:175px;}
.list3{ left: 50px; top: 55px;}
.list4{ right: 290px; top: 37px;}
.list5{ right: 110px; top: 52px;}
.list6{ right: -13px; top: 168px;}
.list7{ right: 73px; bottom: -380px;}

.line1{ display:none;}
.line2{ display:none;}
.line3{ display:none;}
.line4{ display:none;}
.line5{ display:none;}
.line6{ display:none;}
.line7{ display:none;}
.list1:hover .car_serv1{ display:none;}
.list2:hover .car_serv2{ display:none;}
.list3:hover .car_serv3{ display:none;}
.list4:hover .car_serv4{ display:none;}
.list5:hover .car_serv5{ display:none;}
.list6:hover .car_serv6{ display:none;}
.list7:hover .car_serv7{ display:none;}

/***************** Car Service Form Page Here *********************/
.video_pattern .container{ width:95%;}
video{ display:none;}

.serve_tab ul li{ padding:12px 24.7px 14px !important;}
.form_sec1 ul li{ width:40%;}
.form_sec1 ul li.or{ padding:7px 7px 0;}
.submit_btn3{ padding:7px 0 !important;}

/***************** Car Service Deals page Here *********************/
.quote2 ul li{ width:31.2%; margin:0 2% 2% 0;}
.line_1{ right:-8px;}
.quote2 ul li.last{ width:31.2%; margin:0 2% 2% 0 !important;}
}
@media only screen and (max-width:767px) {
.back_top img{ width:20px; height:auto; background-size:cover;}
.home_wrapper{ padding:0; height:auto;}
.wrapper{ padding:0;}
/*.container{ width:90%; margin:0 auto;}*/
.toolbar{ margin:10px 0 0;}
.toolbar ul{ width: 298px;float: none !important;text-align: center;margin:0 auto !important;}
.toolbar ul li{    margin: 0 18px 0 0;}
.toolbar ul li i{ font-size:10px; padding:0 3px 0 0;}
.toolbar ul li a{ font-size:9px;}
.registor_main ul{ width:auto;}
header.affix{ position:static; height:auto;}
header{ position:relative; height:auto;background-size: auto 2%;}

header .bottom-header .navbar-default .navbar-brand{ width:50%; display:block; margin:20px auto 25px !important; float:none;}
.logo a{width:31%;display: block;margin:0;}
header.affix .container .navbar .navbar-brand img{ width:100%;}
.navbar-collapse{ padding:0 !important; border:none;}
.navbar{ margin:0;}
.bottom-header{ padding:0;}
header .bottom-header .navbar-default .navbar-nav{ width:100%; height: 100%; background:rgba(0, 0, 0, 0.72); padding:50px 0 0 0; margin: 0 -760px 0 0;  position: fixed;  right: 0;  top:0;z-index: 999999; webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out;}
header .bottom-header .navbar-default .navbar-nav > li{ width:100%; display:block; margin:0 0;}
header .bottom-header .navbar-default .navbar-nav > li > a{ font-size:12px; color:#ffffff; padding:8px 0 !important; text-align:center;}
.add_cart{ width:300px; top:105px; z-index:99999999;}
.cartContainer{ margin:0 0 0 30px;}
a.menu_icon { width: 30px; height: 25px;background: url(../images/menu-sprite.png) no-repeat;display: block;cursor: pointer; margin:2px 0 0 0; padding: 0; float: right;transition: all 0.5s ease-in-out; position:absolute; top:20px; right:16px; z-index:9;}
a.menu_icon:hover {  background: url(../images/menu-sprite.png) no-repeat 0 -30px; transition: all 0.5s ease-in-out;}
a.menu_icon.active {  background: url(../images/menu-sprite.png) no-repeat 0 -30px; transition: all 0.5s ease-in-out;}
.navbar-nav .close	{width: 19px !important; height: 20px !important; line-height: 17px; position: absolute; top: 13px; right: 7px; color: #ffffff; opacity: 1;}
.slider .bx-wrapper { margin:0 auto 0;}
.content{ position:static; background:#ffffff;}
.service_nav ul li a{ border-bottom:solid 1px #8f8f8f; padding:6px 0;}
.service span{ display:none;}
.service_nav ul li a.service small{ display:block;}
.cart_label{ font-size:10px;}
.cart_count{ font-size:10px; padding:2px 3px; margin:0;}
.fa-shopping-cart{ font-size:12px;}
.inner-page.about-us, .inner-page.services, .inner-page.pricing-tables, .inner-page{ margin:0px;}
.service_nav ul li { width:100%;}

.images .container.stickylist{ position:static;}
.images .container{ position:static; padding:0 0 20px 0;}
.service_nav ul{ float:none; display:block;}
.service_nav ul li{ float:none; display:block; margin:0;}
.service_nav ul li a{ width:100%; text-align:center; padding:12px 0;}

.picture{ padding:0; margin:0 auto;}
.service_nav{ margin:20px 0 0;}

.howitwrks_in{ width:95%; padding:30px 0;}
.howitwrks h2{ font-size:20px; padding:0 0 20px; letter-spacing:0; word-spacing:0;}
.howitwrks h2:before{top: 24px;left:34%;width: 177px;}
.brif{ width:200px; padding:0; background:none;}
.brif ul li { width:100%; min-height:inherit; margin:0 0 20px 0; float:none; display:block;}

footer .container{ width:85%;}
.footer_top{padding: 25px 0 20px 0 !important;}
.footer_lft{ margin:0; float:none !important;}
.footer_lft ul{ width:100%; float:none; display:block;}
.footer_lft ul li{ width:50%; margin:0 0 10px 0;}
.footer_lft ul ul li{ width:100%; margin:0; padding:0 0 9px 0;}
.footer_lft ul ul li h3{ font-size:12px; padding:0 0 5px;}
.footer_lft ul ul li a{font-size:11px; display:block; background:none; padding:0;}
.footer_lft ul li.abut {text-align:right !important;}
.footer_lft ul ul li a:hover{background:none;}
.footer_rght{ float:none !important; margin:0 auto; text-align:center;}
.getin_touch { width:100%; float:none;}
.getin_touch h3{ font-size:12px; text-align:right; padding: 0 0 10px 0;}
.getin_touch p{ font-size:11px; text-align:right; line-height: 18px;}
.newslter{ padding:0; float:none !important;}
.newslter h3{font-size:12px; text-align:left; padding:0 0 15px 0;}
.newslter h3.ver{ text-align:right;}
.fa-cc-visa{ float:right;}
.fa-cc-mastercard{ float:right;}
.socail_icons{ width:175px; margin:0; float:left;}
.search_info1 .textfeild{ width:73%;}
.search_info1 .btn1{ width:70px;}
.copy_rights{ padding:15px 0;}

/***************** Car Service Page Here *********************/
.service_main2{ background-size:130px auto; margin:0 auto; height:250px;}
.service_list1{ width:300px; margin:0 auto; position:relative;}
.service_list img{ width:20px; margin:0 auto;}
.service_list a{ font-size:11px;}
.line1{ display:none;}
.list1{ left:0; top:170px;}
.list2{ left:-30px; top:105px;}
.list3{ left:0;top:46px;}
.list4{ right:80px; top:25px;}
.list5{ right:-10px; top:45px;}
.list6{ right:-13px; top:108px;}
.list7{ right:68px; bottom:-240px;}
.list1:hover .car_serv1{ display:none;}
.line2{ display:none;}
.list2:hover .car_serv2{ display:none;}
.line3{ display:none;}
.list3:hover .car_serv3{ display:none;}
.line4{ display:none;}
.list4:hover .car_serv4{ display:none;}
.line5{ display:none;}
.list5:hover .car_serv5{ display:none;}
.line6{ display:none;}
.list6:hover .car_serv6{ display:none;}
.line7{ display:none;}
.list7:hover .car_serv7{ display:none;}


/***************** Car Service Form Page Here *********************/
.service_lft{ padding:0; margin:0 0 20px;}
.service_rght{ padding:0 0 50px;}
.form_section{ padding:0 0 5px 0;}
.form_section ul li{ width:100%;}
.resp-accordion img{ display:none;}
.service_main h2:before{ width:240px; left:29%;}
.upload_file ul li{ width:80px !important;}
.upload_img{ width:80px;}
.form_sec1 ul li.or{ width:100%; padding:9px 0;}
h2.resp-accordion{ border:none;border-bottom:1px solid #c1c1c1; padding:5px 15px !important;}
h2.resp-accordion:before{ display:none !important;}
h2.resp-accordion:first-child{ border:none;}
/***************** Car Service Deals page Here *********************/
.car_img2{ height:130px;}
.quote2 ul li{ width:47%; margin:0 5% 2% 0;}
.line_1{ right:-15px;}
.quote2 ul li:nth-child(2n){ margin:0 0 2% 0;}
.quote2 ul li.last{ width:47%; margin:0 0 2% 0 !important;}

}
@media (max-width:599px) {
.howitwrks h2:before{left:32%;width: 163px;}
.service_main h2:before{ width:240px; left:24%;}

/***************** Car Service Deals page Here *********************/
.car_img2{ height:90px; margin:0 auto 15px;}
.quote2 ul{ width:90%; margin:0 auto; text-align:center; float:none; display:block;}
.quote2 ul li{ width:100%; margin:0 0 2% 0;}
.line_1{ display:none;}
.quote2 ul li:nth-child(2n){ margin:0 0 2% 0;}
.quote2 ul li.last{ width:100%; margin:0 0 2% 0 !important;}
.img_slider ul li{ width:220px !important; margin: 0 40px 0 30px !important;}
}

@media (max-width:479px) {

.howitwrks h2:before{left:24%;width: 157px;}
/***************** OPEN POPUP Here *********************/
.lorem ul{ width:95%;}
.lorem ul li{ width:23%; margin:20px 0 0 !important;}
.lorem ul li strong{ font-size:12px !important;}
.copy_rights p{ font-size:11px;}
.service_main h2:before{ width:240px; left:11%;}

/***************** Car Service Deals page Here *********************/
.car_img2{ height:70px; margin:0 auto 15px;}
}

@media (min-width:768px) {.nav{ display:block !important;}.scroll_nav{ display:block !important;}}