/** 
    Responsive Style Sheet: Media Querys 
        1024( Tablet Landscape (iPad)), 
        768 ( Tablet Portrait  (iPad)), 
        480 ( Android Phones ), 
        375 ( iPhone6 ),
        320 ( iPhone4 )
*/

/**
* #.# List of contents
* [1] --
* [2] General Page Elements
* [3] Home Page
* [4] List Page
* [5] Details Page
* [6] --
* [7] --
* [8] --
*/


/**
* #.# Media Query (1025px)
*
* Media Query for devices with min width of 1025px wide.
*/


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



    #panel-area article.secondPanel {
        padding-right: 9px;
    }

}

@media screen and (max-width: 1024px) {
    .dandpiframe {
    margin: 0 0 0 -31px;
    width: 980px;
    height:809px
}

    .main-navigation .col-md-4 {
        width: 29%;
    }
    .main-navigation nav {
        width: 70%;
    }
    .main-navigation nav > ul > li.new-car-link > a {
    padding: 0 15px 36px;
}
    .main-navigation nav > ul > li.services-link > a {
    padding: 0 7.5px 36px 15px;
}
    .main-navigation nav > ul > li.finance-link > a {
    padding: 0 15px 36px 7.5px;
}
    .main-navigation nav > ul > li:last-child {
    background-color: #0099da;
    border-radius: 3px;
    margin-left: 15px;
    padding: 0 13px;
    transition: background-color 0.25s ease 0s;
}
    .secondPanel .banner-area-right {
        width: 93.9%;
    }
    .secondPanel img, .promotions_details .owl-item img {
        height: 100%;
    }


    .col-md-3 .used_car_search .sliders {
        padding: 0 12px;
    }

    .col-md-3 .used_car_search label.years {
        padding: 3px 0 0 0 !important;
        width: 75px;
        font-size: 14px !important;
    }

   .usedCars .ui-state-default, .usedCars .ui-widget-content .ui-state-default, .usedCars .ui-widget-header .ui-state-default {
      /*  margin-top: 10px; */
    }


    #panel-area article.secondPanel {
    padding-left: 20px;
    padding-right: 1px;
}

    .promotions_details .banner-area-right {
        height: 150px;
    }


 /*  #beetle {
    height: 1500px;
    width: 100%;
}


#cc {
    height: 1720px;
}

#e-golf {
    height: 1500px;
}
#golf {
    height: 1800px;
}

#golf-estate{
    height: 2570px;
}

#golf-sv{
    height: 2570px;
}

#golf-van{
    height: 2570px;
}
#jetta{
    height: 2620px;
}

#passat {
    height: 2720px;
}

#passat-estate {
    height: 2300px;
}

#scirocco{
    height: 2620px;
}

#tiguan{
    height: 2640px;
}

#touareg{
    height: 2640px;
}

#touran{
    height: 2600px;
}*/

    .newCarsPage .col-md-9 > iframe {
        height: 628px !important;
    }
	
	.newCarsPage .col-md-9 > iframe#new-arteon {
        height: 1594px !important;
    }
	
    .news .article-info .InformationText {
        max-height: 45px;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        }

.banner-area .container {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

    .banner-area  .owl-item li img {
        min-height: 630px;
        min-width: 100%;
    }



    #panel-area article {
        display: block;
        height: 400px;
        margin-top: 25px;
    }
.mob-img-container {
    position: absolute;
    width: 100%;
    z-index: 1;
}
    .linkarea article > a {
        margin-top: 5px;
    }
    .mob-img-container img {
        width: 100%;
        height: auto;
    }
    .article-info {
        width: 100%;
    }

    #panel-area article {
    height: 358px;
}



 .news .article-info ul {
    margin-top: 10px;
    margin-bottom: 15px;
}

 .news .article-info ul li {
    margin-bottom: 10px;
}

 #panel-area {
    padding-bottom: 25px;
}

    .news .article-info {
        padding: 20px 15px 10px;
        position: relative !important;
    }

.news .article-info ul h3 {
    margin-top: 10px;
    font-size: 15px;
}

.news .article-info ul a,
.news .article-info ul p {
    font-size: 15px;
}

.popup_body {
    top: 40px;
}

    #about {
        background: url("../images/about-image-bg.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    }


    footer .address-footer {
    margin-left: 5%;
    width: 40%;
    }
    .used-car .image {
        width: 30%;
    }
    .car-details {
        width: 46%;
    }
    .car-price {
        width: 22%;
    }

    .car-images {
        margin-right: 2%;
    }

    .details .car-details {
        width: 50.2%;
    }
    .car-details .col-md-6 {
    padding: 0;
    width: 56%;
}
    .details .car-details .price {
    padding-left: 20px;
    width: 44%;
}


    .inner.banner-area.services {
    background: url("/images/service.png") no-repeat scroll center top / cover rgba(0, 0, 0, 0);
       height: 330px;
}

    .inner.banner-area {
    background: url("../images/inner_page_banner.jpg") no-repeat scroll center top / cover rgba(0, 0, 0, 0);
    height: 330px;
}

        .inner.banner-area.fleet {
            background: url("/images/fleet.png") no-repeat scroll center top / cover rgba(0, 0, 0, 0);
        }

        .inner.banner-area.news {
            background: url("/images/Template1/banners/banner_new.jpg") no-repeat scroll center top / cover rgba(0, 0, 0, 0);
        }


    .promotions_details .owl-item img {
        height: 358px;
    }


}


