@media(max-width:1500){



}


@media(max-width:1400){


    
}



@media(max-width:1280px){


}



@media(max-width:1024px){

    #product-arrivals .product-men-inr .cart{padding: 10px 40px;}

    #exampleModalToggle .content .stones-title{margin: 10px 0 5px;}
    #exampleModalToggle .content .pc-class .colors ul li label{width: 27px; height: 27px;}
    #exampleModalToggle .content .pc-class .colors span{margin-bottom: 5px;}
    #exampleModalToggle .content .pc-class li:first-child h5{font-size: 20px; margin-top: 5px;}
    #exampleModalToggle .content  .stones li label{padding: 6px 10px; font-size: 13px;}
    #exampleModalToggle .content h4{font-size: 24px; margin: 5px 0;}
    #exampleModalToggle .content p{font-size: 14px; margin-bottom: 5px;}
    #exampleModalToggle .content a{font-size: 14px; padding: 8px 25px;}

    footer .footerbox .footerinr .btn2 {right: 47px;}
   
    
    #zoomp .content .stones li label{padding: 6px 10px; font-size: 13px;}
 
}



@media(max-width:992px){

    
    header .heaberbooyem .offcanvas{background-color: #000;}
    header .heaberbooyem .navbar-nav .nav-item .nav-link{color: #fff;}

    header .manu-bar{display: inline-block;} 

    header .heaberbooyem {background-color: transparent;}
    header .heaberbooyem .navbar-nav {gap: 0px;}

    header .headermedim{padding: 0px;}
    header .navbar  {padding: 0px;}
    header .heaberbooyem .navbar-toggler{margin-top: -88px;}
    header .headermedim .heaqderlogo{padding-left: 76px;}
    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: 33px;}

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

    #exampleModalToggle .content{padding: 15px 10px 15px 25px;}

    #product-arrivals .product-men-inr .cart{padding: 8px 43px;}
 
    #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;}

    #exampleModalToggle img {
        height:415px;
    }
   
    #exampleModalToggle .content a,
    #liveAlertBtn{
        font-size: 13px;
    }

}



@media(max-width:768px){

#product .product-men-inr .cart{
    padding: 5px 18px;
}

.vive-cart .content{
    margin:0px !important;
}

}



@media(max-width: 520px){
      #bestsall #tiles > span{
	  width: 30px;
	  max-width: 30px;
	  font: bold 18px 'Droid Sans', Arial, sans-serif;
	  text-align: center;
	  color: #fff;
      background-color: #000; border-radius: 3px;
	  margin: 0 7px;
	  padding: 9px 0;
	  display: inline-block;
	  position: relative;
  }

  #shoping .tabble{display:none;}
  #shoping .table.table-mobile{display:table;}
  /*#shoping .table.table-mobile ul .mobile-res{display:flex;}*/
  #shoping .table tr td .shoping-icon li h3 {
    margin: -5px 0px 10px;
    line-height: 14px;
}

#shoping .table tr {
    vertical-align: top;
    background-color: #f8f8f8;
}

#shoping .qty-input {
    width:85px;
}

#shoping .container{padding:0px;}
#shoping .continue li a{padding:6px 13px; font-size:12px;}
#shoping .continue{margin:0px 5px;}
#apply .forem .btn-c {padding: 14px 13px; height:46px; font-size: 11px;}
    #apply .forem .form-control {padding: 13px 9px;}


}



