/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media screen and (max-width: 1400px) {
    .main_data span {
        font-size: 20px;
    }

    .main_data i {
        font-size: 20px !important;
    }

    .car_detail .left .additional-data .top p {
        font-size: 20px;
    }

    .car_detail .left .additional-data .top span {
        font-size: 20px;
    }

   

    .car_detail .right {
        height: 400px;
    }
}

@media screen and (max-width: 1200px) {
    .car_detail .right .box .cntctbtn button {
        padding: 0;
    }

    .slider-container {
        width: 100%;
    }

    .car_detail .right {
        padding: 10px;
        margin: 0;
    }

    .slider-container button {
        padding: 0;
        width: 50px;
        height: 50px;
    }

    .car_detail .right {
        height: 400px;
    }
}

@media screen and (max-width: 1024px) {
    .bisey {
        height: 645px;
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    .car_detail .left .additional-data .top p {
        font-size: 15px;
    }

    .car_detail .left .additional-data .top span {
        font-size: 15px;
    }

    .car_detail .left .additional-data .bottom #melumat_value {
        font-size: 15px;
    }
}

@media screen and (max-width: 900px) {
    .mainAdvert5 {
        display: block!important;
      }
      .slider-containerAdvert{
        display: none;
      }
    .car_detail .left {
        width: 100%;
    }

    .slider-container button {
        padding: 0;
        width: 40px;
        height: 40px;
    }

    .car_detail .right #qiymet {
        font-size: 30px;
    }

    .car_detail .right .ownerinfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .car_detail .right .box hr {
        margin: 10px 0;
    }

    .car_detail {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .car_detail .left .additional-data .top p {
        font-size: 15px;
    }

    .car_detail .left .additional-data .top span {
        font-size: 15px;
    }

    .box ul:nth-child(2) li {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .car_detail .right {
        width: 50%;
        height: 300px;
    }

    .car_detail .left .additional-data .top p {
        font-size: 13px;
    }

    .car_detail .left .additional-data .top span {
        font-size: 13px;
    }

    .car_detail .left .additional-data .bottom #melumat_value {
        font-size: 13px;
    }

    .rightPart {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }

    .forAdvertising {
        margin-top: 9px;
    }
}

@media screen and (max-width: 820px) {
    .elanNumber {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 5px;
    }

    .fullscreen-content {
        width: 750px;
    }

    .bisey {
        height: 500px;
    }

    .slider {
        height: 400px;
    }

    .thumbnails {
        display: none;
    }
}

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

    .car_detail .left .additional-data .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .col,
    .col2 {
        width: 100%;
    }

    .car_detail .left .additional-data .top .box {
        margin: 0;
    }

    .car_detail .left .additional-data .top p {
        font-size: 15px;
    }

    .car_detail .left .additional-data .top span {
        font-size: 15px;
    }

    .car_detail .left .additional-data .bottom #melumat_value {
        font-size: 15px;
    }
}

@media screen and (max-width: 600px) {
    .left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

    }

    .detail_img {
        width: 100%;
        height: 250px;
    }

    .car_detail .left hr {
        margin: 10px 0;
    }

    .leftdata {
        width: 100%;
    }

    .main_data span {
        font-size: 15px;
    }

    .main_data i {
        font-size: 15px !important;
    }

    .slider_wrapper {}

    .tubnail1,
    .tubnail2 {
        width: 100% !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
}

@media screen and (max-width: 500px) {
    .fullscreen-content {
        width: 380px;
    }

    .slider {
        height: 250px;
    }

    .bisey {
        height: 290px;
    }

    .arrow.leftX {
        left: 6px;
    }

    .modal-arrow {
        -webkit-transform: translateY(-147%);
            -ms-transform: translateY(-147%);
                transform: translateY(-147%);
        font-size: 28px;
        width: 40px;
        height: 40px;
    }

    .modal-thumbnail {
        height: 30px;
    }

    .main_data span {
        font-size: 12px;
    }

    .main_data i {
        font-size: 12px !important;
    }

    .car_detail .left .additional-data .top p {
        font-size: 12px;
    }

    .car_detail .left .additional-data .top span {
        font-size: 12px;
    }

    .car_detail .left .additional-data .bottom #melumat_value {
        font-size: 12px;
    }

    .arrow.rightSlider,
    .arrow.leftSlider {
        top: 180px;
    }

    .rightPart {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }

    .forAdvertising {
        margin-top: 9px;
    }

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

    .elanNumber {
        padding: 0;
    }
}