@media only screen and (max-width: 900px) {
    .w20,.w30,.w40,.w45,.w50,.w60,.w70,.w75,.w80,.w85,.w33,.w25{
        width: 100%;
    }
    .white-space{
        height: 78px;
    }
    .bottom-line{
        width: 30%;
    }
    .title h1{
        font-size: 25px;
    }
    /*Menu*/
    .top-bar i{
        padding: 5px 10px;
    }
    .logo{
        width: calc(100% - 135px);
        float: left;
    }
    .logo img{
        object-position: left;
        position: relative;
        top: 0;
        left: 0;
    }
    .mob-bars{
        /*width: 20%;*/
        /*float: left;*/
    }
    .mobicons{
        width:45px;
        float: left;
        position: relative;
        /*background-color: red;*/
    }
    .mobCard{
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: var(--themeLightColor);
        border-radius: 50%;
        position: absolute;
        font-size: 12px;
        color: #FFF;
        line-height: 20px;
        text-align: center;
        right: 2px;
        top: 10px;
    }
    .mobicons i{
        padding: 10px;
        /*background-color: rgba(255,255,255,0.8);*/
        margin: 15px auto;
        border-radius: 5px;
    }
    .mob-bars i{
        padding: 10px;
        background-color: rgba(255,255,255,0.8);
        margin: 15px auto;
        border-radius: 5px;
    }
    .menu-area{
        height: 100vh;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
        margin-left: -100%;
    }
    .menu-area ul{
        width: 80%;
        margin-top: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0,0,0,0.5);
        border-top: 1px solid rgba(0,0,0,0.5);
        width: 90%;
        margin-left: 5%;
    }
    .white_bg{
        width: 80%;
        height: 100%;
        background-color: #FFF;
        overflow: auto;
        float: left;
    }
    .menu-area ul li{
        width: 90%;
        margin-left: 5%;
        text-align: left;
        float: none;
        padding: 15px 0;
        font-size: 16px;
    }
    .menu-area ul li a{
        color: rgba(0,0,0,0.8);
    }
    .menu_logo{
        height: 80px;
    }
    .menu_logo img{
        width: 80%;
        height: 80%;
        object-fit: contain;
        margin: 5% 10%;
    }
    .dropdown{
        position: static;
        display: block;
        box-shadow: none;
        padding-bottom: 0;
        display: none;
    }
    .dropdown ul{
        width: 100%;
        margin-top: 0;
        border: 0;
    }
    .pc_hide{
        display: block;
    }
    .mob_hide{
        display: none!important;
    }
    .dark_side{
        float: left;
        height: 100vh;
        width: 20%;
        background-color: rgba(0,0,0,0.5);
        display: none;
    }
    .white_bg p{
        padding: 10px;
        color: rgba(0,0,0,0.6);
        font-size: 14px;
    }
    .white_bg p a{
        color: rgba(0,0,0,0.6);
        text-decoration: none;
    }
    .white_bg i{
        color: var(--themeLightColor);
    }