@media screen and (min-width: 801px) {
	
	
	
    .nmUsedcars a {
    padding-right: 20px !important;
}
     .mainNav li div {
        display: none;
        }
    .mainNav li:active div,
      .mainNav li:hover div {
        display: block;
        }

    .megaMenu {
    /*display: block;*/
    left: 0;
    margin: -45px auto 0 -315px;
    padding-top:45px;
    position: absolute;
    width: 880px;
    }

        .megaMenu.mmfinance li {
            width: 32%;
        }


        .megaMenu:active,
        .megaMenu:hover,
        .megaMenu.active {
            display: block;
        }

        .megaMenu h2 {
            font-size: 28px;
            color: #0099da;
            font-family: vwsemibold;
            margin-top: 0;
            margin-bottom: 30px;
            width: 100%;
            display: none;
        }

        .megaMenu ul {
            width: 100%;
            list-style: none;
            margin-bottom: 0;
        }

        .megaMenu li {
            display: inline-block;
            font-family: vwbook;
            font-size: 16px;
            line-height: 25px;
            margin-bottom: 10px;
            padding: 5px 0 5px 25px;
            width: 24%;
        }

            .megaMenu li .mmnew-cars a {
            text-align: center;
            }

            .megaMenu li a {
                color: #2f3538;
                display: block;
                 
            }

                            .megaMenu li a:active,
                .megaMenu li a:hover {
                    color: #0099da;
                }

        .megaMenu.mmnew-cars #mmNewCars,
        .megaMenu.mmservices #mmServices,
        .megaMenu.mmfinance #mmFinance,
        .megaMenu.mmfleet #mmFleet{
            display: block;
        }

    #mmFleet,
    #mmNewCars,
    #mmServices,
    #mmFinance {
        display: none;
    }

    .inner-container {
        border: 1px solid #dee1e3;
        top: 45px;
        position: absolute;
        width: 100%;
        z-index: 10;
        padding: 15px;
        background: none repeat scroll 0 0 #fff;
        box-shadow: 0px 3px 3px 0px rgba(35, 31, 32, 0.1);
        -webkit-box-shadow: 0px 3px 3px 0px rgba(35, 31, 32, 0.1);
        -moz-box-shadow: 0px 3px 3px 0px rgba(35, 31, 32, 0.1);
        border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
    }



        /*.arrow_box {
	
	background: #ffffff;
	border: 1px solid #dee1e3;
}*/
        .inner-container:after, .inner-container:before {
            bottom: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

    .mmnew-cars .inner-container:after,
    .mmnew-cars .inner-container:before {
        left: 496px;
    }

    .mmservices .inner-container:after,
    .mmservices .inner-container:before {
        left: 673px;
    }

    .mmfinance .inner-container:after,
    .mmfinance .inner-container:before {
        left: 752px;
    }
    .mmfleet .inner-container:after,
    .mmfleet .inner-container:before {
        left: 815px;
    }



    .inner-container:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 15px;
        margin-left: -15px;
    }

    .inner-container:before {
        border-color: rgba(222, 225, 227, 0);
        border-bottom-color: #dee1e3;
        border-width: 16px;
        margin-left: -16px;
    }






.mob,
.mobileLogo, 
.mobileNav{ display: none;}

    .banner-area .search-area {
        height: auto
    }

.content.list .col-md-3{ 
    padding: 20px 0 0;
    width: 31.4%;
    }

.home{background-image: url("../VW-Pages_Images/volkswagen_desktop_homepage_v3.jpg");}	
/*.search{background-image: url("VW-Pages_Images/volkswagen_desktop_search_v3.jpg");}
body.details{background-image: url("VW-Pages_Images/volkswagen_desktop_details_v3.jpg");}*/
.finance{background-image: url("../VW-Pages_Images/volkswagen_desktop_inner_v3.jpg");}	


.mob_used_submit{ display: none;}
	
}

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


    .megaMenu {
        margin: -45px auto 0 -229px;
    }
    .mmnew-cars {
        margin: -45px auto 0 -370px;
    }

        .mmnew-cars .inner-container::after, .mmnew-cars .inner-container::before {
    left: 390px;
}

    .mmservices .inner-container::after, .mmservices .inner-container::before {
    left: 569px;
}
    .mmfinance .inner-container::after, .mmfinance .inner-container::before {
    left: 646px;
}
}

@media screen and (max-width: 800px) {
    .newCarsPage .inner .container .col-md-9 {
        overflow: hidden;
    }

    .col-md-9 .newPress .col-md-12 {
        padding: 15px;
    }

    .InformationText.offers p{
        width: auto;
    }

    .InformationText.offers img {
        max-width: 100%;
    }

    #searchForm {
        display: block !important;
    }

        .iframeCenter {
    height: 370px;
    margin: 30px 0;
    max-height: 310px;
    max-width: 700px;
    position: relative;
    width: 100%;
}

.InformationText img {
    width: 34%;
}
    .newCarsPage .content.inner .container .col-md-3 nav > a:first-child span {
    display: none;
    
    }
    .main-navigation .col-md-4 {
        width: 100%;
    }

.InformationText p {
    width: 65%;   
}

    .secondPanel ul{
        margin-bottom:0;    
    }
.secondPanel .banner-area-right {
    display: block;
    width: 100%;
}

    .col-md-9 .col-md-12 {
        padding:0;
    }

    .content.inner .col-md-9 > h1.col-md-12,
    .col-md-9 .content-container .col-md-12,
    .col-md-9 .content-container.col-md-12 p,
    .col-md-9 .content-container.col-md-12 h2 {
        padding:0;
    }

    .col-md-4.mtop20,
    .col-md-8.mtop20 {
        width: 100%;
        padding:0;
    }


    .owl-theme .owl-controls {
        margin: -45px auto 10px;
    }

.promotions_details .owl-item img {
    height: auto;
    width: 100%;
    min-height:300px;
}
    .promotions_details .owl-item li {
        height: 323px;
    }

        .promotions_details .owl-item li a {
            height: 100%;
        }

    .promotions_details .banner-area-right {
        display: block;
    }

    .promotions_details .banner-area-right {
    bottom: 25px;
    }
    .megaMenu {
        display: none;
    }

    .home {
        background-image: url("../VW-Pages_Images/volkswagen_mobile_homepage_v3.jpg");
    }

    .search {
        background-image: url("../VW-Pages_Images/volkswagen_mobile_search_v3.jpg");
    }

    body.details {
        background-image: url("../VW-Pages_Images/volkswagen_mobile_details_v3.jpg");
    }

    .finance {
        background-image: url("../VW-Pages_Images/volkswagen_mobile_inner_v3.jpg");
    }

    .maincontent ol li {
    margin-left: 15px;
    padding-left: 0;
}

    .newCarsPage .col-md-9 iframe {
        width: 100%;
    }
	
	.newCarsPage .col-md-9 > iframe#new-arteon {
        height: 1540px !important;
    }
	
	
    /****** New Fixes *******/

    .popup_body {
    left: 20% !important;
    top: 70px;
    width: 60%;
}


    .contact-links-header {
        width: 88.7%;
    }

    .das-welt-side-box,
    a.logo img {
        display: none;
    }

    footer > div > .col-md-6 {
        display: inline-block;
        padding: 0;
        vertical-align: top;
        width: 100%;
    }
    #footer-bottom .container,
    #footer-bottom .rightside,
    #footer-bottom .rightside ul {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding: 0 !important;
    }

#footer-bottom .leftside p {
    display: inline-block;
    margin-top: -2px;
    padding: 0 15px;
}

        footer > div > .col-md-6 > div {
            display: inline-block;
            margin-top: 20px;
            padding-left: 3%;
            vertical-align: top;
            width: 49%;
        }

    .opening-hours .col-md-6 {
        padding-left: 3%;
    }

    .mob {
        display: inline-block;
    }

    /*********************/

    body {
        font-family: vwbook;
        /* background-image: url("../images/volkswagen_mobile_homepage_v3.jpg");*/
        background-size: 100% auto;
    }


    .sub-navigation .container{
        padding:0 !important;
    }

    .inner.banner-area.news {
        height: 300px !important;
    }

    .content.inner h1 {
        padding: 0 0;
    }






