


/*FEEDBACK*/
@media screen and (max-width: 768px){ 
.feedbackSection{ padding: 15px 3px;} 
.rating-container{ gap: 4px;}
}
@media screen and (max-width: 480px){ 
.feedbackSection{border: 1px solid #ccc;}
.rating-label {
    font-size: 14px;
    width: 32px;
    height: 32px;
}
}
@media screen and (max-width: 390px){ 
.rating-label{border: 2px solid #ffffff; width: 28px; height: 28px;}
}
@media screen and (max-width: 359px){ 
.rating-label{ width: 25px; height: 25px;}
}
/*FEEDBACK END*/ 

/*GAME STREAMING*/
@media screen and (max-width: 730px){
.gameStreamers img{ width: 100%;}
.seoContent .otgssIn h2, .otgssIn h2{ font-size: 20px;}
.seoContent .otgssIn p, .otgssIn p{font-size: 16px;}

.videoSlider .nav-tabs .nav-link{font-size: 30px;}
.videoSlider .nav-tabs .nav-link.active{font-size: 30px;}
.videoSlider .nav-tabs{ margin: 0;}

.videoSlider .tab-content{margin-top: 0;}
.videoSlider .owl-carousel .post-slide { margin: 0;}

.proLine{ border-top: 1px solid #fff; border-left: 0;}

.lineUps .col-md-3{
    border: 1px solid #575353;
    border-radius: 10px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

}
/*GAME STREAMING END*/

/*MESSAGE*/
@media screen and (max-width: 768px){
.notify{ width: 96%; height: 126px;}
.notifyInn{ height: 100%;}
.notifyInn img { height: 64px;}
.notifyText strong{font-size: 20px;}
.notifyText p{ font-size: 15px;}
.notify .notify-close img { height: 20px;}
}
/*MESSAGE END*/

/*CMS PAGE*/
@media screen and (max-width: 768px){
.form-cfx-box iframe{width: auto;}
.fullWidthVideo iframe {
    width: 100%;
    height: auto;
}

.list-star i{ font-size: 12px;}
.ratingBeforeStarLisiting{font-size: 14px;}

}
/*CMS PAGE END*/

/*SEO CONTENT*/
@media screen and (max-width: 768px){
.seoContent table{
    width: 100%;
    display: flex;
    overflow-x: scroll;
    margin-bottom: 25px;
}
}
@media screen and (max-width: 480px){
.seoContent{ font-size: 12px;}
.seoContent h2{ font-size: 18px; line-height: 21px;}
.seoContent p{ text-align: justify;}
.seoContent td{ border: 1px solid #ccc; text-align: start; vertical-align: top; line-height: 18px;
padding: 2px 3px;
}
}
/*SEO CONTENT END*/

/*BLOG*/
@media screen and (max-width: 480px){
.blogInnerBox{padding: 25px 15px;}
}
/*BLOG END*/

/*NOTICE*/
@media screen and (max-width: 767px){
.notice-modal-content{ padding: 12px 24px;}
.notice-modal-content p{ padding-bottom: 6px; text-align: justify;}
}

@media screen and (max-width: 480px){
    .notice-modal-content{ padding: 12px 20px;}
    .notice-modal-content .notice-header{    font-size: 14px;}
    .notice-modal-content p{ font-size: 12px; line-height: 16px; padding-bottom: 6px;}

    .notice-modal .close{ top: 7px; right: 12px;}
}

/*NOTICE END*/

/*HOME*/
@media screen and (max-width: 1199px){
    .userLoginMob{border: 1px solid #ccc;
        padding: 0 9px;
    line-height: 40px;
    gap: 4px;
    background-color: #fff;
    color: var(--main);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
    }
    .userLoginMob img{
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 14px;
    }

    .tf-grid-layout.xl-col-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .trandingContainer .card-product .trandTitle{font-size: 19px; font-family: 'GT America Y Compressed';}
    .trandImg img { border-radius: 10px; width: 100%;}
    .trandImg { margin-bottom: 14px;}
    
    .commanGrayBtn{ font-size: 13px; width: 142px; padding: 4px 2px 4px 12px; /*margin: 11px auto 0 auto;*/}
    .commanGrayBtn img{ max-width: 24px;}
    .tab-product .nav-tab-item a{ font-size: 14px; line-height: 22px;}

    .productDetails .tab-product .nav-tab-item a{ font-size: 17px; line-height: 22px;}

    .prodListBtn{width: 95px;}
    .prodListBtn a{ padding: 6px;}
    .prodListBtn img{ }
}    
@media screen and (max-width: 991px){
    .footer .col-lg-3{
        flex: 0 0 auto;
        width: 25%;
    }
    .footer .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .footer .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }


    .lgContainer .col-md-6{ width: 100%;}

    .trandTitle{ text-align: center; display: block;}
    .tf-grid-layout.xl-col-4 { grid-template-columns: repeat(2, 1fr); }
    .categoryHome h3{ font-size: 19px; line-height: 22px;}

    .excelBoxes .icon-box{ text-align: center; margin-bottom: 12px;}
    .excelBoxes .icon-box img{ width: 100px;}
    .excellenceContainer .excText { font-size: 17px;}

    .lgContainer .lgImg{ display: none;}
}
@media screen and (max-width: 768px){
    .footer .footer-body{ padding: 20px 0;}
    .footer-logo{ margin: 0 auto;}
    .footer .footer-bottom-wrap .left{ display: flex; width: 100%; justify-content: center;}
    .footer .footer-bottom-wrap .tf-payment{ display: flex; width: 100%; justify-content: center;}


    .ftBoldLink ul{
        display: flex;
        gap: 10px;
        justify-content: space-between;
    }
    .footer-infor .tf-social-icon{
        margin: 0 auto;
    }

    footer .footer-heading{margin-bottom: 8px;}
    .footer .col-lg-3{
        flex: 0 0 auto;
        width: 100%;
    }
    .footer .col-lg-5 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer .col-lg-4 {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer .footer-menu{
        gap: 0;
        margin-bottom: 0;
    }
    .footer .footer-heading{
        border: 1px solid #ccc;
        padding: 4px 2px 4px 9px;
    }
    .footer-heading-mobile{
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 767px){
    .text-btn-uppercase{ font-size: 10px; text-align: center;}
    .space-60{ padding-top: 40px; padding-bottom: 40px;}
    .excellenceContainer .excText { font-size: 15px; line-height: 20px;}

    .tf-collapse-content { display: none; }
    .footer-heading-mobile { cursor: pointer; }

    .show-content { display: block!important; }


}

@media screen and (max-width: 600px){
.owl-dot{padding: 4px 9px;}

.ftBoldLink ul{ flex-wrap: wrap;}
.ftBoldLink ul li{ width: 48%;}

.card-product .card-product-wrapper {
    aspect-ratio: initial!important;
}

.sidecart .cartImg {
    width: 102px;
    height: 102px;
}

.card-product .card-product-info .off-price{ font-size: 12px;}
.excelBoxes.mobile-scroller{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
display: inline-block;
width: 100%;
padding-bottom: 20px;

scrollbar-width: none;
-ms-overflow-style: none
}
.excelBoxes.mobile-scroller .mobile-scroller::-webkit-scrollbar{ display: none;}
.excelBoxes.mobile-scroller .mobile-item{
    width:170px;
    display: inline-block;
    margin-left: 5px;
} 



.offerCover{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
display: inline-block;
width: 100%;
padding-bottom: 20px;

scrollbar-width: none;
-ms-overflow-style: none
}
.offerCover .mobile-scroller::-webkit-scrollbar{ display: none;}
.offerCover .offerSingle{
    display: inline-block;
    margin-left: 5px;
} 

.videoHome .commanGrayBtn{ margin: 11px auto 11px auto;}


}
@media screen and (max-width: 480px){
    .tf-slideshow .owl-stage-outer{padding-bottom: 0;}
    .tf-slideshow{ padding-bottom: 0;}

    .sidecart .cartImg {
        width: 90px;
        height: 90px;
    }

    .mrpPriceHome .old-price{ font-size: 12px !important;}
    .offPriceHome .off-price{ margin-right: 0 !important; font-size: 12px !important;}


    .trandingContainer .card-product .card-product-info,
    .productCarouselHome .card-product .card-product-info
    { padding: 8px 5px;}

    .trandingContainer .card-product .price .mrpPriceHome,
    .productCarouselHome .card-product .price .offPriceHome
    { 
        display: flex;
        align-items: center;
    }

    .offPriceHome{ 
        display: flex;
        align-items: center;
        flex: 1;
        gap: 4px;
        justify-content: space-between;
    }
    .offPriceHome .off-price {
        margin-right: 0 !important;
        font-size: 12px !important;
    }



    .prodLising .row .col-md-4{ 
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }


    .blogContainer .owl-nav{ transform: translateY(-225%);}
    .desktopOnly, .prodButtons.desktopOnly{ display: none!important;}
    .mobileOnly{display: block!important;}
    
    

    .prodButtons.mobileOnly{ display: flex!important; justify-content: center;}

    .space-60{ padding-top: 30px!important; padding-bottom: 30px;}

    .title-1{ font-size: 26px;}

    .excellenceContainer .excText{ font-size: 17px;}
    .videoHome{}

    .excellenceContainer .card-product{width: 170px; padding: 5px;}
    
    .excellenceContainer .excText { font-size: 14px;}

    .offerProd{ font-size: 12px; line-height: 15px;}

   .mobile-scroller{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;

    scrollbar-width: none;
    -ms-overflow-style: none
    }
    .mobile-scroller::-webkit-scrollbar{ display: none;}
    .mobile-item{
        width:170px;
        display: inline-block;
        margin-left: 5px;
    } 
    .trandImg img {
        border-radius: 10px;
    }
    .trandingContainer .card-product .trandTitle{font-size: 13px; margin-top: 7px;
        text-align: center;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .videoHome .commanGrayBtn{ padding: 4px 12px 4px 12px; width: 92%;}

    .commanGrayBtn{ font-size: 13px; width: 132px; padding: 4px 2px 4px 12px; margin: 11px auto 0 auto;}
    .commanGrayBtn img{ max-width: 24px;}
    .tab-product .nav-tab-item a{ font-size: 15px; line-height: 22px;}

    .productDetails .tab-product .nav-tab-item a{ font-size: 15px; line-height: 18px;}

    .flat-animate-tab .tab-product{ justify-content: center;}
    
    .category-slider .vacSliderContItem{text-align: center;}

    .mb-5.title-1{ margin-bottom: 20px!important;}

    .header-default.sticky .wrapper-header{ min-height: 52px;}
    .lgContainer .lgImg{
        max-height: 300px;
        overflow: hidden;
    }
    .lgPic{ margin: 22px 0 15px 0;}
    .lgPic img{  height: 35px;}
    .lgInner h5{font-size: 21px;}

    textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color]{
        padding: 7px 16px;
    }

    .homePage .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .space-60.videoHome{padding-bottom: 5px;}
    .space-60.productCarouselHome{ padding-top: 2px!important;}
    .trandingNowCover{ padding-top: 10px !important;}
    .space-60.excellenceContainer{padding-top: 10px !important; padding-bottom: 5px;}
    .space-60.blogContainer{padding-top: 10px !important;}

    .ftBoldLink ul{ display: flex; gap:8px; flex-wrap: wrap;}
    .ftBoldLink ul li{ width: 48%;}
    .ftBoldLink ul li a{ font-size: 16px;}

}
@media screen and (max-width: 425px){
    .offPriceHome .price{ font-size: 15px;}
    .offPriceHome .off-price{font-size: 11px !important;}  
    .card-product .card-product-info .price { font-size: 14px; }
}

@media screen and (max-width: 420px){
    .sidecart .cartImg {
        width: 80px;
        height: 80px;
    }

    .tab-product{ gap: 10px;}
    .tab-product .nav-tab-item a{ font-size: 14px;}

    .card-product .card-product-info .price{}
}
@media screen and (max-width: 390px){
.sidecart .cartImg {
    width: 70px;
    height: 70px;
}
.blogContainer .owl-nav{ transform: translateY(-200%);}
.mrpPriceHome .old-price { font-size: 11px !important;}
}

@media screen and (max-width: 375px){
    .tab-product{ gap: 6px;}
    .tab-product .nav-tab-item a{ font-size: 13px;}
    .blogContainer .owl-nav{ transform: translateY(-228%);}
    
    .offPriceHome .off-price { font-size: 10px !important; }
}
@media screen and (max-width: 359px){
    .ftBoldLink ul li a {font-size: 15px!important;}
    .footer .footer-heading {font-size: 15px!important;}

    .sidecart .cartImg {
        width: 65px;
        height: 65px;
    }

    .blogContainer .owl-nav{ transform: translateY(-260%);}
    .tab-product{ gap: 10px;}
    .tab-product .nav-tab-item a{ font-size: 14px;}

    .card-product .card-product-info .old-price{    margin-right: 5px;}
    .card-product .card-product-info .price{ font-size: 12px;}
    .mrpPriceHome .old-price { font-size: 9px !important; }
    .offPriceHome .off-price { font-size: 9px !important; }
    .card-product .card-product-info .price { font-size: 11px;}
}
/*HOME END*/


/*Service Center Locator*/
@media screen and (max-width: 991px){
#canvas_wrapper{ height: 300px;}
.rearchResultBox{ flex-direction: column-reverse;}
.rearchResultBox .card{ margin-bottom: 20px!important;}
}
@media screen and (max-width: 767px){
.storeSearch{ 
    display: block!important;
    padding: 16px;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    background: linear-gradient(172deg, rgba(255, 255, 255, 1) 0%, rgb(227 211 243 / 51%) 100%);
}
.storeSearch select, .storeSearch input{ width: 100%; margin-bottom: 10px;}
.searchIconBtn{ width: 100%;}
}
/*Service Center Locator End*/

/*404 PAGE*/
@media screen and (max-width: 480px){
.forzerofor h1{ font-size: 60px; }
}
/*404 PAGE END*/





/*PRODUCT LISTING*/
@media screen and (max-width: 1304px){
    .filter-facet.facet-fieldset .fieldset-item{font-size: 15px;}
}
@media screen and (max-width: 1240px){
    .filter-facet.facet-fieldset .fieldset-item{font-size: 14px;}
}
@media screen and (max-width: 1199px){
    .col-md-9.prodListing{ width: 100%;}

    .card-product .card-product-info .off-price{font-size: 13px;}
    .card-product .card-product-info .price{font-size: 15px;}
    .card-product .card-product-info{padding: 15px 10px;}


   .tf-control-filter-mobile .filterbtn{
    background: #4b1e78;
    color: #fff;
    border: 0!important;
   }

    .card-product .wishlist,
    .card-product .compare {
      display: flex;
    }
.card-product .list-product-btn{top: 53px;}
.filterBtnss{
    display: flex!important;
    justify-content: center;
    gap: 10px;
}
.filterBtnss{padding: 12px 20px;}


.tf-control-sorting .form-select{ }

 .tf-control-sorting{ display: none;}   
.tf-control-filter-mobile{ 
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    z-index: 91;
    background: #fff;
    padding: 6px 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.sortByMobile{ display: block; width: 100px;}
.tf-product-info-rate{ display: flex; gap: 4px; align-items: center;}
}

@media screen and (max-width: 1080px){
    .card-product .card-product-info{padding: 15px 8px;}
    .prodListBtn { width: 85px; }

    .excellenceContainer .icon-box img{width: 100px;}
    .excellenceContainer .excText{font-size: 15px;}
    .tf-icon-box{    gap: 5px;}
    .excelBoxes{ column-gap: 12px;}
}
@media screen and (max-width: 991px){
.tf-control-filter-mobile .filterbtn { line-height: 26px; border-width: 1px; border: var(--bs-border-width) solid var(--bs-border-color);}
}

@media screen and (max-width: 767px){
.title-1{ font-size: 30px;}
.prodLising .row .col-md-4{ flex: 0 0 auto; width: 50%;}

.card-product .text-caption-1{ display: none;}
}
@media screen and (max-width: 600px){
    .card-product .card-product-info{padding: 15px 10px;}
}
@media screen and (max-width: 480px){
    .filter-container .tab-filter{padding: 8px 8px !important; border-bottom: 1px solid #dddddd;
    font-size: 14px;
    line-height: 19px;
    }
    .filter-container .tab-filter:last-child{ border: 0;}

    .card-product .card-product-info .mrp{ font-size: 10px;}
    .priceRight .off-price {
        font-size: 9px !important;
    }

    .filter-content .prodColor{width: 28px; height: 28px;}
    .filter-content .variant-picker-values{gap: 9px;}

    .seoContent{ margin-top: 45px; padding-left: 10px; padding-right: 10px;}
    .variant-picker-values {  gap: 9px; }

    .card-product .card-product-info .title{ height: 33px;}
    
    .productListing .card-product{margin-bottom: 12px !important;}
    .space-60.productListing{ padding-top: 17px !important;}
    .space-60.productListing h1{ font-size: 17px; line-height: 21px;}

    .meta-filter-shop .remove-all-filters{ font-size: 9px; padding: 2px 8px;}

    .meta-filter-shop{ margin-bottom: 20px;}
    .meta-filter-shop .filter-tag{font-size: 14px;     padding: 2px 8px;}
    .meta-filter-shop .filter-tag .remove-tag{font-size: 10px;}
    .meta-filter-shop .remove-all-filters .icon { font-size: 10px;}

    .card-product .card-product-info .price{margin-right:0;}
    .priceInn{ /*display: flex; gap:2px; width: 100%; justify-content: space-between;*/}
    .card-product .card-product-info .price{ /*display: flex;*/}

    .priceLeft{ /*display: flex; align-items: center;*/}
    .priceLeft .old-price{font-size: 12px!important;}
    .priceRight{ /*display: flex; align-items: center; flex: 1; gap: 4px; justify-content: space-between;*/} 
    .priceRight .price{font-size: 14px;}
    .priceRight .off-price{ margin-right: 0!important;}
    .prodListBtn{ 
        margin-top: 4px;
        display: block;
        width: 42px;
        right: 1px;
    }

    .card-product .card-product-info{gap: 1px;}
    .prodListColor span{ font-size: 12px;}



    .prodListBtn a {
        padding: 8px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2px;
    }
    .prodListBtn a:last-child{/* display: none;*/}
    .prodListBtn a img { height: auto; }

    .header-default .wrapper-header {
        min-height: 52px;
    }
    .space-60 {
        padding-top: 22px;
        padding-bottom: 22px;
    }
    .canvas-filter{ width: 100%; max-width: 100%;}
    .sortByMobile{ display: block;  width: 125px;}
    .tf-control-filter-mobile{ 
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 99;
        width: 100%;
        padding: 5px 10px;
        justify-content: space-evenly;
        align-items: center;
    }
    .tf-control-filter-mobile .tf-dropdown-sort{ display: block;}
    .tf-dropdown-sort{ display: none;}
    .tf-control-filter { display: flex;}
    .prodListBtn a img{display: inline-block;}
    .wrapper-header .mobileLogo{ flex: 1;}
    .wrapper-header .mobileLogo img{    width: 92px;}
    .prodLising .row{ padding-left: 5px; padding-right: 5px;}
    .prodLising .row .col-md-4{ padding-left: 3px; padding-right: 3px;}

    .card-product .card-product-info .title{ 
        font-size: 13px;
        line-height: 17px;
    }
    .list-star .icon{font-size: 13px;}
    .text-caption-1{ font-size: 12px;}

    
    .card-product .card-product-info .off-price{font-size: 13px;}

    .offPriceHome .price{ margin-right: 5px!important;}

    .prodLising .card-product-info{    padding: 8px 5px;}

   

    .listHead h1.title-1{ font-size: 20px;}

    .prodLising .row .col-md-4{/* width: 100%;*/}
}
@media screen and (max-width: 425px){
    .card-product .card-product-info .price{ font-size: 15px;}

    .card-product .card-product-info .price { font-size: 14px; }
}

@media screen and (max-width: 390px){
.card-product .card-product-info .mrp{ font-size: 10px; margin-right: 3px;}
.priceRight .off-price{ font-size: 10px !important;}
.card-product .card-product-info .old-price{margin-right: 5px; font-size: 10px !important;}

.prodColor { width: 20px; height: 20px; }
.variant-picker-values{gap: 4px;}
}

@media screen and (max-width: 375px){
.card-product .card-product-info .mrp { display: none;}
.priceLeft .old-price { font-size: 11px !important; }
.card-product .card-product-info .price { font-size: 13px;}
.priceRight .off-price { font-size: 10px !important;}
.prodLising .card-product{ width: 100%; margin-right: 0;}



.text-caption-1 { font-size: 10px; }
}
@media screen and (max-width: 360px){
.card-product .card-product-info{ grid-template-rows: 60px 1fr; display: inherit}

.prodColor{ width: 18px; height: 18px;}
.variant-picker-values{gap: 4px;}
.prodListColor span{ font-size: 12px;}

.text-caption-1{ font-size: 12px;}
.prodLising .row .col-md-4{ padding-left: 5px; padding-right: 5px;}

}
@media screen and (max-width: 359px){
    /*.prodLising .row .col-md-4{ width: 100%;}*/

    .priceLeft .old-price { font-size: 9px !important; }
    .priceRight .off-price { font-size: 9px !important; }
    .card-product .card-product-info .price{font-size: 12px;}

    .tf-product-info-rate .list-star i{font-size: 11px;}
    .tf-product-info-rate .text.text-caption-1{ font-size: 11px;}
}
/*PRODUCT LISTING END*/

/*COMPARE PRODUCTS*/
.compareProducts{font-size: 14px;}
.tf-compare-field { padding: 8px 10px;}
/*COMPARE PRODUCTS END*/

/*PRODUCT DETAILS*/
@media screen and (max-width: 1080px){
    .prod-main-image{    height: 468px;}

    .sinBanLeftCt{ height: 238px;} 
    .sinBanRightCt{ height: 238px;} 
}



@media screen and (max-width: 991px){
    


    .zoom-modal-details .modal-content-details{ height: auto;}

    .sinBanLeftCt{ max-width: 400px; height: 200px; padding: 18px 16px;} 
    .sinBanRightCt{ max-width: 400px; height: 200px; padding: 18px 16px;} 

    .sinBanLeftCt span{ font-size: 18px;}
    .sinBanRightCt span{ font-size: 18px;}

    .sinBanLeftCt h2{font-size: 25px; line-height: 30px;}
    .sinBanRightCt h2{font-size: 25px; line-height: 30px;}

    .sinBanLeftCt p{font-size: 15px; line-height: 19px;}

    .singleDiscripBoxInn .sdbImg{    width: 380px;}
}

@media screen and (max-width: 850px){
    .zoom-modal-details .zoomed-img{
        /*max-width: 450px;
        max-height: 450px;*/
    }

    .sinBanLeftCt{ max-width: 400px; height: 170px; padding: 18px 16px;} 
    .sinBanRightCt{ max-width: 400px; height: 170px; padding: 18px 16px;} 

    .sinBanLeftCt span{ font-size: 17px;}
    .sinBanRightCt span{ font-size: 17px;}

    .sinBanLeftCt h2{font-size: 22px; line-height: 24px;}
    .sinBanRightCt h2{font-size: 22px; line-height: 24px;}

    .sinBanLeftCt p{font-size: 14px; line-height: 16px;}
}

@media screen and (max-width: 779px){
    .navigation-img-wrapper{ display: none;}
    .prodGallery .owl-dots{ margin-top: 10px;}
}
@media screen and (max-width: 767px){
    .dtalsHdDesktop{ display: none!important;}
    .dtalsHdMobile{ display: block!important;}

    .dtalsHdMobile .sub {
    display: flex;
    align-items: center;
    gap: 10px 16px;
    flex-wrap: wrap;
    position: relative;
}
.dtalsHdMobile .sub .btn-icon-action {
    font-size: 24px;
    border-radius: 100%;
    padding: 4px;
    background: #f1f1f1;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 91;
}

    .share-wrapper{
        position: absolute;
        right: 0;
        top: 0;
    }
    .share-options{
        left:inherit;
        right: 0;
        transform: none;
    }
    
    .prodReview h2{ font-size: 27px;}
    a.writeReviewBtn{padding: 9px 12px;}






    .tf-product-info-list .tf-product-info-name > .sub{ position: relative;}
    .zoom-modal-details .modal-content-details{/*min-height: 446px;*/}

    .navigator{    width: 41px;}
    .navigator img{ display: none;}
}

@media screen and (max-width: 750px){
.sinBanLeftCt{ max-width: 350px; height: 150px; padding: 18px 14px; left: 20px;} 
.sinBanRightCt{ max-width: 350px; height: 150px; padding: 18px 14px; left: 20px;} 

.sinBanLeftCt span{ font-size: 15px;}
.sinBanRightCt span{ font-size: 15px;}

.sinBanLeftCt h2{font-size: 18px; line-height: 21px;}
.sinBanRightCt h2{font-size: 18px; line-height: 21px;}

.sinBanLeftCt p{font-size: 13px; line-height: 14px;}

.singleDiscripBoxInn{ display: block;}
.singleDiscripBoxInn .sdbImg{ margin-bottom: 20px; width: 100%;}
.singleDiscripBoxInn .sdbContent h2{
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 8px;
}
}

@media screen and (max-width: 620px){
.prodReview h2{text-align: left !important;}

.singleBannerLeftContent{ display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.singleBannerRightContent{ display: flex; flex-wrap: wrap; flex-direction: column-reverse;}

.sinBanLeftCt{ max-width: 100%; height: auto; position: initial; padding: 15px 14px; left: 20px;} 
.sinBanRightCt{ max-width: 100%; height: auto;   position: initial; padding: 15px 14px; left: 20px;} 

.sinBanLeftCt span{ font-size: 15px; margin-bottom: 5px;}
.sinBanRightCt span{ font-size: 15px; margin-bottom: 5px;}

.sinBanLeftCt h2{font-size: 18px; line-height: 21px; margin-bottom: 8px;}
.sinBanRightCt h2{font-size: 18px; line-height: 21px; margin-bottom: 8px;}

.sinBanLeftCt p{font-size: 13px; line-height: 19px; padding-bottom: 5px;}

.threeContent h2{font-size: 20px; margin-bottom: 11px;}

.contentOnly h4{ font-size: 16px;}

.cartInner ul{ padding-bottom: 100px;}
#scroll-top:hover{ background: #fff!important;}

.footer{padding-bottom: 0;}
.footer .footer-col-block .tf-collapse-content{ padding: 0 9px;}
.noticeFooter p{font-size: 14px; line-height: 20px;}  
.footer .footer-col-block .tf-collapse-content{ padding-bottom: 10px;} 

.modal-search .icon-close-popup{ display: none;}
.searchSuggest{border-top-right-radius: 0; border-top-left-radius: 0; margin-top: -5px; border-top: 0;}

}

@media screen and (max-width: 480px){
.singleDiscripBoxInn .sdbImg img{ width: 100%;}

.flat-animate-tab{font-size: 14px;}

.card-product .product-img{ height: 242px;}

.prodGallery{ padding-top: 10px;}
.product-gallery .item {
    height: 338px;
}

.clickZoomText{ 
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 25px;
    height: 26px;
    line-height: 22px;
    font-size: 15px;
    width: 200px;
    margin: 0 auto;
    text-transform: capitalize;
}

.zoom-modal-details .close-btn{
    background: #000000;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    padding: 8px;
    line-height: 10px;
}
.zoom-modal-details .modal-content-details {
    height: 100%;
    border-radius: 0;
}
.modal-content-details .zoom{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}



  
.features{    margin-bottom: 6px;}
.zoom-modal-details button{ width: 44px; height: 44px;}
.cartInner ul{ padding-bottom: 100px;}
.cartSummeryFix{ z-index: 999;

position: fixed;
width: 100%;
bottom: 0;
}

.space-60.productDetails{  padding-top: 7px !important;}
.features span{ font-size: 12px; line-height: 14px;}
.features span:after{height: 13px;}
    
.prodGallery .owl-dot{padding: 4px 10px;}    


.product-gallery .item img{ height: auto;}

.dtalsHdMobile h1{ margin-bottom: 6px;}


 
.title-small{ text-align: left;}
.cartNoCostEmi{display: block;}

a.writeReviewBtn { font-size: 15px;}
.btn-style-4{ padding: 12px 22px;}

.sidecart{ }


.productDetails .tf-product-info-list .tf-product-info-heading{ margin-bottom: 0;}
.prodListColor{padding: 7px 0;}
.productDetails .prodColor{ width: 27px; height: 27px; }

.reply-comment .reply-comment-item .image{ padding: 6px 6px;}

.productDetails .container{ 
    /*padding-left: 10px; padding-right: 10px;*/
}
.productDetails .container .space-60 .container{ padding: 0;}

.offerCover{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%;

    scrollbar-width: none;
    -ms-overflow-style: none
}
.offerCover::-webkit-scrollbar{ display: none;}



.offerCover .offerSingle{
    display: inline-block;
    margin-left: 5px;
}


.title-3{ 
    font-size: 15px;
    line-height: 18px;
}
.shopBox{ 
    /*gap: 12px;
    position: fixed;
    width: 100%;
    padding:8px 14px 10px 14px;
    left: 0;
    bottom: 0;
    z-index: 70;
    box-shadow: 0px 5px 18px 5px rgba(64, 72, 87, 0.15);
    background-color: var(--white);*/

}
.shopBox .tf-product-info-price{
    gap: 1px;
    position: fixed;
    width: 100%;
    padding:8px 14px 10px 14px;
    left: 0;
    bottom: 57px;
    z-index: 70;
    box-shadow: 0px 5px 18px 5px rgba(64, 72, 87, 0.15);
    background-color: var(--white);

    justify-content: center;
}
.shopBox .prodButtons.mobileOnly{
    gap: 12px;
    position: fixed;
    width: 100%;
    padding:8px 14px 10px 14px;
    left: 0;
    bottom: 0;
    z-index: 70;
    background-color: var(--white);
}
.prodButtons .buyNowBtn{ width: 50%; padding: 10px 10px;}
.prodButtons .text-btn-uppercase{ font-size: 13px;}
.shopBox h5{font-size: 19px;}
.shopBox .compare-at-price{ font-size: 16px;}

.footer-menu-list li a{ font-size: 13px;}
}
@media screen and (max-width: 360px){
    .techSpecification table td{ padding: .5rem .3rem;}
    .flat-animate-tab{font-size: 14px;}
    .tf-product-info-price{ font-size: 11px; flex-wrap: wrap;}
    .inclusive { display: block;}

}
@media screen and (max-width: 359px){
    .prodReview h2{ font-size: 22px;}
    a.writeReviewBtn{padding: 9px 8px;}


    .techSpecification table td{ padding: .5rem .2rem;}
    .flat-animate-tab{font-size: 13px;}

}
.dtalsHdMobile .sub .wishlist.btn-icon-action{
    right: 38px;
}
/*PRODUCT DETAILS END*/

/*OFFER*/
@media screen and (max-width: 1050px){
    .prodLising .col-md-3 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}
@media screen and (max-width: 767px){
    .prodLising .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media screen and (max-width: 480px){
    .prodLising .col-md-3 {
        padding-left: 3px;
        padding-right: 3px;
    }
    .card-product .card-product-info{ min-height: 152px;}
    .prodListBtn{ bottom: -2px;}
}

@media screen and (max-width: 375px){
.prodListBtn a{
    width: 34px;
    height: 34px;
}
}
@media screen and (max-width: 359px){
    .card-product .card-product-info {
        min-height: 140px;
    }
    .prodListBtn {
        bottom: -6px;
    }
}

/*OFFER END*/


/*CART*/
.cart-comman .cartitmsInn{
    background: #f6f6f6;
    padding: 10px;
    border-radius: 5px;
}
/*CART END*/


/*CHECKOUT*/
@media screen and (max-width: 1260px){
    .inputGroup label{ padding: 12px 11px;}
    .payoption .inputGroup{width: 37.3%;}
}
@media screen and (max-width: 1060px){
    .payoption .inputGroup{width: 40%;}

.offerTile{ font-size: 14px;}
.total-order span{font-size: 16px;}
.box-order .total-order span small{font-size: 12px;}
.offerTile{line-height: 19px; display: block;}
.cartOfferCoupon{padding: 7px 10px 10px 44px;}
.text-button{font-size: 14px;}
.couponCodBox{ font-size: 11px;}
}
@media screen and (max-width: 991px){
    .payBtn{ text-align: center!important; line-height: 12px;   height: 78px; 
        background-position: center 82%;}

    .payoption{ flex-wrap: wrap;}
    .payoption .inputGroup{ width: 47%;}

    .chkprodReview .cartImg{
        width: 125px;
        height: 125px !important;
    } 
}
@media screen and (max-width: 785px){
    .chkprodReview .cartImg{
        width: 118px;
        height: 118px !important;
    } 
    
}
@media screen and (max-width: 767px){
   

    .chkprodReview .odsImg{width: 19%;}
    .checkoutPage{ padding-bottom: 60px;}
    .addTypeTitle{font-size: 13px;}

    .fl-sidebar-cart{ display: none;}
    .payoption{max-width: 92%; padding: 0 4%;}
    .priceDetailsMobile{ display: block;}
    .mobilePayment{ 
         display: none;

         position: fixed;
         top: 0;
         left: 0;
         background: #f1f1f1;
         width: 100%;
         height: 100%;
         z-index: 999;
         overflow-y: scroll;
        }
        .mobilePayment .chkContent{ padding: 5px 15px 25px 15px;}
        .mobilePayment .priceDetsilsChk{ padding-left: 0; padding-right: 0;}
        .mobilePayment .chkTitle { display: none;}
        .back-arrow{ 
            display: inline-block;
            margin: 6px 0 0 2px;
        }

        .hideChkDesktop.chkFixBottom, .chkFixBottom{ position: fixed; bottom: 0; left: 0; z-index: 99; background: #fff; width: 100%;
            padding: 8px 16px; display: flex!important; justify-content: space-between !important;
            align-items: center;
            box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1);
        }
        .chkFixBottom small{ display: block;}

    .login-box { width: 320px;}

    
    .orderSummary .nav-link{ padding:10px 10px;}
    .orderSummary .nav-link.chkprodReview{
        padding: 10px 15px;
    }
    
    .odsImg{ width: 25%;}
    .odsTxt { width: 74%; padding: 0 10px;}

    .chkContent{padding: 10px 5px;}

    .checkoutPage .col-md-4{width: 310px; margin: 0 auto;}

    .billing-addr-box{ 
        padding-right: 1px;
        margin: 0 auto;
        padding-left: 1px;
    }
    .gst-box{ 
        padding-right: 1px;
        margin: 0 auto;
        padding-left: 1px;
    }

    .hideChkMobile{ display: none!important;}
    .hideChkDesktop{ display: block!important;}

    

}

@media screen and (max-width: 480px){
    .chkTitle .chkleft strong{font-size: 16px;}
    .chkTitle .chkright{
        padding: 3px 11px;
        font-size: 14px;
    }

    .orderSummary .cartImg{ margin-right: 6px;}
    .orderSummary .cartImg{ height: auto;}
    .cart-info > strong{ display: block; padding-right: 10px;}

    .checkoutPage .col-md-4{ width: 100%;}

    .box-order .subtotal, .box-order .discount, .box-order .ship{ margin-bottom: 0;}
    .box-order .title{margin-bottom: 7px !important;}

    .chkBoxCover .addrBtns .tf-btn {  padding: 8px 16px; }

    .payoption{padding: 0 2%;}
    .payoption .inputGroup label { padding: 12px 14px;}
    .back-arrow img{width: 26px;}

}
@media screen and (max-width: 414px){
    .payBtn{height: 64px;}
    .payuBtn{background-size: auto 30px;}
    .ccavenueBtn{background-size: auto 22px;}
}
@media screen and (max-width: 375px){
    .outOfStock a{font-size: 13px;}

    .thkIcon{ width: 50px; height: 50px;}

    .chkTitle .chkleft strong{font-size: 17px;}
    .edit-chk-btn{right: 7px; }
    .buyerName span{ font-size: 12px;}
    .box-single .box-single-inn .checkbox-tile{}
    .add-new-addr .tf-btn, .add-new-addr button{ font-weight: 500;}

    .inputGroup label{ font-size: 14px;}
    .payuBtn{ background-size: auto 26px!important;}
    .ccavenueBtn{ background-size: auto 19px!important;}
    .login-box { width: 100%; }
    .chkContent{padding: 18px 7px;}

    .cart-info > strong{ font-size: 13px; line-height: 13px; padding-right: 10px;}
    .cartOffer{ font-size: 13px;}
    .orderSummary .price-on-sale{font-size: 15px;}

    .add-new-addr .tf-btn, .add-new-addr button{ padding: 12px 10px; font-size: 13px; line-height: 14px;}

    .payoption{ margin: 10px auto;}
    .inputGroup label{padding: 12px 10px;}
    .payBtn{background-size: auto 22px;}
    .inputGroup label:after{width: 24px; height: 24px;}
}
@media screen and (max-width: 360px){
    .payBtn{height: 60px;}
}
/*CHECKOUT END*/

/*BREADCRUMB*/
@media all and (max-width: 991px) {
ul.breadcrumbs{gap: 3px;}
ul.breadcrumbs li{font-size: 9px; line-height: 16px;}
.breadcrumbs li a.text-caption-1{font-size: 10px; line-height: 16px;}
ul.breadcrumbs i {font-size: 9px;}
}
/*BREADCRUMB END*/

/*THANKS*/
@media all and (max-width: 991px) {
.chkContent{padding: 12px 10px;}
.orderSummary li .col-3.odsImg{ width: 28%;}
.orderSummary li .col-9.odsImg{ width: 72%;}

.orderSummary .cartImg {
    width: 118px;
    height: 118px !important;
}

.seoTable .sm-data td:last-child{width: 70px;}

}
@media screen and (max-width: 785px){
    .thanksmbox{ width: 92%;}
}
@media all and (max-width: 768px) {
.orderSummary li .col-3.odsImg{ width: 21%;}
.orderSummary li .col-9.odsTxt{ width: 79%;}
}
@media all and (max-width: 650px) {
.orderSummary li .col-3.odsImg{ width: 24%;}
.orderSummary li .col-9.odsTxt{ width: 76%;}
}
@media all and (max-width: 560px) {
.orderSummary li .col-3.odsImg{ width: 30%;}
.orderSummary li .col-9.odsTxt{ width: 70%;}
}
@media all and (max-width: 480px) {
.orderSummary li .col-3.odsImg{ width: 34%;}
.orderSummary li .col-9.odsTxt{ width: 66%;}

.thanksPage .row{ padding-left: 0; padding-right: 0;}
.thanksmbox {
    width: 100%;
}
.my-account-content .cartImg, .orderSummary .cartImg {
    width: 111px;
    height: 111px !important;
}
    
.thnkSumBox{ width: 100%; float: none;}
.odd{padding: 10px 12px;}
.odd span{ font-size: 13px;}

.thkBtns a{ font-size: 12px; padding: 8px 12px;}
.gap-20.thkBtns{ gap: 10px;}
}

@media all and (max-width: 410px) {
    .odd{ display: block;}
}
@media all and (max-width: 374px) {
    .thkBtns a{letter-spacing: .3px;}
}
@media all and (max-width: 359px) {
    
    .thkBtns a{letter-spacing: .2px; font-size: 11px; padding: 8px 9px;}
}
/*THANKS END*/

/*MY ACCOUNT ADDRESS*/
@media all and (max-width: 480px) {
.myAccAddr .myAccAddrTitle{ padding: 10px 15px 18px 15px;}
.vacdicon { height: 27px;}
.meditAddr{ padding: 3px 10px;}
.mdeleteAddr{ padding: 3px 10px;}

.myAddReviedbox .item .image a{ width: 120px;}
.myAddReviedbox .item .image{ height: 122px;}
.myAddReviedbox .item .description span{
    font-size: 14px;
    line-height: 18px;
}
}
/*MY ACCOUNT ADDRESS END*/

/*MY ACCOUNT REVIEW*/
.myProdReviewItem .my-img-box{ width: 138px;}
.my-review-info .mr-title{ font-size: 14px; line-height: 18px;}
.my-review-info .mt-2.mb-2{ margin: 2px 0 5px 0 !important;}
.maReview{    font-size: 14px;}
/*MY ACCOUNT REVIEW END*/

/*MY ACCOUNT ORDER*/
@media all and (max-width: 1199px) {
.macctable-table li{  padding: 12px 14px;}
.header-default .mobileLogo{ flex: 1;}
.logo-header img { width: 118px;}
}


@media all and (max-width: 991px) {
.maccOdrSingle{ display: flex; flex-wrap: wrap;}
.maccOdrSingle .col-md-3 { flex: 0 0 auto; width: 25%;}
.myAccPages .maccOdrSingle .col-md-9 { flex: 0 0 auto;  width: 75%;}






.myAccPages .col-md-3{ width: auto;}   
.myAccPages .col-md-9{ width: 100%;}    
.btn-sidebar-account{top: 86px;}
.sidebar-myaccount{ display: none;}
.myAccPages{ width: 100%; padding-top: 10px !important;}
.closeSidebar{ display: block; position: absolute; right: 10px; top:10px;}
.closeSidebar img{ width: 16px; }
.my-account-content{padding-top: 34px;}
}


@media screen and (max-width: 785px){
 
    .my-account-content .cartImg, .orderSummary .cartImg{
        width: 111px;
        height: 111px !important;
    } 
    
    
}

@media all and (max-width: 767px) {
    

    .orderSummary .odsImg {
       
    }

    .my-account-content .cartImg, .orderSummary .cartImg{
        height: 148px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .my-account-content .cartImg img, .orderSummary .cartImg img{
        /*height: 94%;
        margin: 4px;*/
    }

    .myAccPages .maccOdrSingle .col-md-9 { width: 70%; flex: 1;}

    .macctable-table .table-header {
        display: none;
   }
    .macctable-table li {
        display: block;
   }
    .macctable-table .col {
        flex-basis: 100%;
   }
    .macctable-table .col {
        display: flex;
        padding: 6px 0;
        width: 100%;
        font-weight: 600;
   }
   .macctable-table li{ padding: 12px 10px;}
   .macctable-table .col:nth-child( odd ){ background:#e7e7e7; }
    .macctable-table .col:before {
        color: #6c7a89;
        padding-right: 16px;
        content: attr(data-label);
        flex-basis: 30%;
        text-align: left;
        font-weight: normal;
        padding-left: 10px;
   }
}
@media all and (max-width: 625px) {
    .orderSummary .nav-link {
        padding: 8px 2px;
    }
    .odsImg { width: 35%; max-width: 140px;}

    .odsTxt { width: 65%;}
    .maccOdrSingle .odsImg { width: 35%; }
    .maccOdrSingle .cartImg{ height: 114px;}

    a.vierodDetails{ width: 32px; height: 32px;}
    .my-account-content .cartImg, 
    .orderSummary .cartImg{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .chkprodReviewInn{}
    .chkprodReview .odsImg{width: 35%;}
    .chkprodReview .odsImg .cartImg{ height: 114px;}
    .chkprodReview .odsTxt{width: 70%; flex: 1;}
    

}
@media all and (max-width: 480px) {
    .my-account-content .cartImg, .orderSummary .cartImg{
        width: 118px;
        height: 118px !important;
    } 

    .chkprodReview .cartImg{
        width: 120px;
        height: 120px !important;
    }
    .my-account-content .cartImg, .orderSummary .cartImg {
        height: 124px;
    }  
}
@media all and (max-width: 390px) {
    .tf-product-info-price .price-on-sale{font-size: 15px;}
    .my-account-content .cartImg, .orderSummary .cartImg{
        width: 110px;
        height: 110px !important;
    }

    .chkprodReview .cartImg{
        width: 110px;
        height: 110px !important;
    }
}
@media all and (max-width: 375px) {
    .maccOdrSingle .odsImg { width: 40%; }
    .maccOdrSingle .cartImg{ height: 122px;}

    .odsTxt { width: 54%;}
}
@media all and (max-width: 375px) {
.macctable-table .col{ font-size: 14px;}
}
@media all and (max-width: 360px) {
.my-account-content .cartImg, .orderSummary .cartImg{
    width: 95px;
    height: 95px !important;
} 

.chkprodReview .cartImg{
    width: 100px;
    height: 100px !important;
}
}
/*MY ACCOUNT ORDER END*/

/*WISHLIST*/
.sidebar-account .my-account-nav .my-account-nav-item{ font-size: 15px; }
.sidebar-account .my-account-nav .my-account-nav-item svg{width: 19px; margin-right: 8px;}
/*WISHLIST END*/