@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: 9px;}

    #cetegory .owl-carousel .owl-nav button.owl-next, #cetegory .owl-carousel .owl-nav button.owl-prev{top: 92px;}

    #bestsellers .imgs {margin: -121px 50px 0 -70px;}
    #product .product-inr .btnn{top: 38px;}
    #product .product-inr .instagram{height: 169px; width: 200px; padding: 22px 0px;}




   
 
}



@media(max-width:992px){

    header .heaberbooyem .header-sosiyal{justify-content: start;}    
    header .heaberbooyem .navbar-nav{align-items: start;}
    header .heaberbooyem .navbar-nav .nav-item .nav-link {padding: 14px 8px;}
    .offcanvas.show:not(.hiding){overflow: scroll;}

    #slider .owl-carousel .owl-stage .owl-item{padding:77px 0px;}
    #slider .owl-carousel .owl-stage .owl-item .contant {margin-top: 118px;}
    #slider .owl-carousel .owl-stage .owl-item h2{font-size: 40px;}
    #slider .owl-carousel .owl-stage .owl-item .heading{font-size: 15px;}
    #slider .owl-carousel .owl-nav button.owl-next,     #slider .owl-carousel .owl-nav button.owl-prev{display: none;}

    #cetegory .owl-carousel .owl-nav button.owl-next, #cetegory .owl-carousel .owl-nav button.owl-prev{display: none;}

    #our-story .story-text{width: 100%;}
    #our-story h3{margin: -33px 0px 1px;}

    #design-ring .story-text{width: 100%;}

    #cetegory .imgsc h4 a {font-size: 19px;}

    #design-ring .story-text{width: 100%;}
    #design-ring h3 {margin: 0px 0px 8px;}


    #jewelry h2 {font-size: 30px;}

    #shop-by {padding: 10px 0px;}
    #shop-by .imgs {margin: 10px 0px;}
    #shop-by .row{justify-content: center;}

    #bestsellers .imgs {margin: -30px 2px 0px 0px;}


    #product .product-inr .instagram {height: 126px; width: 163px; padding: 7px 0px;}
    #product .product-inr .btnn{padding: 10px 18px; top: 10px;}

    footer .footer-top .foram .btn {padding: 10px 8px;}
    footer .footer-top h5, footer .footer-top h5 a {font-size: 14px;}

    /* wishlist */

    #wishlist tbody, td, tfoot, th, thead, tr {font-size: 12px;}
    #wishlist .table tbody tr td .imgsc img {width: 130px;}
    #wishlist .table tbody tr td .btn1 {font-size: 10px; width: 119px;}

    /* checkout start */
    
    #checoct h3, #checoct .checoctinr h3{font-size: 18px;}

    #checoct .checoctinra .table-responsive table .wiiii {width: 213px;}
    #checoct .checoctinra .pay{padding: 7px 100px;}
    #checoct .checoctinra .table-responsive table td .moon {font-size: 8px;}
    #checoct .checoctinra .table-responsive table td .qty {font-size: 10px;}

    /* zoom-product */

    #zoomp .dispr a {font-size: 18px;}
    #zoomp .title {font-size: 17px;}
    #zoomp .doller {font-size: 18px;}
    #zoomp h3{font-size: 25px;}
    #zoomp .qunty .aadcar{font-size: 11px; padding: 10px 8px;}
    #zoomp .checkbutton {overflow:scroll; padding-bottom: 13px;}


    #zoomp .pay{
        font-size: 14px;
    }

    #zoomp .pay img{
        width: 100%;
    }
    #zoomp .features li p{  
     font-size: 12px; 
    }
    
    .modal.modal-1 .content{padding: 10px;}
 
}



@media(max-width:768px){

    #shopping .shoppinginr .form-control{
        max-height:100px;
    }
   

}



@media(max-width: 520px){



}