/*******Header*******/
    .openingTimes,
    .social-mediaHeader,
    .request{ display: none !important;}

    .loaction span,
    .phone span{ display: none !important;}

    .loaction i,
    .phone i{     float: right;
    font-size: 22px;
    margin-top: 0 !important;}

    .phone,
    .loaction{ float:right; margin: 0;}

    .phone{padding-top: 15px !important;}
    .loaction{padding-top: 14px !important;}

.mobileLogo {
    display: block;
    height: 62px;
    left: 14px;
    position: absolute;
    top: 9px;
    width: 33px;
     z-index: 99;
}

    .mobileLogo img{ width: 100%;}



   /* .sub-navigation{ padding: 0; height: 100px; background-color: #fff; }*/
.sub-navigation {
    box-shadow: 0 0 5px 0 rgba(35, 31, 32, 0.1) inset;
	background-color: #fff;
    color: #808890;
    font-size: 11px;
    margin: 0 !important;
    position: fixed;
	/*background: #fff;*/
    width: 100%;
    z-index: 1009;
	padding: 0;
	}

    .sub-navigation .col-md-5 {
        margin-right: 2px !important;
    }
    .contact-links-header {
    border-right: 1px solid #bdc3c6;
    float: left;
    height: 50px;
	padding-right: 10px !important;
	
    }

.sub-navigation-request {
    border-right: 1px solid #bdc3c6;
    float: left;
    height: 50px;
    padding: 0 5px 0 12px !important;
}



    .mobileNav{ float:left;}

    .mobileNav a{      
	color: #1e98d6;
    padding: 12px 7px;}

    .mobileNav a i{font-size: 24px;}


.main-navigation {box-shadow: none; background-color: transparent; z-index: 16;}

.main-navigation .col-md-4 {
    margin-bottom: 23px;
    margin-left: 0;
    margin-top: 73px;
    padding: 0;
}

a.logo {
    color: #231f20;
    font-family: vwblack;
    font-size: 22px;
    margin-top: 0;
    text-align: center;
}

.main-navigation nav{
    background: none repeat scroll 0 0 #fff;
    margin-top: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 50px;
    width: 100%;
    z-index: 999;
	display: none;
	}

.maincontent aside nav {
    background: none repeat scroll 0 0 #fff;
    margin-top: 0;
    padding:0;
    border: none;
    text-align: center;
    width: 100%;
	}
    .maincontent .col-md-3 {
        padding:0;
        margin: 0 -15px;
    }

.maincontent aside nav h2 {
    margin-bottom: 0;
    color: #fff !important;
    }

.main-navigation nav ul,
aside nav ul{
    margin-bottom: 0;
    width: 100%;
}

.main-navigation nav li,
aside nav li {
    font-size: 18px;
    margin-left: 0;
    width: 100%;
    border-bottom: 1px solid #bdc3c6;
}

.main-navigation nav li:last-child,
aside nav li:last-child {
    margin-left: 0;
    padding: inherit;
    border-radius: 0;
}
.maincontent aside nav ul li a,
aside nav li a {
    line-height: 26px;
    padding: 15px 0;
    font-size: 18px;
}


/***** Home Search ******/

.used_car_search {

    float: left;
    margin-top: 0;
    width: 100%;
}

.used_car_search > a {
    display: inline-block;
    font-family: vwsemibold;
    font-size: 16px;
    font-weight: normal;
    padding: 15px 0;
    width: 50%;
}

.used_car_search > a:first-child {
    border-radius: 0;
    background-color: #dee1e3;
}
.banner-area, .banner-area .container {
    height: auto;
	}


    .banner-area {
    display: inline-block;
    overflow: visible;
    /*padding-top: 42px;*/
    z-index: 15;
    }
.banner-area .container {
    margin-left: 0;
    /*position: absolute;*/
    position: relative;
    top: 0;
    z-index: 500;
    margin-left: 0;
    left: 0;
}

        
.search-area {
    border-radius: 0;
    display: block;
    margin: 0 auto;
    width: 70%;
}



.search-area select {      
	border-radius: 5px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px 9px 8px;}

    .search-area i {
    color: #0099da;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 14px;
    top: 31px;
    z-index: 1;
}

.search-area .sliders:first-child{}

input.years {
    border-radius: 5px;
    margin-bottom: 32px !important;
    padding: 3px 15px !important;
    width: 28.6%;
    }

.col-md-3 .used_car_search input.years {
    width: 30%;
    }

.years {
    font-size: 16px !important;
    }

label.years {
    line-height: 26px;
    padding: 0 !important;
    width: 45%;
}

.col-md-3 .used_car_search label.years {
    width: 36%;
    font-size: 16px !important;
}

.sliders {
    margin-bottom: 31px !important;
	margin-top: 20px;
    padding: 0 0 0 7px;
}

.ui-widget-content {
    height: 8px;
    margin: 0 3px;
    }
	
input[type="text"], 
input[type="email"] {
    font-size: 16px;
    line-height: 16px;
}	
	
#priceSlider::before, #priceSlider::after, #yearSlider::before, #yearSlider::after {

    background: none repeat scroll 0 0 #b3bcc0;
    border-radius: 33px;
    content: " ";
    display: block;
    height: 17px;
    margin-top: -5px;
    width: 17px;
    z-index: 1;

}


#priceSlider::before, #yearSlider::before {
    float: left;
    margin-left: -4px;
}
#priceSlider::after, #yearSlider::after {
    float: right;
    margin-right: -2px;
}


    .banner-area .sliders {
        width: 100%;
    }

 .sliders > label {
    display: block;
    float: none;
    margin: 0 auto 5px;
}



 .home label.years {
    padding: 0 !important;
    width: 37%;
}

    .price .used_sliders label.years {
        width: 37%;
        display: inline-block;
    }

    .used_sliders > input.slider_year_from,
    .used_sliders > input.slider_year_to{
        width: 30% !important;
    }
    .price .used_sliders div input {
        width: 100%;
    }
 .banner-area input.years {
width: 70%; !important;
}

.form_row.sliders.price .used_sliders div.value-area {
    display: inline-block;
    position: relative;
    width: 30%;
}


.ui-state-default::after {
    background-color: #169ad7;
    border-radius: 35px;
    content: " ";
    display: inline-block;
    height: 34px;
    margin: 16px 0 0 16px;
    width: 34px;
}

.ui-state-default::after {
    background-color: #169ad7;
    border-radius: 35px;
    content: " ";
    display: inline-block;
    height: 18px;
    margin: 7px 0 0 7px;
    width: 18px;
}
*::before, *::after {
    box-sizing: border-box;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dde1e4;
    border-radius: 40px;
    color: #1c94c4;
    font-weight: bold;
    height: 34px;
    margin-top: -8px;
    width: 34px;
}

    .slider-price.ui-slider span:last-child, .slider-year.ui-slider span:last-child {
        margin-left: -24px;
    }

    .content.list .ui-state-default, .content.list .ui-widget-content .ui-state-default, .content.list .ui-widget-header .ui-state-default {
        margin-top: -7px;
    }

