@media (max-width: 900px) {


.main-navbar .nav-item{
  margin-left: 1.5rem !important;
}


.navbar-toggler{
    border: 2px solid #00b5f9 !important;
}


.top-bar-outer{
    padding: 0.8rem 1rem;
}

.top-bar-outer a{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    font-size: 0.6rem;
}


.main-navbar{
    background-color: #ffffff !important;
    padding: 0.8rem 1rem;
}




.mobile-nav-form{
    display: block !important;
    padding: 0.4rem 0.4rem 1.5rem 2rem;
}

.mobile-nav-form input{
    width: 100% !important;
    margin-top: 1rem !important;
}

.mobile-nav-form .nav-search{
    margin-top: 1rem !important;
}


.bottom-navbar{
    background-color: #f8f8f8 !important;
    padding: 0.4rem 1rem;
}



.bottom-navbar li a{
    margin-right: 0rem;
    font-size: 0.7rem;
}



.bottom-navbar .res-dropdown{
    margin-left: -5rem;
}







#promo-product-categories{
    padding: 5rem 1rem 2rem 1rem;
    text-align: center !important;
}


#promo-product-categories .third-div{
    padding: 1rem 1rem 1rem 1rem;
}




#categories{                                        /*  Categories Start */
    padding: 0rem 2rem 3rem 2rem;
}

#categories .col-md-4{ 
 max-width: 45%;
 margin-top: 1rem !important;
}

#categories h3{
    font-size: 0.9rem;
    top: 50%;
    left: 10%;
}

#categories p{
 font-size: 0.6rem;
 font-weight: 500;
 top: 58%;
 left: 10%;
}


.explore_btn{
    left: 50%;
    top: 84%;
    padding: 0.4rem 0.5rem;
    width: 80%;
    border-radius: 10px;
    border: 4px solid #26a7ff;
    font-size: 0.6rem;
    text-align: center;
}


.top h3{
    top: 50% !important;
    left: 10%;
}

.top p{
 top: 58% !important;
 left: 10%;
}


.top .explore_btn{
    left: 50%;
    top: 84% !important;
    padding: 0.4rem 0.5rem !important;
    width: 80%;
    border-radius: 10px;
    border: 4px solid #26a7ff;
    font-size: 0.6rem;
    text-align: center;
}

.explore_btn:hover{
  border: 4px solid #ffffff !important;
}

#categories .col-md-4:hover .explore_btn{
  border: 4px solid #ffffff !important;
}



.earth_img{
    width: 0.6rem;
    margin-right: 0.5rem;
}

.bottom{
    margin-top: 0rem !important;
}


.top .blue-bg{
  height: 70% !important;
}                                          /*  Categories Ends */







#deals{                                                                              /*  Deals Starts */
 padding: 4rem 2rem 4rem 2rem;
 text-align: center !important;
}

#deals h3{
    font-size: 2rem;
}


#deals .first-div img{
  width: 4.5rem;
}

#deals .second-div{
    padding: 0.6rem 3rem;
}


#deals .third-div{
    min-height: 40vh;
}


#deals .item{
    padding: 1.5rem 1rem 1.5rem 1rem;
    border-radius: 10px;
}


#deals .item h4{
    font-size: 1rem;
    margin-top: 1rem;
}


#deals .item h5{
    font-size: 1.2rem;
}


#deals .item span{
    font-size: 0.8rem;
    margin-left: 0.4rem;
}                               


#deals .deal-product{
    height: auto;
    position: relative;
    width: 100%;

}

#deals .add_to_cart{
    width: 100%;
}




              /* Deals Ends */





#top-brands{                         /*  Top Brands Start */
    padding: 3rem 2rem 5rem 2rem;
    text-align: center;
    background-image: url("../images/background/top-brands-mobile-bg.jpg"); /* The image used */
    background-color: #efefef; /* Used if the image is unavailable */
  width: 100%;
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}


#top-brands h3{
    font-size: 1.4rem;
}

#top-brands .first-div img{
  width: 4.5rem;
}

#top-brands .second-div{
    padding: 0.6rem 3rem;
}


#top-brands .col-md-3{
    max-width: 50%;
}


#top-brands .brand-circular-img{
    width: 100%;
    margin-top: 2rem;
}

#top-brands .margin-top{
  margin-top: 0rem;
}

#top-brands a{
    font-size: 1rem;
    color: #ffffff;
}                                /*  Top Brands Ends */







#featured-products{                         /*  Featured products Start */
    background-color: #ffffff;
    padding: 6rem 1rem 4rem 1rem;
    text-align: center !important;
}


#featured-products h3{
    font-size: 2rem;
}


