@media screen and (min-width:768px) and (max-width:1100px) {
    .nav_left ul li a {
        font-size: 11px;
        padding: 17px 10px
    }

    .nav_right ul li a {
        padding: 7px 0
    }

    .logo img {
        width: 40px
    }

    .nav_left ul li {
        padding: 16px 0
    }

    header {
        height: 70px
    }
}

@media screen and (min-width:1001px) and (max-width:1399px) {
    .menu li a {
        font-size: 13px;
        padding: 21px 7px
    }

    .nav_left ul li a {
        font-size: 14px;
        padding: 27px 15px
    }

    .menu li {
        margin-right: 20px
    }
}

@media screen and (max-width:767px) {
    .thanks_message p {
        font-size: 15px;
        line-height: 21px
    }

    .form50,
    .w50 {
        width: 100%
    }

    .textRight {
        text-align: left
    }

    .featureTitle {
        font-size: 20px;
        padding: 20px 0
    }

    .flexbox {
        flex-direction: column;
        align-items: center
    }

    .flexcolumn h3 {
        margin-top: 15px;
        font-size: 1.2em;
        color: #333;
        padding-left: 0%
    }

    .flexcolumn p {
        margin-top: 10px;
        font-size: .8em;
        color: #666;
        padding-left: 0%
    }

    .terms h4 {
        font-size: 14px;
        padding: 20px 0 0
    }

      .footer_down {
        padding: 20px 0 50px;
    }

    .mobilet10 {
        margin-top: 20px
    }

    .formArea h2 {
        font-size: 22px
    }

    .submitBtn {
        margin-top: 20px
    }

    .borderBottom {
        border-bottom: 0px !important
    }

    .form20 {
        width: 100%;
        margin-top: 15px
    }

    .form25 {
        width: 100%;
        margin-top: 15px
    }

    .marginR {
        margin-right: 0
    }

    .form30 {
        width: 100%;
        margin-top: 15px
    }

    .formArea {
        padding-top: 0
    }

    .formArea h3 {
        font-size: 13px;
        padding-bottom: 10px
    }

    .formP {
        margin: 0 0;
        flex-wrap: wrap;
    }

    .marginL {
        margin-left: 0
    }

    .m-4 {
        margin: 10px 0px !important
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block !important;
    }

    .logo img {
        width: 35px
    }

    .nav_left {
        display: none
    }

    .navArea {
        height: 52px;
        border-bottom: 0
    }

    .logo {
        float: left;
        margin-right: 0;
        margin-top: 8px
    }

    .nav_right ul li {
        margin-right: 0
    }

    form {
        width: 100%;
        margin-left: 0%;
        float: left;
        margin-bottom: 50px
    }

    .m-5 {
        margin: 0px !important
    }

    #accordion1 button::after,
    #accordion2 button::after,
    #accordion3 button::after {
        right: 10px
    }

    #accordion1 div.head .btn {
        font-size: 13px
    }

    #accordion1 div.head,
    #accordion2 div.head,
    #accordion3 div.head {
        text-align: center
    }

    #accordion1 button.collapsed::after,
    #accordion2 button.collapsed::after,
    #accordion3 button.collapsed::after {
        right: 10px
    }

    .modelCont {
        width: 100%;
        margin-left: 0
    }

    .icon-test-drive-appointment,
    .icon-dealer-locator {
        display: block !important
    }

    .container {
        width: 90% !important;
        margin: 0 5% !important;
        padding: 0px !important
    }

    header {
        height: 50px
    }

    .selectdropdown::after {
        top: 14px;
        right: 19px;
        width: 12px;
        height: 12px;
        background: url(../images/selectarrow.svg) no-repeat;
        background-size: contain
    }

    .ownerCalsel {
        width: 300px
    }

    .ownerCalsel select {
        width: 100%;
        margin-right: 0
    }

    .ownerCalsel input {
        width: 100%;
        margin-left: 0
    }

    .modelTxt {
        font-size: 13px;
        width: 90%;
        margin: 0 5%
    }

    .modelImg img {
        width: 100%
    }

    .ownerCalsel .form-group {
        width: 200px
    }

    .selectdropdown {
        width: 100%
    }

    ul.menu a.is-active {
        color: #fff !important
    }

    .mobile_ham {
        font-size: 60px;
        color: #1c69d5 !important;
        margin-top: 5px
    }

    .mobile_close {
        font-size: 60px;
        color: #1c69d5 !important;
        margin-top: 5px
    }

    .nav_right ul li a {
        padding: 0
    }

    .menu {
        position: fixed;
        padding: 0;
        display: none;
        top: 0;
        left: 0;
        background: #1d69d4;
        background-size: cover;
        z-index: 3;
        width: 100%;
        height: 100%;
        padding-top: 50px
    }

    #mobile-hamburger {
        z-index: 4
    }

    .menu li {
        width: 100%;
        padding: 0 5%;
        border-bottom: 0;
        line-height: 32px
    }

    .menu li:hover {
        border-bottom: 0
    }

    .menu li a:hover {
        border-bottom: 1px solid #fff !important;
        color: #fff
    }

    .menu li ul li a:hover {
        border-bottom: 0 solid #fff !important;
        color: #fff
    }

    .menu li a {
        font-size: 13px;
        padding: 10px 20px;
        color: var(--white);
        width: 100%;
        float: left;
        font-family: 'BMWTypeNextTT-Bold';
        border-bottom: 1px solid #e3e3e3
    }

    .menu li a:hover {
        border-bottom: 1px solid #1c69d5
    }

    .icon-burger-menu::before {
        content: "\e932"
    }

    .nav_right .logo {
        width: 40px;
        height: 40px;
        margin: 10px 0;
        margin-right: 0
    }

    .nav_right ul {
        margin-top: 5px
    }

    .menu li a.is-active {
        color: #fff;
        border-bottom: 1px solid #fff
    }

    .mainTitle {
        font-size: 1em;
        line-height: 1.6rem;
        width: 80%;
        margin: 0 10%
    }

    .footer_up #footerAcc div.head .btn {
        color: #4d4d4d !important;
        font-size: 13px;
        text-decoration: none
    }

    .footer_up #footerAcc div.head {
        padding: 10px 0;
        position: relative;
        border-bottom: 0;
        text-align: left
    }

    .footer_up {
        width: 80%;
        margin: 0 10%;
        float: left
    }

    .footer_up #footerAcc div.head {
        padding-top: 0px !important
    }

    .footer_nav {
        display: none
    }

    .footer_nav_box ul li {
        text-align: left
    }

    .footer_nav_box {
        width: 100%;
        text-align: center
    }

    .footer_line {
        display: none
    }

    .footer_nav_box {
        padding-top: 0;
        border-top: 0 solid #bbb
    }

    .footer_nav_box ul {
        padding: 0 0 0 20px;
        float: left
    }

    .footer_nav_box ul li a {
        font-size: 13px;
        line-height: 20px
    }

    .footer_nav_box h4 {
        font-size: 12px;
        text-align: center
    }

    .footer_down p {
        width: 100%;
        text-align: center
    }

    footer {
        padding: 3em 0 0;
        margin-top: 0
    }

    .footer_down ul {
        text-align: center;
        padding: 0;
        float: unset
    }

    .footer_down li a {
        font-size: .65rem
    }

    .footer_down ul li {
        margin-right: 10px
    }

    .content {
        margin-bottom: 20px
    }
}

@media screen and (max-width:360px) {
    .container {
        width: 90%;
        float: left
    }
}

@media (max-width:991px) {

    .container,
    .container-sm {
        max-width: 100% !important
    }
}