@media (max-width:992px){
header .top-nav .navbar-top {gap:0;flex-wrap: wrap;}	
header .top-nav .navbar-top .web-logo {width: 130px;}
header .top-nav{padding: 0;}
header .top-nav .navbar-top .middle-box{position: absolute;top: 0;height: 100vh;
background: #000;width: 100%;display: none;}
.rightside-box {display:none}
.df_redu{display: flex;align-items: center;gap: 15px;}
.mob_location {display: flex;align-items: center;gap: 15px;}
.mob_location svg{width: 30px;height: 30px;color: #fff;}
header .top-nav .navbar-top .middle-box.intro {display:flex}
.header {background: #171717;}
.middle-box form {display: block;}
.search-boxsfd {flex-wrap: wrap;padding: 10px;}
.search-box,
header .top-nav .navbar-top .middle-box .search-box:nth-child(2) {width: 100% !important;}

.ban_ss .carousel-item .desktop_view {display:none !important}
.ban_ss .carousel-item .mobile_view {display: block !important;height: 60vh;
object-fit: cover;}
.cust_vendor .cards {grid-template-columns: 1fr 1fr;gap: 10px;}
.cust_vendor .card__image {height: 140px;}
.cust_vendor .card__overlay {transform: inherit;position: relative;}
.cust_vendor .card__header{transform: inherit;padding: 10px;}
.cust_vendor .card__description{padding: 10px;}
.cust_vendor .card {border-radius: 10px;}
.cust_vendor .card__description p {display:none}
.clio{display: block;position:absolute;background: red;top: 0;right: 0;width: 35px;
height: 35px;border-radius: 33px;color: #fff;display: flex;justify-content: center;
align-items: center;}
.search-boxsfd .select-div {width:100%}
.search-boxsfd span.category-section select {height: 51px;}





}