.search-area input[type="submit"] {
    border-radius: 3px;
    color: #fff;
    font-family: vwbook;
    font-size: 16px;
    font-weight: normal;
    margin-left: 2px;
    margin-right: 7px;
    margin-top: 28px;
    padding: 9px 0;
    text-align: center;
    width: 98.7%;
}

.linkarea{ display: inline-block;
width: 100%;
border-top: 1px solid #bdc3c6;
vertical-align: bottom;
margin-top: 0;
}

.linkarea article {
    float: left;
    height: auto;
    margin: 0;
    padding: 0 11.7%;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #bdc3c6;
    background: none repeat scroll 0 0 #fff;
}



.linkarea article *{
    display: inline-block;
}

.linkarea article p,
.linkarea article > a{ display: none;}

.linkarea article span {
    display: inline-block;
    height: auto;
    width: auto;
}

.linkarea article img {
    margin-right: 10%;
    margin-top: 14px;
    width: 30px;
}

.linkarea article img.streeing {
    margin-right: 22%;
    width: 26px;
    }

.linkarea article h2 {
    font-size: 18px;
    display: inline-block;
    margin: 0;
    padding: 16px 0 18px 8.6%;
    vertical-align: top;
    width: 90%;
}

    .linkarea article h2 a {
    display: block;
    color: #231f20;
    }

        .linkarea article h2 a:active,
        .linkarea article h2 a:hover {
            color: #0099da;
        }

.linkarea article i.fa-file-o {
    font-size: 25px;
    margin: 15px 6px;
}
.linkarea article i.fa-eur {
    font-size: 28px;
    margin: 12px 12px -5px 5px;
}
.linkarea article i.fa-eur {
    font-size: 28px;
    margin: 12px 12px -5px 5px;
}
.linkarea article i.fa-phone {
    font-size: 28px;
    margin: 12px 5px -5px 5px;
}

.linkarea article i.fa-credit-card {
    font-size: 25px;
    margin: 15px 5px 0 1px;
}


#panel-area{
    float:left;
    width: 100%;
    padding-bottom: 0;
}


#panel-area article {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 50%;
    height: 298px !important;
    padding: 0 !important;
    overflow: hidden;
    }

.mob-img-container{
    width: 100%;
    }

.mob-img-container img{
    width: 100%;
	margin-top: 0;
}

.article-info {
    position: absolute !important;
	top: 106px;
    background: url("../images/panel-content-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0px 29px 0;
    }

.article-info h2 {
    color: #fff;
    font-family: vwblack;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 17px;
}

.article-info p {
    color: #999999;
    font-size: 17px;
    line-height: 26px;
    margin: 2px 1px 21px;
}

.article-info a {
    background-color: #fff;
    border-radius: 5px;
    color: #0099da;
    font-family: vwbook;
    font-size: 16px;
    font-weight: normal;
    padding: 9px 0;
    text-align: center;
    width: 100%;
}


#panel-area .secondPanel{
/*    background-color: #0099da;
     min-height: auto;
	 height: auto !important;*/
}

.secondPanel .mob-img-container{ display: none}

.secondPanel .article-info {
    background: #0099da;
    padding: 12px 26px 30px;
    position: relative !important;
    top: 0;
    width: 100%;
}

.secondPanel .article-info h2 {
    font-weight: normal;
    line-height: 1.05em;
    margin: 13px 0 11px !important;
    padding-right: 20px;
    }

.secondPanel .article-info p {margin: 8px 1px 17px; color: #fff; letter-spacing: -0.04em;}

.secondPanel .article-info a {    margin-left: 1.4%;
    width: 97.2%;}


#panel-area article.news{ 
    width: 100%;
    height: auto !important;
    overflow: visible !important
}



	
.news{  
    display: block !important;
    height: 882px !important;
    min-height: auto !important;}

.news .article-info {
    background-color: #dee1e3; 
    margin-left: 0;
    background-image: none;
    padding-top: 11px;
    top: 0;
}

.news .article-info h2 {
    color: #000;
}

.news .article-info ul{
    margin-bottom: 27px;
    margin-top: 19px;
 }
.news .article-info ul h3 {
    color: #231f20;
    font-family: vwblack;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 0;
    margin-top: 0;
}

.news .article-info p {
    color: #666666;
    font-family: vwbook;
    font-size: 16px;
    letter-spacing: 0.015em;
    line-height: 1.4em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

/*.news .article-info p a{
    font-size: 16px;
    line-height: 1.4em; 
}*/

.news .article-info > a {
    background-color: #fff;
    color: #0099da;
    display: inline-block;
    }

.about-us-area {
    display: inline-block;
    padding: 0;
    background-image: none !important;
    background-color: #333333;
    vertical-align: bottom;
}

.about-us-panel {
    width: 100%;
    padding: 20px 30px 13px 30px;
    background-image: none;
}

.about-us-panel h2 {
    font-size: 24px;
    margin: 10px 0;
}

.about-us-panel p {
    display: inline-block;
    font-family: vwbook;
    font-size: 16px;
    letter-spacing: 0.014em;
    line-height: 1.42em;
    margin-bottom: 36px;
    margin-top: 12px;
	}

.about-us-panel a {
    background-color: #0099da;
    border-radius: 5px;
    color: #fff;
    font-family: vwbook;
    font-size: 16px;
    font-weight: bold;
    padding: 9px 0;
    text-align: center;
    width: 100%;
}

footer {
    background-color: #dee1e3;
	padding:0;
    
}



footer .container{
    padding: 5px 29px;
}

footer h3 {
       font-size: 24px;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    margin-top: 2px;
}

.map {
    background-size: cover;
    height: 264px;
    width: 100%;
    }

   

.opening-hours {
    margin-top: 24px;
    padding:0 2px
}

.opening-hours h3 {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.opening-hours li{
    font-size: 16px;
     margin-bottom: 0;
}

footer ul {margin-bottom: 21px;}

footer ul span {
   width: 71px;
}

footer ul.socialMedia{
    margin-bottom: 19px;
    margin-top: 16px;
}

.socialMedia li a {
    background-color: #808890;
    border-radius: 35px;
    color: #dee1e3;
    font-size: 20px !important;
    height: 37px;
    padding: 7px 0;
    text-align: center;
    width: 37px;
}

.socialMedia .fa.fa-facebook {
    width: 29px;
}

.socialMedia .fa.fa-youtube-play {
    width: 46px;
}

.socialMedia .fa.fa-twitter {
    width: 41px;
}

.socialMedia li a .fa {
    font-size:28px !important;
}

.socialMedia li { margin-right: 18px;}

#signUpForm {
    margin-top: 26px;}

#signUpForm input {
    border: medium none;
    font-size: 16px;
    padding: 9px 0 10px;
    width: 100%;
}

