﻿@media (min-width: 1016px) {
    #sss-li {
        display: none;
    }
}

@media(min-width: 1200px) {
    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 60px !important;
        padding-right: 0 !important;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 60px !important;
    }
}

@media(min-width: 764px) {
    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block .title {
        font-size: 34px !important;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block .title {
        font-size: 34px !important;
    }
}

@media(min-width: 1600px) {
    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 120px !important;
        padding-right: 0 !important;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 120px !important;
    }
    .two-columns-generic-50-50.cont-module.generic-right-50-50 .infos-block .title {
        font-size: 38px !important;
    }

    .two-columns-generic-50-50.cont-module.generic-left-50-50 .infos-block .title {
        font-size: 38px !important;
    }
}


.vw__manuals__screen2__top__options__left__seat-select__options {
    z-index: 99 !important;
}

.card-img img{
    width: 100% !important;
}

.heroproduct .btn-light {
    background-color: #ece9e1 !important;
}
    .heroproduct .btn-light:hover {
        opacity: 0.6;
    }

.btn-outline-white {
    background-color: transparent !important;
    color: #ece9e1 !important;
    border: 2px solid rgba(236, 233, 225, 1) !important;
    transition: border-color 0.3s;
}
    .btn-outline-white:hover {
        border-color: rgba(236, 233, 225, 0.7) !important;
    }

.buttonsSection a {
    margin-bottom: 24px;
}

.specsHero .dropdown-menu .dropdown-item {
    font-size: 16px;
    padding: 4px 40px 4px 24px !important;
}

    .specsHero .dropdown-menu .dropdown-item:hover {
        background-color: #f5f5f5;
    }

.specsHero .form-control {
    height: 100% !important;
}

@media (min-width: 1016px) {

    .specsHero .dropdown-mobile-select {
        display: none !important;
    }
}

.stacked.bg-gray-8 .stackedColCenter * {
    color: rgb(236, 233, 225) !important;
}

    