@media screen and (max-width:990px) {
    .popup-inside {
        width: calc(100% - 0px);
    }

    .mf-aside {
        display: none !important
    }

    .mf-main {
        margin-left: 0 !important
    }

    .mf-models.mf-j-view-list li > a {
        width: 100% !important
    }

    .mf-models.mf-j-view-list li .mf-model-details {
        left: inherit !important;
        position: inherit !important;
        top: inherit !important
    }

    .mf-models ul {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .hide-on-resize,
    .model-list-menu {
        display: none
    }

    .news-alone img {
        width: 120px
    }

    .news-alone-text {
        font-size: 80%;
        line-height: inherit
    }
}

@media screen and (max-width:700px) {
    .formflex{
        flex-direction: column;
    }
    .carlist,
    .models {
        flex-direction: column;
    }

    .scrolled {
        width: 200% !important;
    }

    .close-popup {
        position: fixed;
    }

    .carlist a {
        margin: 0px !important;
    }

    .models {
        padding-bottom: 70px;
    }


    .fixed-btm {
        top: inherit !important;
        bottom: -2px !important;
        width: 100%;
        flex-direction: row;
    }

    .fixed-btm a,
    .fixed-btm .button {
        font-size: 80%;
        border-radius: 0px !important;
        transform: none !important;
        width: auto;
        flex: 1;
    }

    .fixed-btm .button { 
        height: 80px;
        padding: 50px 0px 0px 0px !important;
    }

    .fixed-btm a,
    .fixed-btm span {
        text-align: center;
        flex: 1; 
    }

    .order-service .button {
        background: url('../images/new-icon-pack-service.png') no-repeat center 10px #000;
        background-size: 40px;
    }

    .order-test-drive .button {
        background: url('../images/new-icon-pack-testdrive.png') no-repeat center 10px #0000CC;
        background-size: 40px;
    }

    .write-us-message .button {
        background: url('../images/new-icon-pack-chat.png') no-repeat center 10px #000;
        background-size: 40px;
    }

    .add-new-car .button {
        background: url('../images/new-icon-pack-plus.png') no-repeat center 10px #009900;
        background-size: 40px;
    }

    .call-now .button {
        background: url('../images/new-icon-pack-call.png') no-repeat center 10px #009900;
        background-size: 40px;
    }



    .flex div {
        text-align: center;
        font-family: 'audi';
        flex-basis: 33%;
        height: 70px;
    }

    .info-list {
        width: 100% !important;
    }

    .username_number {
        position: inherit;
        top: 0px !important;
        right: 0px;
        margin: 50px 0px;
        text-align: center;
    }

    .username_number h2 {
        text-align: center;
        font-size: 150%;
        margin: 20px 0px 0px 0px;
    }

    .back {

        margin-left: -15px;
        display: block;
    }

    .img {
        position: absolute;
        text-align: right;
    }

    .fr_group {
        display: block !important;
        width: 100% !important;
    }

    .fr_group .color {
        font-size: 60%;
    }

    .caralone {
        padding: 20px 20px 0px 0px;
        display: block;
        width: 100%;
    }

    .aloneimg {
        height: 60vw !important;
    }

    .miliageselectortrigger,
    .petrolselectortrigger,
    .yearselectortrigger,
    .engineselectortrigger,
    .colorselectortrigger {
        display: none !important;
    }

    .miliageselector,
    .petrolselector,
    .yearselector,
    .engineselector,
    .colorselector {
        display: none !important;
    }

    .searchplace .gr {
        width: 33.3333%;
    }

    ._to,
    ._from {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    ._from {
        margin-bottom: 20px !important;
    }

    .footer-top-menu li {
        margin-top: 0 !important
    }

    .bx-prev {
        left: 0 !important
    }

    .bx-next {
        right: 0 !important
    }

    .bx-next,
    .bx-prev {
        top: 45vw
    }

    .graybg {
        min-height: 3px !important
    }

    .footer-txt {
        font-size: 80%;
        margin-bottom: 100px
    }

    .adress,
    .form {
        display: block;
        width: 100%;
        margin-bottom: 40px
    }

    .ti-list {
        padding: 55px 0;
        font-size: 70%;
        width: 50%
    }

    .nm,
    .horse-power,
    .petrol,
    .seconds {
        background-size: 40px !important
    }

    ._3-links-car-info span {
        margin-top: 20px;
        width: 44%;
        margin-bottom: 44px;
    }

    .car-tex-info {
        margin: 50px 0 20px
    }

    .model-name-header {
        position: inherit;
        font-size: 100%;
        padding: 20px;
        margin: 0;
        background: #f2f2f2
    }

    .center-text .txt {
        text-align: left;
        margin-top: 20px
    }

    .center-text {
        padding: 20px
    }

    .center-text h1 {
        margin-top: 10px;
        text-align: left;
        font-size: 140%;
        padding: 0
    }

    .fb-share-box,
    .grad-fade,
    .menu_content > div,
    .menu_content > div.opened-menu {
        padding: 40px
    }

    .banner_big {
        padding-bottom: 40px;
        background-color: #fff
    }

    .words {
        color: #000;
        padding: 0 20px;
        position: inherit;
        top: 10px
    }

    .logo {
        right: 20px
    }

    nav {
        padding: 28px 20px
    }

    ._2bnrs .bnr-words {
        padding: 20px;
        color: #000
    }

    ._2bnrs > div {
        padding: 0 !important;
        height: inherit;
        background: 0 0 !important;
        clear: both !important;
        float: inherit !important
    }

    ._2bnrs div img {
        display: block;
        width: 100%;
        height: auto
    }

    ._2bnrs > div:after {
        display: none
    }

    ._2bnrs > div {
        width: 100% !important
    }

    ._3bnrs a,
    ._3bnrs img {
        width: 100%;
        display: block
    }

    ._2bnrs .bnr-words h3 {
        margin-top: 0px;
        padding-bottom: 30px;
        position: inherit
    }

    ._3bnrs img {
        height: auto
    }

    ._3bnrs {
        margin: 0px 20px
    }

    ._3bnrs a {
        height: auto !important
    }

    ._3bnrs .img {
        width: 100%;
        height: 40vw;
        margin: 40px auto 0px auto;
    }

    ._2bnrs .bnr-words .bnr_price {
        position: inherit;
        margin-top: 40px;
        margin-bottom: 10px
    }

    .news_block {
        width: 100%
    }

    .other-news {
        display: none
    }

    .last-news-block {
        width: 100% !important
    }

    .moreinfo {
        opacity: 1;
        background: #000
    }

    .social_media {
        width: calc(100% - 40px)
    }

    .sm_block {
        width: 100%;
        display: block;
        background: none !important;
        margin-bottom: 10px
    }

    .footer-top-menu li {
        width: 50%;
        max-width: 50%
    }

    .footer-top-menu li:nth-child(2) {
        border-right: none
    }

    .popup-inside {
        padding: 10px !important;
    }

    .lst,
    .lst img {
        width: 100% !important;
        display: block !important;
    }

    .popup-car-name {
        font-size: 100% !important;
    }

    .size img {
        width: 100%;
        margin-bottom: 16px;
        display: block !important;
    }

    .links {
        display: none !important;
    }

    .size {
        margin-top: 80px;
    }

    .size h1 {
        position: absolute;
        padding: 0px !important;
        margin: 0px !important;
        font-size: 100% !important;
        margin-top: -57px !important;
    }

    .news-dt {
        opacity: 0.4 !important;
        position: absolute !important;
        font-size: 50% !important;
        margin-top: -16px !important;
    }

    .content {
        width: 100% !important;
        margin-top: 10px !important;
    }

    ul.modelselect li {
        width: 90% !important;
    }

    .testdrive form p:nth-child(1),
    .testdrive form p:nth-child(2),
    .testdrive form p:nth-child(3),
    .testdrive form p:nth-child(4),
    .testdrive form p:nth-child(5),
    .service form p:nth-child(1),
    .service form p:nth-child(2),
    .service form p:nth-child(3),
    .service form p:nth-child(4) {
        display: block !important;
        width: 100% !important;
    }

    .model-name {
        display: block;
        margin-bottom: 7px;
        font-size: 50%;
        margin-top: 20px;
    }

    .model-selector a {
        opacity: .4;
        min-height: 155px;
        width: 32%;
        font-weight: 700;
        font-size: 80%;
        color: #000;
        padding: 11px;
        margin-bottom: -30px;
        display: inline-block;
        text-decoration: none;
        text-align: left;
        transition: .3s;
    }

    .model-price {
        font-size: 80%;
    }

    .model-price span {
        display: block;
    }

    .model-selector a img {
        width: 100% !important;
    }

    .grad-fade,
    .fb-share-box {
        display: none;
    }

    .full-content {
        position: inherit;
    }

    
    
    .r_left{
        left: 0px;
        bottom: 78px;
        background: url('/_assets/images/l-left.png') no-repeat left bottom;
        background-size: 20px;
    }
    .r_right{
        right: 0px;
        bottom: 78px;
        background: url('/_assets/images/l-right.png') no-repeat right bottom;
        background-size: 20px;
    }
    
.r_left, .r_right{
    display: block;
    width: 40px;
    height: 40px; 
    position: fixed;
}
    
    
    .addnewcarbtn {
        top: auto !important;
        position: fixed !important;
        left: 0;
        width: 139px;
        bottom: 25px;
        text-align: center;
        padding: 40px 0px 10px 0px !important;
        background: url(../images/system-add-small.svg) center 10px no-repeat #61D100;
        background-size: 30px;
    }

    .usedcarparams {
        width: 100%;
        display: block;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }

    .usedcarparams:last-child {
        border: none !important;
    }
    
    .usedcarparams .img{
        transform: translateY(-18px);
    }

    .usedcarparams label {
        display: inline-block;
        width: 100px;
    }

    .usedcarparams .val {
        display: inline-block;
        width: calc(100% - 120px);
    }

    .about img {
        padding: inherit;
        margin: inherit;
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
}