/*    .white_bg .fa-facebook{
        padding: 10px;
        border-radius: 50%;
        background-color: #4267B2;
        color: #FFF;
        font-size: 18px;
    }
    .white_bg .fa-twitter,.white_bg .fa-skype{
        padding: 10px;
        border-radius: 50%;
        background-color: #12ADDB;
        color: #FFF;
        font-size: 18px;
    }
    .white_bg .fa-instagram{
        padding: 10px;
        border-radius: 50%;
        background-color: #FE563C;
        color: #FFF;
        font-size: 18px;
    }
    .white_bg .fa-youtube{
        padding: 10px;
        border-radius: 50%;
        background-color: #FF1E00;
        color: #FFF;
        font-size: 18px;
    }
    .white_bg .fa-linkedin{
        padding: 10px;
        border-radius: 50%;
        background-color: #4267B2;
        color: #FFF;
        font-size: 18px;
    }
    .white_bg .fa-whatsapp{
        padding: 10px;
        border-radius: 50%;
        background-color: #04D755;
        color: #FFF;
        font-size: 18px;
    }*/
    .dropdown ul{
        margin-left: 0;
    }
    .dropdown ul li{
        border: 0;
    }
    .top-bar{
        display: none;
    }
    .menu-con{
        background-color: #FFF;
    }
    .mob-bars i{
        /*margin: 20px 10px;*/
    }
    .active_menu{
        height: 75px;
    }
    .mob-bars i{
        border: 0.2px solid rgba(0,0,0,0.2);
        /*color: var(--themeLightColor);*/
    }
    .active_menu{
        animation: none!important;
    }
    .menu{
        height: 75px;
    }
    .big-menu{
        /*display: block;*/
        position: absolute;
        width: 100%;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        z-index: 9999;
    }
    .big-menu-container{
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-height: 80vh;
        margin-top: 0;
    }
    .close_big{
        position: absolute;
        right: 10px;
        display: block!important;
    }
    .submenus li{
        width: 50%;
        float: left;
        padding: 10px 0;
        text-align: center;
    }
    .submenu-img{
        display: block!important;
        height: 40px;
        margin: 10px auto;
    }
    .submenus li{
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
    }
    .submenu-img img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    
    
    /*Menu End*/
    
    /*Banner*/
    .banner{
        height: 360px;
    }
    
    .categories{
        margin-top: -130px;
    }
    .banner-left{
        width: 30%;
        overflow: visible;
    }
    .banner-left .w96{
        overflow: visible;
    }
    .banner-right{
        width: 70%;
        overflow: visible;
        position: relative;
    }
    .banner-right .right-con{
        overflow: visible;
    }
    .urban-map{
        padding-top: 130px;
    }
    .select-box__input:checked + .select-box__input-text{
        width: 100%;
    }
    .select-box__list{
        /*width: 200%;*/
    }
    /*Banner ENd*/
    
    /*Categories*/
    .cate-img{
        width: 45px;
        height: 45px;
    }
    .category-points{
        padding: 0;
        width: 96%;
        margin: 0 auto 10px auto;
    }
    .cateboxes{
        width: 33%;
    }
    .categories{
        padding-bottom: 0;
    }
    /*Categories End*/
    
    /*Offers*/
    .title{
        font-size: 22px;
    }
    .offers .item{
        margin-top: 20px;
    }
    .pricearea .famnt{
        font-size: 14px;
    }
    .pricearea .price{
        font-size: 14px;
    }
    .productcardimg{
        height: 150px;
    }
    .pricearea .offper{
        position: absolute;
        right: 2px;
        top: 120px;
        border-radius: 2px;
        font-size: 10px;
    }
    /*Offers End*/
    
    /*Footer*/
    .footer-top .w25{
        width: 50%;
        padding: 10px 0 10px 0;
    }
    .footer-top-icons{
        height: 60px;
    }
    .footer-logo img{
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        margin: 0;
    }
    .social-icons ul{
        margin-left: 0;
    }
    .social-icons ul li{
        width: 100%;
        overflow: hidden;
    }
    .social-icons p{
        width: 100%;
        padding-right: 0;
    }
    .social-icons ul li br{
        display: none;
    }
    .social-icons ul li a{
        display: block;
        width: 50%;
        float: left;
    }
    .footer p{
        padding: 0 10px;
        text-align: justify;
    }
    .footer ul li{
        padding: 5px 10px;
    }
    .footer .w10{
        margin-top: 20px;
        width: 50%;
    }
    .copyright p{
        text-align: center;
    }
    .copyright p br{
        display: block!important;
    }
    /*Footer End*/
    
    
    /*Sell/Free Popup*/
    .category-popup, .free-popup{
        /*display: block;*/
        height: 100vh;
        margin-top: 0;
    }
 
    
    /*Filters*/
    .pageBody{
            flex-direction: column;
        }
        .newSearchPage .filterArea{
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background-color: #FFF;
            z-index: 99;
            height: 100vh;
            overflow-y: auto;
            display: none;
        }
        .filterIMG{
            display: none;
        }
        .filterWhiteBg{
            margin-bottom: 0;
        }
        .lastFilter{
            padding-bottom: 100px;
        }
        .closeFilter{
            padding: 10px;
            cursor: pointer;
        }
        .closeFilter svg{
            width: 15px;
            height: 15px;
        }
        .flexConAlign{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .SearchedProductArea{
            width: 100%;
            border-radius: 10px;
        }
        .searchInProducts{
            width: 96%;
            margin: 0 auto;
        }
        .searchInProducts input{
            width: calc(100% - 65px);
        }
        .searchCategoryName span{
            display: block;
            width: 100%;
            padding: 10px 0;
        }
        .sortByList{
            position: fixed;
            width: 100%;
            height: 100vh;
            /*background-color: #FFF;*/
            top: 0;
            left: 0;
            z-index: 99;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(0,0,0,0.4);
            display: none;
        }
        .sortByList ul{
            width: 250px;
            padding: 20px 0;
            background-color: #FFF;
            display: flex;
            align-items: center;
            flex-direction: column;
            border-radius: 10px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .sortByList li{
            width: 100%;
            text-align: center;
        }
        .gridListView{
            display: none!important;
        }
        .filters-apply{
            z-index: 9;
        }
        .filters-apply .close-btn{
            padding: 10px 0;
        }
        .searchInProducts{
            float: right;
        }
    .filters-apply{
        display: block!important;
        position: fixed;
        bottom: 2px;
        width: 90%;
        left: 5%;
        overflow: hidden;
        padding: 5px 0;
        border-top: 0.5px solid var(--themeLightColor);
        background-color: #FFF;
    }
    .filters-apply .w40{
        width: 40%;
    }
    .filters-apply .close-btn{
        padding: 10px 0;
        width: 90%;
        border: 0;
        font-size: 14px;
        border: 0.5px solid var(--themeLightColor);
        color: var(--themeLightColor);
        background-color: transparent;
        border-radius: 2px;
    }
    .filters-apply .w60{
        width: 60%;
    }
    .filters-apply .w50{
        width: 50%;
    }
    .filters-apply .apply-btn{
        padding: 5px 0;
        width: 100%;
        border: 0;
        font-size: 14px;
        border: 0.5px solid var(--themeLightColor);
        color: #FFF;
        border-radius: 2px;
        background-color: var(--themeLightColor);
    }
    .filterbottom{
        width: 100%;
        left: 0;
        bottom: 0;
        display: block!important;
    }
    .filterbottom .close-btn{
        width: 100%;
        border: 0;
        background-color: var(--themeLightColor);
    }
    .paths ul{
        width: 100%;
        padding: 5px 0;
        white-space: nowrap;
        text-overflow:ellipsis;
    }
    .btns-area a{
        display: block;
        font-size: 14px;
        white-space: nowrap;
        width: calc(50% - 30px);
        float: left;
        margin-left: 5px;
        margin-bottom: 5px;
        text-align: center;
        overflow: hidden;
        text-overflow:ellipsis;
    }
    
    /*Filter End*/
    
    .maincon{
        width: 96%;
    }
    .image-item{
        width: calc(100% - 2px);
    }
    .otherimages{
        width: 100%;
    }
    .otherimages .w25{
        width: 25%;
    }
    #imagescon{
        height: auto;
    }
    .producname{
        font-size: 22px;
    }
    .pricerange .famnt{
        font-size: 18px;
    }
    .seller-box{
        padding-top: 10px;
        width: calc(100% - 25px);
    }
    .seller-box .w25{
        width: 25%;
    }
    .seller-box .w70{
        width: 75%;
    }
    .basicdataside .w90{
        width: 100%;
    }
    .basicdataside .w25{
        width: 50%;
    }
    .basicdataside .w25 p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
    }
    .dialog .dialog-con{
        width: calc(90% - 40px);
    }
    .heading{
        margin: 0;
        padding: 0;
    }
    
    /*Blogs*/
    .blog-title{
        font-size: 22px;
    }
    .blog-date{
        position: absolute;
        top: 0;
        right: 0;
    }
    .abouts{
        padding-top: 20px;
        width: 100%;
        overflow: auto;
    }
    .titledesc{
        overflow: auto;
    }
    .aboutus-box{
        width: calc(96% - 20px);
        padding: 10px;
    }
    .aboutus-box img{
        width: 100%!important;
        height: auto!important;
        object-fit: contain;
    }
    /*Blog End*/
    
    /*User Dashboard*/
    .grapharea{
        width: 100%;
    }
    .height200{
        width: 100%;
    }
    .whitebg{
        border-bottom: 0!important;
    }
    .cate-card{
        width: 50%;
    }
    .cate-card .cate-name{
        font-size: 14px!important;
        white-space: nowrap;
    }
    .cate-card .cardimg{
        height: 70px!important;
    }
    .plans .item{
        width: 90%;
    }
    .boost_con{
        width: 90%;
    }
    /*User Dashboard End*/
    /*Login/Signup*/
    .rightside{
        display: none;
    }
    .log_formcontainer{
        height: 100vh;
        overflow: auto;
    }
    .log_formcontainer .w60{
/*        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);*/
    }
    
    /*Offers*/
    .bigimg{
        height: auto;
        margin-bottom: 10px;
    }
    .bigimg img, .smallimg img{
        height: auto;
    }
    .smallimg:nth-child(1){
        margin-bottom: 10px;
    }
    
    
    .add_cart{
        margin-top: 10px;
        margin-left: 2px;
    }
    .add_cart .w90:nth-child(1){
        width: 100%;
    }
    .add_cart .w50{
        width: 50%;
    }
    .buutttss{
        position: fixed;
        left: 0;
        bottom: 0;
    }
    .buutttss .w90{
        width: 95%!important; 
    }
    .buutttss .w95{
        width: 97%;
        margin-left: 0;
    }
    .lower_height{
       height: 30px;
       background: #356552;
    }
    .quantityplus{
        float:none;
        position:static;
        margin:10px auto;
    }
    .quantityplus .w30{
        width:30%;
    }
    .quantityplus .w40{
        width:40%;
    }
    .itembtns{
        white-space:nowrap;
    }
    .cartbody {
        width:100%;
    }
    .btn-anchor{
        width:auto;
    }
    .btn_pay_now{
        width:auto;
        position:static;
    }
    .promocode-container .w70{
        width:70%;
    }
    .promocode-container .w30{
        width:30%;
    }
    .itemsubdata .w60{
        width:60%;
    }
    .itemsubdata .w40{
        width:40%;
    }
    .trackimg .w25{
        width:25%;
    }
    .trackimg img{
        width:40px!important;
        height:40px!important;
    }
    .trackimg p{
        font-size:12px;
    }
    .add-to-cart-btns{
        position: fixed;
        bottom: 0;
        background-color: #FFF;
        left: 0;
        z-index: 9999;
    }
    .add-to-cart-btns .w50{
        width: 50%;
    }
    .add-to-cart-btns .w50 .w98{
        margin: 0 auto;
        float: none;
    }
    /*Cart Page*/
    .cartList{
        width: 100%;
    }
    .cardBody{
        flex-direction: column;
        width: calc(96% - 20px);
    }
    .hiddenAddress .addressCard{
        width: 100%;
    }
    .addressAreaContainer{
        flex-direction: column;
    }
    .addressList{
        width: 100%;
        max-height: 482px;
    }
    .addressForm{
        width: 100%;
    }
    .itemCard{
        flex-direction: column;
    }
    .itemImageInfo{
        width: 100%;
        text-align: center;
    }
    .itemQuentityInfo{
        width: 210px;
        margin-bottom: 20px;
    }
    .orderSummary, .shippingSummary, .paymentMethodSummary{
        width: calc(100% - 30px);
    }
    .summaryList{
        width: 100%;
    }
    .cardLable{
        padding-top: 20px;
        font-size: 14px;
    }
    .orderssummary{
        display: none;
    }
    .orderLable{
        margin-bottom: 10px;
    }
    
    .orderLable .openOrders{
        display: block;
    }
    .orderLable .closeOrders{
        display: none;
    }
    .orderLable.activeOrder .openOrders{
        display: none;
    }
    .orderLable.activeOrder .closeOrders{
        display: block;
    }
    .orderLable{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .orderLable span svg{
        width: 20px;
        height: 20px;
    }
    
}