#signUpForm input:first-child{
    margin-bottom: 30px !important;
    padding: 11px 0 14px 12px;
}

#footer-bottom .container{
    padding: 0;
}

#footer-bottom .rightside{
    float: left;
}

#footer-bottom .leftside{
    float: left;
}


/**List Page */

.content.list .col-md-9 ,
.content.list .col-md-3{ 
    width:100%;
    }

.car-images {
    margin-right: 0;
    width: 100%;
	}
	
.car-details .col-md-6{ width: 100%;}	

.details .car-details {
    padding: 0;
    width: 100%;
}


.inner.banner-area{
	background: none;
	height:0;
    display: none;
}
.inner .container .col-md-3{
	padding:0;
}

aside nav {
    border: medium none;
    border-radius: 5px;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

aside nav h2 {
    color: #fff;
    font-family: vwsemibold;
    font-size: 28px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 14px 0 12px;
    text-align: center;
	background-color: #0099da;
	}
	
a.mob{       background: none repeat scroll 0 0 #808890;
    color: #fff;
    font-family: vwbook;
    font-size: 25px;
    font-weight: normal;
    padding: 11px 0;
    text-align: center;
    width: 100%;}

header a.mob{       
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #808890;
    float: right;
    font-family: vwbook;
    font-size: 25px;
    font-weight: normal;
    margin-right: -10px;
    padding: 6px 10px 9px 10px;
    text-align: center;
    width: auto;

}

    header a.mob {
        /* 12px 10px 9px;*/
        padding:6px 10px 8px
    }

    header a.mob:hover,
    header a.mob:active {
        color: #1e98d6;
    }

    .loaction > i {
        display: none;
    }

    .loaction a.mob{
    background: transparent none repeat scroll 0 0;
    color: #808890;
    font-family: vwbook;
    font-size: 25px;
    font-weight: normal;
    padding: 0;
    text-align: center;
    width: 100%;
    }

        .loaction a.mob:active,
        .loaction a.mob:hover {
            color: #1e98d6;
            background: transparent none repeat scroll 0 0;
        }

    a.mob:active,
    a.mob:hover {
        background-color: #dee1e3;
        color: #1d1f20;
    }


/*.mob > span {
    background: none repeat scroll 0 0 #fff;
    border-radius: 92px;
    

    line-height: 38px;
    
    padding: 0 6px;

}*/
    .mob > span {
        margin-left: 30px;
        /*height: 20px;
        width: 20px;*/
        background: none repeat scroll 0 0 #fff;
        display: inline-block;   
        color: #0099da;    
        font-size: 21px;
        font-weight: bold;
        padding: 3px 6px 3px 6px;
        text-align: center; 
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }


    .mob > span i {
        font-weight: bold;
    }

aside nav ul{display: none;}	
.content.inner h1 {
    color: #1d1f20;
    font-family: vwbook;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 14px;
    margin-top: 18px;
    padding: 0;
	}
	
	.content-container {
    border: medium none;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 0 5px;
}



    .newPress .content-container {
        border: 1px solid #dee1e3;
       /* padding:15px;*/
    }

    .content-container 


.content-container h2 {
    color: #0099da;
    font-family: vwbook;
    font-size: 26px;
    line-height: 1.35em;
    margin-bottom: 7px;
    margin-top: 0;
    padding-left: 10px;
}


    .content.inner.finance .content-container {
        padding:0;
    }

        .content.inner.finance .content-container h2,
        .content.inner.finance .content-container p,
        .content.inner.finance .content-container ul {
            padding-left: 0;
        }

.content-container p {
    color: #1d1f20;
    font-family: vwbook;
    font-size: 16px;
    line-height: 1.56em;
    margin-bottom: 22px;
    padding: 0 10px;
}
.content-container li {
    color: #1d1f20;
    font-family: vwbook;
    font-size: 17px;
    margin-bottom: 1px;
}

.content-container ul {
    line-height: 1.75em;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 25px;
    padding: 0 10px;
    width: 100%;
	}
	
ul.social-share {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 34px;
}


ul.social-share li {
    display: block;
    height: 40px;
    margin-right: 20px;
    width: 40px;
}

    .details .social-share li a, .social-share li a {
        height: 40px;
        width: 40px;
    }

.details .social-share li a i, .social-share li a i {
    color: #fff;
    font-size: 30px;
    margin-left: 2px;
    margin-top: 5px;
}

.details .social-share li .fa.fa-facebook, .social-share li .fa.fa-facebook {
    font-size: 36px;
    margin-bottom: -1px;
    margin-left: 14px;
    margin-top: 7px;
    vertical-align: bottom;
}

    .details .social-share li a.gplus, .social-share li a.gplus {
        height: 40px;
    }

#searchForm .used_submit {
    display: inline-block;
    margin-bottom: 20px;
}

.used_submit{
	display: none;
}

.slider-price::before, .slider-year::before {
    margin-left: -3px;
}

    .slider-price::before, .slider-price::after, .slider-year::before, .slider-year::after {
        margin-top: -6px;
    }

.content.list .col-md-9, .content.list .col-md-3 {
    margin: 0;
    padding: 0 30px;
    width: 100%;
    display: inline-block;
}

    .save_search {
        display: none;
    }

.mob.save_search {
    background-color: #0099da;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-family: vwblack;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}


.col-md-3 .used_car_search {
    border: medium none;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 0;
    width: 100%;
}

    .col-md-3 .used_car_search h2 {
        display: none;
    }

    .col-md-3 .used_car_search > a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dee1e3;
    border-radius: 5px;
    color: #808080;
    font-family: vwbook;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    margin-right: -1px;
    margin-top: 0px;
    padding: 13px;
    text-align: left;
    width: 100%;
}

.top-of-list a i,
.col-md-3 .used_car_search a i {
    color: #0099da;
    float: right;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: -3px;
    width: auto;
}


    .top-of-list a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #dee1e3;
    border-radius: 5px;
    color: #808080;
    display: inline-block;
    font-family: vwbook;
    font-size: 16px;
    line-height: 16px;
    margin-right: -1px;
    margin-top: 15px;
    padding: 13px;
    text-align: left;
    width: 100%;
}

.used_car_search h2 {
    border: 1px solid #dee1e3;
    border-radius: 3px;
    color: #dee1e3;
    font-family: vwsemibold;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 5%;
    margin-top: 0;
    padding: 11px 28px 11px 10px;
    width: 90%;
}

.col-md-3 .used_car_search .search-area {
	display:none;
}

.list .container aside{ display: none}

.used-car {display: inline-block;}

.mob_used_submit{}

.content.list .col-md-9 h1 {
    display: none;
	}

