@media only screen and (max-width: 1028px) {

    #container1 #vehicleDetails .right {
        float: left;
        margin: 20px 0;
        width: 100%;
    }

    #container1 .ulSmallImages li:not(.clear) {
        width: 11.5%;
    }

    #container1 #vehicleDetails .left {
        width: 100%;
        clear: both;
    }

    #container1 .divVehicleContactInfo {
        float: left;
        width: 48%;
        margin: 15px 2%;
    }

    #container1 .divVehicleContactForm div input[type="text"], #container1 .divVehicleContactForm div textarea, #container1 .divVehicleContactForm div input[type="email"]{
        min-width: initial;
        width: 50%;
    }

    #container1 #vehicleDetails .left .separator {
        display: none;
    }

    #container1 .divOptions {
        clear: none;
        float: left;
        width: 38%;
        margin: 15px 2% 15px 0;
    }

    #container1 .divRemarks {
        width: 92%;
        margin: 15px 2%;
    }
}
@media only screen and (max-width: 950px) and (min-width: 815px) {

    #container1 .divVehicleDetails ul.ulVehiclesDetails li:not(.liPrice):not(.clear) {
        padding-right: 3%;
    }

    #container1 .divVehicleContactInfo {
        width: 36%;
    }

    #container1 .divDealerData {
        width: 100%;
    }

    #container1 .divVehicleContactForm {
        width: 100%;
        clear: both;
    }

    #container1 .divOptions {
        width: 50%;
    }
}

@media only screen and (max-width: 815px) {

    #container1 .divVehicleDetails ul.ulVehiclesDetails li:not(.liPrice):not(.clear) {
        padding-right: 4%;
    }

    #container1 .divVehicleContactInfo {
        width: auto;
        float: none;
    }

    #container1 #vehicleDetails .left .separator {
        display: block;
    }

    #container1 .divOptions {
        width: auto;
        float: none;
        margin: 15px 2%;
    }
}

@media only screen and (max-width: 555px) {

    #container1 .divVehicleDetails ul.ulVehiclesDetails li:not(.liPrice):not(.clear) {
        margin-bottom: 10px;
        width: 25%;
        padding-right: 0;
    }
}


@media only screen and (max-width: 480px) {

    #container1 .divVehicleContactForm div input[type="text"], #container1 .divVehicleContactForm div textarea, #container1 .divVehicleContactForm div input[type="email"]{
        min-width: initial;
        width: 97%;
    }
    #container1 .divVehicleDetails ul.ulVehiclesDetails li:not(.liPrice):not(.clear) {
        width: 33%;
    }

    #container1 .divVehicleDetails ul.ulVehiclesDetails li.liPrice {
        clear: both;
        width: 100%;
        padding-top: 10px;
        padding-right: 4%;
        border-top: 1px solid #ccc;
        text-align: right;
    }

    #container1 #vehicleDetails .divVehicleDetails ul.ulVehiclesDetails li.liPrice span {
        float: none;
    }

    #container1 #seeAllImages {
        width: 100%;
        max-width: initial;
    }

    #container1 .ulSmallImages li:not(.clear) {
        width: 19%;
    }

    #container1 .divDealerData {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #container1 .divVehicleContactForm {
        width: 100%;
        clear: both;
    }

    #container1 .divVehicleContactForm .contact label {
            min-width: initial;
        }

        #container1 .divVehicleContactForm .contact div:not(.divAcceptPrivacy) label {
            display: none;
        }

        #container1 .divVehicleContactForm .divComments label {
            width: 100%;
        }

        #container1 .divVehicleContactForm .divComments textarea {
            width: 97%;
        }

    #container1 .aGoToStock {
        width: 100%;
        min-width: initial;
    }
}

@media only screen and (max-width: 420px) {

    #container1 #fullTemplateV2 #container1 {
        padding: 0;
    }

    #container1 .divVehicleDetails {
        position: relative;
        background: none;
        padding: 0;
    }

    #container1 #seeAllImages {
        display: none;
    }

    #container1 .divVehicleDetails .divImages {
        padding-top: 42px;
    }

    #container1 .divVehicleDetails h3 {
        position: absolute;
        top: -20px;
        left: 0;
    }

    #container1 .divVehicleDetails ul.ulVehiclesDetails {
        margin: 20px 0 0 0;
        padding: 0;
    }

    #container1 .divVehicleDetails ul.ulVehiclesDetails li:not(.liPrice):not(.clear) {
            padding: 0 0 0 2%;
            width: 31%;
        }

        #container1 .ulSmallImages li:not(.clear) {
        width: 24%;
    }

    #container1 #vehicleDetails .left {
        background: none;
        margin: 0 0 20px 0;
    }

    #container1 div.divSocialMediaLinks li.liFiche {
        clear: left;
    }

    #container1 div.divSocialMediaLinks li.liFiche, #container1 div.divSocialMediaLinks li.liTellAFriend, #container1 div.divSocialMediaLinks li.liPrint {
        margin-top: 10px;
    }

    #container1 ul.socialMediaLinks {
        padding: 34px 0 0 0;
    }

    #container1 .divDealerData {
        width: auto;
        float: none;
        padding: 10px 3%;
        border: 1px solid #ccc;
    }

    #container1 .divVehicleContactInfo, .divOptions, .divRemarks {
        margin: 0;
        padding: 10px 3% 0 3%;
        width: auto;
    }

    #container1 .divOptions, .divRemarks {
        border-top: 1px solid #ccc;
    }

    #container1 .divOptions ul li:not(.clear) {
            width: 100%;
            margin-left: 0;
            list-style-type: none;
        }

        #container1 .aGoToStock {
        font-size: 16px;
        width: auto;
        margin: 0 3%;
    }

    #container1 .divVehicleContactForm b {
        font-size: 15px;
    }

    #container1 .divVehicleContactForm div input[type="text"], .divVehicleContactForm div textarea {
        width: 97%;
    }

    #container1 .divVehicleContactForm div.submit a {
        float: none;
    }
}