html{ font-size: 16px; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}body{ font-family: sans-serif;}canvas, a, audio, video, progress{ display: inline-block; }article, aside, footer, header, nav, section, figcaption, figure, main, details,menu { display: block; }template, [hidden] {display: none;}img, video, iframe{ max-width: 100%; max-height: 100%; }a{ background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: inherit;}table{ border-collapse:collapse;}body, h1, h2, h3, h4, h5, h6, ul{ margin: 0;}ul{ list-style: none; padding: 0; }h1{ font-size: 2em; }figure { margin: 1em 40px; }hr { box-sizing: content-box; height: 0; overflow: visible;}pre {font-family: monospace, monospace; font-size: 1em;}abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],/* 1 */[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.float>*, .left{ float: left;}.right{float: right;}.flex-res{ display:flex; flex-wrap: wrap; align-items: center;}.flex-res>*{ flex-grow: 1;}.float::after, .clearfix::after{ content: ''; display: block; clear: both;}

    select:focus, input:focus, textarea:focus {
        outline: none !important;
        box-shadow: none !important;
    }
    a:focus, button:focus, select:focus, input:focus, textarea:focus {
        outline: none !important;
        box-shadow: none !important;
    }
    a:active, button:active, select:active, input:active, textarea:active {
        outline: none !important;
        box-shadow: none !important;
    }
    body{
        color: #03050d;
        background-color: #eee;
        font-family: 'Montserrat', sans-serif;
    }
    body .main *{
        font-family: 'Montserrat', sans-serif;
    }
    #modal-decline.show{
        display:block;
    }
    #modal-exclamation.show{
        display:block;
    }
    .slider-gallery.modal.show{
        display:block;
        opacity: 1;
        visibility: visible;
        z-index: 9999;
        height: 100vh;
    }
    .slider-gallery.modal.show .slick-arrow{
        min-width: 50px;
        width: 5%;
    }
    .slider-gallery-body{
        padding: 1%;
    }
    .slider-gallery.modal.show .slider-gallery-body{
        background: none;
    }
    .slider-gallery.modal.show .slider-gallery-body .gallery{
        height: 80%;
        max-height: 80%;
        overflow-y: hidden;
    }
    .slider-gallery.modal.show .gallery .slick-slide, .slider-gallery.modal.show .gallery .slick-list, .slider-gallery.modal.show .gallery .slick-track{
        height: 100%;
        max-height: 100%;
    }
    .slider-gallery.modal.show .gallery .slick-slide{
        object-fit: contain;
    }
    .slider-gallery.modal.show .gallery .slick-slide img{
        width: auto;
        object-fit: contain;
    }
    .slider-gallery.modal.show .gallery-nav{
        height: 18%;
        margin-top: 2%;
    }
    .slider-gallery .button-close-gallery{
        display: none;
        position: absolute;
        right: 30px;
        top: 15px;
        font-size: 30px;
        z-index: 999999;
        border: 0;
        background: 0;
    }
    .slider-gallery .button-close-gallery:hover, .slider-gallery .button-close-gallery:active{
        border: 0;
        background: 0;
    }
    .slider-gallery.modal.show .button-close-gallery{
        display: block;
    }
    .modal-backdrop{
        display: none;
    }
    .modal-backdrop.show{
        display: block;
    }
    .font-sp-price{
        font-family: 'Konkhmer Sleokchher', cursive;
    }
    main.py-2{
        min-height: calc(100vh - 199px);
    }
    .card{
        border: 0;
    }
    .navbar {
        height: 55px;
    }
    .logo-container{
        margin: 0;
        padding: 0;
    }
    .logo-container img{
        max-height:32px;
    }
    .logo{
        height: 45px;
    }
    .hide{
        display: none;
    }
    .btn-link{
        color: #0070ce;
    }
    .form-check-input:checked{
        background-color: #0070ce;
        border-color: #0070ce;
    }
    .color-danger{
        color: #c82815;
    }
    .btn-danger{
        background-color: #c82815;
        border-color: #c82815;
    }
    .btn-outline-danger{
        border-color: #c82815;
    }
    .btn-primary{
        background-color: #0070ce;
        border-color: #0070ce;
    }
    .btn-primary:hover, .btn-primary:hover, .btn-primary.active{
        background-color: #5280b9;
        border-color: #5280b9;
    }
    .btn-outline-primary{
        border-color: #0070ce;
        color: #0070ce;
    }
    .btn-outline-primary:hover, .btn-outline-primary:hover, .btn-outline-primary.active{
        border-color: #5280b9;
        background-color: #5280b9;
        color: #fff;
    }
    .form-select:focus-visible{
        color: #212529;
    }
    .flex{
        display: flex;
        flex-wrap: wrap;
    }
    .flex-between{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .flex-around{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .title{
        font-size: 26px;
        font-weight: 500;
        color:#03050d;
        display: inline-block;
    }
    h2{
        font-size: 24px;
        font-weight: 500;
        color: #03050d;
    }
    h5{
        font-size: 18px;
        font-weight: 600;
        color: #03050d;
    }
    h6{
        color: #03050d;
    }
    .dropzone{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-width: 2px;
        border-radius: 2px;
        border-style: dashed;
        background-color: #fafafa;
        color: #bdbdbd;
        outline: none;
        transition: border .24s ease-in-out;
        height: auto;
        min-height: 200px;
    }
    .dropzone .dz-message {
        margin: auto;
    }
    .dropzone .dz-message .dz-button {
        background: none;
        color: inherit;
        border: none;
        padding: 0;
        font: inherit;
        cursor: pointer;
        outline: inherit;
    }
    .dz-error-mark path{
        fill: red;
    }
    .dropzone .dz-preview .dz-progress{
        background:none;
    }
    dz-error-message{
        display: none !important;
    }
    .dropzone .dz-preview .dz-remove{
        margin-top: 5px;
    }
    #form-description{
        height: 200px;
    }
    .img-adv{
        padding: 0;
    }
    .img-adv img{
        height: 180px;
        width: 100%;
        object-fit: cover;
        border-bottom: 1px solid #eee;
    }
    .btn-favorite{
        position: absolute;
        font-size: 20px;
        background: none;
        border: 0;
        color: #333;
        opacity: 0.5;
        transition: all 300ms;
    }
    .btn-favorite-lg{
        top:45px;
        right:8px;
    }
    .btn-favorite-sq{
        bottom:10px;
        right:8px;
    }
    .btn-favorite.active .far{
        font-weight: 900;
        color: #efc600;
    }
    .btn-favorite:hover{
        opacity: 1;
        color: #efc600;
    }
    .dialog-img-adv{
        padding: 0;
    }
    .dialog-img-adv img{
        height: 120px;
        width: 100%;
        object-fit: cover;
        border: 1px solid #eee;
    }
    .city-date{
        margin-top:auto;
        margin-bottom: 0;
        line-height: 12px;
        font-size: 14px;
        color: #777;
    }
    .side-info{
        width: 100%;
        height: 100%;
    }
    .side-info .flex-between{
        width: 100%;
    }
    .side-info ul li{
        margin-left: 5px;
        font-weight: 500;
        color: #40444d;
    }
    .side-info ul li:first-child{
        margin-left: 0;
    }
    .side-info ul li::before{
        content: "-";
        margin-right: 5px;
    }
    .side-info ul li:first-child::before{
        content: "";
        margin-left: 0;
        display: none;
    }
    .side-info.welcome-ad-block h5{
        width:100%
    }
    .side-info.welcome-ad-block ul li{
        margin-left: 0;
    }
    .side-info.welcome-ad-block ul li::before{
        content: "";
        margin-left: 0;
        display: none;
    }
    .side-info.welcome-ad-block .font-sp-price{
        width:100%;
    }
    .currency-sub{
        font-size: 16px;
        font-weight: 400;
    }
    .adv-section:hover .side-info ul li{
        color:#37474f;
    }
    .pagination .page-item .page-link{
        color: #c82815;
    }
    .pagination .page-item.active .page-link{
        background-color: #c82815;
        border-color: #c82815;
        color: #fff;
    }
    .pagination .page-item.disabled .page-link{
        color: #ccc;
    }
    .page-link, .page-item .page-link{
        color: #0070ce;
    }
    .pagination li:first-child{
        margin-left: auto;
    }
    .pagination li:last-child{
        margin-right: auto;
    }
    .gallery{
        max-height: 55vh;
        overflow-y: hidden;
    }
    .gallery-nav .slick-track{
        width: 100%;
        display: flex;
    }
    .gallery-nav{
        margin-top: 10px;
    }
    .gallery-nav .slick-track:first-child{
        margin-left: 0;
    }
    .gallery-nav .slick-track img{
        height: 150px;
        object-fit: cover;
        margin: 0 2px;
    }
    .gallery-nav .slick-track img:first-child{
        margin-left: 0;
    }
    .gallery-nav .slick-track img:last-child{
        margin-right: 0;
    }
    .slick-list.draggable{
        padding:0 !important;
    }
    .gallery .slick-slide {
        max-height: 55vh;
        overflow-y: hidden;
        min-height: 300px !important;
        object-fit: cover;
        object-position: center;
    }
    .gallery.slick-initialized .slick-slide {
        display: flex;
    }
    .gallery .slick-slide img{
        max-height: inherit;
        margin: auto;
        width: 100%;
        min-height: 300px !important;
        object-fit: cover;
        object-position: center;
    }
    .gallery-nav .slick-slide {
        max-height: 250px;
        min-height: 100px !important;
        object-fit: cover;
        object-position: center;
    }
    .btn-send{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .profile .my-adv .img-adv img{
        height: 120px;
    }
    .profile .my-adv .flex .btn{
        height: 40px;
        margin-top: auto;
        margin-left: 10px;
    }
    .dialog-block>.col-md-12{
        padding: 0;
    }
    .dialog-block .author-name{
        font-weight: 400;
        margin-bottom: 5px;
    }
    .dialog-block .author-time{
        font-size: 13px;
        color: #777;
        font-weight: 200;
        padding-top: 2px;
    }
    .dialog-block .dialog-message{
        font-weight: 300;
        white-space: pre-line;
    }
    .dialog-block .btn-outline-primary{
        border-color: #0070ce;
    }
    .dialog-block .btn-outline-primary:hover, .dialog-block .btn-outline-primary:active{
        border-color: #5280b9;
    }
    .dialog-block .dialog-text-container{
        max-height: 500px;
        overflow: scroll;
        overscroll-behavior-y: contain;
        scroll-snap-type: y proximity;
    }
    .dialog-block .dialog-text-container li:last-child{
        scroll-snap-align: end;
    }
    .dz-image.selected-img{
        outline: 3px solid #0070ce;
    }
    .edit-block-images{
        text-align: center;
    }
    .edit-block-images .btn{
        color: #777;
    }
    .edit-block-images img{
        border-radius: 20px;
    }
    .edit-block-images img.selected-img{
        outline: 3px solid #0070ce;
    }
    .edit-block-images img.deleted-img{
        opacity: 0.3;
    }
    .dz-remove{
        color: #777;
    }
    .dropzone .dz-preview.dz-image-preview{
        background: none !important;
    }
    .slick-arrow{
        position: absolute;
        top: 0;
        height: 100%;
        width: 50px;
        z-index: 1;
        background: rgba(0, 0, 0, 0.05);
        text-align: center;
        border-radius: 0;
        border:0;
        color: #ccc;
    }
    .slick-arrow:hover{
        color: #fafafa;
        background: rgba(0, 0, 0, 0.03);
        border:0;
    }
    .slick-arrow:active{
        border:0;
        background: rgba(0, 0, 0, 0.03);

    }
    .slick-prev{
        left: 0;
    }
    .slick-next{
        right:0
    }
    .search-bar{
        position: relative;
        margin-left: 50px;
    }
    .navbar-nav .search-bar i{
        position: absolute;
        left: 15px;
        top:11px;
        color: #777;
    }
    .search-bar input{
        padding: 5px 20px 4px 37px;
        width: 400px;
        border: 0;
        background-color: #f2f2f2;
        border-radius: 0.25rem;
    }
    .dialog-notification{
        background-color: #fdf7e6;
    }
    .dot-notification{
        height: 20px;
        width: 20px;
        font-size: 12px;
        color: #fff;
        background: #e64141;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
        line-height: 21px;
        vertical-align: super;
        margin-left: -10px;
    }
    .navbar-nav i{
        color: #0070ce;
    }

    .navbar-nav i{
        margin-top: 3px;
    }
    .message-flow{
        max-height: 50px;
        overflow: hidden;
    }
    nav .navbar-toggler{
        position: relative;
    }
    .dot-notification-header{
        position: absolute;
        right: -10px;
        top: -9px;
    }
    .ui-autocomplete{
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .btn-add.display-mobile a{
        font-size: 14px;
        padding: 8px;
    }
    .display-object-block {
        display: none;
    }
    .display-mobile{
        display: none;
    }
    .display-pc{
        display: inline-block;
    }

    .category-line li{
        width: 11%;
        display: flex;
        padding: 5px 10px;
    }
    .category-line a{
        margin: 0 auto;
    }
    .category-line a img{
        display: block;
        margin: 0 auto;
        width: 55px;
    }
    .category-line a span{
        display: block;
        margin-top: 10px;
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    .brands-line li{
        width: 11%;
        display: flex;
        background: #fff;
        padding: 5px 10px 10px 10px;
    }
    .brands-line a{
        margin: 0 auto;
    }
    .brands-line a img{
        display: block;
        margin: 0 auto;
        width: 80%;
    }
    .brands-line a span{
        display: block;
        margin-top: 15px;
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        color: #03050d;
    }
    .models-line-wrap{
        overflow-y: hidden;
    }
    .models-line{
        min-width: 1200px;
        overflow-y: scroll;
    }
    .models-line li{
        text-align: center;
        border-radius: 0.25rem;
        background-color: #fff;
        padding: 0.5rem 1rem;
    }
    .search-block{
        border: 0;
        padding: 0.5rem;
    }
    .search-block > form > h2{
        font-weight: 500;
    }
    .search-block > form .form-label{
        color: #03050d;
    }
    .search-right-block{
        margin-left: auto;
        width: 100%;
        height: 100%;
        border: 0;
        background: none;
        padding: 0;
        object-fit: cover;
    }
    .search-right-block img{
        width:100%;
        object-fit: cover;
    }
    .search-result-area{
        border: 1px solid #ccc;
        border-radius: 0 0 5px 5px;
        max-height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
        background: #fff;
        position: absolute;
        top: 38px;
        width: 100%;
        padding: 5px 0;
        display: none;
        z-index: 9999;
        cursor: pointer;
    }
    .search-result-area.active{
        display: block;
    }
    .live-search-block{
        position: relative;
    }
    .search-result-area li{
        padding: 2px 5px;
    }
    .search-result-area li.search-box-item:hover{
        background-color: #eee;
    }
    .search-result-area .search-box-title{
        font-weight: 500;
        color: #333;
        background-color: #eaeaea;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: default;
    }
    .region-search-item{
        font-weight: 500;
        color: #333;
        background-color: #eaeaea;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: default;
    }
    .year-price-block .year-block > div, .year-price-block .price-block > div{
        width: 49%;
    }
    .block-additional-search{
        display: none;
    }
    .block-additional-search.show{
        display: block;
    }
    .gallery-popular{
        max-height: 300px;
        overflow-y: hidden;
    }
    .gallery-popular .card{
        display: inline-block;
    }
    .gallery-popular .slick-track{
        display: flex;
        justify-content: space-between;
    }
    .gallery-popular .slick-slide{
        max-width: 400px;
    }
    .gallery-popular{
        overflow-x: hidden;
    }
    .gallery-popular-item{
        margin: 0 30px;
    }
    .gallery-popular a{
        padding: 0rem 1rem;
        padding-bottom: 0.5rem;
    }
    .gallery-popular .img-adv, .gallery-popular .img-adv img{
        height: 180px;
    }
    .gallery-popular .slick-slide {
        max-height: inherit;
        min-height: 230px !important;
        object-fit: cover;
        object-position: center;
    }
    /*
    .adv-section .card{
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }*/
    .adv-section .flex-between > div {
        width:24%
    }
    .new-adv{

    }
    .new-adv input, .new-adv select, .new-adv textarea{
        border: 1px solid #eee;
        background-color: #f2f2f2;
    }
    .new-adv input[type=text]:focus, .new-adv input[type=number]:focus, .new-adv select:focus, .new-adv textarea:focus{
        border: 1px solid #eee;
        background-color: #f2f2f2;
    }
    .adv-wraper.advrequired input:invalid:required, .adv-wraper.advrequired select:invalid:required, .adv-wraper.advrequired textarea:invalid:required{
        border: 1px solid #ff0000;
    }

    .checkbox-adv-option .form-check input{
        border: 1px solid #ccc;
    }
    footer{
        background-color: #e7e7e7;
        width:100%;
        padding: 10px 0;
    }
    footer .container ul li{
        margin-right: 1rem;
    }
    footer .container ul li a,footer .container ul li:hover a{
        color:#37474f
    }
    footer .container:first-child ul li{
        font-size: 16px;
    }
    footer .container:last-child ul li{
        font-size: 12px;
    }
    .profile-side-nav ul li i{
        width: 15px;
        text-align: center;
    }
    .profile-side-nav ul li a{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .profile-side-nav ul li button{
        width: 100%;
        text-align: left;
    }
    .profile-side-nav ul li button.btn:active{
        background-color: #f7f7f7;
        border-color: #f5f5f5;
    }
    .profile-side-nav ul li button.active{
        color: #c82815;
    }
    .profile-block{
        display: none;
    }
    .profile-block.active{
        display: block;
    }

    .adv-details .flex-between > span:last-child{
        display: flex;
        flex: 1;
        align-items: baseline;
    }
    .adv-details .flex-between > span:last-child:not(:empty):before{
        content: '';
        border-bottom: 1px dotted #777;
        flex: 1;
        margin: 0 5px;
    }
    .adv-details .flex-between > span:last-child{
        font-weight: 600;
    }
    .adv-car-options li{
        padding-left: 10px;
    }
    .adv-car-options li span{
        width: 100%;
        display: block;
        border-top: 1px solid #ddd;
    }
    .adv-car-options li:first-child span, .adv-car-options li:nth-child(2) span{
        border-top: 0;
    }
    .adv-car-options li span::before{
        content: "-";
        margin-right: 5px;
    }
    .company-logo{

    }
    .company-logo img{
        width: 200px;
        height: 50px;
        border-radius: 10px;
        object-fit: contain;
        object-position: center;
    }
    .adv-section .flex-between .adv-sorting, .adv-sorting{
        width: 200px;
        position: relative;
        text-align: right;
    }
    .adv-sorting i{
        font-size: 20px;
        padding: 12px;
    }
    .adv-sorting select{
    }




    @media (max-width: 1200px) {
        .search-block{
            padding: 0rem;
        }
        .container-md, .container-sm, .container {
            width: 95%;
            max-width: 95%;
        }
        h4{
            font-size:20px;
        }
        h5{
            font-size:18px;
        }
        footer .container ul li{
            margin-right: 0.75rem;
        }
        .hide-pc-12{
            display: none;
        }
    }
    @media (max-width: 1100px) {
        body{
            font-size: 14px;
        }
        footer .container ul li{
            margin-right: 0.50rem;
        }
        footer .container:first-child ul li{
            font-size:15px;
        }
        .logo-container{
            width:200px
        }
        .profile-nav{
            width: 100%;
        }
        .profile-side-nav ul li{
            text-align: left;
        }
        .profile-side-nav ul li a{
            width: 200px;
            margin-left: 1%;
        }
        .profile-side-nav ul li button{
            width:auto;
        }
        .profile-right-block{
            width:100%
        }
    }
    @media (max-width: 1000px) {
        .main-search-block .card .col-md-4{
            width:50%
        }
        .hide-pc-10{
            display: none;
        }
        .category-line li{
            width: 20%;
        }
        .adv-wraper .col-md-3{
            width: 33.33333%;
        }
        footer .container > div, footer .container > ul {
            width:100%;
            text-align: center;
        }
        footer .footer-nav{
            display: block;
            text-align: center;
        }
        .footer-nav{
            display: block;
        }
        .footer-nav .nav-item.mt-2{
             display: block;
         }
        .footer-nav .nav-item{
            display: inline-block;
        }
        footer .container:nth-child(2) > .flex{
            display: block;
        }
        footer .container span {
            text-align: center;
            width: 100%;
        }
        .brands-line-wrap{
            overflow-y: hidden;
        }
        .brands-line{
            min-width: 1200px;
            overflow-y: scroll;
        }
        .brands-line li {
            width: 12%;
        }
    }

    @media (max-width: 850px) {
        .display-mobile{
            display: block;
        }
        .display-pc{
            display: none;
        }
        #burger-button{
            font-size: 20px;
            margin-right: 5px;
            color: #333;
        }
        .display-img-none {
            display: none !important;
        }
        .display-object-block {
            display: inline-block;
        }
        .container-md, .container-sm, .container {
            width: 98%;
            max-width: 98%;
        }
        #navbarSupportedContent .contact-button-nav{
            order: 9;
        }
        #navbarSupportedContent .btn-add{
            order: 10;
            margin-top: 10px;
            margin-left: -15px;
        }
        .adv-wraper .col-md-3{
            width: 50%;
        }
        .adv-section .flex-between > div {
            width:32%
        }
        #navbarSupportedContent{
            display: block;
            background: #f4f4f4;
            width: 85vw;
            height: 100vh;
            margin: 0;
            padding: 20px;
            position: absolute;
            left: 0;
            top: 55px;
            border-top:1px solid #eee;
            z-index: 99;
            box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.025) !important;
            transform: translateX(-85vw);
            transition: all 300ms;
        }
        #navbarSupportedContent.show{
            transform: translateX(-0vw);
        }
        #navbarSupportedContent ul li{
            border-bottom: 1px solid #ccc;
        }
        #navbarSupportedContent ul li:last-child{
            border-bottom: 0;
        }
        .btn-additional-search{
            padding-left: 0;
            margin-bottom: 5px;
        }
        .main-search-block-buttons{
            margin-top: 0px !important;
        }
        .img-adv{
            margin-bottom:0.5rem !important;
        }
        .slider-gallery.modal.show .slider-gallery-body .gallery{
            height: 100%;
            max-height: 100%;
            overflow-y: hidden;
        }
        .slider-gallery.modal.show .gallery-nav{
            display: none;
        }

    }
    @media (max-width: 770px) {
        .adv-section .flex-between > div {
            width:49.5%;
        }
        .main-search-block>.col-md-8{
            width: 100%;
        }
        .main-search-block>.col-md-4{
            width: 100%;
            height: 200px;
        }
        .profile-right-main .side-info .flex-between, .profile-right-adv .side-info .flex-between{
            margin: 5px 0;
        }
        .profile-right-main .side-info .flex-between p, .profile-right-adv .side-info .flex-between p{
            margin: 5px 0;
        }
        .profile-right-main .side-info > .flex-between:first-child a, .profile-right-adv .side-info > .flex-between:first-child a{
            width: 100%;
        }
        .profile-right-main .side-info > .flex-between:first-child h5, .profile-right-adv .side-info > .flex-between:first-child h5{
            margin-top: 0.5rem;
        }
    }
    @media (max-width: 540px) {
        .main-search-block .card .col-md-4, .main-search-block .card .col-md-3{
            width: 100%;
        }
        .main-search-block>.col-md-4 {
            order: 3;
            margin-bottom: 0.5rem !important;
        }
        .category-line a img{
            width:45px;
        }
        .category-line a span{
            font-size:10px;
        }
        .category-line > .flex{
            justify-content: space-between;
        }
        .category-line li{
            padding: 0;
        }
        .adv-section .flex-between > div {
            width:100%;
        }
        .adv-section .card .card-body{
            padding-bottom: 5px;
        }
        .profile-counter .text-center{
            width: 100%;
            margin: 5px;
        }
        .profile .my-adv .img-adv img{
            height:200px
        }
        .logo-container{
            width:150px
        }
    }
    @media (max-width: 480px) {
        .gallery-popular .slick-slide{
            margin-right: 0 !important;
        }
        .side-info > .flex-between:first-child{
            display: block;
        }
        .side-info .font-sp-price{
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .btn-favorite-lg{
            top:198px;
            right:8px;
        }
    }

        @media (max-width: 373px) {
        button.navbar-toggler{
            padding: 0.25rem 0.55rem;
        }
        .btn-add.display-mobile a {
            font-size: 12px;
            padding: 8px 7px;
        }
    }
    @media (max-width: 349px) {
        .btn-add.display-mobile a {
            display: none;
        }
    }
    @media (max-width: 1650px) {
        .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
            max-width: 1200px;
        }
    }