@media only screen and (min-width: 1467px) {
    .prodetailswraper {
        width: 80%;
        margin: 0 auto;
    }
    .product-details-tab {
        width: 46%;
    }
    .productothersec{
        width: 80%;
        margin: 0 auto;
    }
    .productdetauilswrpr{
        gap: 30px;
    }
    .cartcard{
        width: 70%;
        margin:0 auto;
    }
    .mfrmfield{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .mfrmfield .form-group{
        width: 48%;
    } 
    .mfrmfield .form-group input {
        margin-bottom: 0px;
    }
    .trynowformsec .cartcard{
        width: 60%;
        margin:0 auto;
    }
   
    
}

@media only screen and (min-width: 1030px) and (max-width: 1466px) {
    .grid-container {
        padding-right: 6rem;
        padding-left: 6rem; 
    }
    .header .menunav>ul>li{
        margin-left: 1rem;
    }
    .homepage .header .menunav>ul>li>a{
        font-size: 12px;
    }
    .hproductwrapper .shop-item{
        display: none; 
    }
    .hproductwrapper .shop-item:nth-child(-n+6) {
        display: block;
    }
    .hproductwrapper{
        gap: 15px;
    }
    .hproductwrapper .shop-item {
        width: 32%;
    }
    .categorylist {
        width: 30%;
    }
    .productlist {
        width: 70%;
    }
    .offerslidecnt{
        width: 90%;
    }
    #offerSlider .owl-nav{
        right: 40px;
    }
    .offersection::after{
        width: 51%;
    }
    .sliderwrapper,#sync1 .owl-item{
        height: 80vh;
    }
    .sliderwrapper #sync1 .owl-item{
        height: 80vh;
    }
    .sliderwrapper div#sync2{
        padding-right: 6rem;
        padding-left: 6rem;
    }
    .bannercntsec{
        height: 75vh;
    }
    .onboardcnt h1 {
        font-size: 30px;
    }
    .btn--primary, .btn--primary.style2, .btn--primary.style3, .btn--secondary, .btn--secondary.style2 {
        line-height: 50px;
    }
    .appenditems .ring_in {
        width: 31%; 
    }

    .prodetailswraper {
        justify-content: space-between;
        width: 100%;
    }
    .product-details-tab {
        width: 49%;
    }
    .prodetailscntsec {
        width: 50%;
    }
    .review__rating .ratngbx input:checked~label{
        font-size: 18px;
    }
    .textlab {
        font-size: 14px;
    }
    .productdetauilswrpr {
        gap: 35px;
    }
    .product-anotherinfo-wrapper ul li span{
        margin: 0 10px 0 0;
        font-size: 13px;
    }
    .product-anotherinfo-wrapper h6{
        font-size: 14px;
    }
    dialog.small, .reveal-modal.small {
        margin-left: -25%;
        width: 50%;
    }
    .orderbxtxt h6{
        font-size: 15px;
    }
    .orderbxname h6{
        font-size: 18px;
    }
    .divinecntsec{
        padding: 20px;
        margin: -40px 10px 0;
    }
    .divinecntsec h2{
        font-size: 16px;
        line-height: 20px;
    }
    .divinecnttxt {
        min-height: 110px;
    }
    .productdetailstilte h1{
        font-size: 22px;
    }
    table.compareTable td,table.compareTable tr td:first-child,table.compareTable td p{
        font-size: 14px;
    }
    .makefrmbx{
        padding: 40px 30px;
    }
    .mfrmfield .form-group{
        margin-bottom: 15px;
    }
    .mfrmfield .form-group label {
        font-size: 14px;
    }
    .makedtlstlesub h4{
        font-size: 18px;
    }
    .makedtlstle h4{
        font-size: 20px;
    }
    .billingmethodssection .cartcard {
        width: 80%;
        margin: 0 auto;
    }
    .appenditems .ring_in{
        margin: 0px 8px;
    }
    dialog.tiny, .reveal-modal.tiny {
        width: 40%;
    } 
    .goldlistsec{
        padding: 0px 50px;
    }
    .goldprzsecitm{
        gap: 20px;
    }
    .cs-container td, .cs-container th{
        font-size: 12px;
    }
    div#preview_invoice {
        padding: 40px 20px;
    }
    .cs-invoice.cs-style1 .cs-left_footer {
        width: 50%;
        padding: 10px 15px;
    }
    
    .cs-invoice.cs-style1 .cs-right_footer {
        width: 50%;
    }
    .cartt1 {
        padding: 0px 0px 0px 0px;
    }
    .cartt1 p,.cartt1 p>span{
        font-size: 12px;
    }
}       