#featured-products .first-div img{
  width: 4.5rem;
}

#featured-products .product{
    padding: 1.3rem 1.4rem;
}

.pencil-img{
    width: 1.4rem !important;
}


#featured-products .product h3{
    font-size: 1.1rem;
}


#featured-products .product h4{
    font-size: 0.8rem;
}

.add_to_cart{
    padding: 1rem;
    font-size: 0.9rem;
}

#featured-products .product .cart-icon{
    width: 1rem;
    left: 22%;
    margin-top: 0.2rem;

}                                                   /*  Featured products End */






#blogs{                                                    /*  Blogs css Start */
    padding: 6rem 2rem 4rem 2rem;
    text-align: center !important;
}


#blogs h3{
    font-size: 1.4rem;
}

#blogs .first-div img{
  width: 4.5rem;
}

#blogs .second-div{
    padding: 0.6rem 3rem;
}


#blogs .third-div{
    padding: 2rem 1rem 1rem 1rem;
}

#blogs .third-div a{
    font-size: 0.8rem;
}

#blogs .col-md-4{
    max-width:100% !important;
    border: 6px solid #ffffff;
    margin-top: 1rem !important;
}


#blogs .blog-inner{
    width: 100%;
    height: auto;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

#blogs .blog-inner h3{
    font-size: 1.2rem;
}

#blogs .blog-inner p{
    font-size: 0.8rem;

}

#blogs .blog-inner a{
    font-size: 0.8rem;

}                                         /*  Blogs css Ends */










footer{
    padding: 5rem 2rem 5rem 2rem;
}

footer .col-md-3{
    margin-top: 2rem;
}


footer h3{
    font-size: 1.2rem;
}


footer ul li{
    margin-top: 0.2rem;
}

footer a{
    font-size: 0.8rem;
}

footer p{
    font-size: 0.8rem;

}

footer .chat_btn{
    font-size: 0.8rem;
    padding: 0.5rem 2rem;
}

footer .chat_btn img{
  width: 1.2rem;
  margin-right: 0.5rem;
}



.copyrights_div a{
    font-size: 0.8rem;
    margin-right: 2rem;
}

.social{
    margin-right: 1rem;
    width: 2rem;
}









/*--------- Product Listing Page Css Start ---------*/


#hero-section{
    padding: 4rem 2rem 4rem 2rem;
    background-image: url("../images/background/hero-bg.jpg"); /* The image used */
  background-color: #000000; /* Used if the image is unavailable */
  width: 100%;
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

}



#hero-section h3{
    font-family: caros-bold;
    font-size: 1.4rem;
    color: #ffffff;
    margin-top: 1rem;
}



#product-listing-main{

    background-color: #F0F4FF;
    padding: 1rem 2rem 3rem 2rem;;
}


#product-listing-main .left{
    padding: 2rem 1rem 4rem 1rem !important;
}

#product-listing-main .left p{
 font-size: 0.8rem;
}

#product-listing-main .right{
    background-color: #ffffff;
    border-radius: 8px;
}


.sort-btn{
    background-color: #26232B;
    border: none;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 0.8rem;
}



#product-listing-main .product{
    padding: 1rem 1.5rem;
    max-width:100% !important;
    margin-top: 2rem !important;
}



#product-listing-main .product .product-img{
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
    max-height: 10rem;
    object-fit: contain;
}


#product-listing-main .product h3{
    font-family: 'caros-light', serif;
    font-size: 1rem;
    font-weight: 600;
}


#product-listing-main .product h4{
    font-family: 'caros-medium', serif;
    font-size: 0.9rem;
    font-weight: 800;
    color: #0094f9;
}

#product-listing-main .add_to_cart{
    width: 100%;
    padding: 1rem 0.5rem;
    border-radius: 8px;
    border: none;
    font-size: 0.8rem;
    background-color: #26232b;
}

#product-listing-main .product .cart-icon{
    width: 1rem;
    position: absolute;
    left: 15%;
    margin-top: 0.3rem;

}



