@font-face {
    font-family: 'Gulf';
    src: url('gulf/Gulf-Bold.eot');
    src: url('gulf/Gulf-Bold.eot?#iefix') format('embedded-opentype'),
        url('gulf/Gulf-Bold.woff2') format('woff2'),
        url('gulf/Gulf-Bold.woff') format('woff'),
        url('gulf/Gulf-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gulf';
    src: url('gulf/Gulf-Text.eot');
    src: url('gulf/Gulf-Text.eot?#iefix') format('embedded-opentype'),
        url('gulf/Gulf-Text.woff2') format('woff2'),
        url('gulf/Gulf-Text.woff') format('woff'),
        url('gulf/Gulf-Text.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gulf';
    src: url('gulf/Gulf-SemiBold.eot');
    src: url('gulf/Gulf-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('gulf/Gulf-SemiBold.woff2') format('woff2'),
        url('gulf/Gulf-SemiBold.woff') format('woff'),
        url('gulf/Gulf-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gulf';
    src: url('gulf/Gulf-Thin.eot');
    src: url('gulf/Gulf-Thin.eot?#iefix') format('embedded-opentype'),
        url('gulf/Gulf-Thin.woff2') format('woff2'),
        url('gulf/Gulf-Thin.woff') format('woff'),
        url('gulf/Gulf-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body{
margin: 0;
font-family: 'Gulf', Arial, Helvetica, sans-serif !important;
background-color:#f8f8f8 !important;
}

a:link, a:visited, a:hover{color:#092b4c; text-decoration: none !important; cursor: pointer;}

a:hover{
    transition: ease-in color 0.2s;
    -moz-transition: ease-in color 0.2s;
    -webkit-transition: ease-in color 0.2s;

    transition: ease-in background 0.2s;
    -moz-transition: ease-in background 0.2s;
    -webkit-transition: ease-in background 0.2s;
}

img{width: 100%;}

p{
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
}

/* Font-size */
.f-12{font-size: 12px !important;}
.f-15{font-size: 15px !important;}
.f-18{font-size: 18px !important;}
.f-20{font-size: 20px !important;}
.f-25{font-size: 25px !important;}
.f-30{font-size: 30px !important;}
.f-35{font-size: 35px !important;}
.f-40{font-size: 40px !important;}
.f-45{font-size: 45px !important;}
.f-50{font-size: 50px !important;}
.f-55{font-size: 55px !important;}
.f-60{font-size: 60px !important;}

/* strong */
.bold{font-weight: bold;}

/* Headline */
h1, h2, h3, h4, h5, h6{
    font-weight: bold !important;
    margin: 0 !important;
}

h1{font-size: 20px !important; font-weight: bold !important;}
h6{font-size: 14px !important; font-weight: bold !important;}

/* H Line */
hr{background: #555555; margin:30px 0 !important;}
.gry_bg{background: #e3e3e3 !important;}

/* Float */
.f-left{float: left;}
.f-right{float: right;}

/* Clear */
.clearfix{clear: both !important;}
.clear5x{clear: both; height: 5px;}
.clear10x{clear: both; height: 10px;}
.clear15x{clear: both; height: 15px;}
.clear20x{clear: both !important; height: 20px;}
.clear25x{clear: both; height: 25px;}
.clear30x{clear: both; height: 30px;}
.clear35x{clear: both; height: 35px;}
.clear40x{clear: both; height: 40px;}
.clear45x{clear: both; height: 45px;}
.clear50x{clear: both; height: 50px;}

/* Text Align */
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

/* Margin */
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}

/* Margin Right */
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}

/* Margin Bottom */
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-100{margin-bottom: 100px;}

/* Margine Left */
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}
.ml-30{margin-left: 30px !important;}
.ml-35{margin-left: 35px !important;}
.ml-40{margin-left: 40px !important;}

/* Text Color */
.txt-white{color: #fff;}

/* Padding */
.ptb-20{padding: 20px 0;}

/* border */
.b-0{border: none !important;}

/* border radius */
.radius-12{
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
}

/* text color */
.graytext{color:#929292;}

header{
    background-color: #fff;
    border-bottom: solid 1px #e5e9ed;
}

.stock_bg {
    background: url(../img/car-1.jpg) no-repeat 30% center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    height: 222px;
}

.stock_bg_overlay {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 222px;
    background-size: cover;
}

.logo{
    width:100%; 
    height: auto;
    margin:10px 0 0 0;
}

.search_input{
    border: solid 2px #ebedf0;
    padding: 10px 15px;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

.search_input:focus{
    outline: none;
    border: solid 2px #ed1b24;
}

.menu_container{
    background-color: #fff;
}

nav ul li{
    float:right;
    list-style: none;
    margin:15px 13px;
    font-size: 13px;
    font-weight: bold;
}

.header_links{
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.header_links a:link, .header_links a:visited, .header_links a:active{
    color: #fff;
    text-decoration: none;
}

.header_links a:hover{
    color: #ed1b24;
    text-decoration: none;
}

.header_links2{
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #131212;
}

.header_links2 a:link, .header_links2 a:visited, .header_links2 a:active{
    color: #131212;
    text-decoration: none;
}

.header_links2 a:hover{
    color: #ed1b24;
    text-decoration: none;
}

.ad_btn{
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background: #ed1b24;
    padding: 5px 15px;
    color: #fff !important;
    font-family: 'Gulf', Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-size: 15px;
}

.ad_btn:hover{
    background: #131212;
    color: #fff;
}


.load_btn{
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border: solid 1px #dcdfe3;
    padding: 10px 20px;
    background: #fff;
    font-weight: bold;
}

.load_btn:hover{
    color: #fff !important;
    background: #ed1b24;
    border: solid 1px #ed1b24;
}

.breadcrum{
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.breadcrum_arrow{
    color: #ababab;
    margin: 0 5px -2px 5px;

}

.card_img{
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    width:225px;
    height:203px;
    object-fit: cover;
    margin: 0 0 10px 0;
}

.card_details{
    background: #fff;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding: 15px;
    height: 320px;
}

.brand{
    color: #6b7f93;
    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
}

.ad_title{
    color: #092b4c;
    font-size: 13px;
    font-weight: bold;
}

.price{
    color: #ed1b24;
    font-size: 15px;
    font-weight: bold;
}

.kd{
    color: #ed1b24;
    font-size: 15px;
    font-weight: bold;
}

.gray_text{
    color: #6b7f93;
}

.pages li{
    float: right;
    margin: 5px;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background: #fff;
    text-align: center;
    line-height: 38px;
    list-style: none;
    display: block;
    font-weight: bold;
}

.pages li:hover{
    background: #ed1b24;
    color: #fff;
}

.dropdown{
    border: solid 1px #dcdfe3;
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    width: 170px !important;
    font-family: 'Gulf', Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    column-gap: 10px;
}

footer{
    background: #fff;
    padding:30px 0;
    margin: 80px 0 0 0;
}

footer ul li{
    list-style: none;
    font-size: 13px;
    font-weight: bold;
    line-height:30px;
    margin: 0 -35px 0 0;
}

.footer_logo{
    width: 60%;
}

.copyright{
    background: #fff;
    margin: 1px 0 0 0;
    padding: 20px 0;
}

.copyright ul li{
    list-style: none;
    float: left;
    margin: 0 10px;
}

.desk_hide{
    display: none;
}

.ad_img{width:728px; height: auto;}

/* Adding Page */
.path_container{
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    padding: 15px;
}

.cat_cont{
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

.cat_img{
    width:auto;
    height: 95px;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    margin-bottom: 10px;
}

.details_container{
    background: #fff;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    padding: 20px;
}

.details_price{
    background: #151515;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 12px 12px 0 0;
    -webkit-border-radius:12px 12px 0 0;
    -moz-border-radius:12px 12px 0 0;
}

.details_price2{
    background: #f5f5f5;
    padding: 10px;
    color: #151515;
    text-align: center;
    font-size: 14px;
    border-radius: 0 0 12px 12px;
    -webkit-border-radius:0 0 12px 12px;
    -moz-border-radius:0 0 12px 12px;
}

.details_high{
    background: #f5f5f5;
    padding: 10px;
    color: #151515;
    text-align: center;
    font-size: 14px;
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

.btn_small{
    border: solid 1px #d8d8d8;
    padding: 5px 15px;
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    font-size: 13px;
    font-weight: bold !important;
}

.btn_small:hover{
    color:#fff;
    background: #092b4c;
    border: solid 1px #092b4c;
}

.details_user{
    background: #f5f5f5;
    padding: 15px;
}

.avatar{
    width: 50px;
    height: auto;
    margin: 0 0 0 20px;
    float: right;
}

.call_btn{
    background: rgb(0,169,88);
    background: linear-gradient(0deg, rgba(0,169,88,1) 0%, rgba(13,165,127,1) 100%);
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: bold;
    padding:12px 20px;
}

.message_btn{
    float: left;
    background: rgb(255,190,86);
    background: linear-gradient(90deg, rgba(255,190,86,1) 0%, rgba(255,158,24,1) 100%);
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    color: #fff;
    border: none;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 25px;
}

.report_btn{
    float: left;
    background:#fff;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    color: #696969;
    border: none;
    font-size: 14px;
    font-weight: bold;
    padding:12px 20px;
}

.details_list{
    margin: 0 -30px 0 0; 
    list-style: none;
    width: 50%;
    border-left: solid 1px #e3e3e3;
    float: right;
}

.details_list li{
    margin:25px 0;
}

.details_list li > span{
    float: right;
    width: 70%;
}

.true{
    width: 20px;
    height: auto;
}

.ad_img2{
    width: 300px;
    height: auto;
}

.detail_contact{
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 20px 0;
    -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.38); 
    box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.38);
    width: 100%;
    z-index: 999;
}

.carousel-inner{
    border-radius: 12px !important;
    -webkit-border-radius:12px !important;
    -moz-border-radius:12px !important;
}

.cat2{
    background: #fff;
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    padding: 15px 25px;
    margin: 15px 0;
}

.cat2_active{background: #30c178;}
.cat2_active h5{color: #fff !important;}

.btn_next{
    background: rgb(3,96,130);
    background: linear-gradient(90deg, rgba(3,96,130,1) 0%, rgba(23,116,169,1) 100%);
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding: 13px 20px;
    border: none;
    color: #fff;
    font-size: 16px;
    width: 100%;
    font-weight: bold;
}

.btn_back{
    background: #c8c8c8;
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    padding: 15px 50px;
    border: none;
    color: #fff;
    font-size: 16px;
    margin: 0 10px;
}

.file_upload{
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    background: #fff;
    padding:15px;
    cursor: pointer;
}

.green_btn{
    background:transparent;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    padding: 10px 30px;
    border: solid 2px #1471a3;
    color: #1471a3;
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.free_btn{
    background:#efefef;
    padding: 10px 30px;
    border: solid 1px #848587;
    color: #6e6f71;
    font-size: 15px;
    border-radius: 8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    width: 100%;
}

.new_details h5{
    margin: 15px 0 20px 0 !important; 
}

.new_price{
    font-weight: bold;
}

.new_price small{
    font-size: 13px;
    color: #929292;
}

.h_line{
    margin: 0 5px;
    color: #929292;
}

.car_type{
    background: #f5f5f5;
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    padding:10px;
    font-size: 13px;
    color: #262626;
    width: 92%;
    margin: 10px auto;
    text-align: center;
}

.car_detail2{
    list-style: none;
    font-weight: bold;
    font-size: 13px;
    margin: 0 -30px 0 0;
}

.car_detail2 span{
    font-weight: normal;
    font-size: 13px;
}

.car_detail2 li{
    margin:15px 0;
    width: 33%;
    float: right;
}

.color_ico{
    background: #f6f6f6 url("../img/icon/color-palette.svg") no-repeat center;
    background-size: 25px 25px;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    display: block;
    margin-left: 10px;
    float: right;
    text-align: center;
}

.year_ico{
    background: #f6f6f6 url("../img/icon/calender.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.year_ico{
    background: #f6f6f6 url("../img/icon/calender.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.piston_ico{
    background: #f6f6f6 url("../img/icon/piston.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.car_ico{
    background: #f6f6f6 url("../img/icon/car.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.offer_ico{
    background: #f6f6f6 url("../img/icon/offer.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.trans_ico{
    background: #f6f6f6 url("../img/icon/transmission.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.sun_ico{
    background: #f6f6f6 url("../img/icon/sun-roof.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.health_ico{
    background: #f6f6f6 url("../img/icon/cardiogram.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.mile_ico{
    background: #f6f6f6 url("../img/icon/speedometer.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.location_ico{
    background: #f6f6f6 url("../img/icon/location.svg") no-repeat center !important;
    background-size: 25px 25px !important;
}

.share_btn{
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    background: #fff;
    border: solid 1px #f5f5f5;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 5px;
    line-height: 40px;
    font-weight: bold;
    color: #3f3f3f;
    font-size: 20px;
    float: right;
}

.share_btn img{width: 20px; height: auto;}

.select_cat{
    float: right;
    background: #fff;
    border: solid 1px #dcdfe3;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    display: block;
    padding: 3px 10px;
    font-weight: bold;
    line-height: 32px;
    margin: 5px;
    font-size: 13px;
    display: flex;
}

.select_cat img{float: right; width: 20px; height: auto; margin: 0 0 0 5px;}
.select_x{display:flex; padding: 10px; overflow-x: auto; overflow-y: hidden; white-space: nowrap}
.more_ico{height: 20px;}

.listing2 img{
    float: left;
}

.card_img2{
    border-radius:12px 0px 0px 12px;
    -webkit-border-radius:12px 0px 0px 12px;
    -moz-border-radius:12px 0px 0px 12px;
    height: 120px;
    width: 120px;
    float: left;
    object-fit: cover;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

.card_details2{
    background: #fff;
    border-radius:0px 12px 12px 0px;
    -webkit-border-radius:0px 12px 12px 0px;
    -moz-border-radius:0px 12px 12px 0px;
    padding: 10px;
    height: 120px;
    float: left;
    text-align: left;
    width: 58%;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

.input{
    background: #fff;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border: solid 2px #ebedf0;
    padding: 10px 20px;
    width: 100%;
}

.back_btn{
    float: left;
    width: 20px;
    height: auto;
}

.h_menu{
    list-style: none;
    
    font-size: 14px;
    font-weight: bold;
}

.h_menu li{
    padding: 15px 0;
    border-bottom:solid 1px #d1d1d1;
    margin: 0 -30px 0 0;
}

.h_menu li span{
    float: left;
    color: #7c7c7c;
    line-height: 35px;
}

.floating{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 100px;
    right: 10px;
    text-align: center;
    z-index: 100;
    background: rgba(227, 27, 36, 0.8);
    color: #fff !important;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    line-height: 52px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
}

.premium{
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 15px;
    background-color:rgba(237, 27, 36, 0.7);
    font-size: 12px;
    color: #fff;
    padding: 3px 10px;
    border-radius:0 10px 0 10px;
    -webkit-border-radius:0 10px 0 10px;
    -moz-border-radius:0 10px 0 10px;
}

.premium2{
    position: absolute;
    z-index: 999;
    top: 194px;
    left: 30px;
    background-color:rgba(237, 27, 36, 0.7);
    font-size: 12px;
    color: #fff;
    padding: 3px 10px;
    border-radius:0 10px 0 10px;
    -webkit-border-radius:0 10px 0 10px;
    -moz-border-radius:0 10px 0 10px;
}

.filter{display:flex;}


/* Remove default bullets */
ul, #myUL {
    list-style-type: none;
  }
  
  /* Remove margins and padding from the parent ul */
  #myUL {
    background: #fff;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border: solid 2px #ebedf0;
    padding: 10px;
    width: 100%;
  }
  
  /* Style the caret/arrow */
  .caret {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
  }
  
  /* Create the caret/arrow with a unicode, and style it */
  .caret::before {
    font-family: 'FontAwesome';
    content: "\f053";
    color: black;
    display: inline-block;
    margin-left: 6px;
    float: left;
  }
  
  /* Rotate the caret/arrow icon when clicked on (using JavaScript) */
  .caret-down::before {
    transform: rotate(-90deg);
  }
  
  /* Hide the nested list */
  .nested {
    display: none;
    margin: 0 -30px 0 0;
  }
  
  /* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
  .active {
    display: block;
  }

.drop_img{width: 25px; height: auto;}

.sucess{color: #00a600;}
.dline{
    border-bottom: solid 1px #696969;
    margin:10px 0;
    }

.white_container{
    background: #fff;
    padding: 15px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    margin: 15px 0;
}

/*1600 to 1200 Devices*/
@media all and (max-width: 1600px) and (min-width: 1200px){
}

/*iPod, Tablet Devices*/
@media all and (max-width: 1200px) and (min-width: 480px){
}


/*Mobile Devices.*/		
@media all and (max-width: 480px) and (min-width: 320px){
    .card_img{
        width:100%;
        height:auto;
    }
.logo{width:100%; height: auto;}
.card_details{ height: 230px !important; padding: 10px;}
.ad_title{font-size: 14px !important;}
.brand{margin-bottom: 5px !important;}

.mob_hide{display: none !important;}
.desk_hide{display: block !important;}

.footer_logo{width: 100%;}
.filter{
    overflow-x: scroll;
    display: flex;
    column-gap: 10px;
}

.copyright{text-align: center !important;}
.copyright ul{margin: 0 0 30px 20%;}

.search_container{
    padding: 10px 0;
    background: #fff;
}

.ad_img{width:100%; height: auto;}

.call_btn, .message_btn, .report_btn{padding:15px 20px;}
.whatspp_btn{padding:10px 20px;}

.details_list{width: 100%; border: none;}
.details_container, .details_high{margin-top: 20px;}
#text{display:none;}
#toggle{
    font-weight: bold;
    border: solid 1px #ababab;
    border-radius: 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    background: none;
    padding: 5px 20px;
    margin: 10px 30% 0 0;
}

.favorite{
    border: solid 1px #ababab;
    border-radius: 12px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    padding:8px;
    color: #ababab;
    width: 45px;
    height: 45px;
}

.logo_slide{
    width: 35%;
    height: auto;
    margin: 0 20px 0 0;
}

.cat2 h5{font-size: 13px !important;}

.premium2{
    top: 110px;
    left: 25px;
}

}