.top-of-list button {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #dee1e3;
    border-radius: 5px;
    color: #808080;
    float: left;
    font-family: vwbook;
    font-size: 16px;
    line-height: 16px;
    margin-left: 4.5%;
    margin-top: 0;
    padding: 12px 13px;
    text-align: left;
    width: 91%;
}

input.mob_used_submit {
    margin: 29px 5%;
    width: 89.7%;
}

.used-car {
    border: 1px solid #dee1e3;
    vertical-align: top;
    width: 49%;
    border: 1px solid #dee1e3;
}

    .col-md-9 .used-car:nth-child(odd) {
        margin-right: 0.5%;
    }

    #sortOptions {
        width: 100%;
    }

    #sortOptions select {
        margin-top:0;
        width: 100%;
    }

.used-car {
    border-radius: 3px;
    padding: 18px 18px 31px;
	}

.used-car .image {
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: absolute;
    width: 36%;
}

.used-car .image img{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.used-car .car-details {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.used-car .image  h3{
    display: inline-block;
    font-size: 16px;
    margin-top: 13px;
    padding-left: 9px;
    vertical-align: top;
    width: 62%;} 
.car-details h3 {
    color: #1d1f20;
    font-family: vwblack;
    font-size: 24px;
    height: 90px;
    margin: 4px 0 19px;
    padding-left: 47%;
    padding-top: 22px;
}
	.used-car .image ul{
	list-style: none;
	 margin-top: 21px;
	}
	
	.used-car .bottom {
		margin-top: 29px;
        text-align: center;
         margin: 0 -15px;
	}
	
	.bottom .vw-logo {
    height: 27px;
    margin: 0 3px 0 4px;
    position: relative;
    right: auto;
    top: -4px;
    width: 27px !important;}
	
	.car-price {
    padding-top: 0;
    width: 100%;
}

.car-price h3 {
    font-size: 27px;
    margin-bottom: 22px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.car-price a {
    background-color: #0099da;
    border-radius: 3px;
    color: #fff;
    font-family: vwbook;
    font-size: 16px;
    margin: 0 auto 18px;
    padding: 10px 20px 12px;
    text-align: center;
    width: 50%;
}

    .car-price a:active,
    .car-price a:hover {
        background-color: #bdc3c6;
         color: #fff;
    }

.details-top {
    margin-top: -7px;
}

.details-top h1 {
    font-size: 32px;
    text-align: center;
    width: 100%;
	letter-spacing: 0.005em;
	margin-top: 2px;
}
.details-top p, 
.details-top img,
.details-top i, 
.details-top a{display: none;}

.mainImage {
    margin: 0 auto;
    width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	}

	/*.car-images ul {
    display: none;
	}*/

.mainImage img {

    width: 100%;
}
	
.details-top h1 {margin-bottom: 16px;}
	
body.details	.car-details .col-md-6 {
    width: 100%;
}

    .details .content-container {
        border: none;
    }

    .details .car-details {
        display: table;
    }

    .details .car-details .price {
        display: table-header-group;
    }

        .details .car-details .price h2 {
        
            display: none;
        
        }

.details .car-details .price h3 {
    color: #1d1f20;
    font-family: vwblack;
    font-size: 75px;
    height: auto;
    margin: 20px 0 19px;
    padding-left: 0;
    text-align: center;
}

.details .car-details .price a {
    font-size: 24px;
    margin-top: 35px;
    text-align: center;
    width: 100%;
}

.details .car-details .price p {
    font-family: vwbook;
    font-size: 24px;
    padding: 0;
    text-align: center;
}

.details .car-details h2 {
    color: #1d1f20;
    font-family: vwbook;
    font-size: 30px;
    letter-spacing: -0.02em;
    margin: 30px 0 39px;
    padding: 0;
    text-align: center;
}


.details .car-details ul {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    width: 100%;
}
	

.details .car-details ul li > *{
    font-family: vwsemibold;
    font-size: 24px;
    font-weight: normal;
    color: #fff !important;
}

.details-table div h4 {
    color: #1d1f20;
    font-family: vwsemibold;
    font-size: 21px;
    width: 180px;
}

.details-table div p {
    font-family: vwbook;
    font-size: 18px;
    margin-bottom: 0;
}


.details .car-details .extra-comments h2 {
    color: #1d1f20;
    font-family: vwsemibold;
    font-size: 30px;
    letter-spacing: -0.02em;
    margin: 15px 0 10px;
    padding: 0;
    text-align: left;
}

.extra-comments p {
    color: #1d1f20;
    font-family: vwbook;
    font-size: 21px;
    line-height: 1.56em;
    margin-bottom: 22px;
    padding: 0;
}

.details .car-details ul.social-share li {
    height: 40px;
    width: 40px !important;
}


.details .car-details a.contactusBtn {
    background-color: #0099da;
    border-radius: 3px;
    color: #fff;
    font-family: vwbook;
    font-size: 24px;
    margin-left: 0;
    margin-top: 35px;
    padding: 8px 0 9px;
    text-align: center;
    width: 100%;
}
    footer .address-footer {
        margin-left: 0;
    }
    .about-us-panel .container,
    #panel-area .container,
    .linkarea .container,
    .home header .banner-area .container {
     padding: 0 !important;
    }

    .banner-area, .banner-area .container {
       /* height: 400px; */
       height: auto;
    }
    .banner-area  .owl-item li img {
    height: 354px;
    min-height: 354px;
    min-width: 100%;
}

    .secondPanel .article-info {
        display: block;
        height: 298px;
    }
    #footer-bottom .container{
    display: table;
}

#footer-bottom .leftside {
    display: table-footer-group;
    float: none !important;
}

#footer-bottom .rightside {
    float: none !important;
}

.rightside {
    display: table-header-group;
    margin: 0 -15px;
}

    .rightside ul {
        margin-top:0;
    }

    .rightside ul li{
        width: 100%;
        text-align: center;
        background-color: #818890;
        border-bottom: 1px solid #bbc2c8;
        height: auto;
        border-right: none;
    }

.rightside ul li a {
    font-size: 16px;
    padding: 20px 0;
}
        .leftside p {
 

    font-size: 16px;
    line-height: 1.5em;
    margin-top: 13px;
}

    #panel-area article.secondPanel {
        height: 100%;
    }

/*    .secondPanel .article-info {
        height: 100%;
    }*/

    .news .article-info .InformationText {
        max-height: 47px;
    }
    .main-navigation nav > ul > li > a {
    padding: 15px 0 !important;
}
    .main-navigation nav > ul > li:last-child {
        margin-left:0;
        border-radius: 0;
        padding: 0;
    }
}




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

    .address-footer p,
    .address-footer a {
        width: 100%;
            padding: 0 10px 0 7px;
    }

    .address-footer a {
        padding-bottom: 5px;
    }

   /* .newPress .content-container img {
        max-width:100%;
    }*/

    .newCarsPage .col-md-9 > iframe {
        height: 1750px !important;
        max-width: 100%;
        min-width: 100%; 
        width: 100px;
        *width: 100%; 
    }


    .newCarsPage .inner .container .col-md-9 {
        padding: 0;
    }

    .InformationText img {
    width: 100% !important;
    margin-bottom: 15px;
}