/*--------- Product Listing Page Css Ends ---------*/








 }





 @media (min-width: 1024px) {
   .this-img{
    width: 100% !important;
   }
 }





  @media (max-width: 1030px)  /*-----------13/10 inch laptop--------------*/
  and (min-width: 900px){
   
  
.top-bar-outer{                            /*--Top Navbar---*/
    padding: 0.8rem 5rem;
   } 

.top-bar-outer a{
    font-size: 0.6rem;
}


   .main-navbar{                                 /*--Main Navbar---*/
    padding: 0.8rem 3rem 0.8rem 6rem;
}

.main-navbar li a{
    font-size: 0.6rem;
    margin-left: 0.6rem;
}


.navbar-cart{
    width: 0.8rem;
    margin-top: 0.2rem;
    margin-right: 0.3rem;
}

.nav-span{
    margin-top: 0.4rem;
    padding: 0.2rem 0.3rem;
    border-radius: 6px;
    font-size: 0.5rem;
}


.navbar-form{
    padding: 0.2rem 0.2rem 0.2rem 1rem;
    border-radius: 8px;
}

.navbar-form input{
    font-size: 0.5rem;
}

.navbar-form .input-1{
    width: 6rem;
}

.navbar-form .input-2{
    width:2rem;
}
.navbar-form .input-3{
    width: 2rem;
}

.nav-search{
    padding: 0.3rem 0.6rem;
    font-size: 0.6rem;
}

.search-icon{
    width: 0.6rem;
    margin-right: 0.3rem;
}

.main-navbar .nav-link{
  font-size: 0.6rem;
}






.bottom-navbar{                               /*--Bottom Navbar---*/
    padding: 0.2rem 0rem 0.2rem 15rem;
}


.bottom-navbar li a{
    font-size: 0.6rem;
    margin-right: 0.7rem;
}

.down-arrow{
    width: 0.6rem;
    height: auto;
}



.caption-div-1{                             /*----------Banner Css Starts -----------*/
    top:4%;
    left:14%;
}

.caption-div-1 h1{
    font-size: 1.4rem;
}

.caption-div-1 p{
    font-size: 0.6rem;
}


.shop-all-btn{
    font-size: 0.8rem;
}


.caption-div-2{                         
    bottom:6%;
    left:14%;
}

.caption-div-2 h2{
    font-size: 1.4rem;
}

.caption-div-2 p{
    font-size: 0.6rem;
}

.banner-prev-icon{
  top: 9%;
  right: 22%;
}

.banner-prev-icon img{
    width: 1.2rem;
}

.banner-next-icon{
  top: 9%;
  left: 22%;
}

.banner-next-icon img{
    width: 1.2rem;
}



.caption-div-3{
    bottom:8%;
    left:62% !important;
}

.caption-div-3 h2{
    margin-top: 0.2rem;
    margin-left: 1rem;
    font-family: caros-light;
    font-size: 1.4rem;
}

.caption-div-3 p{
    font-family: 'caros-regular', serif;
    font-size: 0.6rem;
    margin-left: 1.4rem;
    margin-top: -0.4rem;
    color: #ffffff;
    opacity: 0.6;
}

.play-btn{
    width: 3rem;
}


#promo-product-categories{                 /*  Promo products Start */
    background-color: #f0f4ff;
    padding: 3rem 6rem 3rem 6rem;
}


#promo-product-categories h3{
    font-size: 1.4rem;
}

#promo-product-categories .first-div img{
  width: 4.5rem;
}

#promo-product-categories p{
    font-size: 0.5rem;
}





#categories{                                        /*  Categories Start */
    padding: 5rem 6rem 5rem 6rem;
}

#categories h3{
    font-size: 1.4rem;
    top: 55%;
    left: 10%;
}

#categories p{
 font-size: 0.7rem;
 font-weight: 500;
 top: 65%;
 left: 10%;
}


.explore_btn{
    left: 50%;
    top: 85%;
    padding: 0.6rem 2rem;
    width: 80%;
    border-radius: 10px;
    border: 6px solid #26a7ff;
    font-size: 0.9rem;
    text-align: center;
}

.earth_img{
    width: 1rem;
    margin-right: 0.5rem;
}

.bottom{
    margin-top: 3rem !important;
}


.top .blue-bg{
  height: 70% !important;
}                                          /*  Categories Ends */





#deals{                                                                              /*  Deals Starts */
 padding: 4rem 6rem 4rem 6rem;
}

#deals h3{
    font-size: 1.4rem;
}


#deals .first-div img{
  width: 4.5rem;
}

#deals .second-div{
    padding: 0.6rem 3rem;
}


#deals .third-div{
    min-height: 60vh;
}


#deals .item{
    padding: 1.5rem 1rem 1.5rem 1rem;
    border-radius: 10px;
}


#deals .item h4{
    font-size: 1rem;
}


#deals .item h5{
    font-size: 1.2rem;
}


#deals .item span{
    font-size: 0.8rem;
    margin-left: 0.4rem;
}                                             /* Deals Ends */








#top-brands{                         /*  Top Brands Start */
    padding: 3rem 6rem 2rem 6rem;
}


#top-brands h3{
    font-size: 1.4rem;
}

#top-brands .first-div img{
  width: 4.5rem;
}

