/*  laptop media css start  */
@media screen and ( max-width:1024px) {

 
    
    /*Header*/
    .header-menu{ border: none;}
    .header-menu > ul > li:first-child > a, .header-menu > ul > li:first-child > span{width: 100%;}
    .header{flex-direction: row !important;}

    /*Navbar*/
    .header-menu > ul > li:first-child > a{font-size: 14px !important;}

    /*header-bottom*/
    .haeder-bottom .custom-lg{width: 30% !important; margin-bottom: 10px;}

    /*Login-page*/
    .html-login-page .master-column-wrapper{max-width: 1200px; width: 100%;}

    /* footer css start */
    .footer{  }
    .footer-upper{ }
    .subscribe-to-newsletter{ max-width:980px; padding: 45px 15px; margin: 0 auto; }    
    .footer-lower{ padding: 0 25px;margin: 20px 0px; }
    .footer-upper .footer-block h3, .footer-lower .footer-block h3{ text-align: left; }
    .bottom{ width:100%; }
    .images-boxes{ justify-content: center; }
    .images-boxes .images-box.only-box{ justify-content: center; }

    /* secondary-banner css start */
    .secondary-banner .content-wrapper{ padding:25px; }
    .page-body .secondary-banner .content-wrapper .heading h5{ font-size: 45px; }

    /* homepage-blog-block css start */
    .content-wrapper .homepage-blog-block{ padding: 10px 0 50px 0; }
    .content-wrapper .homepage-blog-block .title h2{ font-size: 45px; }

    /* homepage-blog-block css start */
    .page-body .homepage-blog-block .blog-item .blog-title{  font-size: 20px; }

    /*Hot Category*/
    .hot-tub-category .category-description h2{font-size: 24px !important;}


    .search-results .item-grid .item-box{  }


    /* helpful section css start */
    #ZoneTypePicture .pdf-boxes{ width: 31%;}





    

}

/*  1300px medium laptop media css start  */
@media screen and (max-width: 1300px) {
    
    /*Header*/
    .header { padding: 10px 15px; }

    /* .header .header-right { flex: 0 0 70%;align-items: center;display: flex;} */
    /* .header .header-midle{ display: none; } */

    /* .header .logo {max-width: 55px;}
    .header .swim-img {max-width: 140px;} */


    /* blog-posts css start */
    .blog-page.blog-listing{ padding: 30px 15px 0 15px; }  


}

