@charset "utf-8";
/* @override http://beta.thedolectures.co.uk/wp-content/themes/dolectures/css/mediaqueries.css */
/*JC car dealer plugin*/
.cdp-listing .cdp-filter p {  display: none;}
.car-dealer-container .cdp-item .pic{width: 28%;}
.car-dealer-container .cdp-info{width: 39%;}
.car-dealer-container .price-box{width: 33%;}
.car-dealer-wrapper .car-title{line-height: 40px;}
.cdp-listing .cdp-filter .view button{height: 42px;padding: 8px;}
.car-dealer-container .cdp-tabswrap .cdp-grid li{width: 50%;}
.car-dealer-container{padding-top:50px;}
.car-dealer-container .cdp-two-row .cdp-price::before{height: auto;}    
.car-dealer-container .flex-direction-nav a{color: transparent; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none;}
.car-dealer-container .flex-direction-nav a::before{line-height: 40px;}
.car-dealer-container .cdp-tabswrap .cdp-car-info ul{padding-bottom: 0;}
.car-dealer-container .des-car ul li span{width: 54%;}


@media only screen and (min-width:768px) and (max-width:1169px) {
.car-dealer-container{padding-left: 10px; padding-right:10px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
#header-full { height:auto;}	
}
@media screen and (max-width: 320px) {

#facebookheader {
    float: right;
    margin: -131px 0 !important;
}

#bottom_left > div img {
    height: auto;
    width: 96%;
}
.wrapper { width:100%; overflow: hidden;}
.header_link {padding: 7px 0 0; width: auto;}
.top_header {height: auto; padding: 25px 0 0; width: 100%;}
.site_57 .top_header { background: none repeat scroll 0 0 #8C0404; padding: 15px 0 0;}
.site_69 .logo { margin: 12px auto;}
.logo {float: none; margin:  0 auto; width: 230px;}
.site_93 .logo {float: none; margin:  0 auto; width: 230px; text-align: center}
.site_179 .logo {text-align: center;}
.site_80 .logo {text-align: center;}
.site_57 .top_second_logo { margin: 5px auto; width: 72%;}
.contact {float: none; padding: 0; text-align: center; width: 100%;}
.site_57 .contact {float: none; margin: 0 auto; width: 300px;}
.header_link ul {display: block; float: right; width: auto;}
.header_link ul li {display: block; float: none; padding: 0 55px 0 0; text-align: center;}
.shailan-dropdown-menu {height: 25px; padding: 10px 0; width: 100%;}
.content {background: url("images/content_bg.jpg") repeat-y scroll center 0 transparent; width: 100%;}
.main_content {margin: 0; width: 100%;}
.top_content_1 {width: 100%;}
.slider {float: none; height: auto; padding: 0; width: 100%;}
.top_cont_right {float: none; padding: 10px 0 0; width: 100%;}
.banner {background: url("images/banner_bg.png") no-repeat scroll center top transparent; margin: 14px 0 0; padding: 0 0 14px; width: 100%;}
.banner ul {display: block; float: none; text-align: center;}
.banner ul li {background: url("images/banner_li_bg.jpg") no-repeat scroll right 1px transparent; display: block; float: none;}
.service_image { margin:0 auto;}
.nivoSlider { width:100% !important;}
.nivoSlider img { width:100% !important;}
.our_service {padding: 0 4px; width: auto;}
.bottom_content {background: url("images/btm_cont_shadow.png") no-repeat scroll center top #FFFFFF; padding: 2%; width: 96%;}
.bottom_left {float: none; width: 97%;}
.bottom_right {float: none; padding: 0; width: 100%;}
.logos {border-top: 3px solid #EFEFEF; margin: 0 auto; padding: 7px 0; position: relative; width: 100%;	background: none repeat scroll 0 0 #FFFFFF;}
.logos ul {display: block; float: none; text-align: center;}
.logos ul li {display: inline; float: none; padding: 0 5px;}
.yellow_bar {height: 30px; left: 0px; position: absolute; width: 100%;}
.footer_left {float: none; padding: 0; text-align: center; width: 100%;}
.footer_left p {color: #84A0C9; font: 11px Verdana,Geneva,sans-serif; padding: 0 0 10px !important;}
.footer_right { display:none;}
.right_black { display:none;}
.left_black { display:none;}
#bottom_left iframe { height: 300px; width: 91%;}
.right_video {background: url("../images/napa24warranty.jpg") repeat scroll center 0 transparent; height: 140px; text-align: center; margin: 10px auto; width: 295px;}
 .service_image_text {
    background: url("images/service_img_text.gif") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 38px;
    left: 0;
    padding: 12px 15px 0;
    position: absolute;
    width: 192px;
}
.marquee {
    border: 2px solid gray;
    color: #333333;
    font-family: "Trebuchet MS",Arial,sans-serif,Tahoma;
    font-size: 13px;
    height: 175px;
    line-height: 24px;
    margin: 0 0 50px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    width: 89%;
}
.call_button_bg {

    margin: 10px auto;
   
}
/*.contact_info_top {
    background: none repeat scroll 0 0 transparent;

}
*/
.contact_info_top {
    background: none repeat scroll 0 0 transparent;
    height: 6px;
    width: 100%;
}

.contact_info_rpt h1 { font: bold 22px/21px "Trebuchet MS",Arial,Helvetica,sans-serif;}

.inner_bottom_content {
    width: 100%;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 25px 5px;
}

.main_content {
    width: 100%;
}

.inner_top {
    width: 100%;
    display: none;
}
.contact_form input.medium {
    width: 250px !important;
}
.contact_form .top_label textarea.textarea {
    background-position: -2px -2px;
    border: 1px solid #666666;
    color: #555555;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 120px;
    margin-left: 0 !important;
    padding: 2px !important;
    width: 89% !important;
}

/* Hss css for new responsive */

.header { height: auto;}
.header_content{ height: auto;}

.contact_address_visible { display: none;}
.lp_for_full { display: none;}
.lp_for_small { display: block;}

.menu {width: 100%; height: auto;}
.top_content {background: #fff; text-align: center; padding: 14px 0 0; width: 100%;}

.wrapper .contact_info_rpt_small { padding: 4% 2%; width: 96%;}
.lp_for_small .contact_info_rpt_small { background: #fff; padding: 6px 10px; text-align: center; width: 94%; }
.lp_for_small .contact_info_rpt_small h1 {background: url("../images/contact_icon.gif") no-repeat scroll 35px 0 transparent; color: #343434; display: block; font: bold 14px/21px "Trebuchet MS",Arial,Helvetica,sans-serif; padding: 0 0 0 28px; text-transform: uppercase;}
.lp_for_small .contact_info_rpt_small h2 { color: #343434; font: bold 14px "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: 1px; padding: 12px 0 0;}
.lp_for_small .contact_info_rpt_small p { color: #343434; font: 14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;}
.lp_for_small .divider { margin: 7px 0 7px 9px;}
.lp_for_small .divider2 { margin: 7px 0 7px 9px;}
.lp_for_small .time{ width: 100%;}
.lp_for_small .time .divider3 { margin: 7px 0 7px 9px;}

.napa_banner img { width: 75%;}
.napa_banner {height: 132px;margin: 0 auto; padding: 0; text-align: center; width: 290px;}

.contact_info_rpt { background: none repeat scroll 0 0 transparent; margin: 0 auto; padding: 6px 11px; text-align: center; width: 93%;}
.time { font: 14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif; width: 270px;}
.card {
    padding: 15px 0 0;
    width: 100%;
}
.contact_info_btm {background: none repeat scroll 0 0 transparent; height: 8px;width: 100%;}

/* Hss css end here */

.gform_wrapper .top_label .gfield_label { float: none; margin: 0; width: 100%;}
.gform_wrapper #input_1_2 { margin-left: 0;}
.gform_wrapper #input_1_3 { margin-left: 0;}

.alignright {  float: none; margin: 10px auto; padding: 0; width: 92%;}

}
@media screen and (max-width: 1003px){
.site_14 #facebookheader {
  right: 240px;
  top: 50%;
  transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
}

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

.contact { margin: 0;}
.top_second_logo {  margin: 0 auto 0 122px;}
.site_152 .top_second_logo {  margin: 0 auto 0 0px;}
.site_87 .contact { margin-top: 0; width: 250px;}
.site_118 .contact { margin-top: 0;}
.site_123 .top_second_logo { margin: 0 auto;}
.site_40 .appt { margin-right: 15%;margin-top: -43px;}
.site_152 .contact { width: 50%;}
.site_188 .top_second_logo {left: 22%; position: absolute; margin: 0 auto 0 122px;}
.site_10 .header_content {height: 215px;margin-top: -40px;width: 100%;}
.site_10 .top_rightbg ul li {background-size: 100% 110%;float: left;height: 86px;position: relative;top: -21px;width: 162px;}
.site_10 .header_right p {font-size: 11px;line-height: 12px;margin: 3px 16px 10px;text-align: left;}
.site_10 .top_rightbg ul li img {float: right;margin: 6px -6px 10px 0;width: 35px;}
.site_10 #miimg {position: relative;top: -21px;}
.site_10 .top_header {width: 100%;}
}


@media screen and (max-width: 960px){
    
.site_139 .logo2 {
    float: left;
    margin: 0 0 0 25px;
    width: 230px;
}

}

@media screen and (max-width: 800px){
.site_40 .appt {margin-right: 119px;margin-top: -41px;padding: 6px;}
.site_152 .contact { width: 39%;}
.site_188 .logo img {width: 100%;}
.site_188 .logo{width:218px;}
.site_188 .top_second_logo {margin: 0 auto 0 -23px;left: 34%;position: absolute;width: 23%;}
.site_10 .top_rightbg ul li {background-size: 100% 111%;position: relative;top: -10px;width: 130px;left:5px;}
.site_10 .header_right p { font-size: 10px;line-height: 12px;margin: 3px 11px 10px;text-align: left;}
.site_10 .top_rightbg ul li img {float: right;margin: 0 -6px 10px 0; width: 30px;}
.site_10 #miimg {position: relative;top: -10px;}
}

@media screen and (max-width: 768px){
.site_76 .logo img { width: 100%;}
.site_76 .top_header .logo {width: 30%;}
.site_40 .appt {margin-right: 131px;margin-top: -41px;}
.site_188 .top_second_logo > img {width: 222px;}
.site_188 .logo img {width: 100%;}
.site_188 .logo{width:214px;}
.site_188 .top_second_logo {margin: 0 auto 0 -23px;left: 34%;position: absolute;width: 23%;}
.site_10 .contact {width: 190px;}
.site_10 .logo img {width: 80%;}


.site_133 .nsalogo {
    float: left;
    text-align: center;
    width: 37%;
    margin-top:0px;
}
.site_55 .nsalogo {
    float: left;
    text-align: center;
    width: 37%;
    margin-top:0px;
} 
}
/*JC car dealer plugin*/
@media screen and (max-width: 767px){
.car-dealer-container .cdp-item .pic,
.car-dealer-container .cdp-info,
.car-dealer-container .price-box{width: 100%;}
}
@media screen and (max-width: 736px){
   .site_133 .nsalogo { float: left; text-align: center; width: 38%; margin-top:0px; }
   .site_133 .contact {width:208px;}
    .site_55 .nsalogo { float: left; text-align: center; width: 38%; margin-top:0px; }
   .site_55 .contact {width:208px;}
   .site_170 .nsalogo { float: left; text-align: center; width: 38%; margin-top:0px; }
   .site_170 .contact {width:208px;}
}



@media screen and (max-width: 667px){
    .site_133 .nsalogo {float: left;text-align: center;width: 38%;margin: 47px 0 -1px 2px;}
    .site_133 .logo {float: left;margin: -40px 2px;width: -10px;position: absolute;}
      .site_55 .nsalogo {float: left;text-align: center;width: 38%;margin: 47px 0 -1px 2px;}
    .site_55 .logo {float: left;margin: -40px 2px;width: -10px;position: absolute;}
    .site_170 .nsalogo {float: left;text-align: center;width: 38%;margin: 47px 0 -1px 2px;}
    .site_170 .logo {float: left;margin: -40px 2px;width: -10px;position: absolute;}
    .site_86 .nsalogo2 {margin: 0px auto; text-align: center; width: 27% !important;}
    .site_86 .logo img {width:80%;}
    .site_86 .nsalogo2 img {width:100%;}
    .site_86 #facebookheader{float: right; margin: -80px 23px;}
    .site_86 .contact {float: right; margin-top: -40px;  padding: 0 25px 0 0; text-align: right; width: 330px;}
     

.site_210 .header_content {
    height: 300px;
    background-image: none;
    background: #031a3c none repeat scroll 0 0;
}     
.site_210 .header {
    height: 300px !important;
}

/*JC car dealer plugin*/
.car-dealer-container .cdp-tabswrap .cdp-grid li {  width: 100%;}
}

@media screen and (max-width: 640px){
.site_14 #facebookheader{right: 0; top: -18px; transform: translateY(0);-moz-transform: translateY(0); -webkit-transform: translateY(0); }
.site_14 #facebookheader img { max-width: 22px;margin-left: 4px;}
}

@media screen and (max-width: 600px){
    .site_133 .nsalogo {float: left;width: 50%; margin-top: 81px !important;}
    .site_133 .logo {float: left;margin: -7px 15px;position: absolute;}
     .site_55 .nsalogo {float: left;width: 50%; margin-top: 81px !important;}
    .site_55 .logo {float: left;margin: -7px 15px;position: absolute;}
    .site_170 .nsalogo {float: left;width: 50%; margin-top: 81px !important;}
    .site_170 .logo {float: left;margin: -7px 15px;position: absolute;}
    .site_86 .logo {float: left;}
    .site_86 .nsalogo2 {width: 32% !important; margin-left: 0px; }
    .site_86 #facebookheader {float: right;margin: -145px 23px;}
    .site_86 .contact { float: right;margin-top: -76px;padding: 0 25px 0 0;text-align: right;width: 330px;}
    .site_149 .contact {width: 360px; text-align: center; padding: 0 0px 0 15px; float: none; }

}


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

.site_10 .top_rightbg ul {left: -20%;padding: 0;position: relative;top: 10px;}
.site_10 .logo {float: left;margin: 0 auto 12px;width: 230px;}
.site_10 .contact {float: right;padding: 0;text-align: center;}
.site_149 .contact {width: 360px; text-align: center; padding: 0 0px 0 15px; float: none; }
}



@media screen and (max-width: 640px){
.menu { padding: 5px 0 0;}
.top_second_logo { float: none; margin: 5px auto; text-align: center; width: 100%;}
.contact { margin: 0 auto; width: 100%;}
.site_157 .contact { margin: 0 auto; width: 100%;text-align: center!important;float: none;}
.site_55 #facebookheader {
    float: right;
    margin: -13px 118px -27px 8px;
}
.site_35 .top_header .logo { float: left; width: 200px; margin-left: 32px;}
.site_35 .top_header .logo img { width: 100%;}
.site_35 .top_header .logo1 { float: none; margin: -5px 0 0 280px; width: 330px;}
.site_35 .top_header .logo1 img { width: 100%;}
.site_40 .appt {  float: none; margin: 0 auto; text-align: center; width: 27%;}
.site_40 .logo { width: 125px;margin-top: -17px;}
.site_69 .logo { margin: 12px auto;}
.site_40 .logo img { width: 100%;}
.site_44 .affi_logo { width: 60%;}
.site_48 .logo img { width: 100%;}
.site_48 .logo { float: none; margin: 0 auto; width: 30%;}
.site_117 .logo { text-align: center; width: 100%;}
.site_48 .top_second_logo { float: none; margin: 0 auto; width: 100%; }
.site_48 .contact { float: none; margin: 0 auto; width: 100%;}
.site_59 .top_second_logo { float: none; left: 0; margin: 5px auto; position: relative; text-align: center; width: 100%; }
.site_59 .menu { padding: 0;}
.site_59 .logo { margin: 0 auto; text-align: center; width: 100%;}
.site_59 .top_header { background: none repeat scroll 0 0 #4D4D4D; height: auto; padding: 20px 0; width: 100%;}
.site_59 .contact { float: none; margin: 0 auto; padding: 0; text-align: center; width: 100%;}
.site_51 .logo { text-align: center; width: 100%;}
.site_51 .top_second_logo { float: none; margin: 10px auto; text-align: center; width: 100%;}


.site_123 .logo { text-align: center; width: 100%;}
.site_123 .top_second_logo { margin: 0 auto; padding: 0; width: 100%;}
.site_123 .header_content { /*background: none repeat scroll 0 0 #950505;*/}
.site_123 .contact { width: 100%;}
.site_122 .logo { text-align: center; width: 100%;}
.site_122 .top_second_logo { margin: 0 auto; padding: 0; width: 100%;}
.site_122 .contact { width: 100%;}
.site_123 #facebookheader { float: none; margin: 0 auto; text-align: center;}
.site_10 .header_content {height: 215px;margin-top: 0;width: 100%;}
.site_10 .top_rightbg ul {position: relative;top: 10px;left: -14%;}
.site_10 .header_link {margin: 0 -30px;width: auto;}
.site_10 .logo {float: left;}
.site_10 .contact {width: 190px;float: right;}
.site_10 .top_rightbg ul li {background-size: 100% 100%;}
.site_10 .header_right {float: none;margin: 0 auto;padding: 0;width: 75%;}
 
   
   .site_133 .nsalogo {float: left; margin: 15% 0 0 -18px !important; text-align: center; width: 50%;}
   .site_133 .top_header {height: 235px;padding: 25px 0 0; width: 100%;}
   .site_133 .logo {float: left; margin: 0 10px;  position: absolute;}
    .site_55 .nsalogo {float: left; margin: 15% 0 0 -18px !important; text-align: center; width: 50%;}
   .site_55 .top_header {height: 200px; padding: 25px 0 0; width: 100%;}
   .site_55 .logo {float: left; margin: 0 10px;  position: absolute;}
   .site_170 .nsalogo {float: left; margin: 15% 0 0 -18px !important; text-align: center; width: 50%;}
   .site_170 .top_header {height: 200px; padding: 25px 0 0; width: 100%;}
   .site_170 .logo {float: left; margin: 0 10px;  position: absolute;}
   .site_149 .contact {width: 360px; text-align: center; padding: 0 0px 0 15px; float: none; }
   .site_175 .logo {text-align: center;}

   .site_14 .logo{width: 100%; text-align: center;}
   .site_14 .logo .main-header-logo { max-width: 230px;}
}

@media screen and (max-width: 568px){
/* appt form */
.inner_bottom_content #D3cpWidget { width: 100%;}
.inner_bottom_content .d3cp_form_title { width: 100%;}
.inner_bottom_content .d3cp_form_single { margin: 0; width: 95%;}
/* appt form */

/* Reviews */
.inner_bottom_content .d3cp_feature_wrap { width: 92%;}
.inner_bottom_content .d3cp_review_order { width: 92%;}
.inner_bottom_content .d3cp_review_main { width: 96%;}
.inner_bottom_content .d3cp_review_seal_wrap { padding: 10px 0; width: 100%;}
/* Reviews */

.site_35 .top_header .logo { margin-left: 15px; width: 200px;}
.site_35 .top_header .logo1 { margin: -5px 0 0 240px; width: 315px;}
.site_59 .top_second_logo { margin: 5px auto;}
.site_78 #bottom_left iframe { height: 300px; width: 100%; margin: 10px auto;}

.site_97 .logo { float: none; margin: 0 auto; text-align: center; width: 100%; }
.site_10 .header_link {float: right;margin: 0 -50px;width: auto;}
.site_120 .logo { float: none; margin-top: -10px; text-align: center; }

.site_133 .nsalogo { float: left; margin: 17% 0 0 !important; text-align: center; width: 50%; }
.site_55 .nsalogo { float: left; margin: 17% 0 0 !important; text-align: center; width: 50%; }
.site_170 .nsalogo { float: left; margin: 17% 0 0 !important; text-align: center; width: 50%; }
}

@media screen and (max-width: 480px){
.site_55 #facebookheader {display: none;}
.main_content #gform_1 #field_1_24 textarea { margin-left: 0;}
.gform_wrapper .top_label .gfield_label { margin: 10px 0 4px;}
.site_35 .top_header .logo { margin-left: 8px;width: 175px;}
.site_35 .top_header .logo1 { margin: -5px 0 0 190px; width: 282px;}
.site_35 ul.certified_logo { float: none; margin: 0 auto; width: 50%;}
.site_35 ul.certified_logo li { height: auto; margin: 10px 0; width: 100%;}
.site_57 .top_second_logo { float: none; margin: 5px auto; width: 47%;}
.site_76 .top_header .logo {width: 42%;}
.site_78 #bottom_left iframe { height: 250px;}

.inner_bottom_content #gform_1 .gfield_label { float: none; margin: 0; padding: 0; width: 100%;}
.gform_wrapper .gfield_description { margin-left: 0;}
.gform_wrapper #input_1_2 { margin-left: 0;}
.gform_wrapper #input_1_3 { margin-left: 0;}
.gform_wrapper #input_1_13 {margin-left: 0;}
.gform_wrapper #input_1_14 {margin-left: 0;}
.gform_wrapper #input_1_16 {margin-left: 0;}
.gform_wrapper #input_1_17 {margin-left: 0;}
.gform_wrapper ul.top_label .clear-multi { margin-left: 0;}
.gform_wrapper #input_1_18 { margin-left: 0;}
.gform_wrapper #input_1_19 { margin-left: 0;}
.gform_wrapper #input_1_20 { margin-left: 0;}
.gform_wrapper #input_1_21 { margin-left: 0;}
.gform_wrapper #input_1_22 { margin-left: 0;}
.site_40 .logo {margin-top: -5px;width: 125px;}
.site_10 .header_right {margin: 0 20%;width: 90%;}
.site_120 .logo { text-align: center; margin-top: -8px; }

.site_133 .logo {float: none;}
.site_133 .nsalogo { width: 100%; float: none; margin: 19% 0 -10px !important;}
.site_133 .contact {text-align: center; width: 100%;}
.site_133 .header {height: 400px !important;}
.site_133 .header_content {height: auto;  background-size: 100% 365px;}

.site_133 .top_header {
    height: 308px;
    padding: 25px 0 0;
    width: 100%;
}


    .site_133 .nsalogo {float: none; width: 100% !important;}
    .site_133 .logo {float: none; width: 93%; text-align: center;}
    
    
    
    .site_55 .logo {float: none;}
.site_55 .nsalogo { width: 100%; float: none; margin: 19% 0 -10px !important;}
.site_55 .contact {text-align: center; width: 100%;}
.site_55 .header {height: 400px !important;}
.site_55 .header_content {height: auto;  background-size: 100% 365px;}

.site_55 .top_header {
    height: 308px;
    padding: 25px 0 0;
    width: 100%;
}


    .site_55 .nsalogo {float: none; width: 100% !important;}
    .site_55 .logo {float: none; width: 93%; text-align: center;}
    .site_170 .logo {float: none;}
.site_170 .nsalogo { width: 100%; float: none; margin: 19% 0 -10px !important;}
.site_170 .contact {text-align: center; width: 100%;}
.site_170 .header {height: 400px !important;}
.site_170 .header_content {height: auto;  background-size: 100% 365px;}

.site_170 .top_header {
    height: 308px;
    padding: 25px 0 0;
    width: 100%;
}


    .site_170 .nsalogo {float: none; width: 100% !important;}
    .site_170 .logo {float: none; width: 93%; text-align: center;}
    
    
    .site_126 .contact {float: right;padding: 0;text-align: center;width: 100%;}
    .site_126 .logo {float: left;margin: 0 7% 0 50px;width: 230px;}
    .site_130 .contact {float: right;padding: 0;text-align: center;width: 100%;}
    .site_130 .logo {float: left;margin: 0 7% 0 50px;width: 230px;}
    .site_132 .contact {float: right;padding: 0;text-align: center;width: 100%;}
    .site_132 .logo {float: left;margin: 0 7% 0 50px;width: 230px;}
    .site_136 .logo {float: left;margin: 0 7% 0 119px;width: 230px;}
    .site_138 .logo {float: none;margin: 0 7% 0 70px;width: 230px;}
   
.site_110 .logo {
    margin-top: 0;  
}

.site_110 #facebookheader {
    float: right;
    margin: -6px 56px;
}
.site_110 .contact {margin-top: 30px;}

.site_86 .logo img {width: 70%}
.site_86 .nsalogo2 img {width: 127%}

.car-dealer-container .cdp-two-row .car-title{width: 100%;}

}
@media screen and (max-width: 380px){
   
.site_110 .logo { margin-top: 0; float: none; width: 100%;}
.site_197 .lp_for_small { background: none repeat scroll 0 0 #FFFFFF; display: block; text-align: center; width: 100%; margin-top: 32px;}
}
@media screen and (max-width: 380px){

/* Reviews */
.inner_bottom_content .d3cp_form select { width: 295px;}
.inner_bottom_content .d3cp_textarea { width: 290px;}
/* Reviews */

.header { background-size: 100% 100%; height: 255px !important; width: 100%;}
.site_59 .header { height: 430px !important;}
.site_35 .top_header .logo { margin-left: 5px; width: 150px;}
.site_35 .top_header .logo1 { margin: 0 0 0 160px; width: 218px;}
.site_40 .appt {width: 40%;}
.site_57 .top_second_logo { width: 60%;}
.site_72 .header { height: 295px !important; }
.site_78 #bottom_left iframe { height: 210px;}
.site_76 .top_header .logo { width: 55%;}

.site_87 .header { height: 294px !important;}
.site_107 .header { height: 286px !important;}
.site_117 .header { height: 280px !important;}
.site_123 .header { height: 365px !important;}
.site_10 .top_rightbg ul li {left: 5px;position: relative;top: -10px;width: 125px;}
.site_10 .logo {float: left;margin: 0 auto 12px;width: 185px;}
.site_10 .contact p {font: 12px Arial,Helvetica,sans-serif;}
.site_10 .contact span {font-size: 26px;}
.site_10 .header_right {margin: 0 13.5%; width: 100%;}
.site_133 .nsalogo { width: 100%; float: none; margin: 25% 0 -10px !important;}
.site_55 .nsalogo { width: 100%; float: none; margin: 25% 0 -10px !important;}
.site_170 .nsalogo { width: 100%; float: none; margin: 25% 0 -10px !important;}
.site_136 .logo {float: left;margin: 0 7% 0 100px;width: 230px;}
.site_138 .logo {float: none;margin: 0 7% 0 50px;width: 230px;}
}


@media screen and (max-width: 384px){
.site_133 .nsalogo {
    float: left;
    margin: 24% 0 -13px !important;
    text-align: center;
    width: 50%;
}
.site_55 .nsalogo {
    float: left;
    margin: 24% 0 -13px !important;
    text-align: center;
    width: 50%;
}
.site_170 .nsalogo {
    float: left;
    margin: 24% 0 -13px !important;
    text-align: center;
    width: 50%;
}
.site_149 .contact {width: 360px; text-align: center; padding: 0 0px 0 3px; float: none; }


.site_86 .logo {text-align: center; margin-left: 70px;}
.site_86 .nsalogo2 {width: 35% !important;margin-left: 104px;}
.site_86 #facebookheader {margin-top: 8px;margin-right: 128px;}
.site_86 .contact { float: none; margin-right: 52px;  margin-top: 50px;  padding: 0 25px 0 0;  text-align: center;  width: 100%;}

.site_86 .header {height: 375px;}
.site_86 .header_content { background-size:100% 91%;}
.site_86 

}

@media screen and (max-width: 375px){
.site_149 .contact {width: 360px; text-align: center; padding: 0 0px 0 0px; float: none; }
}

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

/* Reviews */
.inner_bottom_content .d3cp_form_title { width: 95%;}
.inner_bottom_content .d3cp_seal_expl_center #d3cp_text { font-size: 11px; padding-left: 5px; width: 71%;}
/* Reviews */

.site_35 .top_header { padding: 15px 0 0;}
.site_35 .top_header .logo { float: none; margin: 0 auto; width: 150px;}
.site_35 .top_header .logo1 { margin: 0 auto; width: 218px;}
.site_118 .contact { width: 100%;}
.site_118 .header { height: 300px !important;}

.site_10 .top_rightbg ul li {left: 3px;position: relative;top: -10px;width: 117px;}
.site_10 .contact {float: right;width: 160px;}
.site_10 .top_rightbg ul li {background-size: 100% 110%;height: 95px;}
.site_10 .top_rightbg ul {left: -12%;position: relative;top: 10px;}
.site_10 .header_right {margin: 0 12%;width: 100%;}
.site_10 .header_right p {font-size: 9px;line-height: 14px;margin: 5px 11px 10px;text-align: left;}
.site_120 .logo { float: none; margin-top: -10px; text-align: center; }
}


@media screen and (max-width: 340px){
    .site_149 .contact { float: none;  padding: 0; text-align: center; width: 355px; }
    .site_149 .menu {padding: 0;}
    .site_149 .lp_for_small {margin-top: 20px;}
    
}

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

/* Reviews */
.inner_bottom_content .d3cp_input_text { width: 98%;}
.inner_bottom_content .d3cp_review_main { width: 88%;}
/* Reviews */
.menu { padding: 15px 0 0;}

.site_87 .header { height: 300px !important;}
.header { height: 290px !important;}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { margin: 0 0 0 18px;}
.site_76 .top_header .logo { width: 65%;}
.site_117 .header { height: 300px !important;}
.site_123 .header { height: 388px !important;}

.site_40 .logo {margin-top: -13px;width: 125px;}
.site_10 .top_rightbg ul li {left: 3px;position: relative;top: -10px;width: 33%;height: 110px;}
.site_10 .top_rightbg ul li img {float: right;margin: 15px -6px 10px 0;width: 30px;}
.site_10 #miimg {position: relative;top: -13px;}
.site_10 .header_right p span {font-size: 13px;}
.site_10 .header_right p {font-size: 8px;}
.site_10 .logo img {width: 100%;}
.site_10 .contact {float: right;width: 170px;}
.site_10 .logo {float: left;margin: 0;width: 140px;}
.site_120 .logo { float: none; margin: 0 auto; text-align: center; }
.site_133 .nsalogo { width: 100%; float: none; margin: 29% 0 -10px !important;}
.site_55 .nsalogo { width: 100%; float: none; margin: 29% 0 -10px !important;}
.site_170 .nsalogo { width: 100%; float: none; margin: 29% 0 -10px !important;}
.site_136 .logo {float: left;margin: 0 7% 0 75px;width: 230px;}
.site_138 .logo {float: none;margin: 0 7% 0 25px;width: 230px;}
.site_86 .header {height: 385px !important;}
.site_86 #facebookheader {margin-top: 8px;margin-right: 110px !important;}
.site_86 .nsalogo2 {width: 42% !important;margin-left: 72px;}
.site_86 .logo {text-align: center;margin-left: 37px;}

.site_86 .nsalogo2 img {width: 120% !important;}
.site_149 .contact {float: none; padding: 0; text-align: center;  width: 270px; }
.site_197 .lp_for_small { background: none repeat scroll 0 0 #FFFFFF; display: block; text-align: center; width: 100%; margin-top: 3px;}

.site_14 .header_link{ float: left; padding-left: 10px;}
}
  @media screen and (max-width: 380px){
    
.site_86 .header {height: 380px !important;}
.site_86 .nsalogo2 img {width: 123%;}
.site_86 #facebookheader{margin-right: 140px; margin-top: 8px;}
   
.site_110 .logo {
    margin-top: 0;
    float: none;
    width: 100%;
}
} 
@media screen and (min-width: 381px) and  (max-width: 640px) {
.site_110 .logo {
    margin-top: 0;  
}

.site_110 #facebookheader {
    float: right;
    margin: -6px 56px;
}
.site_110 .contact {margin-top: 30px;}
}
 @media screen and (max-width: 380px){
   
.site_110 .logo {
    margin-top: 0;
    float: none;
    width: 100%;
}
}
@media screen and (min-width: 321px) and  (max-width: 640px) {

.contact_form input.medium {
    width: 92% !important;
}

.contact_form .top_label textarea.textarea {
    background-position: -2px -2px;
    border: 1px solid #666666;
    color: #555555;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 120px;
    margin-left: 0 !important;
    padding: 2px !important;
    width: 93% !important;
	background: none repeat scroll 0 0 #F4F2F3 !important;
}

#facebookheader {
    float: right;
    margin: -65px 0 !important;
}

.wrapper { width:100%; overflow: hidden;}
.header_link {
    float: left;
    padding: 7px 12px 0;
    width: auto;
}
.top_header {height: auto; padding: 25px 0 0; width: 100%;}
.site_57 .top_header { background: none repeat scroll 0 0 #8C0404; padding: 15px 0;}
.logo {float: none; margin: 0 auto 12px; width: 230px;}
.site_93 .logo {float: none; margin:  0 auto; width: 230px; text-align: center}
.site_80 .logo {text-align: center;}
.top_second_logo { float: none; margin: 5px auto; width: 40%;}
.contact {float: none; padding: 0; text-align: center; width: 100%;}
.site_57 .contact { margin: 0 auto; width: 300px;}
.header_link ul {display: block; float: right; width: auto;}
.header_link ul li {display: block; float: none; padding: 0 55px 0 0; text-align: center;}

.shailan-dropdown-menu {height: 25px; padding: 10px 0; width: 100%;}
.content {background: url("images/content_bg.jpg") repeat-y scroll center 0 transparent; width: 100%;}
.main_content {margin: 0; width: 100%;}

.top_content_1 {width: 100%;}
.slider {float: none; height: auto; padding: 0; width: 100%;}
.top_cont_right {float: none; padding: 10px 0 0; width: 100%;}
.banner {background: url("images/banner_bg.png") no-repeat scroll center top transparent; margin: 14px 0 0; padding: 0 0 14px; width: 100%;}
.banner ul {display: block; float: none; text-align: center;}
.banner ul li {background: url("images/banner_li_bg.jpg") no-repeat scroll right 1px transparent; display: block; float: none;}
.service_image { margin:0 auto;}
.nivoSlider { width:100% !important;}
.nivoSlider img { width:100% !important;}
.our_service {padding: 0 4px; width: auto;}
.bottom_content {background: url("images/btm_cont_shadow.png") no-repeat scroll center top #FFFFFF; padding: 2%; width: 96%;}
.bottom_left {float: none; width: 100%;}
.bottom_left img {/*width:100%;*/} 
.bottom_right {float: none; padding: 0; margin: 0 auto;}
.logos {border-top: 3px solid #EFEFEF; margin: 0 auto; padding: 7px 0; position: relative; width: 100%;	background: none repeat scroll 0 0 #FFFFFF;}
.logos ul {display: block; float: none; text-align: center;}
.logos ul li {display: inline; float: none; padding: 0 5px;}
.yellow_bar {height: 30px; left: 0px; position: absolute; width: 100%;}
.footer_left {float: none; padding: 0; text-align: center; width: 100%;}
.footer_left p {color: #84A0C9; font: 11px Verdana,Geneva,sans-serif; padding: 0 0 10px !important;}
.footer_right { display:none;}
.right_black { display:none;}
.left_black { display:none;}
.right_video {background: url("../images/napa24warranty.jpg") repeat scroll center 0 transparent; height: 140px; text-align: center; margin: 10px auto; width: 295px;}

.call_button_bg {

    margin: 10px auto;
   
}
.contact_info_top {
    background: none repeat scroll 0 0 transparent;

}
.contact_info_rpt {
    background: none repeat scroll 0 0 transparent;
    
}
.contact_info_rpt h1 {
 
    font: bold 22px/21px "Trebuchet MS",Arial,Helvetica,sans-serif;
 
}

.contact_info_rpt {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    padding: 6px 10px;
    text-align: center;
    width: 276px;
}
.contact_info_btm {
    background: none repeat scroll 0 0 transparent;
}

.napa_banner {
    height: 132px;
    margin: 0 auto;
    padding: 0;
    width: 296px;
}

.inner_bottom_content {
    padding: 30px 2%;
    width: 96%;
    background: none repeat scroll 0 0 #FFFFFF;
}

.main_content {
    width: 100%;
}

.inner_top {
    width: 100%;
    display: none;
}

/* Hss css for new responsive */

.header { height: auto;}
.header_content{ height: auto;}

.contact_address_visible { display: none;}
.lp_for_full { display: none;}
.lp_for_small { background: none repeat scroll 0 0 #FFFFFF; display: block; text-align: center; width: 100%;}


.menu {width: 100%; height: auto;}
.top_content {background: #fff; text-align: center; padding: 30px 0 0; width: 100%;}

.wrapper .contact_info_rpt_small { padding: 4% 2%;text-align: center; margin: 0 auto; }
.lp_for_small .contact_info_rpt_small { background: #FFFFFF; margin: 0 auto; padding: 5% 2%; width: 276px;}
.lp_for_small .contact_info_rpt_small h1 {background: url("../images/contact_icon.gif") no-repeat scroll 35px 0 transparent; color: #343434; display: block; font: bold 14px/21px "Trebuchet MS",Arial,Helvetica,sans-serif; padding: 0 0 0 28px; text-transform: uppercase;}
.lp_for_small .contact_info_rpt_small h2 { color: #343434; font: bold 14px "Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: 1px; padding: 12px 0 0;}
.lp_for_small .contact_info_rpt_small p { color: #343434; font: 14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;}
.lp_for_small .time{ width: 100%;}
.site_120 .logo {float: none;margin-top: -17px;text-align: center;}
/* Hss css end here */
/* new css site_40*/
.site_40 .top_header{padding: 0px 0 0 !important; }
.site_40 .logo{width: 115px; padding-top: 9px; margin: 0 auto 0px; text-align: center;}
.site_40 .logo img{width: 95%;}
.site_40 .contact span{font: bold italic 28px "Myriad Pro", Arial;}
.site_40 .contact{margin-top: -5px !important;}
/*End site_40*/

}

@media screen and (min-width: 641px) and (max-width: 768px) {

#facebookheader {
    float: right;
    margin: -44px 23px;
}


#bottom_left iframe {
    width: 95%;
}

.wrapper { width:100%;overflow: hidden;}
.header {
    
    height: 210px;
    width: 100%;
}
.header_content {
   	background-position: center bottom;
    height: 209px;
    width: 100%;
}
.header_link {  padding: 7px 0 0; width: auto;}
.top_header {height: auto; padding: 25px 0 0; width: 98%;}
.site_57 .top_header { background: none repeat scroll 0 0 #8C0404; padding: 15px 0;}
.logo {float: left; margin: 0 auto; width: 230px;}
.site_93 .logo {text-align: center}
.site_59 .top_second_logo { left: 24%; margin: 0; width: 39%;}
.site_51 .top_second_logo { margin: 0 auto 0 20px;}
.site_51 .logo { margin: 0 0 0 10px;}
.site_51 .contact { margin-right: 10px; text-align: right;}
.top_second_logo { margin: 0 auto 0 35px;}
.site_35 .top_header .logo {width: 200px;}
.site_35 .top_header .logo img { width: 100%;}
.site_35 .top_header .logo1 { margin: -5px 0 0 5px;}
.site_48 .logo img{ width: 100%;}
.contact {float: right; padding: 0; text-align: center; width: 250px;}
.site_57 .contact { margin: -5px; width: 272px;}
.header_link ul {display: block; float: right; width: auto;}
.header_link ul li {display: block; float: none; padding: 0 10px; text-align: center;}
.menu {width: 100%;}
.shailan-dropdown-menu {height: 25px; padding: 10px 0; width: 100%;}
.menu td ul li {
   
    padding: 0 2px !important;
   
}
.menu td ul li a {
    font: bold 12px Arial,Helvetica,sans-serif !important;
	 padding: 5px !important;
}
ul.dropdown li.parent > a:after {border-top: medium none !important;}
.content {background: url("images/content_bg.jpg") repeat-y scroll center 0 transparent; width: 100%;}
.main_content {margin: 0; width: 100%;}
.top_content {background: url("images/cont_top_bg.jpg") no-repeat scroll center top #303030; padding: 14px 0 0; width: 100%;}
.top_content_1 {width: 100%;}
.slider {float: none; height: auto; padding: 0; width: 100%;margin-left: 0;}
.top_cont_right {float: none; padding: 10px 0 0; width: 100%;}
.banner {margin: 14px 0 0; padding: 0 0 14px; width: 100%;}
.banner ul {display: block; float: none; text-align: center;}
.banner ul li {background: url("images/banner_li_bg.jpg") no-repeat scroll right 1px transparent; display: block; float: left; margin: 0;  width: 33%;}
.service_image { margin:0; width:100%}
.service_image img { width:100%;}
.nivoSlider { width:100% !important; height:288px !important;}
.site_59 .nivoSlider { width:100% !important; height:358px !important;}
.nivoSlider img { width:100% !important;}
.our_service {padding: 0 4px; width: auto;}
.bottom_content {background: url("images/btm_cont_shadow.png") no-repeat scroll center top #FFFFFF; padding: 2%; width: 96%;}
.bottom_left {float: none; width: 96%;}
.bottom_right {float: none; padding: 0; width: 100%;}
.logos {border-top: 3px solid #EFEFEF; margin: 0 auto; padding: 7px 0; position: relative; width: 100%;	background: none repeat scroll 0 0 #FFFFFF;}
.logos ul {display: block; float: none; text-align: center;}
.logos ul li {display: inline; float: none; padding: 0 5px;}
.yellow_bar {height: 30px; left: 0px; position: absolute; width: 100%;}
.footer_left {
    float: left;
    padding: 0 1%;
    text-align: left;
    width: 30%;
}
.footer_left p {color: #84A0C9; font: 11px Verdana,Geneva,sans-serif; padding: 0 0 10px !important;}
.footer_right {
    padding: 0 1% 2%;
    width: 66%;
}

.right_black { display:none;}
.left_black { display:none;}
.right_video {background: url("../images/napa24warranty.jpg") repeat scroll center 0 transparent; float: left; height: 140px;  text-align: center; width: 295px; margin: 0 10px;}
.call_button_bg {float: right; margin: 0 10px;}
.service_image_text {height:auto; float:none; padding: 2%; position: absolute; width: 96%;}
.contact_info_top {
    background: none repeat scroll 0 0 transparent;

}
.contact_info_rpt {
    background: none repeat scroll 0 0 transparent;
    
}
.contact_info_rpt h1 {
 
    font: bold 22px/21px "Trebuchet MS",Arial,Helvetica,sans-serif;
 
}

.contact_info_rpt {
    background: none repeat scroll 0 0 transparent;
    margin: 0 auto;
    padding: 6px 10px;
    text-align: center;
    width: 276px;
}
.contact_info_btm {
    background: none repeat scroll 0 0 transparent;
}

.napa_banner {
    height: 132px;
    margin: 0 auto;
    padding: 0;
    width: 296px;
} 
.menu td ul li ul {

    top: 26px;		
}

.inner_bottom_content {  width: 100%; }

.main_content { width: 100%; }

.inner_top {  width: 100%; }
.site_26 .contact {
    width: 251px;
}
.site_26 .top_second_logo {margin-left: 10px;}
.site_120 .logo { float: left; margin-top: -17px; }

.site_86 .nsalogo2 {margin: 0px auto; text-align: center; width: 32%;}
.site_40 .contact {
    margin-top: -25px !important;
}

}
/* @iPad:  641px - 960px, Fluid Grid  
-------------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 800px) {

#facebookheader {
    float: right;
    margin: -44px 23px;
}
.site_26 .contact {
    width: 251px;
}

.site_26 .top_second_logo {margin-left: 10px;}
.wrapper { width:100%;}

.header {
    
    height: 210px;
    width: 100%;
}
.header_content {
   	background-position: center bottom;
    height: 209px;
    width: 100%;
}
.header_link { padding: 7px 0 0; width: auto;}
.top_header {height: auto; padding: 25px 0 0; width: 100%;}
.logo {float: left; margin: 0 auto; width: 230px;}
.site_93 .logo {text-align: center}
.site_51 .logo { margin: 0 0 0 10px;}
.top_second_logo { margin: 0 auto 0 40px; }
.site_59 .top_second_logo { left: 27%; margin: 0; width: 38%;}
.site_51 .top_second_logo { margin: 0 auto 0 44px; width: 29%;}
.site_35 .top_header .logo1 { margin: 0 0 0 5px;}
.contact {float: right; padding: 0; text-align: center; width: 250px;}
.site_51 .contact { margin-right: 10px; text-align: right;}
.site_57 .contact { margin: -5px; width: 288px;}
.site_48 .logo img{ width: 100%;}
.header_link ul {display: block; float: right; width: auto;}
.header_link ul li {display: block; float: none; padding: 0 10px; text-align: center;}
.menu {width: 100%;}
.shailan-dropdown-menu {height: 25px; padding: 10px 0; width: 100%;}
.menu td ul li {
   
    padding: 0 2px !important;
   
}
.menu td ul li a {
    font: bold 12px Arial,Helvetica,sans-serif !important;
	 padding: 5px 8px !important;
}
ul.dropdown li.parent > a:after {border-top: medium none !important;}
.content {background: url("images/content_bg.jpg") repeat-y scroll center 0 transparent; width: 100%;}
.main_content {margin: 0; width: 100%;}
.top_content {background: url("images/cont_top_bg.jpg") no-repeat scroll center top #303030; padding: 14px 0 0; width: 100%;}
.top_content_1 {width: 100%;}
.slider {
    float: left;
    height: auto;
    padding: 0;
    width: 60%;
}
.top_cont_right {
    float: right;
    padding: 1px 0 0;
    width: 39%;
}
.banner {margin: 14px 0 0; padding: 0 0 14px; width: 100%;}
.banner ul {display: block; float: none; text-align: center;}
.banner ul li {background: url("images/banner_li_bg.jpg") no-repeat scroll right 1px transparent; display: block; float: left; margin: 0;  width: 33%;}
.service_image { margin:0; width:100%}
.service_image img { width:100%;}
.nivoSlider { width:100% !important; height: 288px !important;}

.nivoSlider img { width:100% !important;}
.our_service {padding: 0 4px; width: auto;}
.bottom_content {background: url("images/btm_cont_shadow.png") no-repeat scroll center top #FFFFFF; padding: 2%; width: 96%;}
.bottom_left {
    float: left;
    width: 61%;
}

.bottom_right {
    float: right;
    padding: 0;
    width: 38%;
}
.logos {border-top: 3px solid #EFEFEF; margin: 0 auto; padding: 7px 0; position: relative; width: 100%;	background: none repeat scroll 0 0 #FFFFFF;}
.logos ul {display: block; float: none; text-align: center;}
.logos ul li {display: inline; float: none; padding: 0 5px;}
.yellow_bar {height: 30px; left: 0px; position: absolute; width: 100%;}
.footer_left {
    float: left;
    padding: 0 1%;
    text-align: left;
    width: 30%;
}
.footer_left p {color: #84A0C9; font: 11px Verdana,Geneva,sans-serif; padding: 0 0 10px !important;}
.footer_right {
    padding: 0 1% 2%;
    width: 66%;
}
.right_black { display:none;}
.left_black { display:none;}
.right_video {background: url("../images/napa24warranty.jpg") repeat scroll center 0 transparent; float: right; height: 140px;text-align: center; width: 295px; margin: 0;}
.call_button_bg {
    float: right;
    margin: 7px 0;
}.service_image_text {height:auto; float:none; padding: 2%; position: absolute; width: 96%;}
.service_image_text {
    background: none repeat scroll 0 0 #1556AE;
}
.menu td ul li ul {

    top: 26px;		
}

}
@media screen and (max-width: 800px){
.site_103 .nsalogo {width: 35%;}
.site_128 .contact-new {width: 47%;}
.site_128 .contact-new h2 {font-size: 15px;}
.site_128 .contact {width: 28%;}
.site_170 .nsalogo { width: 35%; }

}
@media screen and (max-width: 640px){
.site_26 .contact {width: 100%; margin-top: 53px;}
.site_26 .top_second_logo {
    width: 50%;
    float: left;
    margin-top: -8px;
}
.site_130 .contact {
    float: right;
    width: 215px;
}
.site_128 .contact {
     margin:0 auto;
    width: 40%;
}
.site_128 .contact-new {margin-top: 23px;}
.site_128 .header_content {
    background: none repeat scroll 0 0 #041b44;
    width: 100%;
    background-image: none;
}
.site_128 .header {background-image: none;}
.site_128 .contact h2 {
    color: #fcb116;
    font: 18px "Myriad Pro",Arial;
}
.site_103 .logo {
    float: left;
    margin: 0 auto;
    width: 197px;
}
.site_103 .nsalogo {
    float: left;
    margin-top: -1px;
    text-align: center;
    width: 27%;
}


.slider .slider_con a {
    background: url("../images/read_bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 13px 20px;
    text-decoration: none;
}
a {
    outline: medium none;
}
.logo {
    float: left;
    margin: 0 8px 12px;
    width: 230px;
}
.site_137 .logo {
    width: 100%;
    float: none;
    margin: 0px;
    text-align: center;
}
.site_140 .logo {
    width: 100%;
    float: none;
    margin: 0px;
    text-align: center;
}
.slider .slider_con a {
    background: url("../images/read_bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 13px 20px;
    text-decoration: none;
}
a {
    outline: medium none;
}
.site_133 .nsalogo {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 50%;
}

.slider .slider_con a {
    background: url("../images/read_bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 13px 20px;
    text-decoration: none;
}
a {
    outline: medium none;
}
.site_133 .contact {
    margin: 11px auto;
    position: relative;
    top: 15px;
    width: 100%;
}

.site_55 .contact {
    margin: 11px auto;
    position: relative;
    top: 15px;
    width: 100%;
}
.site_170 .contact {
    margin: 11px auto;
    position: relative;
    top: 15px;
    width: 100%;
}
}

@media screen and (max-width: 600px){
.site_68 .logo{ margin-top:-17px;}
}
@media screen and (max-width: 480px){
.site_103 .logo {float: none; width: 100px; margin: 5px auto;}
    .site_103 .nsalogo { width: 100%; float: none;}
    .site_103 .contact {text-align: center; width: 100%;}
    .site_103 .header {height: 400px !important;}
.site_103 .header_content {
    background: none repeat scroll 0 0 #094093;
    height: 381px;
}
.site_128 .contact-new {width: 100%; margin-top: 0px;}
.site_128 .header {background-image: none; height: 352px !important;}
.site_128 .contact { padding:0 10px 0; width: 100%; text-align: center; }
}
@media screen and (min-width: 320px) and (max-width: 360px) {
   
.site_110 .logo {
    margin:0 21%;
    float: none;
    width: 100%;
}
.site_110 .header {height: 355px !important;}
.site_110 .header_content {background: none;}
.site_110 #facebookheader {
    float: right;
    margin: -4px 128px;
}

.site_110 #facebookheader {
    float: none;
    margin: 0 32%;
}

.site_110 .contact {
    margin-top: 0px;
}
.header_content {
    background-size: 100% 289px;
}
}
@media screen and (max-width: 360px){

.site_26 .top_second_logo {width: 32%; float: left;}    
.site_26 .logo {margin: 0 0 12px;}
}
@media screen and (max-width: 320px){
   .site_26 .contact span {font-size: 28px;}
    .site_26 .logo img {width: 88%;}
    .site_122 .alignright { float: right; padding: 0; width: 25%;}
    .site_128 .main_content {margin-top: 20px;}
    .site_40 .logo {margin-top: -5px;}
    .site_40 .contact{margin-top: -15px !important;}
    
    .site_40 .top_content{padding: 50px 0 0;}
}
@media screen and (min-width: 801px) and (max-width: 980px) {
#facebookheader {
    float: right;
    margin: -44px 23px;
}


.wrapper { width:100%;}

.header {
    
    height: 210px;
    width: 100%;
}

.header_content {
   	background-position: center bottom;
    height: 209px;
    width: 100%;
}
.header_link {  padding: 7px 0 0; width: auto;}
.top_header {height: auto; padding: 25px 0 0; width: 100%;}
.site_57 .top_header { padding: 65px 0 0;}
.site_57 .logo { margin: -15px auto;}
.logo {float: left; margin: 0 auto; width: 230px;}
.site_93 .logo {text-align: center}
.site_59 .logo { margin: 0 15px;}
.site_59 .top_second_logo { left: 32%; width: 31%;}
.site_48 .logo { width: 24%;}
.site_48 .logo img { width: 100%;}
.contact {float: right; padding: 0; text-align: center; width: 250px;}
.header_link ul {display: block; float: right; width: auto;}
.header_link ul li {display: block; float: none; padding: 0 10px; text-align: center;}
.menu {width: 100%;}
.shailan-dropdown-menu {height: 25px; padding: 10px 0; width: 100%;}
.menu td ul li {
   
    padding: 0 2px !important;
   
}

.menu td ul li a {
    font: bold 13px Arial,Helvetica,sans-serif !important;
    padding: 5px 12px !important;
}

.content {background: url("images/content_bg.jpg") repeat-y scroll center 0 transparent; width: 100%;}
.main_content {margin: 0; width: 100%;}
.top_content {background: url("images/cont_top_bg.jpg") no-repeat scroll center top #303030; padding: 14px 0 0; width: 100%;}
.top_content_1 {width: 100%;}
.slider {
    float: left;
    height: auto;
    padding: 0;
    width: 65%;
}
.top_cont_right {
    float: right;
    padding: 1px 0 0;
    width: 35%;
}
.banner {margin: 14px 0 0; padding: 0 0 14px; width: 100%;}
.banner ul {display: block; float: none; text-align: center;}
.banner ul li {background: url("images/banner_li_bg.jpg") no-repeat scroll right 1px transparent; display: block; float: left; margin: 0;  width: 33%;}
.service_image { margin:0; width:100%}
.service_image img { width:100%;}
.nivoSlider { width:100% !important; height: 288px !important;}

.nivoSlider img { width:100% !important;}
.our_service {padding: 0 4px; width: auto;}
.bottom_content {background: url("images/btm_cont_shadow.png") no-repeat scroll center top #FFFFFF; padding: 2%; width: 96%;}
.bottom_left {
    float: left;
    width: 66%;
}

.bottom_right {
    float: right;
    padding: 0;
    width: 32%;
}
.logos {border-top: 3px solid #EFEFEF; margin: 0 auto; padding: 7px 0; position: relative; width: 100%;	background: none repeat scroll 0 0 #FFFFFF;}
.logos ul {display: block; float: none; text-align: center;}
.logos ul li {display: inline; float: none; padding: 0 5px;}
.yellow_bar {height: 30px; left: 0px; position: absolute; width: 100%;}
.footer_left {
    float: left;
    padding: 0 1%;
    text-align: left;
    width: 30%;
}
.footer_left p {color: #84A0C9; font: 11px Verdana,Geneva,sans-serif; padding: 0 0 10px !important;}
.footer_right {
    padding: 0 1% 2%;
    width: 66%;
}
.right_black { display:none;}
.left_black { display:none;}
.right_video {background: url("../images/napa24warranty.jpg") repeat scroll center 0 transparent; float: right; height: 140px;  text-align: center; width: 295px; margin:0;}
.call_button_bg {
    float: right;
    margin: 7px 0;
}.service_image_text {height:auto; float:none; padding: 2%; position: absolute; width: 96%;}
.service_image_text {
    background: none repeat scroll 0 0 #1556AE;
}
.menu td ul li ul {

    top: 26px;		
}

.header_link ul { display: block; float: right; width: auto;}
}

@media screen and (max-width: 1024px){
    .header_link ul { display: block; float: left; width: auto;}
}
@media screen and (max-width: 980px){
    .header_link ul { display: block; float: left; width: auto;}
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 380px){
    
.site_120 .logo { float: none; margin-top: -13px;  text-align: center; }

}

@media screen and (max-width: 375px){
.site_68 .logo{ margin-top:-17px; margin-bottom: -10px;}
}

@media screen and (min-width: 981px) and (max-width: 1003px) {
	
.wrapper { width:100%;}
.header_link {float: none; padding: 7px 0 0; width: 100%;}
.top_header {height: auto; padding: 25px 0 0; width: 100%;}
.logo {float: left; margin: 0 auto; width: 230px;}
.contact {float: right; padding: 0; text-align: center; width: 250px;}
.header_link ul {display: block; float: none; width: 100%;}
.header_link ul li {display: block; float: none; padding: 0 10px; text-align: center;}
.menu {width: 100%;}
.shailan-dropdown-menu {height: 25px; padding: 10px 0; width: 100%;}
.content {background: url("images/content_bg.jpg") repeat-y scroll center 0 transparent; width: 100%;}
.main_content {margin: 0; width: 100%;}
.top_content {background: url("images/cont_top_bg.jpg") no-repeat scroll center top #303030; padding: 14px 0 0; width: 100%;}
.top_content_1 {width: 100%;}
.banner {background: url("images/banner_bg.png") no-repeat scroll center top transparent; margin: 14px 0 0; padding: 0 0 14px; width: 100%;}
.banner ul {display: block; float: none; text-align: center;}
.banner ul li {background: url("images/banner_li_bg.jpg") no-repeat scroll right 1px transparent; display: block; float: left; margin: 0;  width: 33%;}
.service_image { margin:0; width:100%}
.service_image img { width:100%;}
.nivoSlider { width:100% !important; height: 288px !important;}

.nivoSlider img { width:100% !important;}
.our_service {padding: 0 4px; width: auto;}
.bottom_content {background: url("images/btm_cont_shadow.png") no-repeat scroll center top #FFFFFF; padding: 2%; width: 96%;}
.bottom_left {float: left; width: 61%;}
.bottom_right { float: right; padding: 0; width: 38%;}
.logos {border-top: 3px solid #EFEFEF; margin: 0 auto; padding: 7px 0; position: relative; width: 100%;	background: none repeat scroll 0 0 #FFFFFF;}
.logos ul {display: block; float: none; text-align: center;}
.logos ul li {display: inline; float: none; padding: 0 5px;}
.yellow_bar {height: 30px; left: 0px; position: absolute; width: 100%;}
.footer_left {float: none; padding: 0; text-align: center; width: 100%;}
.footer_left p {color: #84A0C9; font: 11px Verdana,Geneva,sans-serif; padding: 0 0 10px !important;}
.footer_right { display:none;}
.right_black { display:none;}
.left_black { display:none;}
.service_image_text {height:auto; float:none; padding: 2%; position: absolute; width: 96%;}
.service_image_text { background: none repeat scroll 0 0 #1556AE;}
.menu td ul li ul {  top: 26px;	}
}


@media print {
  /** { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }*/
}
/* CSS Document */

@media screen and (max-width: 640px) and (min-width: 321px){
    .site_93 .top_header {
        height: auto;
        padding: 15px 0 0;
        width: 100%;
    }
    .site_93 img.main-header-logo {
        height: 110px;
    }
}

@media screen and (width: 320px){
    .site_26 .logo img {
        width: 59%;
        margin-left: 15px;
    }
    .site_26 .contact span a {
        color: #fff;
        font: italic bold 23px "Myriad Pro",Arial;
    }
}
@media screen and (width: 320px){
.logo {
    float: none;
    margin: 0 auto 12px;
    width: 140px;
}
.site_26 .top_second_logo {
    float: left;
    width: 34%;
}
.site_26 .contact span a {
    color: #fff;
    font: italic bold 22px "Myriad Pro",Arial;
}
.contact h2 {
    color: #fff;
    font: bold 15px "Myriad Pro",Arial;
}
}
@media (min-width: 560px) and (max-width: 774px){
    .site_26 #facebookheader {
        display: none;
    }
    .site_26 .top_second_logo{
        margin-top: 5px;
    }
}
@media screen and (width: 667px){
    .logo {
    float: left;
    margin: 0 auto;
    width: 184px;
    margin-left: 15px;
}
.site_26 .top_second_logo {
    display: inline-block;
    float: none;
    text-align: center;
    width: 25%;
}
}
@media screen and (width: 414px){
    .logo {
    float: none;
    margin: 15px;
    width: 159px;
}
.site_26 .top_second_logo {
    float: left;
    width: 22%;
}
}
@media screen and (width: 736px){

.site_26 .top_second_logo {
    display: inline-block;
    float: none;
    text-align: center;
    width: 26%;
}
.logo {
    float: left;
    margin: 0 auto;
    width: 230px;
    margin-left: 15px;
}
}
@media screen and (width: 384px){
    .site_26 .top_second_logo {
    float: left;
    width: 32%;
}
.logo {
    float: none;
    margin: 0 10px;
    width: 140px;
}

}
@media screen and (width: 768px){
    .site_26 .top_second_logo {
    display: inline-block;
    float: none;
    text-align: center;
    width: 23%;
}

.logo {
    float: left;
    margin: 0 auto;
    width: 230px;
    margin-left: 15px;
}
}
@media screen and (width: 375px){
    .site_26 .top_second_logo {
    float: left;
    width: 27%;
}
.logo {
    float: none;
    margin: 7px 15px;
    width: 176px;
}
}
@media (width: 414px){
    .site_26 .contact{
        margin-top: 0;
    }
    #facebookheader {
        float: right;
        margin: -59px 0 !important;
    }
}
@media (width: 375px){
    .site_26 .contact{
        margin-top: 0;
    }
    #facebookheader {
        float: right;
        margin: -52px 0 !important;
    }
}
@media (max-width: 320px){
    .site_26 .contact{
        margin-top: 0;
    }
}