#top-brands .second-div{
    padding: 0.6rem 3rem;
}

#top-brands .brand-circular-img{
    width: 100%;
}

#top-brands .margin-top{
  margin-top: 2.5rem;
}

#top-brands a{
    font-size: 1rem;
}                                /*  Top Brands Ends */












#featured-products{                         /*  Featured products Start */
    background-color: #ffffff;
    padding: 6rem 6rem 4rem 6rem;
}


#featured-products h3{
    font-size: 1.4rem;
}


#featured-products .first-div img{
  width: 4.5rem;
}

#featured-products .product{
    padding: 1.3rem 1.4rem;
}

.pencil-img{
    width: 1.4rem !important;
}


#featured-products .product h3{
    font-size: 1.1rem;
}


#featured-products .product h4{
    font-size: 0.8rem;
}

.add_to_cart{
    padding: 1rem;
    font-size: 0.9rem;
}

#featured-products .product .cart-icon{
    width: 1rem;
    left: 22%;
    margin-top: 0.2rem;

}                                                   /*  Featured products End */
                                         





#blogs{                                                    /*  Blogs css Start */
    padding: 4rem 6rem 4rem 6rem;
}


#blogs h3{
    font-size: 1.4rem;
}

#blogs .first-div img{
  width: 4.5rem;
}

#blogs .second-div{
    padding: 0.6rem 3rem;
}


#blogs .third-div{
    padding: 2rem 1rem 1rem 1rem;
}

#blogs .third-div a{
    font-size: 0.8rem;
}

#blogs .col-md-4{
    border: 6px solid #ffffff;
}


#blogs .blog-inner{
    width: 100%;
    height: auto;
    padding: 1.5rem 1.5rem 1.5rem 1rem;
}

#blogs .blog-inner h3{
    font-size: 1.2rem;
}

#blogs .blog-inner p{
    font-size: 0.8rem;

}

#blogs .blog-inner a{
    font-size: 0.8rem;

}                                         /*  Blogs css Ends */









footer{
    padding: 4rem 6rem 3rem 6rem;
}


footer h3{
    font-size: 1.2rem;
}


footer ul li{
    margin-top: 0.2rem;
}

footer a{
    font-size: 0.8rem;
}

footer p{
    font-size: 0.8rem;

}

footer .chat_btn{
    font-size: 0.8rem;
    padding: 0.5rem 2rem;
}

footer .chat_btn img{
  width: 1.2rem;
  margin-right: 0.5rem;
}



.copyrights_div a{
    font-size: 0.8rem;
    margin-right: 2rem;
}

.social{
    margin-right: 1rem;
    width: 2rem;
}





/*--------- Product Listing Page Css Start ---------*/


#hero-section{
    padding: 4rem 2rem 4rem 2rem;
    background-image: url("../images/background/hero-bg.jpg"); /* The image used */
  background-color: #000000; /* Used if the image is unavailable */
  width: 100%;
  height: auto; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

}



#hero-section h3{
    font-family: caros-bold;
    font-size: 1.4rem;
    color: #ffffff;
    margin-top: 1rem;
}



#product-listing-main{

    background-color: #F0F4FF;
    padding: 1rem 5rem 3rem 5rem;;
}


#product-listing-main .left p{
 font-size: 0.8rem;
}

#product-listing-main .right{
    background-color: #ffffff;
    border-radius: 8px;
}


.sort-btn{
    background-color: #26232B;
    border: none;
    padding-left: 0rem;
    padding-right: 0rem;
    font-size: 0.8rem;
}



#product-listing-main .product{
    padding: 1rem 1.5rem;
    max-width:30% !important;
}



#product-listing-main .product .product-img{
    width: 100%;
    height: auto;
    margin-top: 1.5rem;
    max-height: 10rem;
    object-fit: contain;
}


#product-listing-main .product h3{
    font-family: 'caros-light', serif;
    font-size: 1rem;
    font-weight: 600;
}


#product-listing-main .product h4{
    font-family: 'caros-medium', serif;
    font-size: 0.9rem;
    font-weight: 800;
    color: #0094f9;
}

#product-listing-main .add_to_cart{
    width: 100%;
    padding: 1rem 0.5rem;
    border-radius: 8px;
    border: none;
    font-size: 0.8rem;
    background-color: #26232b;
}

#product-listing-main .product .cart-icon{
    width: 1rem;
    position: absolute;
    left: 15%;
    margin-top: 0.3rem;

}



/*--------- Product Listing Page Css Ends ---------*/






  }







 @media (min-width: 1680px) {                    /* ----From 22" Desktop ------*/
   
    

 }