.InformationText p {
    width: 100% !important;
    margin-left: 0px;    
}

    .banner-area .owl-item li {
        height: 194px;
    }

    .banner-area .owl-item li img {
        display: none;
    }

    .banner-area .search-area {
  padding: 10px 20px 22px 20px !important;
}

    .job_item h2 {
        font-size: 20px;
    }

    .job_item strong {
        font-weight: normal;
        font-family: vwbook;
    }


    .banner-area .owl-item li img {
        height: 194px;
    }


    .socialMedia .fa.fa-facebook {
    margin-left: 6px;
    margin-top: -1px;
    }
    .socialMedia .fa.fa-youtube-play {
    margin-left: -0.7px;
    margin-top: -2px;
    }
    .socialMedia .fa.fa-twitter {
    margin-left: 2px;
    margin-top: -2px;
    }


    .address-footer {
        display: none;
    }


/*.contact-links-header {width: 62.7%;}*/


    .details .container {
        padding: 0 !important;
    }

    .details-table div h4 {
    width: auto;
}


    .details-table div {
    padding: 17px 10px;
}


    .popup_body {
    left: 10% !important;
    top: 70px;
    width: 80%;
}

    .search-area {
        width: 100%;
    }

    .contact-links-header {
        width: 80%;
    }

    .sub-navigation-request {
    padding: 0 7px 0 12px !important;
}

    .mobileNav a {
    padding: 12px 0 0 13px;
    width: 100%;
}

    .address-footer {
        display: none;
    }

    .car-details h3 {
        height: 110px;
    }

    .home .used_sliders label.years {
    line-height: 1em;
    padding: 0 !important;
    width: 36%;
}

    .search-area select {
        margin-top: 5px;
    }

    .used_car_search .used_submit {
    display: block;
        }

    .used_sliders {
        margin-top: 15px;
    }

    .opening-hours .col-md-6 {
    padding-left: 0;
}

    .used-car {
    width: 100%;
}

    .years {
    font-size: 18px !important;
}

    .col-md-3 .used_car_search input.years {
    width: 29%;
}

    .content.inner h1 {
    padding: 0 14px;
	}

    .banner-area, .banner-area .container {
    height: auto;
}

    #searchForm {
        display: block !important;
    }

    .promotions_carousel_header,
    .promotions_carousel_header ul,
    .owl-wrapper-outer {
        height: 100%;
    }

        .promotions_carousel_header ul {
            margin-bottom: 0;
        }
    .owl-theme .owl-controls {
     margin:   -45px auto 0px;
    }

    .banner-area .owl-item li{
            background-position: right center;
    }

/*    .banner-area .owl-item:first-child li,
    .banner-area .owl-item:nth-child(3n) li{
            background-position: center center;
    }*/

    .banner-area .owl-item li{
            background-position: right center;
    }

    .banner-area .owl-item:first-child li {
            background-position: center center;
    }





    .owl-pagination{

    top: 160px;
   
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    display: block;
    height: 16px;
    margin: 5px 7px;
    width: 16px;
}


    .linkarea article {
        padding: 0 11%;
    }

    #panel-area article {
    height: 298px !important;
    width: 100%;
}

    #panel-area .mob-img-container {
        height: 100%;
    }

    #panel-area .mob-img-container img {
        margin-top: -100px;
        width: 100%;
    }
.secondPanel .article-info {
    display: block;
    height: auto;
    min-height: auto !important;
    padding: 12px 15px 30px;
}

    .article-info {
        padding: 0 15px;
    }
        .article-info a {
            padding: 14px 0;
        }
    .about-us-panel {
        background-image: none;
        padding: 20px 0;
        width: 100%;
    }
    .details-top h1 {
        font-size: 36px;
    }

    .car-of-the-week-button{
        display: none;
    }

    .article-info{
        top: 165px;
    }

    .details .car-details .price h3 {
    font-size: 72px;
            margin: 20px 0 6px;
}
    .details .car-details .price p {
        font-size: 22px;
    }
 
    .details .car-details .price a {
    font-size: 18px;
    margin: 0 auto 20px;
    text-align: center;
    width: 80%;
}

    .details .car-details ul li > * {
        font-family: vwbook;
        font-size: 20px;
    }

    .details .car-details h2 {
        font-size: 24px;
        margin: 30px 0 20px;
    }
.details .content-container {
    margin-bottom: 5px;
    padding: 25px 10px 0;
}
   /* .details-table div h4 {
        font-size: 18px;
    }
    .details-table div p {
        font-size: 16px;
    }*/
    .details .car-details .extra-comments h2 {
        font-size: 24px;
    }
    .extra-comments p {
        font-size: 16px;
    }

    .details .car-details a.contactusBtn {
    background-color: #0099da;
    border-radius: 3px;
    color: #fff;
    font-family: vwbook;
    font-size: 18px;
    margin: 35px 5% 0;
    padding: 9px 0;
    text-align: center;
    width: 90%;
}
    aside nav h2 {
    font-size: 24px;
    }
footer > div > .col-md-6 > div {
    display: inline-block;
    margin-top: 20px;
    padding-left: 3% !important;
    padding-right: 3%;
    vertical-align: top;
    width: 100%;
}

    .content.inner.finance h1 {
        padding-left:0;
    }

    .content.inner.finance h1 {
    font-family: vwsemibold;
    font-size: 25px;
    padding-left: 0;
    }

    .content.inner .content-container h2 {
        font-size: 25px;
        margin-bottom: 12px;
    }

    .finance .container .col-md-3 {
        margin-right: -15px;
        margin-left: -15px;
    }

    .inner.banner-area.news {
        display: none !important;
    }

    .content.inner .newPress h1 {
    padding: 0;
    }

.details-table div h4 {
    font-size: 16px;
    width: 35%;
}

    .details-table div h4.wide {
        width: 50%;
    }

.details-table div {
    padding: 17px 0 17px 10px;
}
    .details-table div p {
        font-size: 14px; 
        padding: 0;
    }

    .newCarsPage .col-md-9 > iframe {
        height: 2020px;
    }