@media only screen and (min-width: 1030px) and (max-width: 1366px) {

    .sliderwrapper,#sync1 .owl-item{
        height: 80vh;
    }
    .sliderwrapper #sync1 .owl-item{
        height: 80vh;
    }
    .sliderwrapper div#sync2{
        padding-right: 6rem;
        padding-left: 6rem;
    }
    .bannercntsec{
        height: 75vh;
    }
    .onboardcnt h1 {
        font-size: 30px;
    }
    .btn--primary, .btn--primary.style2, .btn--primary.style3, .btn--secondary, .btn--secondary.style2 {
        line-height: 50px;
    }
    button.btn--primary{
        height: 52px;
    }
    .offerslidecnt h4{
        font-size: 36px; 
    }
    .daybox h2{
        font-size: 26px;
    }
    .appenditems .ring_in {
        width: 31%;
    } 
   
    .prodetailswraper {
        justify-content: space-between;
        width: 100%;
    }
    .product-details-tab {
        width: 49%;
    }
    .prodetailscntsec {
        width: 50%;
    }
    .review__rating .ratngbx input:checked~label{
        font-size: 18px;
    }
    .textlab {
        font-size: 14px;
    }
    .productdetauilswrpr {
        gap: 35px;
    }
    .product-anotherinfo-wrapper ul li span{
        margin: 0 10px 0 0;
    }
    dialog.small, .reveal-modal.small {
        margin-left: -25%;
        width: 50%;
    }
    .orderbxtxt h6{
        font-size: 15px;
    }
    .orderbxname h6{
        font-size: 18px;
    }
    .divinecntsec{
        padding: 20px;
        margin: -40px 10px 0;
    }
    .divinecntsec h2{
        font-size: 16px;
        line-height: 20px;
    }
    .divinecnttxt {
        min-height: 110px;
    }
    .productdetailstilte h1{
        font-size: 22px;
    }
    table.compareTable td,table.compareTable tr td:first-child,table.compareTable td p{
        font-size: 14px;
    }
    .makefrmbx{
        padding: 40px 30px;
    }
    .mfrmfield .form-group{
        margin-bottom: 15px;
    }
    .mfrmfield .form-group label {
        font-size: 14px;
    }
    .makedtlstlesub h4{
        font-size: 18px;
    }
    .makedtlstle h4{
        font-size: 20px;
    }
    .billingmethodssection .cartcard {
        width: 80%;
        margin: 0 auto;
    }
    .sortsecdiv{
        width: 30%; 
    }
    .appenditems .ring_in{
        margin: 0px 8px;
    }
    dialog.tiny, .reveal-modal.tiny {
        width: 40%;
    }
    .brkcnt{
        width: 100%;
    }
   
}
@media only screen and (min-width: 1023px) and (max-width: 1300px) {
    .grid-container {
        padding-right: 2.9375rem;
        padding-left: 2.9375rem;
    }
   
}
/*--------- Ipad Pro Media Query -----------------*/
@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
   
    .productlist {
        width: 100%;
    }
    .footertopsec{
        width:100%;
    }
    .ofrflex{
        width:90%;
    } 
   
   
}

