@media(max-width:1500){


}


@media(max-width:1400){


    
}



@media(max-width:1280px){


}



@media(max-width:1024px){

    #slider .owl-carousel .owl-stage .owl-item {padding: 80px 0px;}
    #slider .owl-carousel .owl-stage .owl-item h2 {font-size: 50px; width: 50%;}

    #bestsall #tiles > span{width: 50px; max-width: 50px; font-size: 13px; padding: 11px 0;}
    #bestsall .labels li {width: 58px;}
    #bestsall h2 {font-size: 29px;}
    #bestsall .btn {padding: 7px 32px; font-size: 13px;}
 
}



@media(max-width:992px){

    header .heaberbooyem .navbar-toggler{border: transparent;}
    header .heaberbooyem .navbar-toggler span i{border: transparent; color: #000 !important;}

    header .headermedim .top-nav {display: none !important;}
    header .heaberbooyem {display: block;}

    header .heaberbooyem  .navbar-nav .leee .lee{display: none;}
    header .heaberbooyem  .navbar-nav .leee .lee img{width: 92px;}
    header .heaberbooyem .navbar-toggler{margin-top: -92px;}
    header .headermedim .heaqderlogo{padding-left: 309px;}

    #capsule-collection .iner .content h2 a {font-size: 30px;}

    #bestsall{padding: 50px 25px;}
    #bestsall .row, #iconim .row{row-gap: 30px;}
    #bestsall .imgs{display: none;}

    footer .footermn .row{row-gap: 30px;}

    #about {padding: 10px 25px;}

    #shoping .table-responsive{width: 100%; overflow-x: scroll; display: block;}
    #shoping .table tr td {padding: 10px;}
    #shoping .tabble{width: 861px;}

    #apply {padding: 0px;}
    #apply .row{row-gap: 40px;}
    #apply .forem .form-control{font-size: 12px; padding: 13px 20px;}
    #apply .btn .btn-a{padding: 10px 5px; font-size: 13px;}
    #apply .btn .btn-b {padding: 10px 2px; font-size: 13px;}

    /* zoom-product */
    #zoomp .checkbutton {overflow:scroll; padding-bottom: 15px;}
    #zoomp .qunty .aadcar{font-size: 11px; padding: 10px 8px;}



   

}



@media(max-width:768px){

   
}



@media(max-width: 520px){





}



@media(max-width: 480px){
    
    #zoomp .imgc img{width: 100%; height: auto;  object-fit: contain;}

    header .headertop{padding: 2px 0px 4px;}
    header .headertop ul{justify-content: center !important;}
    header .headertop ul li:last-child{display: none;}
    header .headertop ul li a {font-size: 10px;}
    header .headermedim .heaqderlogo img {width: 60px;}
    header .headermedim {padding: 5px 0px;}
    header .headermedim .heaqderlogo {padding-left: 144px;}
    header .headermedim .headericon li img {width: 17px;}

    header .heaberbooyem .navbar-toggler {margin-top: -82px;}

    header .headermedim .headericon li a{font-size: 14px;}

    #slider, #about-hed{position: relative; top: -12px;}
    #slider .owl-carousel .owl-stage .owl-item {padding: 50px 0px;}
    #slider .owl-carousel .owl-stage .owl-item h2 {font-size: 30px; width: 100%;}
    #slider .owl-carousel .owl-stage .owl-item a {padding: 6px 19px; font-size: 13px;}

    #categories ul{display: block !important; text-align: center;} 
    #categories {padding: 10px 0px;}
    #categories h3 {font-size: 26px;}
    #categories .owl-prev span, #categories .owl-next span {font-size: 30px; top: 75px; width: 30px; height: 30px; line-height: 20px;}

    #arrival {padding: 25px 0px 25px;}
    #arrival .nav-pills{justify-content: left !important; gap: 0px;}
    #arrival .nav-pills .nav-item .nav-link.active, #arrival .nav-pills .nav-item .nav-link {font-size: 14px;}
    #arrival .imgsc ul{display: none;}
    #arrival .imgsc:hover .cart .cart-btn{bottom: 17px;}
    #arrival .imgsc .cart .cart-btn {bottom: 17px; font-size: 12px; padding: 5px 10px;}

    #new-arrivals .imgsc ul{display: none;}
    #new-arrivals .imgsc:hover .cart .cart-btn{bottom: 17px;}
    #new-arrivals .imgsc .cart .cart-btn {bottom: 17px; font-size: 12px; padding: 5px 10px;}

    #capsule-collection{padding: 20px 0px;}
    #capsule-collection .iner .content h2 a {font-size: 25px;}
    #capsule-collection .iner .content .text {margin-bottom: 7px;}
    #capsule-collection .iner .content {margin-top: 25px;}

    #bestsall{padding: 20px 0px;}
    #bestsall h2 {font-size: 23px;}
    #bestsall #tiles {margin-bottom: 10px;}
    #bestsall .row, #iconim .row {row-gap: 15px;}

    #customer-say {padding: 0px 0px 30px;}
    #customer-say h2 {font-size: 25px; margin-bottom: 0px;}
    #customer-say .text {font-size: 15px; margin: 15px 0px 30px;}
    #customer-say .test{display: block !important;}
    #customer-say .test .imgsc{max-width: 100%;}

    #blog, #gallery {padding: 25px 0px;}
    #blog h2, #gallery h2{font-size: 25px; margin-bottom: 10px;}
    #blog .text, #gallery .text {margin: 15px 0px 30px;}

    #iconim{padding: 0px 0px 30px;}
    #iconim .contant h5 {font-size: 13px; padding-bottom: 5px;}
    #iconim .contant p {font-size: 12px;}
    #iconim .icon img{width: 35%;}

    footer {padding: 30px 0px;}
    footer .footerbootem .footerbooteminr{text-align: center;}
    footer .footerbootem .gdi-logo img, footer .footermn .footerbox .footerinr .iconin li a img{margin-bottom: 15px;}
    footer .footermn .row {row-gap: 0px;}

    #about-hed {padding: 40px 0px; display:none;}

    #about {padding: 10px 0px 30px;}
    #about h3:before{display: none;}
    #about h3 {margin-top: 25px; font-size: 20px;}
    #about .text {margin-top: 13px; line-height: 23px;}

    #contact {padding: 0px 10px 30px;}
    #contact .content{width: 100%;}
    #contact p {font-size: 14px;text-align: justify;}
    #contact h4 {font-size: 19px; margin-bottom: 5px;}

    /* wishlist */

    header .heaberbooyem .navbar-nav{gap: 4px !important;}

    #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;}

     /* login */

     #login {padding: 20px 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: 30px 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: 30px 0px 15px;}
     .orderlist .account__welcome--text{font-size: 14px; margin-bottom: 10px;}
     .orderlist .account__content--title{font-size: 18px;}

    /* my-order */

    #my-order .table{width: 630px;}
    #my-order  .table tr th, #my-order  .table tr td {font-size: 12px;}

    #new-arrivals .prroduct {margin-bottom: 25px;}
    #new-arrivals {padding: 25px 0px; margin-top: -10px;}
    #new-arrivals h4 {font-size: 22px;}
    
    /* shoping-cart */

    #shoping{padding: 0px;}
    #shoping .table tr td .shoping-icon li img{width: 60px;}
    #shoping .table tr td .shoping-icon li h3 a {font-size: 14px;}
    #shoping .table tr td .shoping-icon li h4, #shoping .table tr td .shoping-icon li h5 {font-size: 12px;}
    #shoping .table tr td h4, #shoping .table tr td h5, #shoping .table tr td h6{font-size: 13px !important;}

    /* checkout .checoctinra */

    #checkout{padding: 30px 0;}
    #checkout form.row{row-gap: 0;}
    #checkout .checoctinra h3{margin: 40px 0 20px; font-size: 21px;}
    #checkout .checoctinr h3 {font-size: 21px;}
    #checkout .checoctinr .from .form-control, #checkout .checoctinr .from .form-select {font-size: 13px;}

    #zooomtab .nav-pills{gap: 10px;}
    #zoomp h3{margin-top: 2px;}
    #zooomtab .nav-pills .nav-item .nav-link{font-size: 11px;}
    #zoomp .qty-input{width: 100px;}


    #checkout .checoctinra .table-responsive table .wiiii{width: auto;}


    .navbar-nav .dropdown-menu {
        position: absolute;
        left: 0 !important;
        right: 0 !important;
        top: 35px !important;
        padding: 0px !important;
    }

}


@media(max-width:375px){

    header .headermedim .heaqderlogo {padding-left: 134px;}
 
    header .headermedim .headericon {gap: 9px;}
    header .headermedim .headericon li a{font-size: 14px;}





}




@media(max-width:320px){

    header .headermedim .heaqderlogo {
        padding-left: 95px;
    }

/* wish clos */

 





}