/*  small laptop media css start  */
@media screen and (max-width: 1200px) {

    /*Header*/
    /* .header .header-midle{display: none;} */
    .header{justify-content: center;}

    .header .logo {max-width: 55px;}
    /* .header .swim-img {max-width: 140px;} */
    .header .swim-img {max-width: 226px;}
    .header .header-midle img{max-height: 115px;margin-top:  auto;}

    .haeder-bottom{ max-width:1100px; }

    .nav-bar .header-menu { flex-wrap: wrap;align-items: center;width: 100%;max-width: 1200px; }

    .haeder-bottom .custom-row{ flex-wrap: wrap; }

    /*Category Page*/
    .html-category-page .master-column-wrapper{margin: 10px !important; width: auto;}

    .category-page .category-grid .item-box{width: 24%;clear: none;margin-left: 0;margin-right: 1%;}

    .html-category-page .product-box{border: none;max-height: unset;height: auto;}


    /*Hot Category*/
    .Hot-category .master-column-wrapper{margin: 0 !important;}
   
    /* footer css start */
    .footer-upper .newsletter{ padding:0 15px; }
    .intrest-list li { width:33.33%; padding-left: 25px;  margin: 10px auto; }
    .intrest-list li input{ margin-left: -25px; } 


    .search-results .item-grid {  }
    .search-results .item-grid .item-box{  }



    .cart-footer{ padding:0px }
    .cart-footer .cart-collaterals{width: 70%;}
    .cart-footer .deals{width: 48%;background-color: transparent;border:none }
    .cart-footer .deals:last-child{margin-lefT: 20px;}


    .shopping-cart-page{ padding:0 15px; }


    .doc-grid .doc-item{ width: 23%;  }

    .blog-listing .homepage-blog-block .blog-list .blog-item{ width: 33.33%;flex: 0 0 33.33%; }
    
    .homepage-blog-block .blog-list .blog-item { width: 33.33%;flex: 0 0 33.33%; }


    /* blog-posts css start */
    .blog-listing .blog-posts .post{ max-width: 50%; }


    .product-variant-line{ display: flex;flex-wrap: wrap; }



    /* accor-div css start */
    .productTabs-body > div{ display: none;margin: 10px auto 0px auto; }
    .productTabs-body .accor-div.show{ background-color: #0390d2; }
    .productTabs-body .accor-div{ display: block;margin:0px auto 0px auto;overflow: hidden; }
    .accor-div{ width:100%;display: block;padding:0px;margin:0px auto 0px auto;border: 1px solid #ccc;background-color: #124ea6; }
    .accor-div span{ padding:10px;display: inline-block;font-size: 17px;color: #fff;float:left; }
    .accor-div span.fa{ float: right;margin: 0 auto;width: 42px;height: 42px; transition: 0.2s;display: flex;justify-content: center;align-items: center; }
    .accor-div.show .arrow-icon{ transform: rotate(180deg); }

    .header-right .search-box ul.ui-menu{ max-width:100%;}


    /* ----------FORM_RESPONSIVE_CSS---------- */

    .custom-modal-box{width: 1000px;}
    .inner-dimensions > p{margin: 0;}
    .inner-dimensions{row-gap: 5px;}
    .right-dimension-img .inner-dimensions input{padding-left: 7px;}
    .inner-dimensions input[type="text"]{width: 100% !important;}
    .inner-dimensions label{width: 100% !important;text-align: left !important;}
    .right-dimension-img .inner-dimensions label{width: auto !important;}
    .right-img-below-flex-dimension{row-gap: 5px;}
    .right-img-below-inner-dimension input[type="text"]{width: max-content !important;}
}

@media  screen and ( max-width:1100px){
    .header .swim-img img{height: 89px;object-fit: fill;}
    .sq-wrapper ul li{width: 48% !important;flex: 0 0 auto !important;}
    .sq-box{width: 100% !important;}
}

/*  large tablet media css start  */
@media  screen and ( max-width:1000px ) {

    /*Header*/
    .header{justify-content: center;}
    .header .header-logo .swim-img{display: none;}

    body  .header-menu>ul>li{max-width:100% !important}
    body  .header-menu>ul>li a { border-top: 1px solid #124EA6 !important;}
    

    .header-menu > ul > li > a, 
    .header-menu > ul > li,
    .header-menu > ul > li:hover > a, 
    .header-menu > ul > li:hover  { background: #0a4396; }
    .header-menu > ul > li:hover a{color: #fff;background: #0a4396;border-bottom: 1px solid #124ea6 !important;}
    .header-menu .sublist li a{ color: #fff;border: 1px solid #124ea6; }
    .header-menu > ul .plus-button.close{ background: url(../img/responsive-plus.png) center no-repeat;background-color: #0a4396;border: 1px solid #124ea6; }
    .header-menu > ul .plus-button.close:before{ content:"";height: 20px;width: 100%;position: absolute;top: 0px; background-color: #0a4396; }
    .header-menu > ul .plus-button.close:after{ content:"";height: 20px;width: 100%;position: absolute;bottom: 0px; background-color: #0a4396; }
    .header-menu .sublist-wrap.active{ background-color: #124ea6;border-top: 1px solid #124ea6 !important;}

     /*Login Page*/
     .login-page .customer-blocks{flex-direction: column-reverse;}
     .login-page .returning-wrapper{padding-right: 0 !important; border-right: none !important;}
     .login-page .customer-blocks{align-items: center;}
     .login-page .returning-wrapper{width: 100%;}
     .login-page .new-wrapper{width: 100%;}

     /*forget password*/
     .password-recovery-page .inputs input[type="email"]{width: 100%;}

     /*Category Page*/
     .home-page-category-grid .category-block {flex: 0 0 100%; width: 100%;}

    /* .category-page .category-grid .item-box:first-child{ margin-left:0px; }
    .category-page .category-grid .item-box:nth-child(5n){ margin-left:0px; } */

      /* footer css start */
    .subscribe-to-newsletter form .input-block { flex-wrap: wrap; }
    .footer .subscribe-to-newsletter form .form-group{ width:50%; }
    .footer .subscribe-to-newsletter form .form-group:last-child{ width:100%; }

    .form-group-box .choose-block{ flex-wrap: wrap; }
    .form-group-box .choose-block select{ width:100%;  height: 45px; font-size: 17px; }
    .subscribe-to-newsletter{ max-width:800px; }    
    .form-group-box .choose-wrap{ margin: 5px auto; }
    .form-group-box .choose-block p{ margin: 10px auto;    text-align: center; }
    .intrest-list{  padding: 0 10px;  }
    .intrest-list li { width: 50%; }
    .images-boxes .images-box.only-box{  width: 10%; }
    .images-boxes .images-box.only-box img{ width: 90%;top: 50%;bottom: 0%;left: 50%;right: 0px;transform: translate(-50%, -50%); }


    /* secondary-banner css start */
    .page-body .secondary-banner .content-wrapper .heading h5{ font-size: 35px; }
    .homepage-blog-block .blog-item .read-more a{   text-align: center;  }


    .category-banner-section .category-banner-image:first-child { margin-bottom: 25px; }
    .home-page-category-grid .category-block {flex: 0 0 100%;width: 100%;margin-bottom: 25px;}


    .home-page-category-grid .category-item .picture img{ width:100%; }
    .home-page-category-grid .category-item .title{  bottom: 30px;}


    .search-results .item-grid .item-box{ width: 33.33%; }


    .manufacturer-list-page .page-title{ padding: 0 15px; }
    .manufacturer-grid .item-grid .item-box{width: 32%;margin: 1% 0 0 1%;}


    /* helpful section css start */
    #ZoneTypePicture .pdf-boxes{width: 33%;}
    

    .blog-page{ padding-left:15px;padding-right:15px; }

    .search-results .PDF-grid-wrapper {  padding: 0px;  }

    .search-results .PDF-grid-wrapper .PDF-grid .PDF-box{ width: 33.33%; }


       /* ----------FORM_RESPONSIVE_CSS---------- */

    .custom-modal-box{width: 800px;}
    .right-img-below-checkbox .bl-img-check input{padding-left: 0px !important;}
    .right-img-below-checkbox .bl-img-check{width: 90% !important;}
    
}

@media screen and (max-width:992px){

    .mob-logo{display: block;}
    .header .logo{display: none;}

   

    .header .logo { max-width: 100%; }
    .header .logo img{ display:none;}
    .header .logo .responsive-logo{
        display: block;
        width: 100%;
        max-width: 175px;
        object-fit: cover;
        margin: auto;
        width: auto;
    }
    .header .swim-img {display: none;}

    .contact-info {  margin: 0 auto; }

    .category-banner-section {padding-bottom:0;}
    .haeder-bottom{width: 100%;}

    .header .header-left { width: 40%;}
    .header .header-right { flex: initial; width: 60%;}
    .header .header-midle{ display: none; }
    .header .search-box .row1 { width: 100%;justify-content: center; }
    .header .search-box .row1 .header-line{ width:100%; }
    .header-links ul { width: 100%;justify-content: space-between;}
    .header-links li { position: relative; }
    .header-links .cart-qty{ top: -6px;right: 0px;width: auto;}
    .store-search-box form{ width:100%; }
    

    /*Gallery Image*/
    .gallery-page .gallery-overview a img{width: auto;} 

    /*Product Page*/
    .html-product-details-page.product-page .gallery.sevenspikes-cloudzoom-gallery{width: 100%;}
    .html-product-details-page.product-page .overview{width: 100%;}
    .html-product-details-page.product-page .overdetails{width: 100%;}

    .homepage-blog-block .blog-item .image img{ height:auto; }

    .category-page .category-grid .item-box{width: 32%;}


    .checkout-page .edit-address{ max-width: 100%; }
    .checkout-page .edit-address .inputs{display: flex;width: 100%;margin:17px auto; }
    .checkout-page .edit-address .inputs input,
    .checkout-page .edit-address .inputs select{ width:100%; } 


    .cart-footer .cart-collaterals{width: 50%;}
    .cart-footer .deals{width: 100%; }
    .cart-footer .deals:last-child{margin-lefT: auto;}

    .cart-footer .totals { width: 50%;margin-top: 20px; }



    .variant-overview .variant-description,
    .variant-overview .variant-name,
    .variant-overview .availability { text-align: left;margin:0px auto 10px auto }
    .variant-overview .variant-description{ margin-bottom:10px; }
    .product-variant-list{ max-width: 100%;padding:0px 10px;border:1px solid #ccc}  
    .product-variant-list .attributes{ max-width:100%;width:100%; }
    .product-variant-list .left-column,
    .product-variant-list .right-column{width:100%;flex: 0 0 100%;padding:0px;margin:0px;display: flex;flex-wrap: wrap;}
    .product-variant-list .right-column .prices{width: 50%;}
    .product-variant-list .right-column .add-to-cart{width: 50%;}


    .doc-grid .item-grid{ margin:0 auto; }
    .doc-grid .doc-item{ width: 30%;  }
    
    .Broucher-page .inputs-right .inputs.reversed input{ width: 30px !important; }

    .homepage-blog-block .blog-list .blog-item { width: 50%;flex: 0 0 50%; }
    

    .page.blog-page .side-2 .listbox{ width:100%;margin:0 auto;display: block !important; }

    .html-blog-page .side-2 .block { width:100%; }
    .html-blog-page .side-2 .block .title{background-image: url('../img/block-pointer.png') !important;}
    .html-blog-page .side-2 .listbox{ width:100%;margin:0 auto;display: block !important; }
    .html-blog-page .side-2 .listbox .list li{ text-align: left; } 


    .icon-wrapper-swim .all-swim li { width: 32%; }


    .gallery-overview{margin-top: 15px;display: grid;gap: 10px;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));grid-template-rows: masonry;}
    .gallery-overview a{display: grid;gap: 10px;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));grid-template-rows: masonry;justify-content: center;align-items: center;justify-items: stretch;}


    /* ----------FORM_RESPONSIVE_CSS---------- */

    .pdf-f>.pdf-row>.col-lg-6{width: 50% !important;flex: 0 0 auto !important;}
    .custom-modal-box{width: 770px !important;}

    .show-spa-popupp  .sq-wrapper ul li{width: 70% !important;}
    .show-spa-popupp .co-color-list ul li{width: 27% !important;}
    .show-spa-popupp .co-color-img img{height: 40px;object-fit: cover;}
    .replacement-form-main-wrapper .replacement-form-1 .replacement-pdf-content .pdf-content-row .col-lg-6{width: 50% !important;}

    .first-item .colorTick.topleft{left: 10px !important;top: 20px !important;}
    .first-item .colorTick.topright{left: 53% !important;top: 21px !important;}
    .first-item .colorTick.bottomleft{left: 10px !important;bottom: 24px !important;}
    .first-item .colorTick.bottomright{left: 54% !important;bottom: 13% !important;}


    .second-item .colorTick.topleft{left: 15px !important;top: 20px !important;}
    .second-item .colorTick.topright{left: 51% !important;top: 22px !important;}
    .second-item .colorTick.bottomleft{left: 31px !important;bottom: 30px !important;}
    .second-item .colorTick.bottomright{left: 55% !important;bottom: 16% !important;}


    .third-item .colorTick.topleft{left: 28px !important;top: 23px !important;}
    .third-item .colorTick.topright{left: 55% !important;top: 21px !important;}
    .third-item .colorTick.bottomleft{left: 31px !important;bottom: 30px !important;}
    .third-item .colorTick.bottomright{left: 55% !important;bottom: 16% !important;}


    .fourth-item .colorTick.topleft{left: 13px !important;top: 18px !important;}
    .fourth-item .colorTick.topright{left: 53% !important;top: 19px !important;}
    .fourth-item .colorTick.bottomleft{left: 10px !important;bottom: 23px !important;}
    .fourth-item .colorTick.bottomright{left: 53% !important;bottom: 13% !important;}
    .menu-title.close span{ font-size: 0; display: block; width: 40px; }
}

@media  screen and (max-width:860px){
    .replacment-images-section .two-images-section .images-sec-row{display: block;}
    .replacment-images-section .two-images-section .images-sec-row .col-md-5,
    .replacment-images-section .two-images-section .images-sec-row .col-md-7{width: 100% !important;max-width: 100%;}
    .left-dimension-img .inner-dimensions{flex-wrap: nowrap;}
    .left-dimension-img .inner-dimensions label{width: 70px!important;}
    .left-dimension-img .inner-dimensions input[type="text"]{width: 100% !important;}
    .btm-delivery-field p{margin: 0 !important;}
    .btm-text-field{flex-wrap: nowrap !important;}
    .content-btm-text p{margin: 0 !important;}
    .right-img-below-inner-dimension{flex-wrap: nowrap !important;}
    .right-img-below-inner-dimension label{text-align: left !important;}
    .right-img-below-inner-dimension input[type="text"]{width: 100% !important;}
    .right-img-below-flex-dimension .dm-flex{width: 100% !important;}
    .replacment-images-section .two-images-section .images-sec-row > .col-md-7::before{display: none !important;}
}

/* tablet media css start  */
@media  screen and ( max-width:770px ) {

    .blog-list-wrap.product-post-wrapper .blog-image{
        max-width: 100%;
        width: 100%;
    }

    /*Header*/
    .search-box input.search-box-text{  border: 2px solid #0a4396; padding: 0 20px; width: 415px; height: 40px; border-radius: 20px; margin-top: 10px;}
    .header .swim-img img{display: none;}
    /* 
    .header .header-left{width: 20% !important;}
    .header .header-right{flex:  0 0 75% !important;} 
    */
    .header{ flex-wrap: wrap; }
    .header .logo{ max-width:100%;width:100%; }
    .header .header-left{width: 100%;}
    .header .header-right{ width: 100%;flex: 0 0 100%;padding-top: 0px; }
    .search-box .search-box-button{display: none;}

    .search-box form { width: 100%; }
    .search-box input.search-box-text{ width: 100%; }


    
    .header .search-box .row1 { display: flex;width: 100%;justify-content: center;}
    .header-line{ width: 100%; }
    .header-links li { flex-wrap: wrap; }
    .header-links ul { display: flex;justify-content: space-evenly; }    

    


    .mobile-header .custom-colum .box { display: flex;align-items: center;justify-content: center; }
    .mobile-header .custom-colum .box a{ padding-top:0px; }
    .mobile-header .mob-menu-icon .fa{ font-size: 25px; }


    .mobile-header .custom-colum .box.logo { background-size: 100%;background-position: center;}

    .mobile-search input { width: 90%; }


    /*Registration Page*/
    .registration-page{width: 100%; margin: 0 auto;}

    /*Header Bottom*/
    .haeder-bottom .custom-row{ flex-wrap: wrap; }
    .haeder-bottom .custom-lg{ width: 33.333333% !important;padding: 5px; }

    /*Contact Us*/
    .contact-page .inputs{width: 100%;}
    .contact-page .reversed{width: 95%;}
    .contact-page .reversed{margin-top: 15px; margin-bottom: 15px;}
    .contact-page .button-1{width: 100%;}
    .contact-page .contact-box{width: 100%; margin-bottom: 10px;}

    /*Product Detail page*/
    .html-product-details-page #ZoneTypePicture{justify-content: center !important; flex-direction: column;}

    .html-product-details-page .ui-tabs .custom-tab div { /* width:100%; */ /* display: block; */ }
    .html-product-details-page .ui-tabs  h3,
    .html-product-details-page .ui-tabs  h2,
    .html-product-details-page .ui-tabs  p,
    .html-product-details-page .ui-tabs  li{ text-align: left; }
    .html-product-details-page .ui-tabs .custom-tab div.liner-row{ margin-top: 30px; }
    .html-product-details-page .ui-tabs .custom-tab div.liner-row .liner{ display: inline-block;width: auto; }

    .html-product-details-page .ui-tabs .custom-tab .jst-ref-div p{margin: 0;}
    .btm-text-field{    justify-content: left;align-items: center;}
    .content-btm-text{    margin-top: 40px !important;}

    .html-product-details-page .ui-tabs .custom-tab  .water-care-box{ width: 100% !important; }
    .html-product-details-page .ui-tabs .custom-tab  .water-care-box p{ text-align: left; }


    .home-page-category-grid .category-item .title{ bottom: 5%; } 
    .home-page-category-grid .category-item .picture img{ width: 100%; }  
    .home-page-category-grid .category-feature-products { margin: 0px auto; }
    .product-item {padding: 0 10px;}


    .home-page-category-grid .item-grid{ margin:0 auto; }
    .home-page-category-grid .category-block { padding: 0 0 0 0; }

    .category-page .category-grid .item-box{width: 49%;}



    
    /* .search-results .item-grid .item-box{width: 49%;margin: 2% 1% 0 0;}
    .search-results .item-grid .item-box:nth-child(2n){ margin-right: 0px; }
    .search-results .item-grid .item-box:nth-child(3n){ margin-left: 0;}
    .search-results .item-grid .item-box:nth-child(5n){ margin-left: 1%; } */

    .search-results .item-grid .item-box{ width: 50%; }

    .search-results .PDF-grid-wrapper .PDF-grid .PDF-box{ width: 50%; }



    .manufacturer-grid .item-grid .item-box{width: 47%;clear: initial;float: left;margin: 0 0 20px 2%;}
    


    /* footer css start */
   .subscribe-to-newsletter form .input-block{ flex-wrap: wrap; }
   .intrest-list li { width: 100%; }

    /* secondary-banner css start */
    .page-body .secondary-banner{ padding:10px; }
    .secondary-banner .content-wrapper{display: flex;flex-direction: column-reverse; }
    .secondary-banner .content-wrapper > div{ width:100%;    margin: 15px auto; }

    /*Broucher Page*/
    .Broucher-page .inputs-right{width: 100%;}
    .Broucher-page .inputs-left{width: 100%;}
    .Broucher-page .reversed input{width: auto !important;}
    .Broucher-page input[type="checkbox"]{height: 30px !important;}

    /*Expert Advice*/
    .Advice-page .inputs-left{width: 100%;}
    .Advice-page .inputs-right{width: 100%;}

    /*Topic Page*/  
    .page.topic-page .page-title h1{font-size: 25px;}
    .page.topic-page .support-links{flex-direction: column; align-items: center;}
    .block-list-page .page-title h1{font-size: 25px;}
    .html-account-page .side-2{display: none !important;}
    .page.sitemap-page .pager ul{flex-direction: column;}


    /* homepage-blog-block css start */
    .page-body .homepage-blog-block .blog-list .blog-item{ padding-top: 25px;} 
    .page-body .homepage-blog-block .blog-list .blog-item{ width:50%;flex: 0 0 50%;  }
    .page-body .homepage-blog-block .blog-item .blog-title { font-size: 17px; }

    .page-body .content-wrapper .homepage-blog-block .title h2 { font-size: 30px; }
    .page-body .homepage-blog-block .title p{ font-size: 20px; }


    

    /*Hot Category*/
    .hot-tub-category .hot-content .custom-row .custom-lg{width: 50%; margin-bottom: 25px;}
    .hot-tub-category .categry-descrpt p{font-size: 18px;}
    .hot-tub-category .categry-descrpt h1{font-size: 40px;}
    .hot-tub-category .categry-descrpt h1:after{width: 17px; height: 3px;}

    .hot-tub-category .bottom-content .custom-lg{width: 100%; margin-bottom: 25px;}
    .hot-tub-category .bottom-content .custom-row{justify-content: center;}
    .hot-tub-category .full-description .category-description .description-contnt .description{width: 100%;}


    /*Hot product*/
    .hot-tub-category .hottub-container .product-box{width: 48%;}
    
    
    
    .hot-tub-category .sub-category-grid .item-box{width: 30% !important;}
    
    .hot-tub-category .hot-filter input{width: 22%;}


    .hot-tub-category .search-results .product-item { min-height: 700px; }
    
    .search-results .product-item { padding: 20px 5px; }
    .search-results .product-box .title a{ font-size: 14px; }

    .search-results .item-grid .item-box:nth-child(5n) { margin-left: 0; }

    
    .header-right .search-box ul.ui-menu{ max-width:100%;top: 75px !important; }


    /* cart css page */
    .cart-footer .deals input,
    .cart-footer .deals button{ height:40px; }


    /* multiselect-dropdown css start */
    .hot-filter .hot-search .form-group{ display: flex; }
    .multiselect-dropdown{width: 30%;}


    /* doc-grid css start */
    .doc-grid .doc-item{width: 50%;}


    .cart-footer .deals .request-img { width: 100%;height: auto;max-height: unset;max-width: 280px; }
    .cart-footer .deals > div{ text-align: left; }
    .cart-footer{ padding:0px;max-width: 100%;width: 100%; }
    .cart-footer .cart-collaterals{width: 100%;}
    .cart-footer .deals{width: 100%; }
    .cart-footer .deals:last-child{margin-lefT: auto;}
    .cart-footer .coupon-code{ max-width: 100%; }  

    .cart-footer .cart-total td:first-child{width: 30%;text-align: left;}

    .cart-footer .totals { width: 100%;padding: 0 10px; }

    .blog-listing .homepage-blog-block .blog-list .blog-item{ width: 48%;flex: 0 0 48%; }


    /* helpful section css start */
    #ZoneTypePicture .pdf-boxes{width: 50%;display: inline-block;}

    
    .product-variant-line .variant-picture{ width: 30%; }
    .product-variant-line .variant-overview{ width: 70%; }  



    .icon-wrapper-swim .all-swim li { width: 50%; }


    .login-page .inputs input[type="email"],
    .login-page .inputs input[type="password"]{ width:100% !important;max-width: 100% !important; }
    .login-page .customer-blocks{ padding: 10px 20px; }


    /* ----------FORM_RESPONSIVE_CSS---------- */

    .spa-form-wrapper .pdf-f .pdf-box-col,
    .spa-form-wrapper .pdf-f .pdf-box{width: 100% !important;max-width: 100%;padding-right: 0px !important;padding-left: 0px !important;}
    .edx-img{display: flex !important;justify-content: center;align-items: center;}
    .edx-img img{width: 50% !important;}
    .row .col-md-6{width: 100% !important;max-width: 100%;}
    .row{margin: 0 !important;}
    .col-md-12{padding: 0 !important;}
    .pdf-f .form-group.tb-group label{border-right: none !important;}
    .pdf-section .mr-pr-0 .ths-field{border-left: 1px solid #979699 !important;}
    .normal-btn-wrapper{margin-bottom: 15px;}
    .emp-wrap .row{display: flex !important;align-items: center;}
    .emp-wrap p{margin: 0px !important;}
    .pdf-f .ed-box .form-group{border-right: none !important;border-left: none !important;}
    .spe-label{line-height: 50px;}
    .spe-info{border-left: none !important;}
    .html-product-details-page .ui-tabs .custom-tab p{font-size: 16px;text-align: left;}
    .bdr-rgh-remove{border-right: none !important;}
    .mpp-label{border-right: none !important;}
    .mpx-wrap .mpx-box{border-right: none !important;}
    .mpx-wrap .mpx-box p{margin: 0 !important;}
    .edx-info{width: 21% !important;}
    .edx-box .edx-info{text-shadow: none;}
    .productTabs .custom-tab h2{font-size: 16px;}
    .pdf-f .form-group.tb-group label{height: 40px;font-size: 14px;}
    .ed-box h3{font-size: 16px;}
    .custom-modal-box{width: 600px !important;}
    .custom-modal-wrapper.show-pop .edx-img img{width:100% !important;}
    .custom-modal-wrapper.show-pop .edx-box .edx-info{top: 70px;}
    .btm-flex{row-gap: 8px;width: 100% !important;text-align: left !important;margin-bottom: 10px;}
    .content-btm-text p{font-size: 14px !important;}
    .inner-second-img-row{margin-top: 25px !important;}
    .right-img-below-checkbox .bl-img-check{text-align: left !important;}
    .replacment-last-section .rep-last-wrap ul.rep-last-list{justify-content: flex-start !important;}
    .replacment-last-section .rep-last-wrap ul.rep-last-list li{width: 33.33%;flex: 0 0 auto;}
    .cust-below-checkbox{text-align: left !important;}
    .replacment-last-section .rep-last-wrap ul.rep-last-list li .rep-li-div{padding: 0 8px !important;}
    .replacement-form-main-wrapper .replacement-form-1 .replacement-pdf-content .pdf-content-row .col-lg-6{width: 100% !important;}
    .content-field-box{width: 100% !important;}
    .edx-row{justify-content: center !important;}
    .edx-img img{width: 100% !important;}
    .edx-box .edx-info{top: 70px !important;}





    .inner-first-row,
    .inner-second-img-row{flex-flow: unset !important;}
    .form-2-content-field span{text-align: left;}
    .content-btm-text{padding: 15px 0;}
    .btm-delivery-field{width: 100% !important;justify-content: flex-start !important;}
    .new-cust-field .fst-col{padding: 0px;padding-right: 15px !important;}
    .new-cust-field .scd-col{padding: 0px;padding-left: 15px !important;}

    .blog-list-wrap.product-post-wrapper .blog-image{flex: 0 0 100% !important; max-width: 100% !important;width: 100% !important;}
    .blog-list-wrap.product-post-wrapper .blog-inner{flex-wrap: wrap;}

}
@media screen and (max-width:767px){
    .new-cust-field .fst-col{padding: 0px !important;}
    .new-cust-field .scd-col{padding: 0px !important;}

    .costomer-info-card{
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    .costomer-info-card .fi-group{
        width: auto;
        flex: 0 0 49%;
    }
}

@media screen and (max-width:650px) {

     /* ----------FORM_RESPONSIVE_CSS---------- */

     .row.inner-second-img-row .col-lg-6{width: 100%;flex-direction: column;}
     .right-img-below-flex-dimension .dm-flex{width: 50% !important;}
     .right-img-below-inner-dimension input[type="text"]{width: 50%;}
     .row.inner-second-img-row{display: block;width: 100% !important;}
     .replacment-last-section .rep-last-wrap ul.rep-last-list{flex-wrap: wrap;justify-content: left;}
     .det-check{row-gap: 10px;}
     .replacement-pdf-content .content-btm-text{margin-top: 0px !important;}
     .inner-second-img-row .col-md-6{padding: 7.5px 0px !important;}
     .right-img-below-flex-dimension{flex-wrap: nowrap !important;}
     .spe-info ul{flex-wrap: wrap !important;gap: 25px;}

}

/*  mobile media css start  */
@media screen and (max-width:560px) {

    .header-links li { flex-wrap: wrap;justify-content: center;position: relative; }
    .header-links li span{ width: 100%; }

    .header-links li{ width: 25%; } 
    /* .header-links li span:nth-child(2){ display: none; } */
    .header-links .cart-qty{ right:10%; }
    .header-links li a{  flex-wrap: wrap;width:100%; }  
    .header-links li span{width:100%;text-align: center;} 
    .header-links li span:nth-child(2){display: block;margin: 5px auto 0px auto;text-align: center;}
    .header-links li span:nth-child(2) a{width: 100%;display: block;text-align: center;}
    .header-links li span:nth-child(2) br{ display: none; }


    /* multiselect-dropdown css start */
    .multiselect-dropdown{width: 30%;margin: 0 auto;}

    

    .product-details-page .ui-tabs .full-description { overflow: auto; }


    .product-variant-list .right-column .prices{width: 100%; text-align: left;margin-bottom: 20px; }
    .product-variant-list .right-column .add-to-cart{width: 100%;}

    .Broucher-page .inputs-left { width: 100%;margin: 0px;padding: 0 0px; }

    .hot-tub-category .sub-category-grid .item-box{ width: 50% !important }
    .hot-tub-category .sub-category-grid .item-box .picture img{ margin:0 auto !important }

    /* helpful section css start */
    #ZoneTypePicture .pdf-boxes{ width: 100%;margin: 0% 0% 0 0%;}


    .homepage-blog-block .blog-list .blog-item { width: 100%;flex: 0 0 100%; }

    /* blog-posts css start */
    .blog-listing .blog-posts .post{ max-width: 100%; }



    .page-body .homepage-blog-block .blog-list .blog-item{ width:100%;flex: 0 0 100%;  }

    .banner-img img{ display: none; }
    .banner-img .mobile-responsive-logo{ display: block; }
    

    .home-page-category-grid .category-block > div{ display: none; }
    .home-page-category-grid .category-block > .category-item,
    .home-page-category-grid .category-block .category-banner-section{ display: block; }


    .icon-wrapper-swim .all-swim li { width: 100%; }


    .header-right .search-box ul.ui-menu{ top: 90px !important; }


    .custom-top-ribbon .ribbon-heading p{font-size: 14px;padding-bottom:0px !important;}
    .custom-top-ribbon .ribbon-text p{font-size: 13px;}


    /* ----------FORM_RESPONSIVE_CSS---------- */

    .edx-img img{width: 100% !important;}
    .edx-row{justify-content: center !important;}
    .edx-box{width: 350px !important;}
    .co-color-list ul li{width: 31% !important;}
    .custom-modal-box{width: 500px !important;}
    .custom-modal-wrapper.show-pop .edx-box{width: 204px !important;}
    .custom-modal-wrapper.show-pop .edx-img img{width: 100% !important;}
    .custom-modal-wrapper.show-pop .edx-info {width: 50% !important;}



    .inner-first-row{display: block !important;}
    .inner-first-row .col-md-5,
    .inner-first-row .col-md-7{width: 100%; flex: 0 0 auto;}
    .inner-dimensions input[type="text"]{width: 100% !important;}
    .replacment-last-section .rep-last-wrap ul.rep-last-list{flex-wrap: wrap !important;row-gap: 30px !important;}
    .form-2-content-field{flex-wrap: wrap !important;row-gap: 7px !important;}
    .form-2-content-field span{margin-left: 38px;}
    .form-2-content-fields-wrapper{row-gap: 20px !important;}
    .btm-delivery-field{width: 100% !important;}
    .btm-flex{width: 100%;}
    .replacment-images-section .two-images-section .images-sec-row .col-md-5 .inner-first-row .col-md-5,
    .replacment-images-section .two-images-section .images-sec-row .col-md-5 .inner-first-row.col-md-7{padding: 7.5px 15px !important;}
    .form-2-content-field{flex-wrap: nowrap !important;}
    .custom-modal-wrapper.show-pop .form-2-content-field span{width: -webkit-fill-available !important;}
    .form-list{display: block !important;}
    .form-list .col-md-6{width: 100% !important;}
    .linear-flex-field label{text-align: left !important;}
    .right-img{row-gap: 40px;}
    .costomer-info-card .fi-group{
        width: auto;
        flex: 0 0 100%;
    }

}

/*  mobile media css start  */
@media screen and (max-width:480px) {
    .blog-inner{flex-wrap: wrap;}
    .blog-image { flex: 0 0 100%; max-width: 100%; flex-direction: row !important; }

    
    
    /*Header*/
    /* .header{display: none;} */
    .header-menu{width: 100%;}
    /* .mobile-header{display: block;} */
    .mobile-search form{height: 40px;padding: 0 2px; }
    .haeder-bottom .content p{font-size: 8px;}
    .haeder-bottom .content h4{font-size: 10px;}

    .header-links li span:nth-child(2),
    .header-links li span:nth-child(2) a{ font-size: 10px; }

    
    
    .header-links li span:first-child{ width: 100%;display: flex;align-content: center;justify-content: center; }
    .header-links li span:last-child{flex-wrap: wrap;align-content: center;justify-content: center;display: none;}
    .header-links li span:last-child a{ text-align: center; }
    .header-links li span a br{ display: none; }
    #topcartlink span:nth-child(2){ display: none; }
    #topcartlink .cart-qty{ display: block; }

    .mobile-header .mob-menu-text { margin-top: 10px; }

    /* .header-links li a{ width:100%; }
    .header-links li  span img{ width:100%; } */

    /* .header-right .search-box form{ display: none; }

    .mobile-header{ display: block; }
    .mobile-header .custom-row{ display: none; } */


    /*Forget Passsword*/
    .password-recovery-page .page-title h1{font-size: 25px !important;}

    /*Category Page*/
    .html-category-page .item-box{width: 100%;}
    .category-description strong{font-size: 13px;}

    .product-grid .item-box { width: 48%;float: left;margin: 4px auto;}
    /* .product-grid .item-box:nth-child(2n){ margin-right:0px; } */


    .product-box .title a { font-size: 15px; }
    .product-box .picture a{ display: block; }
    .product-box .picture img{ min-height: auto; }

    .home-page-category-grid .category-item .picture a{ display: block; }

    .homepage-blog-block .blog-item .read-more a {padding: 3px 8px;margin: 10px 0 0;font-size: 13px;}


    .content-wrapper{ max-width: 1200px;width: 100%; }

    .hot-tub-category .sub-category-grid .item-box{ width: 100% !important }


    .product-box .title .manufacturer{ margin-bottom: 20px; }
    .home-page-category-grid .title, .product-grid .title{ padding:10px 0px; }
    .search-page.custom-search-page .product-box .title{  max-height: 65px;  }

    
    .category-page .category-grid .item-box{ width:100%;max-width: 100%;}
    .category-page .category-grid .item-box:nth-child(2n){ margin-left:0%; }
    /*.category-page .category-grid .item-box:nth-child(3n){ margin-left:2%; }*/


    .category-page .item-box .picture a:before { padding-top: 100%;}


    /* footer css start */
    .intrest-list li { width: 100%; }

    .subscribe-to-newsletter .newsletter { margin: 25px auto 0 auto; }
    .subscribe-to-newsletter .newsletter .title{ font-size: 30px; }
    .subscribe-to-newsletter .newsletter .sub-title{ font-size: 17px; }
    .form-group-box .choose-block select{ margin:5px 0px; }
    .footer .subscribe-to-newsletter form .form-group{ width:100%;padding:5px 0px; }

    .footer .footer-social-links{ justify-content: center;margin: 20px auto 30px auto; }

    .footer-upper .footer-block h3:before, 
    .footer-lower .footer-block h3:before{ left: 12px;bottom: -20%;transform: translate(-50%,-50%); }


    .images-boxes{ flex-wrap: wrap; }
    .images-boxes .images-box{ width: 33.33%; }

    .subscribe-to-newsletter #mc_embed_signup .button.btn-newsletter{ width: 100%; text-align: center;justify-content: center; }

    .images-boxes .images-box.only-box{  width: 20%; }

    .footer-bottom .footer-block:first-child{ width:100%; }
    .footer-bottom .footer-block:last-child{ width: 100%; }

    .footer-block { width: 100%;margin: 10px auto 20px auto; }

    .footer-upper .footer-menu, .footer-lower .footer-menu { margin-top: 25px; }

    .bottom .footer-block .images-boxes { flex-wrap: wrap;padding: 15px;}



    .homepage-blog-block .blog-item .category a{ font-size: 12px; }
    .page-body .homepage-blog-block .blog-item .blog-title {     font-size: 14px; }
    .homepage-blog-block .blog-item .blog-date{ font-size: 12px; }
    .homepage-blog-block .blog-item .category a:before { margin-top: 17px;margin-left: 1px; }


    .page-body .homepage-blog-block .blog-list .blog-item { width: 100%;flex: 0 0 100%; }

    



    


    /*Broucher Page*/
    .Broucher-page .page-title h1{font-size: 21px;}
    .Broucher-page .topic-block-title h2{font-size: 18px;}
    .Broucher-page .brochure-title{font-size: 14px;}


    /*Topic*/
    div.support-docs div{float: none; padding: 0; width: 100%;}
    .page.account-page .page-title h1{font-size: 17px !important;}


    /*Hot Category*/
    .hot-tub-category .hot-filter input{width: 80%; margin-bottom: 15px; margin-left: 0;}
    .hot-tub-category .hot-content .custom-row .custom-lg{width: 100%;}
    .hot-tub-category .sub-category-grid .item-box{width: 100% !important;}
    .hot-tub-category .product-container .product-box{width: 100%;}
    .hot-tub-category .category-description h2{font-size: 18px !important;}
    .hot-tub-category .category-description p{font-size: 15px;}
    .hot-tub-category .categry-descrpt h1{font-size: 30px;}
    .hot-tub-category .bottom-content .boxes .box-text p{font-size: 15px;}
    .hot-tub-category .categry-descrpt p{font-size: 15px;}
    .hot-tub-category .hot-banner .page-title h1{font-size: 35px !important;}
    .hot-tub-category .full-description .heading h1{font-size: 25px; line-height: 25px;}


    .html-category-page .page-title { margin: 20px auto 20px auto; }
    .html-category-page .page-title h1{ font-size: 25px; }
    .html-category-page .item-box { width: 48%; margin: 0 auto 2% 2%;float: left;}

    .category-page .category-grid .item-box .sub-category-item { padding: 15px 15px; }


    .html-category-page .product-box .title, .product-details-page .product-box .title { margin: 0px auto 10px auto;}


    /* multiselect-dropdown css start */
    .hot-filter .hot-search .form-group{ display: block; }
    .multiselect-dropdown{width: 100%;margin: 7px auto;}


    .blog-listing .homepage-blog-block .blog-list .blog-item{ width: 100%;flex: 0 0 100%; }



    .manufacturer-list-page { padding: 0 15px; }
    .manufacturer-list-page .page-title{ padding: 40px 15px 0 15px; }
    .manufacturer-grid .item-grid .item-box{width: 100%;max-width: 100%;float: unset;margin: 15px auto;}


    .product-variant-line .variant-picture{ width: 100%; }
    .product-variant-line .variant-overview{ width: 100%; }  


    

    .search-results .PDF-grid-wrapper .PDF-grid .PDF-box{ width: 100%; }
    .header-right .search-box ul.ui-menu{ top: 90px !important; }

    .custom-top-ribbon{padding: 10px 0;}
    .custom-top-ribbon .ribbon-heading p{font-size: 13px;}
    .custom-top-ribbon .ribbon-text p{font-size: 12px;}




    /* ----------FORM_RESPONSIVE_CSS---------- */

    .edx-box .edx-info{top: 70px !important;}
    .checkform-border{display: flex !important;align-items: center;}
    .checkform-border label{text-align: left;}
    .co-color-list ul li{width: 47% !important;}


    .second-line-det{flex-wrap: wrap;row-gap: 10px;}
    .right-dimension-img .inner-dimensions{
        flex-wrap: wrap;
        row-gap: 5px;
    }
    .right-dimension-img .inner-dimensions p{margin: 0px;}
    .right-dimension-img .inner-dimensions input{padding-left: 5px !important;}
    .left-img, .right-img{display: block;}
    .right-img-below-flex-dimension{flex-wrap: wrap !important;}
    .right-img-below-flex-dimension .dm-flex{width: 100% !important;}
    .replacment-last-section .rep-last-wrap ul.rep-last-list li{width: 50% !important;}
    .replacment-form-2-header{margin-top: 50px;}
    /* .images-sec-row img{width: 80% !important;} */
    .left-img, .right-img{row-gap: 20px;}
    .form-2-content-field span{width: 100% !important;}
    .replacment-images-section .two-images-section .images-sec-row .col-md-5 .inner-first-row .col-md-5,
    .replacment-images-section .two-images-section .images-sec-row .col-md-5 .inner-first-row.col-md-7{padding: 25px 15px !important;}
    .custom-modal-box{width: 430px !important;}
    .custom-modal-wrapper.show-pop .custom-header .c-title{font-size: 18px;}
    .edx-img img{width: 70% !important;}
    .form-list .col-md-6{padding: 0px !important;}
    .right-side-checkboxes{margin-bottom: 25px;}
    .self-res-check .colorTick{height: 12px !important;width: 12px !important;}

    .images-sec-row img{
        height: 100%;
        width: 188px !important;
        object-fit: contain;
        max-width: 100% !important;
    }

    .first-item .colorTick.bottomleft{left: 10px !important;bottom: 20px !important;}
    .second-item .colorTick.bottomleft{left: 10px !important;bottom: 23px !important;}
    .third-item .colorTick.bottomleft{left: 25px !important;bottom: 24px !important;}
    .form-2-bottom-signature .signature-title{padding: 0px 20px !important;padding-top: 15px !important;}
    .form-2-bottom-signature .signature-box{width: 90% !important;}

    /* .first-item .colorTick.topleft{left: 10px !important;top: 20px !important;}
    .first-item .colorTick.topright{left: 53% !important;top: 21px !important;}
    .first-item .colorTick.bottomleft{left: 10px !important;bottom: 24px !important;}
    .first-item .colorTick.bottomright{left: 54% !important;bottom: 13% !important;}


    .second-item .colorTick.topleft{left: 15px !important;top: 20px !important;}
    .second-item .colorTick.topright{left: 51% !important;top: 22px !important;}
    .second-item .colorTick.bottomleft{left: 31px !important;bottom: 30px !important;}
    .second-item .colorTick.bottomright{left: 55% !important;bottom: 16% !important;}


    .third-item .colorTick.topleft{left: 28px !important;top: 23px !important;}
    .third-item .colorTick.topright{left: 55% !important;top: 21px !important;}
    .third-item .colorTick.bottomleft{left: 31px !important;bottom: 30px !important;}
    .third-item .colorTick.bottomright{left: 55% !important;bottom: 16% !important;}


    .fourth-item .colorTick.topleft{left: 13px !important;top: 18px !important;}
    .fourth-item .colorTick.topright{left: 53% !important;top: 19px !important;}
    .fourth-item .colorTick.bottomleft{left: 10px !important;bottom: 23px !important;}
    .fourth-item .colorTick.bottomright{left: 53% !important;bottom: 13% !important;} */
    
}
/*  mobile media css start  */
@media screen and (max-width:472px) {
    .header-right .search-box ul.ui-menu{ top: 73px !important; }


    /* ----------FORM_RESPONSIVE_CSS---------- */

    .sq-wrapper ul li{width: 100% !important;flex: 0 0 auto !important;}
    .sq-info p{text-align: center !important;}
    .dropdownCorner{margin-left: 0px !important;}
    .step-hlp-text{margin-left: 0px !important;}
}

/*  mobile media css start  */
@media screen and (max-width:430px) {


    .header-links .cart-qty { top: -15px; }

    .haeder-bottom .custom-lg { width: 50% !important; } 

    .footer-upper .footer-block h3:before, .footer-lower .footer-block h3:before { left: 0;transform: translate(0%,-50%); }



    .html-category-page .item-box { width: 100%;max-width: 100%;margin: 20px auto 20px auto;float: unset;}
    .html-category-page .item-box a img{ width: 100%; }
    .html-category-page .item-box a:before{ padding-top: 100%; }

    .search-results .item-grid .item-box{ margin:10px auto; }
    .search-results .item-grid .item-box:nth-child(4n){ margin-right: auto; }

    .product-grid .item-box{width:100%;margin: 10px auto;}
    /* .product-grid .item-box:nth-child(2n){padding: 0px 10px;margin: 10px auto;} */
    .product-box .picture img{ margin: 0 auto !important; }


    /* .category-page .item-box .picture a:before { padding-top: 60%; } */
    .category-page .product-box .picture img { min-height: auto;width: auto;height: auto;max-height: initial;}

    .category-page .product-box .title a{ height:auto; }

    /* doc-grid css start */
    .doc-grid .doc-item{width: 100%;margin: 0 0 3% 0;}
    

    .search-results .item-grid .item-box{ width:100%; }
    .search-results .item-grid .item-box{ width: 100%;    max-width: 100%; }



    /* ----------FORM_RESPONSIVE_CSS---------- */

    .html-product-details-page .ui-tabs .custom-tab p{font-size: 14px;}
    /* .images-sec-row img{width: 60% !important;} */
    .custom-modal-box{width: 380px !important;}

}

/*  small mobile media css start  */
@media screen and (max-width:375px) {

    /*Registration Page*/
    .registration-page .page-title h1{font-size: 32px;}
    .registration-page .page-tittle h1{font-size: 20px;}


    /* ----------FORM_RESPONSIVE_CSS---------- */

    .edx-info label{margin-top: 5px;}
    .edx-info{width: 32% !important;}
    .co-color-list ul li{width: 45% !important;}
    .custom-modal-box{width: 340px !important;}
}

/*  extra small mobile media css start  */
@media screen and (max-width:320px) {
    .footer-menu li.phone.foo-line span{font-size: 12px;}
    .hot-tub-category .categry-descrpt h1{font-size: 24px;}

      /* ----------FORM_RESPONSIVE_CSS---------- */

    .edx-box .edx-info{top: 50px !important;}
    .co-color-list ul li{width: 100% !important;}
    
}

@media screen and (max-height:800px) {
    .pp-popup-wrapper{align-items: baseline;}
}