/*

#beetle {
    height: 1550px !important;
}

#cc {
    height: 1750px !important;
}

#e-golf {
    height: 1330px !important;
}
#golf, #golf-gtd {
    height: 1750px !important;
}

#golf-estate{
    height: 1750px !important;
}

#golf-sv{
    height: 1750px !important;
}

#golf-van{
    
}
#jetta{
    height: 1750px !important;
}

#passat {
    height: 1750px !important;
}

#passat-estate {
    height: 1750px !important;
}

#scirocco{
    height: 1750px !important;
}

#tiguan{
    height: 1750px !important;
}

#touareg{
    height: 1750px !important;
}

#touran{
    height: 1750px !important;
}
    #up! {
    height: 1750px !important;
    }

*/

        .col-md-9 iframe {
            min-width: 100%; 
            width: 100px !important;
            *width: 100%; 
        }
    .popup_content .form_row label strong {
        width: 170px;
    }

    .popup_content .form_row textarea.required,
    .popup_content .form_row textarea {
        width: 100%;
    }

    .popup_content .form_row .checkbox input {
        margin: 0;
    }
     .col-md-3 .used_car_search .sliders {
    margin-bottom: 51px;
    padding: 0;
}

     .col-md-3 .used_car_search .search-area {
    padding: 18px 10px 30px;
}

     .col-md-3 .used_car_search label.years {
    width: 37%;
}

    input.years {
        padding: 3px 10px !important;
    }

    .promotions_details .banner-area-right {
  bottom: 15px;
}

    .promotions_details .owl-theme .owl-controls {
        margin: -50px auto 35px;
    }

}

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

.details .car-details ul li * {
    font-size: 17px;
}

.details-table div h4 {
    font-size: 16px;
    width: 35%;
}
.details-table div {
    padding: 17px 0 17px 10px;
}
    .details-table div p {
        font-size: 14px; 
        padding: 0;
    }


    .details .car-details .price h3 {
        font-size: 48px;

    }


    .details-top h1 {
        font-size: 25px;
    }

      .contact-links-header {
        width: 75%;
    }

    .car-price a {
    width: 65%;
}



    .content.inner .newPress {
        padding: 0;
    }

    .linkarea article h2 {
    padding: 16px 0 18px 8.6%;
    vertical-align: top;
    width: 80%;
    }

    #panel-area .mob-img-container img {
        margin-top: -40px;
    }

    #panel-area article.news {
        height: 364px !important;
    }

    .content.list .col-md-9, .content.list .col-md-3 {
        padding: 0;
    }

}

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




#recaptcha_widget_div {
  margin-left: -38px;
}

         .col-md-3 .used_car_search label.years {
    width: 34%;
}
    .contact-links-header {
        width: 73.75%;
    }

    .search-area i {
        font-size: 20px;
        top: 38px;
    }

    .news .article-info .InformationText {
        max-height: 46px;
    }

    footer .address-footer {
        padding-top: 5px;
    }

}

@media screen and (max-width: 320px) {
    input.years {
        padding: 5px 10px !important;
    }
        .popup_body {
    left: 2% !important;
    top: 70px;
    width: 96%;
}


.contact-links-header {
    width: 70.6%;
}
   /*}*/

    .newPress .col-md-12 .cma_table a.highlight {
        width: 100%;
    }
  footer .address-footer {
    padding-top: 5px;
}
    .secondPanel .article-info {
        display: block;
        height: auto;
        min-height: 208px;
    }
  #panel-area article.news {
    /*min-height: 440px !important;*/
    height: auto !important;

}

    .content.inner .col-md-9 {
        padding: 0;
    }
 


}


/** Fixes for Homepage Banner & Slider - May 2016 **/
.main-banner-images ul {
    margin:0;
    height:195px;
}
.main-banner-images ul li {
    position:relative;
    height:195px;
    background-position: center center;
    background-repeat:no-repeat;
    background-size:175% auto;
}
.main-banner-images ul li img {
    display:none;
}
.banner-area-right {
    position: absolute;
    bottom: 20px;
    float:none;
    width: 100%;;
    margin: 0 auto;
}
.banner-area-right h1{
    float: right;
    width: auto;
    margin: 0;
    padding: 10px 26px 10px 27px;
    color: #fff;
    font-family: vwblack;
    font-size: 20px;
    vertical-align: text-top; 
    background-color: #0099da;
    clear:both;
}
.banner-area-right p{
    display:none;
    background-color: #fff;
    float: right;
    font-family: vwbook;
    font-size: 18px;
    margin: 0 0 14px 0;
    padding: 11px 18px;
    color: #333;
    clear:both;
}
.banner-area-right .mobile-link {
    background-color: #fff;
    float: right;
    font-family: vwbook;
    font-size: 18px;
    margin: 0 0 14px 0;
    padding: 5px 18px;
    color: #333;
    clear:both;
}

@media (min-width:768px) {

    .banner-area-right h1 {
        font-size: 24px;
    }

}

@media (min-width:768px) {

    .banner-area-right {
        bottom:60px;
    }
    .banner-area-right h1 {
        font-size:32px;
    }
    .banner-area-right p {
        display: block;
    }
    .banner-area-right .mobile-link {
        display: none;
    }

}

@media (min-width:992px) {

    .main-banner-images ul,
    .main-banner-images li {
        width: 100%;
        height: 630px;
        text-align: center;
        background-color: #fff;
        list-style: none;
    }

    .main-banner-images > ul > img {
        min-height: 100%;
    }
    .promotions_carousel_header .banner-area-right,
    .main-banner-images .banner-area-right {
        right:20px;
        bottom:180px;
    }
    .promotions_carousel_header .banner-area-right h1,
    .main-banner-images .banner-area-right h1 {
        font-size:48px;
    }
    .promotions_carousel_header .banner-area-right p,
    .main-banner-images .banner-area-right p {
        font-size: 15px;
    }
    .main-banner-images ul li {
        height:630px;
        background-size: inherit;
    }
}

@media (min-width:1280px) {

     .promotions_carousel_header .banner-area-right,
     .main-banner-images .banner-area-right {
        right:43px;
        bottom:127px;
    }
    .promotions_carousel_header .banner-area-right h1,
    .main-banner-images .banner-area-right h1 {
        font-size: 60px;
    }
    .promotions_carousel_header .banner-area-right p,
    .main-banner-images .banner-area-right p {
        font-size: 18px;
    }
}
@media (min-width:1366px) {

     .promotions_carousel_header .banner-area-right,
     .main-banner-images .banner-area-right {
        right:90px;
    }

}
@media (min-width:1680px) {

     .promotions_carousel_header .banner-area-right,
     .main-banner-images .banner-area-right  {
        right:245px;
    }

}
@media (min-width:1920px) {

     .promotions_carousel_header .banner-area-right,
     .main-banner-images .banner-area-right {
        right:355px;
    }

}


@media (min-width:320px) {


    .car-images ul {
        padding:0;
    }

    .car-images ul li {
        width:50%;
        float:left;
        padding: 0 10px;
        height:120px;
    }

}

@media (min-width:768px) {

    .car-images ul li {
        width:33.333%;
        height:155px;
    }

}

@media (min-width:992px) {

    .car-images ul li {
        width:50%;
        height:120px;
    }

}