@media(max-width: 480px){

    #bestsall #tiles > span{
    	  width: 30px !important;
    	  max-width: 30px !important;
    	  font: bold 18px 'Droid Sans', Arial, sans-serif;
    	  text-align: center;
    	  color: #fff;
          background-color: #000; border-radius: 3px;
    	  margin: 0 7px;
    	  padding: 9px 0 !important;
    	  display: inline-block;
    	  position: relative;
      }
    
    #zoomp .zoomiconn li .btn{
        width:100% !important;
        padding:11px 17px;
        font-size:17px;
    }
    
    #zoomp .zoomiconn li{
        overflow:hidden;
    }
    
    #zoomp .support {columns:1;}

    header .headermedim .heaqderlogo{padding-left: 10px;}
    header .headermedim{padding: 15px 0;}
    header .heaberbooyem .navbar-toggler {margin-top: -91px;}
    header .headermedim .heaqderlogo img{width: 160px !important;}
 
    header .heaberbooyem .offcanvas{width: 85%;}
    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; font-size: 16px;}
    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 .dropdown-menu {width: 100%; border: transparent; margin-top: -16px;}
    header .heaberbooyem  .dropend .dropdown-toggle::after{display: none;}

    #slider .imgs img{object-fit: cover;}
    #slider .decstop-img{display: none;}
    #slider .mobile-img{display: block;}
    #slider h2{font-size: 45px;}

    #category{padding: 10px 0 50px;}
    #category h2{font-size: 20px;}
    
    #category h4 a{font-size: 15px;}

    #get-free h2{font-size: 38px;}
    #testimonial .row{ row-gap: 0px; }
    #testimonial .content h2{font-size: 20px;}

    #product-men{padding: 10px 0 50px;}
    #product-men h2{font-size: 33px;}

    #get-free .border-right{border-right: 0px; border-bottom: 1px solid #6d6d6d;}

    #product-arrivals{padding: 10px 0 50px;}
    #product-arrivals h2{font-size: 20px;}

    #product-arrivals .product-men-inr .cart{padding: 8px 23px;}
    #product-arrivals .product-men-inr h4 a{font-size: 14px;}
    #product-arrivals .product-men-inr p{font-size: 16px;}
 
    #releted-product h2{font-size: 33px;}
    #releted-product .product-men-inr .cart{padding: 8px 23px;}
    #releted-product .product-men-inr h4 a{font-size: 14px;}
    #releted-product .product-men-inr p{font-size: 16px;}

    #handcrafted .content h2{font-size: 35px;}
    #handcrafted .content p{font-size: 14px;}

    #handcrafted2 .content h2{font-size: 31px;}
    #handcrafted2 .content p{font-size: 14px;}
 
    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;}


    #checkout{padding: 30px 0;}
    #checkout form.row{row-gap: 0;}
    #checkout .checoctinra h3{margin: 20px 0 20px;}
    #checkout .maintable{
        flex-flow: column-reverse;
    }
    
    #checkout .checoctinra .table-responsive table td p{
        font-size:12px;
    }
    
    #checkout .checoctinra .table-responsive table .wiiii{
        width: 200px;
    }
    
    #checkout .checoctinra .table-responsive table th, #checkout .checoctinra .table-responsive table td{
        font-size:12px;
    }
    
    #checkout .checkout{
        margin:40px 0 20px;;
    }
    /* 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 a {font-size: 14px; font-weight:900;}
    #shoping .table tr td .shoping-icon li h4, #shoping .table tr td .shoping-icon li h5 {font-size: 12px; margin-bottom:0.25rem;}
    #shoping .table tr td h4, #shoping .table tr td h5, #shoping .table tr td h6{font-size: 13px !important;}


    /* products */

    #product-banner .banner-info li a, #product-banner .banner-info li{font-size: 12px;}
 
    #product .row{row-gap: 30px;}
    #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 */ 
    #zoomp {padding: 50px 0px 20px;} 
    #description .text-a{margin-bottom: 10px;}
    #description .text-c {margin-top: 10px;}
    #zoomp h2 {font-size: 18px;}
    #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: 55px;}
    #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;}

    /* 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;}

    /* my-order */

    /*#my-order .table{width: 630px;}*/
    #my-order  .table tr th, #my-order  .table tr td {font-size: 12px;}
    
    .footable-header th{
        font-size:10px !important;
    }

    .mytables td{
        font-size:10px !important;
    }
    
    }





@media(max-width:375px){
    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;}







}




@media(max-width:320px){


 





}