@media(max-width: 480px){
    header {position: relative;}
    header .heaberbooyem .navbar-nav .nav-item .nav-link{font-size: 12px;}
    header .heaberbooyem .navbar-nav .dropdown-item{font-size: 12px;}
    header .headertop {padding: 2px 0px;}
    header .headertop .headtop li a {font-size: 12px;}
    header .heaberbooyem .navbar-nav{align-items: start;} 
    header .heaberbooyem .navbar-brand {padding: 0px 5px !important; width: 40%;}
    header .heaberbooyem .offcanvas .offcanvas-body .navbar-nav .down:hover .dropdown h2 {font-size: 16px;}

    #slider .owl-carousel .owl-nav button.owl-prev {top: 180px; left: 16PX;}
    #slider .owl-carousel .owl-nav button.owl-next {top: 180px; right: 16PX;}
    #slider .owl-carousel .owl-stage .owl-item{padding: 41px 0px; background-position: center;}
    #slider .owl-carousel .owl-stage .owl-item .contant{text-align: center;}

    #cetegory .owl-carousel .owl-nav button.owl-next, #cetegory .owl-carousel .owl-nav button.owl-prev{top: 176px;}

    #engagement h3 {margin-top: 0px;}
    /* #our-story .row{flex-direction: column-reverse;}
    #our-story .imgsc{margin-top: -158px;}
    #our-story .imgsc img{box-shadow: none;}
    #our-story h3 {margin: 15px 0px 16px;} */
    #new-arival{padding: 0px;}
    
    #new-arival .imgsc img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

    #shop-by .imgs {margin: 10px 0px;}
    #shop-by h4 a {font-size: 15px;}
    #shop-by {padding: 80px 0px;}

    #design-ring .imgsc{margin-top: -145px;}
    #design-ring .imgsc img{box-shadow: none;}
    #design-ring h3{margin: 27px 0px 19px;}

   

    #customers-reviews .reviews-box{width: 100%;}

    #product .imgscc{margin-top: 0px;}
    #product .imgssc{margin-top: 0px;}
    #product .imgsc{display: none;}
    #product .product-inr .instagram h5 a {font-size: 11px;}
    #product .product-inr .instagram {bottom: 127PX;}

    #about{display: none;}
    #aboutt{display: block; background-size: cover;}


    #aboutt .btn-c {padding: 9px 8px; font-size: 13px;}
    #aboutt .btn-c{margin-bottom: 20px;}
    #aboutt h4{font-size: 19px; margin-top: 20px;}
    #aboutt h3{font-size: 28px; margin-bottom: 6px;}
    #aboutt .about-text{font-size: 10px; width: 100%;}

    #customers-reviews .owl-carousel .owl-nav button.owl-prev{display: none;}
    #customers-reviews .owl-carousel .owl-nav button.owl-next{display: none;}


    /* contact start */

    #contact-line {padding: 100px 0px 21px;}
    #contact-line h2{top:0px ;}
    #contact-line .contact-info{top: 0px;}

    #contact-line h2 {font-size: 20px;}

    #contact-info .text {font-size: 12px;}
    #contact-info .sosiyal-info h4 {font-size: 20px;}
    #contact-info .sosiyal-info li, #contact-info .sosiyal-info li a {font-size: 14px;}
    #contact-map iframe {height: 231px;}

    /* about start */

    #about-info .content{padding: 25px 40px;}
    #about-image{padding: 0px 0px;}
    #about-image .texx{margin-top: 25px;}

    /* FAQS */

    #faqs .accordion-flush .accordion-item .accordion-button{width: 100%;}
    #faqs .accordion-item {width: 100%; padding: 0px;}
    #faqs .accordion-item h4{font-size: 17px;}

    /* wishlist */

    #wishlist h2{font-size: 25px;}
    #wishlist .table-responsive{display: block; width: 100%; }
    #wishlist .table tbody tr td .imgsc img {width: 100px;}
    #wishlist .table tbody tr td .btn1 {font-size: 7px; width: 94px;}
    #wishlist .table tbody tr .btn2{display: none;}
    #wishlist .table tbody tr td .icon{display: block;}

    /* shoping cart */
    #shopping .table{margin-top: 20px; width: 430px; }
    #shopping .qty-input{width: 90px;}
    #shopping .table-responsive{display: block; width: 100%; overflow-x: scroll;}
    #shopping .table tr th {font-size: 10px; vertical-align: middle;}
    #shopping .table tr td .name {font-size: 12px;}
    #shopping .table tr td {font-size: 11px;}
    #shopping .table tr td .det {font-size: 9px;}
    #shopping .continue li a {font-size: 10px;}
    #shopping .shoppinginr .continu{font-size: 12px;}

    /* my account */

    #myaaww{padding: 0px;}

    #tabwis{padding: 0px;}
    #tabwis .wishinr .table-responsive .table td a {padding: 6px 18px;}
    #tabwis .wishinr .table-responsive .table td img {width: 50px;}
    #tabwis .wishinr .table-responsive .table td a{font-size: 10px; padding: 6px 4px;}

    /* checkout start */
    #checoct .checoctinra .pay{padding: 10px 163px;}
    #checoct .checoctinr .btn6{margin-bottom: 20px;}

    /* product start */
    #producct .prroduct li {font-size: 13px;}
    #producct .content h3 .btn4 {font-size: 15px;}
    #producct .imgsc .wishlist .wishlist-pop{height: 28px; width: 28px; font-size: 14px; line-height: 32px;}
    #producct .imgsc .new .newproducct {font-size: 10px;}
    #producct {padding: 20px 0px;}
    #producct .prroduct li .droopdwwom .select{padding: 3px 12px;}
    #producct .prroduct li .droopdwwom .lablee {margin: 38px 0px 6px;}
    #producct .prroduct li .accordion-button {font-size: 14px;}
    #producct .offcanvas-start{width: 290px;}
            input[type=range] {width: auto; left: 0px;}
            .rangeValues{margin-right: 170px;}


    /* zoomproduct */
    #zooomtab .nav-pills{gap: 10px;}


#top-banner{
    padding: 50px 0 0;
}

#top-banner .row{row-gap: 15px;}








    }





@media(max-width:375px){

    header .headertop .headtop li a{font-size: 10px;}

   /* #wishlist .table tbody tr td .icon{margin-left: -68px;} */
   tbody, td, tfoot, th, thead, tr {font-size: 12px;}

    /* shoping cart */

    #shopping .table tr td .det {font-size: 8px;}
    #shopping .shoppinginr{text-align: center;}
    #shopping .shoppinginr .form-control::placeholder{font-size: 12px;}

    /* checkout start */

    #checoct .checoctinra .pay{padding: 10px 113px;}

        /* product start */
        #producct .prroduct li .droopdwwom .select {font-size: 10px; padding: 5px 20px;}
        #producct .prroduct li .bttnn {padding: 3px 23px;}
        #producct .prroduct li .bttnn{padding: 6px 24px;}
        .range-slider {width: auto; margin-left: 17px;}
        .rangeValues {margin-right: 39px;}
        input[type=range] {left: 16px;}
        #zoomp .qty-input {width: 90px;}
        




    


    


}




@media(max-width:320px){

    #faqs h3 {font-size: 12px;}
    #zoomp .qunty .aadcar{font-size: 8px;}
 

}