
@media(max-width:1500){



}


@media(max-width:1400){


    
}



@media(max-width:1280px){


}



@media(max-width:1024px){
    header .heaberbooyem .navbar-nav .nav-item .nav-link{font-size: 13px;}

    footer .footerbox .footerinr .btn2 {right: 47px;}
   
 
}



@media(max-width:992px){
    header .heaberbooyem .navbar-nav .nav-item .nav-link{color: #000; font-size: 16px;}
    header .heaberbooyem .dropdown-menu {width: 100%; border: transparent;}

    header .heaberbooyem .dropdown-menu{position: absolute;}

    header .heaberbooyem {background-color: transparent;}
    header .heaberbooyem .navbar-nav {gap: 0px;}

    header .headermedim{padding: 13px 0px 0px;}
    header .heaberbooyem .navbar-toggler{margin-top: -88px;}
    header .headermedim .heaqderlogo{padding-left: 86px;}
    header .heaberbooyem  .navbar-nav .leee .lee{display: block;}
    header .heaberbooyem  .navbar-nav .leee .lee img{width: 90px;}

    header .heaberbooyem .dropend .dropdown-menu{position: absolute; left: 0px !important; top: 42px;}

    .vive-cart .offcanvas.offcanvas-end{width: 300px;}

    footer .footerbox .footerinr .form-control::placeholder{font-size: 9px;}
    footer .footerbox .footerinr .btn2 {right: 36px; border: 0px; padding: 11px 7px; font-size: 10px;}
    footer .forem .form-control{font-size: 11px;}
    footer .forem .btn{font-size: 11px; padding: 10px 13px;}




    #bestsall #tiles span{width: 40px;  font-size: 12px;}
    #bestsall .labels li {width: 40px; font-size: 12px;}
    #bestsall .text{display: none;}

    /* product-detel */

    #zoomp h2 {font-size: 24px;}
    #zoomp .zoomiconn li .btn{padding: 9px 16px;}
    #zoomp .zoom-gallery .selectors {margin: 30px 0px 0px 25px;}
    #zoomp .zoom-gallery a img {width: 54px;}

    /* shoping cart */

    #apply .btn .btn-a{padding: 10px 5px; font-size: 13px;}
    #apply .btn .btn-b {padding: 10px 2px; font-size: 13px;}

    
    /* #shoping .table-responsive{width: 100%; overflow-x: scroll; display: block;} */
    #shoping .table tr td {padding: 10px;}
    /* #shoping .tabble{width: 861px;} */

    #apply .row{row-gap: 40px;}

    #apply .forem .form-control{font-size: 12px; padding: 13px 20px;}
    #apply {padding: 0px;}

    /* my-order */

    #my-order .table tr th, #my-order .table tr td {font-size: 9px;}


   

}



@media(max-width:768px){

    #feature-product .feature-iner .imgs img{height: 200px; width: 100%;object-fit: cover;}
    #sub-category .imgsc img{height: 200px; width: 100%;object-fit: cover;}
    #releted-product .feature-iner .imgs img{height: 200px; width: 100%;object-fit: cover;}
    #best-seller .feature-iner .imgs img{height: 200px; width: 100%;object-fit: cover;}
    
}



@media(max-width: 520px){

}



@media(max-width: 480px){

    header .heaberbooyem .dropend .dropdown-menu{top: 50px; }
    header .heaberbooyem .dropdown-menu{padding: 0;}
    
    header .heaberbooyem .offcanvas{width: 85%;}
    header .headermedim .heaqderlogo{padding-left: 78px;}

    header .heaberbooyem .navbar-toggler {margin-top: -91px;}
    header .headermedim .heaqderlogo img{width: 90px;}

    header .headermedim .headericon li a{font-size: 14px;}

    header .heaberbooyem .navbar-nav .nav-item .nav-link {font-size: 14px;}

    header .heaberbooyem .offcanvas-body{padding: 0px !important;}
    header .heaberbooyem .navbar-nav .nav-item{border-bottom: 1px solid #e9e7e7;}
    header .heaberbooyem .navbar-nav .nav-item .nav-link{padding: 13px 20px;}
    /* header .heaberbooyem .navbar-nav .nav-item .nav-link i{position: absolute; left: 245px; transition: .5s;}
    header .heaberbooyem .navbar-nav .nav-item .nav-link:hover i{transform: rotate(180deg);} */
    header .heaberbooyem .dropdown-menu .btn-group .dropdown-item{font-size: 14px; padding: 13px 22px;}
    header .heaberbooyem .dropdown-menu .btn-group{border-bottom: 1px solid #e9e7e7; border-radius: 0px; border-top: 1px solid #e9e7e7;}
    header .heaberbooyem .dropdown-menu .btn-group:last-child{border: transparent;}

    header .heaberbooyem .dropend .dropdown-menu li{border-bottom: 1px solid #e9e7e7; border-top: 1px solid #e9e7e7;}
    header .heaberbooyem .dropend .dropdown-menu li:last-child{border: transparent;}

    /* header .heaberbooyem .dropdown-menu .btn-group .dropdown-item i{position: absolute; left: 245px; transition: .5s;}
    header .heaberbooyem .dropdown-menu .btn-group .dropdown-item:hover i{transform: rotate(180deg);} */
    header .heaberbooyem .dropdown-menu .btn-group .dropdown-item:hover{background-color: transparent; color: #0c0c0c;}
    header .heaberbooyem  .dropend .dropdown-toggle::after{display: none;}

    #bestsall{padding: 50px 0px;}
    #bestsall #tiles{margin-left: -7px;}
    #bestsall h6{font-size: 12px; margin-top: -10px;}
    #bestsall h5{font-size: 15px;}
    #bestsall .btn15 .btn13 {font-size: 12px; padding: 10px 9px;}

    #category{padding: 20px 0px 0px;}
    #category h2 {font-size: 21px; margin-bottom: 20px;}
    #category .owl-theme .owl-dots .owl-dot{display: none;}
    #category h4 a{font-size: 15px;}

    #feature-product{padding: 20px 0px;}
    #feature-product .row{row-gap: 0px;}
    #feature-product h2{font-size: 21px; margin-bottom: 20px;}
    #feature-product .feature-iner .content .text a, #product .feature-iner .content .text a {display: inline-block; font-size: 13px; line-height: 16px; margin-bottom: 10px; font-size: 11px;}

    #best-seller{padding: 20px 0px;}
    #best-seller .row{row-gap: 0px;}
    #best-seller h2{font-size: 21px; margin-bottom: 20px;}
    #best-seller .feature-iner .content .text a, #product .feature-iner .content .text a {display: inline-block; font-size: 13px; line-height: 16px; margin-bottom: 10px; font-size: 11px;}

    footer .footermn .row{row-gap: 15px;}
    footer h4 {font-size: 18px;}
    footer .footermn .footerbox .footerinr .imgsc img {width: 24%;}
    footer .footermn .footerbox .footerinr li {font-size: 19px; margin-bottom: 8px;}
    footer .footerbox .footerinr .btn2{right: 21px; padding: 8px 10px; font-size: 17px; border: 0px;}
    footer .footerbox .footerinr .form-control{padding: 8px 10px;}
    footer .footerbox .footerinr .form-control::placeholder{font-size: 16px;}
    footer .footermn .footerbox .footerinr li a {font-size: 14px;}
    footer .footerbootem .footerbootemmn .iconin{justify-content: center; margin-bottom: 15px;}
    footer .footerbootem .footerbootemmn .footerbooteminr{text-align: center;}
    footer .footerbootem .footerbootemmn .cad{justify-content: center;}
    footer .footerbootem .footerbootemmn .iconin li a img{width: 25px; height: 25px;}
    footer .forem .form-control, footer .forem .btn{font-size: 15px;}


    /* header .offcanvas .offcanvas-body .navbar-nav .down .dropdown {top: 32px;} */

    /* contact start */

    #contact-banner {padding: 45px 0px;}
    #contact-banner h3{font-size: 25px;}
    #contact-banner .banner-info li a{font-size: 15px;}

    #contact-info h3{font-size: 20px;}
    #contact-info .icon-info li h5 {font-size: 16px;}
    #contact-info .icon-info li span, #contact-info .icon-info li span a{font-size: 14px;}
    #contact-info h4 {font-size: 19px; margin-bottom: 35px;}

    #contact-info .icon-info li:first-child{left: -7px;}
    #contact-info .icon-info li:last-child{margin-left: 34px;}

    /* login */
    #login {padding: 0px;}
    #login .logininr h2, #crear-password h2 {font-size: 20px;}
    #login .logininr .logintext{font-size: 12px;}
    #login .logininr .form-control, #crear-password .form-label {font-size: 11px;}
    #login .logininr .btnb {padding: 7px 20px; font-size: 13px;}

    #forget-login{padding: 0px 0px 20px;}
    #forget-login h5{font-size: 16px;}
    #forget-login .form-label{font-size: 13px;}
    #forget-login .btnc, #crear-password .btnd {padding: 8px 15px; font-size: 11px;}

    #my-account, #my-order, #my-wishlist, .orderlist{padding: 0px 0px 15px;}
    .orderlist .account__welcome--text{font-size: 14px; margin-bottom: 10px;}
    .orderlist .account__content--title{font-size: 18px;}

    #shoping{padding: 0px;}

    #crear-password{padding: 10px 0px;}


    /* about us */

    #about-info{padding: 10px 0px 20px;}
    #about-info h2{font-size: 20px; margin-bottom: 25px;}
    #about-info .text {margin-bottom: 9px; font-size: 12px;}

    #shippimg{padding: 15px 0px;}
    #shippimg h2 {font-size: 25px;}
    #shippimg .text{text-align: justify;}

    /* shoping-cart */
    #shoping .table tr td .shoping-icon li img{width: 60px;}
    #shoping .table tr td .shoping-icon li h3{line-height: 0.7; }
    #shoping .table tr td .shoping-icon li h3 a {font-size: 10px; }
    #shoping .table tr td .shoping-icon li h4, #shoping .table tr td .shoping-icon li h5 {font-size: 10px;}
    #shoping .table tr td h4, #shoping .table tr td h5, #shoping .table tr td h6, #shoping .clear-cart-a li a{font-size: 11px !important;}


    /* products */

    #product-banner .banner-info li a, #product-banner .banner-info li{font-size: 12px;}

    #product{margin-top: -25px;}
    #product .row{row-gap: 0px;}
    #product .prroduct li .bttnn {border: 1px solid rgb(204, 201, 201); padding: 3px 31px;}
    #product .prroduct li .droopdwwom .lablee {margin: 25px 0px 6px;}
    #product .prroduct li .droopdwwom .select {border: 1px solid; padding: 8px 25px; font-size: 11px;}

    #sub-category h2 {font-size: 25px; margin-bottom: 15px;}
    #sub-category .row{row-gap: 10px;}
    #sub-category h5 a {font-size: 16px; margin-top: 11px;}

    /* product-detel */
    #product-banner {background: #fdffee; padding: 25px 0px;}
    #zoomp {padding: 0px 0px 20px; background: #fdffee;} 
    #description .text-a{margin-bottom: 10px;}
    #description .text-c {margin-top: 10px;}
    #zoomp h2 {font-size: 18px;}
    #zoomp .zoomiconn li .btn {padding: 7px 17px; font-size: 11px;}
    #description .text-d {
        margin-top: 20px;
    }

    #releted-product {
        padding: 15px 0px;
    }
    #releted-product h2{font-size: 22px; margin-bottom: 10px;}
    #releted-product .feature-iner .content .text a{display: inline-block; line-height: 16px; margin-bottom: 10px;}
    #zoomp .zoom-gallery a img {width: 68px;}
    #zoomp .zoom-gallery .selectors {margin: 30px 0px 0px 1px;}

    #zoomp .text-c {margin: 4px 0px; font-size: 12px; text-align: justify;}
    #zoomp .text-e {margin: 5px 0px;}
    #zoomp .price{margin: 5px 0px;}

    #description{padding: 8px 0px;}
    #description h3 {font-size: 20px;}

    /* wishlist */

    #wishlist{padding: 0px 0px 30px;}
    #wishlist .table tbody tr td .imgsc img{width: 43px;}
    #wishlist .table tbody tr td a {color: #000; font-size: 11px; line-height: 16px; display: inline-block;}

    #wishlist .table tbody tr td{
        min-width: 0px;
    }

    #wishlist .table thead tr th{
        font-size: 10px;
    }
    /* my-wishlist */

    #my-wishlist .table tr th, #my-wishlist .table tr td {font-size: 9px;}
    #my-wishlist .wishinr .table-responsive .table td a {font-size: 8px; padding: 8px 10px;}
    #my-wishlist .wishinr .table-responsive .table td img{width: 38px;}

    /* checkout */
    
    #checkout{padding: 30px 0;}
    #checkout form.row{row-gap: 0;}
    #checkout .checoctinra h3{margin: 40px 0 20px;}

    /* my-order */

    #my-order .table{width: 630px;}
    #my-order  .table tr th, #my-order  .table tr td {font-size: 12px;}

    





    }





@media(max-width:375px){
   

    header .headermedim .heaqderlogo img {width: 85px;}   
    header .headermedim .headericon {gap: 9px;}
    header .headermedim .headericon li a{font-size: 14px;}
    header .heaberbooyem .navbar-toggler {margin-top: -93px;}

    #bestsall{background-position-x: -427px;}
    #bestsall #tiles > span{width: 40px; height: 30px; text-align: center; line-height:2px; font-size: 16px;}
    #bestsall .labels li {width: 51px; font-size: 11px;}
    #bestsall .text{display: none;}




    #feature-product .feature-iner .imgs img{height: 150px; width: 100%;object-fit: cover;}
    #sub-category .imgsc img{height: 150px; width: 100%;object-fit: cover;}
    #releted-product .feature-iner .imgs img{height: 150px; width: 100%;object-fit: cover;}
    #best-seller .feature-iner .imgs img{height: 150px; width: 100%;object-fit: cover;}


}




@media(max-width:320px){


 





}