@media only screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
 
    .productlist {
        width: 100%;
    }
    .footertopsec{
        width:100%;
    }
    .ofrflex{
        width:90%;
    }
  
    
}
/*--------- Ipad Media Query -----------------*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .hproductwrapper .shop-item:nth-child(-n+6) {
        display: block;
    }
    .hproductwrapper .shop-item {
        width: 32% !important;
    }
    .offerslideimg .ofimg img{
        width: 310px !important;
    }
    .offerslideimg .ofimg{
        width: 310px;
    }
}
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    
}
/*--------- Mobile Media Query -----------------*/
@media only screen and (max-width: 1023px) {
    .homepage .header{
        background: #fff !important;
        box-shadow: 0px 8px 0px #A3A3A30D !important;
        height: 70px;
        padding: 10px 0px;
    }
    .homepage .header .brand svg path {
        fill: #262262;
    }
    .homepage .header .header-item-right .menu-icon-d#search-icon svg path {
        fill: #383838;
    }
    .homepage .header .header-item-right .menu-icon-d svg path {
        fill: #383838;
    }
    .homepage .header .header-item-right .menu-icon-d svg path {
        fill: #383838;
    }
    .header-item-left h1{
        padding-left: 5px;
    }
    .grid-container{
        padding: 0 0.5rem;
    }
    .uptxt{
        font-size: 18px;
    }
    .discnt{
        font-size: 18px;
    }
    .discnt span {
        font-size: 18px;
        padding: 0px 10px;
        margin-right: 8px;
    }
    .bantxt1{
        font-size: 14px;
    }
    .bantxt2{
        font-size: 11px;
        margin-bottom: 0px;
    }
    .sliderwrapper div#sync2{
        display: none;
    }
    .homepage .header .menu-mobile-trigger span{
        background: #ffffff;
    }
    .sliderwrapper{
        margin-top: 70px;
        height: 45vh;
    }
    .sliderwrapper #sync1 .owl-item{
        height: 45vh;
    }
    .bannercntsec{
        height: 45vh;
        padding: 0px 5px;
        padding-bottom: 30px;
        
    }
    .sliderwrapper #sync1 .owl-nav {
        display: flex;
        position: absolute;
        right: 20px;
        bottom: 0px;
    }
    #sync1 .owl-nav button{
        width: 30px;
        height: 30px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
        font-size: 24px;

    }
    .btn--primary.style2{
        font-size: 12px;
    }
    a.cmpre_btn .cprecntsec p{
        display: none;
    }
    a.cmpre_btn .cprecntsec .cspan{
        display: none;  
    }
    .comparecountsec{
        width: 50px;
        height: 50px;
        right: 15px;
        bottom: 15px;
        border-radius: 100%;
    }
    #back-to-top{
        bottom: 10px;
        right: 20px;
        display: none !important;
    }
    .cprecntsec .badge{
        right: 0px;
        top: 0px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #262262 url(../images/refresh.svg) no-repeat center center;
        background-size: 35px;
    }
    a.cmpre_btn{
        width: 50px;
        height: 50px; 
        border-radius: 100%;
    }
    .section-title{
        margin-bottom: 20px;
    }
    .btn--primary.style3{
        font-size: 12px;
    }
    .post-card .post-content{
        padding-bottom: 10px;
    }
    .section.newssection{
        padding-bottom:30px;
    }
    
    .sortsecdiv{
        display: none;
    }
    .profiltersec .row{
        gap: 0px;
        justify-content: space-between; 
    }
    .appenditems .ring_in {
        width: 48%;
        margin: 0px 0px;
    }
    .profiltersec .row .column {
        margin: 0px 0px;
    }
    .proitemsec .row{
        gap: 10px;
        justify-content: space-between;
    }
    .ribbon{
        left: 74%;
        min-width: 30%;
        max-width: 35%;
        top: 5%;
    }
   .proitemsec .row:before{
    content:none !important;
   }
    .footertopsec{
        width: 100%;
        flex-direction: column;
    }
    .ftopbox{
        padding: 20px 10px;
        width: 100%;
    }
    .footertopsec{
        gap: 10px;
    }
    .ftopboxcnt {
        margin-left: 20px;
    }
    .ftopboxcnt h6{
        font-size: 16px;
    }
    
   .ftopboxcnt p {
        font-size: 10px;
    }
    .ftopbox img {
        height: 50px;
        margin-bottom: 0px;
    }
    .footertopsection {
        padding: 25px 0px;
    }
    .footersec .footerbox:nth-child(1){
        display: none;
    }
    .footersec .footerbox:nth-child(2) {
        width: 45%;
    }
    .footersec .footerbox:nth-child(3) {
        width: 45%;
    }
    .footersec .footerbox:nth-child(4) {
        width: 100%;
    }
    .footersec .footerbox:nth-child(5) {
        width: 100%;
    }
    .footersec{
        flex-wrap: wrap;
        padding: 40px 0px;
    }
    .footer-title h4{
        margin-bottom: 0px;
    }
    .payment-card-bottom ul{
        margin: 0 auto;
        gap: 5px;
    }
    .footer-contant li a,.mb-cls-content{
        font-size: 13px;
    }
  
    .footer-social{
        margin-top: 10px;
    }
    .payment-card-bottom li img {
        height: 20px;
    }
    .footer-social li{
        width: 25px;
        height: 25px;
    }
    .payment-card-bottom li {
        padding-left: 0px;
        padding-right: 0px;
    }
    .coprighttxt{
        font-size: 9px;
    }
    .secsrapper{
        flex-direction: column;
    }
    .categorylist{
        display: none;
    }
    .productlist {
        width: 100%;
    }
    .daybox{
        width: 100%;  
    }
    .tabs .tab-title>a{
        font-size: 12px;
        padding: 1rem;
    }
    .hproductwrapper .shop-item{
        display: none;
    }
    .hproductwrapper .shop-item:nth-child(-n+4) {
        display: block;
    }
    .hproductwrapper{
        gap: 5px;
    }
    .hproductwrapper .shop-item {
        width: 49%;
    }
    .shop-item .shop-thumb {
        height: 208px;
    }
    .ratng {
        font-size: 10px;
    }
    .reviercount,.shop-content .review-wrap .review li {
        font-size: 9px;
    }
    .shop-content .title a{
        font-size: 14px;
    }
    .shop-content .price{
        font-size: 14px;
        margin-top: 0px; 
    }
    .ring_out.proitem {
        margin-bottom: 0px;
    }
    .shop-content .review-wrap{
        column-gap: 5px;
    }
    section.listsection {
        padding: 20px 0px 40px 0px;
    }
    .breadcrumbsection h1{
        font-size: 18px;
    }
    .breadcrumb-row ul li{
        font-size: 12px;
    }
    .itemcounts p {
        font-size: 12px;
    }
    .nav-link_underscore:after{
        bottom: 10px;
    }
    .tab-title.active .nav-link_underscore:after {
        width: calc(100% - 2.125rem);
    }
    .divine-box .divine-content-wrap .divine-content{
        width: 85%;
        padding: 20px 30px;
    }
    .divine-box .divine-content-wrap .divine-content h3 a{
        font-size: 16px;
    }
    .divine-box .divine-content-wrap .divine-content a{
        font-size: 12px;
    }
    .divine-box .divine-img {
        height: 277px;
    }
    .section-title h6{
        font-size: 18px;
    }
   .ribbon{
        font-size: 12px;  
    }
    .section-title p{
        font-size: 12px; 
    }
    .relatedproductssec .section-title p{
        font-size: 10px; 
    }
    .section {
        padding: 20px 0px;
    }
    .ofimg::before {
        width: 160px;
        height: 270px;
        position: absolute;
        left: -10px;
        top: -10px;
    }
    .ofimg {
        width: 160px;
        height: 270px;
    }
    .ofrflex {

        width: 100%;
        gap: 15px;
        padding: 20px 0px 20px 11px;
    }
    .offerslidecnt{
        padding: 0px 10px;
    }
    .offerslidecnt h6 {
        font-size: 12px;
    }
    .offerslidecnt h4{
        font-size: 14px;
    }
    span.disprz,span.ofprz{
        font-size: 12px; 
    }
    .offerslideimg{
        width: 50%;
    }
    .offerslidecnt{
        width: 50%;  
    }
    .offerslidecnt a.btn--primary {
        margin-top: 20px;
    }
    #offerSlider .owl-nav {
        position: absolute;
        bottom: 5px;
        right: 0px;
        display: flex;
    }
    #offerSlider .owl-nav button {
        width: 25px;
        height: 25px;
        font-size: 22px;
    }
    .ofimg img {
        width: 160px !important;
        height: 270px;
    }
    section.section.categorysection {
        padding: 0px 0px 0px;
    }
    .tabs-content>.content.active{
        padding-bottom: 0px;
    }
    .offersection::after{
        content: none;
    }
    .section-title.unterlinetlt h6:after{
        top: 50px;
    }
    .section-title.unterlinetlt {
        margin-bottom: 50px;
    }
    .post-card .post-content .title{
        font-size: 16px;
    }
    .post-card .post-content .postdate,.post-meta li{
        font-size: 12px;
    }
    .post-card .read-more{
        font-size: 12px;  
    }
    .daytitle p{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .daytitle h2{
        font-size: 70px;
    }
    .daybox img{
        width: 200px;
        top: -50px;
    }
    .daybox{
        padding: 40px 30px;
    }
    .daybox h2 {
        font-size: 20px;
        line-height: 1.3;
    }
    .daybox p {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .daytitle {
        padding-bottom: 50px;
    }
    .daysalesection{
        height: 300px;
    }
    section.section.followsection {
        padding-top: 210px;
    }
    .profilterbarflexitms {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .productfiltersecdv{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1099;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .productfiltersecdv.active{
        -webkit-transform: translate(0%);
        -ms-transform: translate(0%);
        transform: translate(0%);
    }
    .sidebar-navigation .content{
        margin: 0px;
    }
    div#mblefltrclosebtn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 20px;
    }
    .styled-checkbox + label,.sidebar-navigation ul li a{
        font-size: 14px;
    }
    .asidetitle{
        font-size: 15px;
    }
    .shop-list{
        top: 45px;
    }
    .shop-list li a,.shop-list button,.shop-list li .check .comparelabel{
        width: 30px;
        height: 30px;
    }
    .shop-list li:not(:last-of-type) {
        margin-bottom: 7px;
    }
    .shop-item:hover .shop-thumb .shop-list{
        right: 10px;
    }
    .buybtn{
     width: 130px;
     height: 35px;
    }
    .shop-item:hover .buybtn{
        bottom: 10px;
    }
    .btn-primary{
        font-size: 12px;
    }
    .overlay{
        display: unset;
    }
    .cartpagetble .cartproimg{
        display: none;
    }
    .shop_table.cart_table tbody tr td.product-name {
        padding-left: 0px;
    }
    .giftbox{
        display: none;
    }
    .mbhide{
        display: none;
    }
    .dshide{
        display: block;
    }
   
    .cartpagetble .product-name a{
        font-size: 12px;
        line-height: 1;
    }
    .cartpagetble .product-name p{
      display: flex;
      align-items: center;
    }
    .cartpagetble .product-name p img{
        width: 14px;
        margin-left: 10px;
    }
    .cartpagetble .product-subtotal{
        display: flex;
        align-items: center;
    }
    .cartpagetble .product-subtotal button{
        padding: 0px;
        margin: 0px;
        margin-left: 20px;
    }
    .shop_table.cartpagetble.cart_table tbody tr td.product-subtotal{
        width: 125px !important;
    }
    .shop_table.cartpagetble.cart_table tbody tr td.product-name{
        width: 120px !important;
    }
    .shop_table.cartpagetble.cart_table tbody tr td.product-quantity{
        width: 100px !important;
    }
    .cartpagetble .quantity{
        width: auto;
    }
    .shop_table.cartpagetble.cart_table thead tr th{
        padding: 0px 10px 0px 0px;
        font-size: 12px;
    }
    .cartpagetble .pi01Price ins{
        font-size: 12px;
    }
    .cartpagetble .cartt1 {
        padding: 0px 40px 0px 0px;
    }
    .cartt1 p>span {
        font-size: 12px;
    }
    input.coup1::placeholder {
     font-size: 7px;
    } 
    input.coup1::-ms-input-placeholder {
        font-size: 7px;
    }
    .couponsec input{
        padding-left: 33px;
    }
    .carttblesec {
        padding: 20px 0px 40px 0px;
    }
    .returnbacksec a{
        font-size: 18px;
    }
    .carttblesec tr.bordertop {
        display: none;
    }
    .contnueshopbtn{ 
        margin:40px 0px 20px 0px;
    }
    .mcntinebtnsec.dshide {
        display: flex;
        flex-direction: column;
    }
    .returnbacksec.dflex{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    a.clearallbtn{
        color:#F24C4C;
        font-size: 14px;
        font-weight: 500;
    }
    .returnbacksec a.dshide{
        display:block; 
    }
    .emptycart img{
        width: 100px;
    }
    .emptycart p{
        font-size: 14px; 
    }
    #blefltrbtn {
        display: block;
    }
 
    .adrinfocntsec p{
        font-size: 12px;
    }
    .adrinfocntsec h2{
        font-size: 14px;
    }
    .adritmg{
        width: 100%;
        margin-bottom: 10px;
        align-items: flex-start;
    }
    .adrbx {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 20px;
    }
    .wide p{
        font-size: 10px;
    }
    .adreditsec{
        width: 100%;
        justify-content: flex-end;
    }
    .deliveraddresssection {
        padding: 20px 0px 100px 0px;
    }
    .menucoupon{
        width: 100%; 
        padding: 40px 15px;
    }
    .tilebx label{
        width: 75%;
    }
    .tilebx{
        width: 47%;
    }
    .onboardwrapper{
        flex-direction: column;
    }
    .onboardcntsec,.loginsection{
        width: 100%;
    }
    .onboardcntsec{
        padding: 0px 20px;
    }
    .onboardimg{
        display: none;
    }
    .onboardfrmsec,.onboardcntsec{
        height: auto;
    }
    .onboardlogo {
        margin-bottom: 45px;
        width: 50%;
    }
    .onboardcontainer{
        height: auto;
    }
    .onboardfrmsec{
        padding: 50px 0px;
    }
    .authorizationpage{
        overflow-y: auto;
    }
    .onboardtitlesec h2{
        font-size: 22px;
    }
    .signupsection {
        width: 100%;
    }
    .form-group.checkboxinput label:before{
        padding: 7px;
    }
    .form-group.checkboxinput input:checked+label:after{
        top: 4px;
        left: 6px;
        width: 6px;
        height: 10px;
    }
    .alredyregistertxt{
        font-size: 14px;
    }
    .forgotpasswordsection {
        width: 100%;
    }
    .sign_btn {
        padding: 20px 0px 50px 0px;
    }
    .prodetailswraper{
        flex-direction: column;
    }
    .ring_img{
        width: 100% !important;
        height: 325px !important;
    }
    .product-details-tab,.prodetailswraper{
        width: 100%;
    }
    .productfeatures ul li{
        margin-right: 15px;
        width: 40px;
        height: 40px;
    }
    .productdetauilswrpr{
        flex-direction: column;
    }
    .product-anotherinfo-wrapper,.deliverypinsec {
        width: 100%;
    }
    ul.shareicnssec{
        display: none;
    }
    .ratngformsecdiv,.ratngstrsec{
        flex-direction: column;
    } 
    .productdetailsaccr .tabs .tab-title>a {
        padding: 1.5rem 10px 1.5rem 0px;
        font-size: 11px;
    }
    .apjsocialicons p{
        font-size: 12px;    
    }
    .apjsocialicons .st-btn{
        height: 30px !important;
        width: 30px !important;
    }
    .single-zoom-thumb .owl-carousel .owl-item li{
        width: 105px;
        height: 105px;
    }
    .s-tab-zoom.owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }
    .productdetailssection {
        padding: 10px 0px 10px 0px;
    }
    .single-zoom-thumb {
        margin-top: 10px;
    }
    .prodetailswraper{
        gap: 20px;
    }
    .productdetailstilte h1{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .proprizesec h4 {
        font-size: 18px;
    }
    .proprizesec h4 span{
        font-size: 14px;
    }
    .proprizesec {
        margin: 10px 0px;
    }
    .fimg{
        width: 40px;
        height: 40px;
    }
    .productfeatures ul li p{
        font-size: 8px;
    }
    .prodescsc p span{
        font-size: 13px !important;
    }
    .prodescsc {
        margin: 20px 0px 20px;
    }
    .deliverypinsec label{
        font-size: 14px;
    }
    .availabilitycheck{
        top: -5px;
    }
    .probtnsec {
        padding: 30px 0px;
    }
    .pro-details-meta span,.pro-details-meta ul li a{
        font-size: 12px;
    }
    .product-anotherinfo-wrapper h6,.product-anotherinfo-wrapper ul li span{
        font-size: 12px;
    }
    .product-anotherinfo-wrapper ul li{
        margin: 0 0 5px;
    }
    .procntbox {
        margin-bottom: 15px;
    }
    .productdetauilswrpr{
        gap: 5px;
    }
    .ratngformsec {
        width: 100%;
    }
    .ratngstrsec .review__rating {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .textlab{
        font-size: 14px;
    }
    .review__rating .ratngbx input:checked~label,.ratngstrsec input[type="checkbox"]+label, .ratngstrsec input[type="radio"]+label{
        font-size: 20px;
    }
    .comonform .form-group label{
        font-size: 14px;
    }
    #uploadButton{
        width: 100%;
    }
    .customerreviws {
        width: 100%;
    }
    .customerreviws h4{
        font-size: 14px;
    }
    .contratng h2{
        font-size: 20px; 
    }
    .tabcntsec .accordion-button{
        font-size: 14px;
    }
    .tab-title.active .nav-link_underscore:after{
        width: 100%;
    }
    .tabcntsec p{
        font-size: 12px;
    }
    .breadcrumbsection{
        height: 75px;
    }
    .reviewimages {
        margin-top: 20px;
    }
    .poupheader h2{
        font-size: 18px;
    }
    .search_box input{
        background-position: 7% 50%;
        padding-left: 55px;
        height: 50px;
    }
    .search_box input:active, .search_box input:focus{
        background-position: 7% 50%;
        padding-left: 55px;
    }
    .searchbarsec{
        height: 90px;
    }
    a.srclose {
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .divinecollectionsecdv .row.dflexsec{
      flex-direction: column;
    }
    .divinecollectionsecdv .ring_in{
        width: 100%;
    }
    .divinecollectionsecdv {
        padding: 20px 0px;
    }
    .divinecollectionsecdv .profiltersec{
        margin-bottom: 0px;
    }
    .asidemenusec{
        display:none;
    }
    .profileinfosection {
        width: 100%;
    }
    .procnttle{
        display: flex;
        align-items: center;
    }
    .profileinfosection .procnttle{
        font-size: 18px;
        display: flex;
    }
    .profileinfosection .procnttle svg{
        margin-right: 10px;
    }
    section.profilesection {
        padding: 20px 0px;
    }
    .tabcontent{
        padding: 0px 0px;
    }
    .profiledivsec{
        padding: 20px;
    }
    .userimgsec img {
        width: 70px;
        height: 70px;
    }
    .userimgsec {
        width: 70px;
        height: 70px;
    }
    .userincnt h2{
        font-size: 14px;
    }
    .userincnt p{
        font-size: 12px; 
    }
    .proinfobox {
        width: 100%;
        margin-bottom: 5px;
    }
    .profilebiosec .proinfobox:nth-child(4) {
        width: 100%;
    }
    .proinfobox p{
        font-size: 12px;
    }
    .proinfobox h4{
        font-size: 14px;
        line-height: 1.1;
    }
    .proediticn{
        top: 100px;
        width: 90px;
        height: 40px;
    }
    .proediticn a{
        font-size: 14px;
    }
    #profileEditpop{
        padding:20px;
    }
    .editfrmdiv{
        flex-direction: column;
    }
    .editfrmdiv .form-group {
        width: 100%;
    }
    p.intxdt,.checkcnt label{
        font-size: 12px;
        margin-bottom: 12px;
    }
    .editfrmdiv .form-group label {
        font-size: 14px;
    }
    .editfrmdiv .form-group input{
        font-size: 12px;
    }
    .image-preview{
        width: 100px;
        height: 100px;
    }
    .img-container{
        margin-bottom: 30px;
    }
    .menu-icon-d.usericon.mbshow.dshide{
        display: block;
    }
    .menu-icon-d.usericon.dsshow.mbhide{
        display: none;
    }
    .asidemenusec.mshow{
        display: block;
        width: 100%;
    }
    .orderbxcntinfo{
        flex-direction: column;
    }
    .orderbox{
        padding: 20px 10px 0px 10px;
        margin-bottom: 10px;
    }
    .amntitemsec{
        display: none;
    }
    .orderbxname h6{
        font-size: 12px;
    }
    .orderbxname h6 span{
        font-size: 10px;
    }
    .orderstaus.canceled p{
        font-size: 10px;
    }
    .orderbxtxt h6{
        font-size: 12px;
    }
    .orderbxtxt p{
        font-size: 10px;
    }
    .orderbxname p{
        font-size: 10px;
    }
    .dropdwnbtnicn{
        margin-left: 15px;
    }
    .invoicebtnicn{
        width: 100px;
        margin: 0px 0px;
        margin-right: 0px;
    }
    .buyagainsec .btn--primary{
        font-size: 10px !important;
        width: 110px;
        padding: 0px 10px 0px;
    }
    .buyagainsec .nw_btn.btn--primary{
        width: 90px;
    }
    .invoicebtnicn a{
        font-size: 10px;
    }
    .buyagainsec{
        margin-top: 20px;
    }
    .orderdetailssection table.cart_table tr {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        justify-content: flex-start;
        padding: 15px;
    }

   .orderdetailssection table.cart_table td:before {
        content: attr(data-th);
        float: left;
        width: 50%;
        padding: 0 0 0 1%;
        font-weight: 400;
        color: #5C5A5A;
        text-transform: uppercase;
        text-align: left;
    }
    .orderdetailssection table.cart_table tbody td:not(:last-child) {
        display: block;
        min-height: auto;
        text-align: right;
        font-size: 12px;
    }
    .orderdetailssection table.cart_table thead{
        display: none;
    }
    .orderdetailssection table.cart_table .product-thumbnail{
        display: none !important; 
    }
   
    .orderdetailssection table.cart_table tbody tr td{
        width: 100% !important;
        padding: 5px;
    }
    .orderdetailssection table.cart_table .procode{
        text-align: right;
    }
    .orderdetailssection table.cart_table .quantity{
        width: auto;
        text-align: right;
    }
    .orderdetailssection table.cart_table  .product-name a,.orderdetailssection table.cart_table .pi01Price ins,.orderdetailssection table.cart_table .product-tax ins{
        font-size: 12px;
    }
    .orderdetailssection table.cart_table tbody tr td.product-name {
        padding-left: 5px;
    }
    section.orderdetailssection {
        padding: 20px 0px 50px 0px;
    }
    .orderdetailssection table.cart_table tr:last-child{
        border: none;
        border-top: 1px solid rgb(0, 0, 0, 0.05) !important;
        border-bottom: 1px solid rgb(0, 0, 0, 0.05) !important;
    }
    .deliveryaddrssec .delivryimg{
        display: none;
    }
    .deliverybx{
        flex-direction: column;
        padding: 20px;
    }
    .deliverycnt {
        width: 100%;
    }
    .delivrybxcnt{
        width: 100%;
    }
    .adrbtnsec{
        width: 100%;
        justify-content: flex-start;
        margin-top: 20px;
    }
    .deliverycnt h2{
        font-size: 18px;
    }
    .deliverycnt p,.addrdle,.addredit{
        font-size: 12px;
    }
    .comonform{
        flex-direction: column;
    }
     .comonform .form-group {
        width: 100%;
    }
    .addaddrespopcnt .comonform .form-group {
        width: 100%;
    }
    .chngdflex{
        flex-direction: column;
    }
    .form-group.cmnfld {
        width: 100%;
    }
    .form-group.cmnfld label {
        font-size: 14px;
    }
    .billingmethodssection .cartcard{
        width: 90%;
    }
    .adrimgsec{
        display: none;
    }
    .adrinfocntsec {
        margin-left: 0px;
    }
    #frm2 .comonform .form-group {
        width: 100%;
    }
    .checkoutflxsec{
        flex-direction: column;
        gap: 20px;
    } 
    .checkoutflxsec .paymentmethod {
        width: 100%;
    }
    .checkoutflxsec .cartcard {
        width: 100%;
    }
    .checkoutflxsec .product-thumbnail{
        display: none;
    }
    .checkmobilesec .product-name{
        width: 15% !important;
    }
   .checkmobilesec .product-quantity{
    width: 10% !important;
    }
    .checkmobilesec .product-quantity .quantity{
            width: 55px;
    }
    .product-name a{
        font-size: 13px;
       line-height: 1;
    }
    .pi01Price ins,.cartt1 p{
        font-size: 13px;   
    }
    .checkoutotal{
        font-size: 16px;
    }
    .paymentmethod h4{
        font-size: 20px;
    }
    #preview_invoice{
        padding: 40px 10px;
    }
    .cs-invoice.cs-style1 .cs-invoice_footer {
        flex-direction: column;
    }
    .cs-invoice.cs-style1 .cs-right_footer {
        width: 100%;
    }
    .cs-invoice.cs-style1 .cs-left_footer {
        width: 100%;
        padding: 10px 15px;
    }
    .intle{
        font-size: 20px;
    }
    .cs-invoice_date,.cs-invoice_number{
        font-size: 12px;
    }
    .cs-container td, .cs-container th,.cs-left_footer .cs-mb0,.paymentinfosec p,.agre .form-group label{
        font-size: 11px;
    }
    .checkoutsec {
        padding: 20px 0px;
    }
    .btnsecpro .btn--primary.style2{
        height: auto;
    }
    .nodata.nofaq .prtxtcmsn{
        font-size: 14px;
    }
    .compareTableContainer{
        width: 100%;
        overflow-x: scroll;
    }  
    table.compareTable thead img{ 
        height: 155px;
    }
    table.compareTable tr td:first-child{
        font-size: 12px;
        font-weight: 600;
        padding: 10px;
    }
    table.compareTable td{
        font-size: 12px;
        padding: 10px;
    }
    table.compareTable td p{
        font-size: 12px;
    }  
    table.compareTable .btn--primary {
        width: 125px;
    }
    dialog, .reveal-modal {
        min-height: auto !important;  
        padding: 40px 15px!important;  
    }  
    .blogimgdt img {
        float: left;
        padding-right: 0px;
        padding-bottom: 20px;
    } 
    .blogimgdt h4{
        font-size: 18px;
        line-height: 1.3;
    }  
    .blogdetailsection {
        padding: 20px 0px;
    }  
    span.brprze,span.brtle {
        font-size: 8px;
    }   
    .brkcnt{
        gap: 0px;
        width: 100%;
    }
    .b-up{
        text-align: center;
        padding-right: 30px;
    }
    .b-up::before {
        width: 15px;
        margin-left: -5px;
        right: 2%;
        height: 15px;
        font-size: 14px;
        border: 2px solid #fff;
    }  
    .goldlistsec{
        padding: 20px 20px;
        flex-direction: column;
        height: auto;
    }
    .goldprzseccnt {
        width: 100%;
        text-align: center;
    }
    .goldprzsecitm {
        width: 100%;
        gap: 0px;
        flex-direction: column;
    }
    .golditsec {
        width: 100%;
    }
    .goldimg {
        width: 100px;
    }
    .section.goldratesec{
        display: none;
    }
    a.brand img {
        height: 25px;
        object-fit: contain;
    }
    .homepage .header .stcylogo{
        display: none !important;
    }
    .homepage .header .nrmllogo{
        display: block !important;
    }
}