/* ===========================================
   CSS CUSTOM PROPERTIES (ROOT VARIABLES)
   =========================================== */

:root {
    --color-primary: #232323;
    --primary-color: #232323;
    --secondary-color: #2c3e50;
    --accent-color: #e74c3c;
    --background-color: #f8fafc;
    --border-color: #e1e8ed;
    --text-primary: #2c3e50;
    --text-secondary: #657786;
    --shadow-light: 0 2px 8px rgba(0,0,0,0.1);
    --shadow-medium: 0 4px 16px rgba(0,0,0,0.12);
    --border-radius: 12px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*{padding: 0; margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body, html{font-family: 'Rubik', sans-serif; font-size:17px; line-height: 27px; font-weight: 300; color:#525e66; background:#ffffff;}

/*body { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}*/

a{color:var(--color-primary);}

a:hover{color:#525e66;}

a, a:hover, a:focus, a:active, button, input[type="submit"]{text-decoration:none; outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

img{max-width: 100%; box-sizing: border-box;}

        .section-spacer {
            text-align: center;
            margin: 3rem 0rem;
            opacity: 0.3;
        }

        .section-spacer img {
            max-height: 7px;
            max-width: 100%;
            display: block;
            margin: 0 auto;

        }


.h1, h1 { font-size: 1rem;  }

.btn:focus{box-shadow:none;}

.d-flex{display: flex;}

.al-center{align-items: center;}

.container-fluid{width: 100%;  max-width: 1200px; justify-content: center; padding: 0 35px; margin: 0 auto;}

.ptb-100{padding: 30px 0;}

.pr-50{padding-right: 50px;}

.pl-50{padding-left: 50px;}

.pr-25{padding-right: 25px;}

.pl-25{padding-left: 25px;}

.pt-20{padding-top: 20px;}

.bg-gray{background-color: #363436;}

.center{text-align: center;}

.center2{text-align: center;display:block;}

.gapartwork {padding-bottom:1em;}

.left{text-align: left;padding-left: 0;}

.button-minus {width:45px;background-color: var(--color-primary);color:white;height:45px;border:none;}

.quantity-field {width:111px;text-align: center;height:45px; border: 0.5px solid var(--color-primary);}

.button-plus {width:45px;background-color: var(--color-primary);color:white;height:45px;border:none; margin-bottom: 20px; margin-right: 20px;}

.input-group .center {display: block}

.orange{color: #FDB913;}

.btgrid{width:90%;margin-left:auto;margin-right:auto;}

.line {width:70%;margin-left:auto;margin-right:auto;padding-top:30px;}

.border {border:1px black solid; padding: 20px; }

.tableheading {background-color: ; padding: 10px; color:white; font-weight: 600;}

.bold {font-weight: 600;}

.totprice{border:var(--color-primary) solid 1px;padding:10px;width:200px;}

.grid{ background-color: #525e66; padding: 30px; column-count: 7; column-rule-style:solid;column-rule-width: 1px;column-rule-color: white;}

.grid li a{ list-style: none; color:white; font-weight:300;  }

.grid ol, ul {  }

.gridul {font-weight:500!important;text-transform: uppercase; line-height: 1.6; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: rgba(0, 173, 187, 0.46) !important;color:#000000;}

.header{background-color: #ffffff; position: relative;}

.header .top-bar{padding: 8px 0;}

.header .top-bar .top-bar-inner{display: flex; justify-content: flex-end;}

.top-bar-inner .zone{display:none;}

.top-bar-inner .zone a{display: flex; align-items: center; font-size: 18px; color: #525e66; line-height: 1; font-weight: 300;}

.top-bar-inner .zone a img{margin-right: 10px;}

.top-bar-inner .zone a .mediumfont{font-weight: 500;}

.top-bar-inner .zone a:hover{color: var(--color-primary);}

.top-bar-inner .zone{display: flex; flex-wrap: wrap; align-items: center;}

.top-bar-inner .zone a{padding: 0 5px;}

.top-bar-inner .zone a:last-child{padding-right: 0;}

.tagline{color: var(--color-primary);font-weight: 400;font-size: 24px;}

.header .header-center .header-center-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.header-center-inner .header-center-left{width: 35%; display: flex;align-items: center; flex-wrap: wrap; margin: 0 -15px;}

.header-center-inner .header-center-left .main-logo{width:426px; padding:25px; margin-right: 20px;}

.header-center-inner .header-center-left .main-logo > a{display:block; padding:0 0 20%; margin:0; position:relative;}

.header-center-inner .header-center-left .main-logo > a img{position:absolute; left:0; bottom:20px;  height:90%; object-fit:contain;}

.header-center-inner .header-center-left .logo-right-text{padding: 0 15px; max-width: 235px;}

.header-center-inner .header-center-left .logo-right-text p{font-size: 20px; font-weight: 300; color: var(--color-primary); line-height: 26px; margin:0;}

.header-center-inner .header-center-right{width: 55%; display: flex; flex-wrap: wrap; margin: 0 -15px; justify-content: flex-end;}

.header-center-inner .header-center-right {width:200px; padding-right:15px;justify-content: left}

.header-center-inner .header-center-right .header-center-right-box{border-left: solid 1px #9da6ab; padding: 18px 15px;}

.header-center-right .box-one{width: 227px;}

.header-center-right .box-two{width: 200px;}

.header-center-right-box .box-one-inner{height: 100%; display: flex; align-items: center;}

.box-one-inner .textstyle1{font-size: 20px; font-weight: 300; color: #525e66; line-height: 26px;}

.box-one-inner .callno a{font-size: 26px; font-weight: 500; color: #525e66;}

.box-one-inner .callno a:hover{color: var(--color-primary);}

.fast-img {width:250px;}

.bluetxt{color: var(--color-primary);}

.special-list ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}

.special-list ul li{width: 100%; padding-bottom: 8px;}

.special-list ul li:last-child{padding-bottom: 0;}

.special-list ul li a{font-size: 18px; font-weight: 300; color: #525e66; display: flex; align-items: center;}

.special-list ul li a:hover,

.special-list ul li.active a{color: var(--color-primary);}

.special-list ul li a img{padding-right: 15px;}

.special-list ul li a .hover-icn{opacity: 0; visibility: hidden; display: none;}

.special-list ul li a span{padding-left:5px;}

.front-icn,

.hover-icn{transition: all 0.3s ease-in-out;}

.special-list ul li a:hover .front-icn,

.special-list ul li.active a .front-icn{opacity: 0; visibility: hidden; display: none;}

.special-list ul li a:hover .hover-icn,

.special-list ul li.active a .hover-icn{opacity: 1; visibility: visible; display: inline-block;}

.header-center-right-box.box-three .live_help{background-color: #1d2c46; width: 160px; height: 80px; z-index: 999; color: #ffffff; border-radius: 80px 0 0 80px; cursor: pointer; display: flex; align-items: center; justify-content: center;}

.vertical-text {color: #ffffff;font-size: 18px;font-style: italic;font-weight: 500;height: 64px;transform: rotate(270deg);-webkit-transform: scale(1) rotate(270deg) translate(0px, 0px);width: 145px;outline: 0 none;}

.navbar-header{display: none;}

.search-bar{/*max-width: 270px;*/ margin-left: auto; padding-bottom: 8px;}

.search-bar .input-group .btn{padding: 0; border: none; margin-right: 10px; box-shadow:none;}

.search-bar .input-group>.form-control{border: 1px slategrey solid; padding:0 0 0 38px; font-size: 18px; font-weight: 300; color: #525e66; }

.search-bar .input-group{position: relative;/*right: 120px;padding: 5px;margin-top: -20px;*/}

.search-bar .input-group .btn{position:absolute; left:0; top:0; bottom:0; margin:auto; width:28px; height:27px; background:url(../images/search.png) center center no-repeat; font-size:0; z-index:3;}

.header-bottom .navbar{padding: 0;}

.navbar-inner{width: 100%; background-color: #525e66; border-top: 1px solid #525e66;}

.navbar-menu > ul{display: flex; justify-content: space-between; margin: 0; padding: 0 1px; list-style: none; position:relative; grid-column-gap:1px;}

.navbar-menu > ul:last-child{border-top: solid 1px #ffffff;}

.navbar-menu > ul > li{margin:0; padding:0; width:100%;}

.navbar-menu > ul > li > a{padding: 8px; font-size: 16px; font-weight: 300; color: #ffffff; line-height: 1; display:block; width: 100%; text-align: center;}

.navbar-menu > ul > li > a:hover{background-color: #ffffff; color: #525e66;}

.navbar-menu > ul > li.parent-nav > .sub-nav{position:absolute; left:0; right:0; top:120%; background:#fff; padding:25px 50px; opacity:0; visibility:hidden; z-index:11; transition:all 0.3s ease-in-out; border-bottom:solid 1px #9da6ab; display:none;}

.navbar-menu > ul > li.parent-nav:hover > .sub-nav{opacity:1; visibility:visible; top:100%; display:block;}

.navbar-menu > ul > li > .sub-nav h4{padding:0 0 8px; margin:0; color:var(--color-primary); font-size:18px; font-weight:500; font-style:italic; border-bottom:solid 1px #dde4e8;}

.navbar-menu > ul > li > .sub-nav > ul{display:flex; flex-wrap:wrap; grid-row-gap:13px; padding:11px 0 0; margin:0 -10px;}

.navbar-menu > ul > li > .sub-nav > ul > li{width:20%; list-style:none; padding:0 10px; margin:0;}

.navbar-menu > ul > li > .sub-nav > ul > li > a{display:flex; align-items:center; color:#525e66; font-size:14px; font-style:italic; font-weight:500; line-height:1.35; grid-column-gap:14px;}

.navbar-menu > ul > li > .sub-nav > ul > li > a img{border:solid 1px #dde4e8; width:72px; height:72px; object-fit:contain;}

.navbar-menu > ul > li > .sub-nav > ul > li > a:hover{color:var(--color-primary);}



.live_help{    background-color: rgb(76 133 231 / 43%);float:right;height:160px;position:fixed;width:80px;z-index:91;color:#ffffff;left:0px;top:90px;border-radius:  0 80px 80px 0;cursor:pointer; transition: all 0.3s ease-in-out;}

.live_help:hover{background-color:fafafa;}

.vertical-text{color:#ffffff;float:left;font-size:18px;font-style:unset;font-weight:500;height:160px;padding:20px 20px 0 30px;transform:rotate(270deg);-webkit-transform:scale(1) rotate(270deg) translate(0px, 0px);width:160px;outline:0 none; font-style: italic;}

.vertical-text:hover{color:#ffffff;}



#needhelpModal .modal-content{text-align:center;}

#needhelpModal .modal-header{justify-content:center; text-align:center; position:relative;}

#needhelpModal .modal-header .btn-close{margin:auto; height:36px; width:36px; position:absolute; right:0; top:0; bottom:0;}

#needhelpModal .modal-body p:last-child{margin:0; padding:0;}

#needhelpModal .modal-body span{display:block; width:40px; line-height:40px; background: rgba(82, 94, 102, 0.5); color:#fff; text-align:center; height:40px; margin:10px auto; font-weight:500; text-transform:uppercase; border-radius:100%;}

#needhelpModal .modal-body a{color:#fafaf;}

#needhelpModal .modal-body a:hover{color:#fafafa;}



section{width: 100%; float: left;}

.slider .slider-inner img{width: 100%;}

.slider .slick-dots{bottom: 7px;}

.slider .slick-dots li button{width: 6px; height: 6px; background-color: #ffffff; border-radius: 100px; opacity: 1;}

.slider .slick-dots li.slick-active button{background-color: #000000;}

.slider .slick-dots li button::before{display: none;}

.slider.slick-dotted.slick-slider{margin-bottom: 0;}



.category-main .category-inner{display: flex; flex-wrap: wrap; justify-content: center;}

.category-main .category-inner .category-box{width:16.666666667%; box-sizing: border-box; }

.category-main .category-inner .category-box .category-box-inner{position: relative;}

.category-main .category-inner .category-box .category-img{position:relative; padding:0 0 83%;}

.category-main .category-inner .category-box .category-img img{width: 100%; position:absolute; left:0; top:0; height:100%; object-fit:cover;}

.category-main .category-inner .category-box .category-link{position: absolute; left: 0; bottom: 0;}

.category-main .category-inner .category-box .full-link-box:hover .category-img img{opacity: 0.6;}

.category-main .category-inner .category-box .category-link a{background-color: #525e66; font-size: 16px; font-weight: 300; font-style: italic; color: #ffffff; width: 160px; padding: 0 12px; display: inline-block;}



.full-row{display: flex; flex-wrap: wrap;}

.half-box{width: 50%; box-sizing: border-box;}

.full-box{width: 100%; box-sizing: border-box;}

.main-title{font-size: 30px; font-weight: 600; line-height: 1.1; color:var(--color-primary); margin: 0; padding-bottom: 20px;}

.blue-btn a{font-size: 18px; font-weight: 500; color: #ffffff; background-color:var(--color-primary); padding: 14px 30px; text-transform: uppercase; display: inline-block; line-height: 1;}

.blue-btn a:hover{background-color: #1d2c46; color: #ffffff;}



.home-acco{padding-top: 20px;}

.home-acco .accordion-item{border: solid 1px var(--color-primary); border-radius: 0; margin-bottom: 20px;}

.home-acco .accordion-item.activetab{border-color:var(--color-primary);}

.home-acco .accordion-button{padding: 15px 20px; font-size: 20px; font-weight: 500; color:var(--color-primary);}

.home-acco .accordion-button:not(.collapsed){color: #ffffff; background-color:var(--color-primary); box-shadow: none;}

.home-acco .accordion-item:first-of-type .accordion-button{border-radius: 0;}

.home-acco .accordion-button::after{background-image: url(../images/plus.svg);}

.home-acco .accordion-button:not(.collapsed)::after{background-image: url(../images/cross.svg); transform: rotate(0deg);}

.home-acco .accordion-button:focus{box-shadow: none;}.accordion-button::after {    width: 1rem!important;    height: 1rem!important;    background-size: 1rem!important;}

/*.home-acco .accordion-item:focus{border: solid 3px var(--color-primary);}*/



.testimonial{overflow: hidden;}

.testimonial .slick-list,

.testimonial .slick-track{display: flex;}

.testimonial .slick-list{margin: 0 -15px;}

.testimonial .slick-list .slick-slide{padding: 0 15px;}

.testimonial .slick-list .slick-slide div{height: 100%;}

.testimonial .slick-list .slick-slide .testimonial-box{padding: 30px 30px 60px 30px; background-color: #ffffff; position: relative; text-align: center; opacity: 0.2;}

.testimonial .slick-list .slick-slide.slick-active .testimonial-box{opacity: 1;}

.testimonial .slick-list .slick-slide .testimonial-box p{font-size: 18px; font-style: italic;}

.testimonial .slick-list .slick-slide .testimonial-box h6{font-size: 18px; font-weight: 600; color:var(--color-primary); margin: 0; font-style: italic; position: absolute; bottom: 30px; left: 0; right: 0;}

.testimonial .slick-prev:before,

.testimonial .slick-next:before{display: none;}

.testimonial .slick-prev{background: url(../images/left-arrow.svg) center no-repeat; background-size: contain; left: 70px; z-index: 1;}

.testimonial .slick-next{background: url(../images/right-arrow.svg) center no-repeat; background-size: contain; right: 70px; z-index: 1;}





footer{width: 100%; float: left; color:#ced4da; padding:20px; margin-top:30px;}

footer div a {color:#ced4da;}
footer div a:hover {color:#a1a6aa;}

footer .footer-menu{background-color: #ffffff; padding: 20px 0; margin-top:3px;}

footer .footer-menu ul{padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; list-style: none; grid-column-gap: 100px;}

footer .footer-menu ul li a{font-size: 16px; font-weight: 500; color: #525e66;}

footer .footer-menu ul li a:hover{color:var(--color-primary);}

footer .footer-signup{background-color: #ffeb4f; padding: 12px 0; margin:3px 0 8px;}

.footer-signup-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.footer-signup-inner .box-25{max-width: 320px; width: 100%; box-sizing: border-box;}

.footer-signup-inner .box-25 .box-4-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.footer-signup-inner .box-25 .box-4-inner .sign-zest-img{width: 83px; border-right: solid 1px #525e66;}

.footer-signup-inner .box-25 .box-4-inner .sign-zest-img img{max-width: 100%;}

.footer-signup-inner .box-25 .box-4-inner .signup-txt{width: calc(100% - 83px); padding-left: 13px;}

.footer-signup-inner .box-25 .box-4-inner .signup-txt p{font-size: 16px; font-weight: 300; font-style: italic; margin: 0; line-height: 22px;}

.footer-signup-inner .subscribe-form{width:calc(100% - 320px); padding:0 0 0 46px;}

.footer-signup-inner .subscribe-form form{display:flex; align-items:center; justify-content:space-between; position:relative; padding-right:175px; grid-column-gap:20px;}

.footer-signup-inner .subscribe-form .form-field{width:33.33%;}

.footer-signup-inner .subscribe-form .form-field input{padding:8px 20px 7px; margin:0; background:#fff7c0; border:solid 1px #fff7c0; outline:none; width:100%; font-style:italic; font-weight:500; color:#525e66; font-size:16px;}

.footer-signup-inner .subscribe-form .form-field input.error{border-color:#FDB913;}

.footer-signup-inner .subscribe-form .form-field lable.error{display:none !important;}

.footer-signup-inner .subscribe-form .form-btn{position:absolute; right:0; top:0; bottom:0; width:155px;}

.footer-signup-inner .subscribe-form .form-btn input{background:#525e66; color:#fff; padding:9px 20px 8px; margin:0; border:none; outline:none; width:100%; font-style:italic; font-weight:500; font-size:16px;}

.footer-signup-inner .subscribe-form .form-btn input:hover{background:var(--color-primary);}



.footer-category{background:#9da6ab url(../images/footer-bg.jpg) center center no-repeat; background-size:auto 100%; padding:40px 0 25px;}

.footer-category .container-fluid{display:flex; justify-content:space-between;}

.footer-category .col-4{width:auto;}

.footer-category .category-flist{padding:0 0 15px;}

.footer-category .category-flist h4{font-size:17px; font-weight:500; font-style:italic; color:#fff; padding:0 0 5px; margin:0;}

.footer-category .category-flist ul{padding:0; margin:0;}

.footer-category .category-flist ul li{list-style:none; padding:0; margin:0; font-size:15px; font-style:italic; line-height:19px;}

.footer-category .category-flist ul li a{color:#fff;}

.footer-category .category-flist ul li a:hover{color:#FDB913;}



/********************* Product Listing page *************************/

.product-listing{padding:15px 0 0;} /**border-top:solid 3px #dde4e8;**/

.product-listing .breadcrumb{padding:0 0 20px; margin:0;}

.product-listing .breadcrumb li{font-size:15px; color:var(--color-primary);}

.product-listing .breadcrumb li a{color:#525e66;}

.product-listing .breadcrumb li a:hover{color:var(--color-primary);}

.product-listing h1{margin:0; color:var(--color-primary);}



.product-listing .product-main{grid-row-gap:30px;}

.product-listing .product-boxs{box-shadow:0 0 15px rgba(0,0,0,0.05); height:100%; position:relative; padding:0 0 60px;}

.product-listing .product-img{width:100%; padding:0 0 100%; position:relative; border: solid 1px #e9e9e9;}

.product-listing .product-img img{ height:100%; width: 100%; max-width: 250px; max-height: 250px; object-fit:contain; position:absolute; padding: 10px;}

.product-listing .product-info{padding:20px; margin:0; text-align:center;}

.product-listing .product-boxs h4{font-size:16px; padding:0; margin:0;}

.product-listing .product-boxs .price{padding:10px 0 0; /*color:var(--color-primary);*/ font-size:16px; font-weight:500;}

.product-listing .product-boxs:hover .price{color:var(--color-primary);}

.product-listing .product-boxs .pro-btn{position:absolute; left:20px; right:20px; bottom:20px}

.product-listing .product-boxs .pro-btn .btn{font-size:15px; padding:12px 20px 11px; border-radius:0px; transition: all 0.3s ease-in-out;}

.product-listing .product-boxs:hover .pro-btn .btn{background:#1d2c46;}

.product-listing .product-boxs > a{position:absolute; left:0; top:0; right:0; bottom:0; display:block; z-index:1;}



.product-listing .product-pagination{padding:30px 0 0; text-align:center;}

.product-listing .product-pagination .pagination{margin:0; justify-content:flex-end;}

.product-listing .product-pagination .pagination li{font-size:14px;}

.product-listing .product-pagination .pagination li .page-link{border-color:#dde4e8; color:#525e66; box-shadow:none; border-radius:0;}

.product-listing .product-pagination .pagination li.active .page-link{background-color:var(--color-primary); color:#fff;}



.category-content{padding: 0 0 20px; margin: -10px 0 0;}

.category-content:empty{display: none;}



@media only screen and (min-width: 1601px){

.product-listing .col-lg-9 .product-main .col-lg-3{width:20%;}

}



@media only screen and (min-width: 1201px) and (max-width: 1600px){

.product-listing .product-main .col-lg-2{width:20%;}

.product-listing .col-lg-9 .product-main .col-lg-3{width:25%;}

}



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

.product-listing .product-main .col-lg-2{width:25%;}

.product-listing .col-lg-9 .product-main .col-lg-3{width:33.33%;}

}



@media only screen and (min-width: 768px) and (max-width: 991px){

.product-listing .product-main .col-lg-2{width:33.33%;}

.product-listing .col-lg-9 .product-main .col-lg-3{width:50%;}

.special-list {flex-direction: row;}

.product-listing .col-lg-3{width:40%;}

.product-listing .col-lg-9{width:60%;}

    .aligntop {top: 10px;}

}



@media only screen and (min-width: 466px) and (max-width: 767px){

.product-listing .product-main .col-lg-2{width:50%;}

.product-listing .col-lg-9 .product-main .col-lg-3{width:50%;}



.header-center-inner .header-center-left .main-logo {width: 80vw;}

.special-list {flex-direction: row;}

    .aligntop {top: 10px;}

}





.product-listing .listing-header .sortby-ordering{display:flex; align-items:center; padding:0 0 20px;}

.product-listing .listing-header .sortby-ordering label{padding:0 10px 0 0; margin:0; font-size:16px;}

.product-listing .listing-header .sortby-ordering select{height:40px; padding:0 15px; margin:0; border:solid 1px #ced4da; outline:none; font-size:16px;}

.product-listing .cat-sidebar{height:100%; border-right:solid 1px #dde4e8; padding-right:30px;}

.cat-sidebar .product-search{padding:0 0 25px;}

.cat-sidebar .product-search .input-group input{outline:none; border-radius:0; box-shadow:none; font-size:16px;}

.cat-sidebar .product-search .input-group .btn{border:none; background:var(--color-primary); color:#fff; text-transform:uppercase; font-weight:500;}

.cat-sidebar .product-search .input-group .btn:hover{background:#1d2c46;}

.cat-sidebar .categories-filter h4{padding:0 0 10px; margin:0; color:var(--color-primary); font-size:18px; font-style:italic;}

.cat-sidebar .categories-filter ul.list-group{max-height:400px;}

.cat-sidebar .categories-filter ul li.parent-cat,

.cat-sidebar .categories-filter ul li.parent-subcat{position:relative;}

.cat-sidebar .categories-filter ul li.parent-cat > span,

.cat-sidebar .categories-filter ul li.parent-subcat > span{position:absolute; right:0; top:0; width:20px; height:29px; background:url(../images/plus.svg) center center no-repeat; background-size:auto 14px; cursor:pointer;}

.cat-sidebar .categories-filter ul li.parent-cat.expand-nav > span,

.cat-sidebar .categories-filter ul li.parent-subcat.expand-nav > span{background:url(../images/nav-open2.svg) center center no-repeat; background-size:12px;}

.cat-sidebar .categories-filter ul li a{color:#1d2c46; font-size:16px; padding:1px 0; display:block;}

.cat-sidebar .categories-filter ul ul{padding-left:18px;}

.cat-sidebar .categories-filter ul li.parent-cat > ul,

.cat-sidebar .categories-filter ul li.parent-subcat > ul{display:none;}

.cat-sidebar .categories-filter ul li.parent-cat.expand-nav > ul,

.cat-sidebar .categories-filter ul li.parent-subcat.expand-nav > ul{display:block;}





.header-nav .primary-nav { display: inline-flex; padding-top: 30px; margin: 0; margin-bottom: 30px; justify-content: center; padding-left: 10vw; column-gap: 25px;/*   position: -webkit-sticky; !* Safari *!

   position: sticky;*/

}

body:not(.homepage) .header-nav .primary-nav:after { content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;/*background: linear-gradient(90deg, rgba(115, 197, 108, 1) 0%, rgba(61, 85, 170, 1) 24%, rgba(147, 48, 143, 1) 42%, rgba(61, 85, 170, 1) 58%, rgba(147, 48, 143, 1) 72%, rgba(230, 40, 136, 1) 86%, rgba(243, 104, 46, 1) 100%);*/

}

.header-nav .primary-nav > li { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }

.header-nav .primary-nav > li.active { /*background-color: #fff;*/

}

.header-nav .primary-nav > li > a { margin: 0; font-weight: 500; font-size: 18px;text-transform: uppercase;}

.parent-nav, .pages { list-style: none; line-height: 2; font-weight: 600;}

.header-nav .primary-nav > li.nav-btn { display: flex; align-items: center; }

.header-nav .primary-nav > li.nav-btn > a { background: #dcd4d4; color: #000; height: auto; padding: 10px 30px; }

.header-nav .primary-nav > li.nav-btn > a:hover { background: #fff; }

.header-nav .primary-nav > li > ul { position: absolute; left: 0; top: 100%; background: #fff; border-radius: 0 20px 20px 20px; padding: 15px 0; margin: 0; z-index: 1; min-width: 350px; width: auto; font-size: 21px; opacity: 0; visibility: hidden; }

.header-nav .primary-nav > li:hover > ul { opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; }

.header-nav .primary-nav > li > ul:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0 0 15px rgba(58, 45, 85, 0.15); /*background-image: url(../images/menu_bg.gif);*/

    /* width: 325px;

    border: #525252 1px solid;*/

    margin: 0; font-weight: 500; font-size: 18px; text-transform: uppercase; display: flex; align-items: center; height: 100%; color: #22298a; padding: 8px 10px; /*border: #fd730b 1px solid;*/

    border-radius: 25px; }



.header-nav .primary-nav > li > a:hover, .header-nav .primary-nav > li:hover > a, .header-nav .primary-nav > li.active > a { /*background: #fff;*/

    color: #000 !important; }

.header-nav .primary-nav > li.nav-btn { display: flex; align-items: center; }

.header-nav .primary-nav > li.nav-btn > a { background: #fff; color: #fff; height: auto; padding: 10px 30px; }

.header-nav .primary-nav > li.nav-btn > a:hover { background: #fff; }

.header-nav .primary-nav > li > ul { position: absolute; left: 0; top: 100%; background: #fff; border-radius: 0 20px 20px 20px; padding: 15px 0; margin: 0; z-index: 1; min-width: 250px; width: auto; font-size: 18px; opacity: 0; visibility: hidden; }

.header-nav .primary-nav > li:hover > ul { opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; }

.header-nav .primary-nav > li > ul:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; box-shadow: 0 0 15px rgba(58, 45, 85, 0.15); /*background-image: url(../images/menu_bg.gif);*/

    /* width: 325px;

    border: #525252 1px solid;*/

    margin: 0; font-weight: 500; font-size: 18px; text-transform: uppercase; display: flex; align-items: center; height: 100%; color: #22298a; padding: 8px 10px; /*border: #fd730b 1px solid;*/

    border-radius: 25px; }

.header-nav .primary-nav > li > ul > li { position: relative; list-style: none; padding: 0; margin: 0; }

.header-nav .primary-nav > li > ul > li > a { padding-left: 15px; display: block; position: relative; color: #000; text-align: left; }

.header-nav .primary-nav > li > ul > li > a:hover, .header-nav .primary-nav > li > ul > li:hover > a, .header-nav .primary-nav > li > ul > li.active > a { background: rgba(28, 26, 26, 0.67); color: #000; }

.header-nav .primary-nav > li > ul > li > a:hover:after { opacity: 0; }

.header-nav .primary-nav > li > ul > li > a:after { content: ''; position: absolute; left: 20px; right: 20px; bottom: -1px; height: 1px; background: #fd730b; transition: all 0.3s ease-in-out; width: 80%; }

.header-nav .primary-nav > li > ul > li .sub-parent-nav > a:before { content: ''; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; background: url(../images/nav-arrow.svg) center center no-repeat; width: 10px; height: 10px; }

.header-nav .primary-nav > li > ul > li.view-all > a, .header-nav .primary-nav > li > ul > li li.view-all > a { font-weight: bold; }

.header-nav .primary-nav > li > ul > li.view-all > a:after, .header-nav .primary-nav > li > ul > li li.view-all > a:after, .header-nav .primary-nav > li > ul > li:last-child > a:after { display: none; }

.header-nav .primary-nav > li.parent-nav2 > ul > li > a { background: none; }

.header-nav .primary-nav > li.parent-nav2 > ul > li > a:hover { background: none; font-weight: bold; }

.header-nav .primary-nav > li.parent-nav2 > ul > li > a:after { display: none; }

.header-nav .primary-nav > li > ul > li > ul { position: absolute; left: calc(100% - 20px); top: 0; /*background-image: url(../images/menu_bg.gif);*/

    background-color: #ffffff; border: 1px solid white; border-radius: 20px 20px 20px 20px; padding: 15px 0; margin: 0; min-width: 280px; box-shadow: 0 0 15px rgba(58, 45, 85, 0.15); z-index: 5; opacity: 0; visibility: hidden; }

.header-nav .primary-nav > li > ul > li:hover > ul { opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; }

.header-nav .primary-nav > li > ul > li > ul > li { list-style: none; padding: 0; margin: 0; }

.header-nav .primary-nav > li > ul > li > ul > li > a {  padding-left: 15px; display: block; color: #000000; border-radius: 0 20px 20px 20px;  }

.header-nav .primary-nav > li > ul > li > ul > li > a:hover, .header-nav .primary-nav > li > ul > li > ul > li.active > a { color: #3469ef; }

.sub-menu { font-size: 16px; padding-left: 5px; line-height: 2; }

.navbar-menu > ul > li.parent-nav > .sub-menu { position: relative; padding: 0 0 0 30px; opacity: 1; visibility: visible; top: 0; background: none; border: none; display: none; }















/********************* Product Listing page *************************/



/********************* Product Detail page *************************/

.product-detail .product-dmain{display:flex; flex-wrap:wrap;}

.product-detail .product-gallery{width:37%;}

.product-detail .product-gallery .gallery-boxs{position:relative; padding:20px; box-shadow:0 0 30px rgba(0,0,0,0.05); border: solid 1px #e9e9e9;}

/*.product-detail .product-gallery .gallery-boxs img{width:100%; height:100%; object-fit:contain; position:absolute; padding: 20px;}*/



.product-gallery .gallery-boxs .single-images {

    position: relative;

    padding: 0 0 70%;

    display: block;

}



.product-gallery .gallery-boxs .single-images img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.product-gallery .gallery-boxs .single-images .zoom-image {

    position: absolute;

    right: 0;

    top: 0;

    width: 44px;

    height: 44px;

    background: url(../images/zoom.svg) center center no-repeat;

    font-size: 0;

    z-index: 1;

}



.product-gallery .gallery-boxs .slider-nav {

    margin: 20px 0 0;

    padding: 0 10px;

}



.product-gallery .gallery-boxs .slider-nav .slick-slide {

    padding: 0 15px;

}



.product-gallery .gallery-boxs .thumb-images {

    position: relative;

    padding: 0 0 70%;

    display: block;

    background: #fff;

}



.product-gallery .gallery-boxs .thumb-images img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

}



.product-gallery .gallery-boxs .slick-current .thumb-images img, .product-gallery .gallery-boxs .thumb-images:hover img {

    opacity: 0.5;

}



.product-gallery .gallery-boxs .slider-nav .slick-arrow {

    position: absolute;

    left: -10px;

    top: -5px;

    bottom: 0;

    width: 16px;

    height: 30px;

    margin: auto;

    transform: none;

    -ms-transform: none;

    -webkit-transform: none;

    background-image: url(../images/left-arrow.svg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    z-index: 1;

}



.product-gallery .gallery-boxs .slider-nav .slick-arrow:before {

    display: none;

}



.product-gallery .gallery-boxs .slider-nav .slick-next {

    left: auto;

    right: -10px;

    background-image: url(../images/right-arrow.svg);

}



.product-detail .product-dmain .help-txt{padding:30px 0 0; line-height:1.45;}

.product-detail .product-dmain .help-txt h4{font-size:18px; color:var(--color-primary); padding:0 0 10px; margin:0;}

.product-detail .product-dmain .help-txt p{padding:0 0 10px; margin:0; font-size:16px;}

.product-detail .product-dmain .help-txt a{color:var(--color-primary);}

.product-detail .product-dmain .help-txt a:hover{color:#525e66;}

.product-detail .product-summary{width:63%; padding:0 0 0 70px;}

.product-detail .product-summary hr{margin:35px 0; background-color:#dde4e8; opacity:1;}

.product-detail .product-summary .main-title{padding:0 0 20px; margin:0;}

.product-detail .product-summary .sku-code{padding:0 0 10px;}

.product-detail .product-summary .price{padding:0 0 25px;}

.product-detail .product-summary .price span{font-size:24px; font-weight:500; color:var(--color-primary);}

.product-detail .product-summary .price p{margin:0; padding:0;}

.product-detail .product-summary .price strong{font-weight:500;}

.product-detail .product-summary .price .price-img{width:100px; box-shadow:0 0 15px rgba(0,0,0,0.05); margin-top:10px;}

.product-detail .product-summary .price img{width:100px;}

.product-detail .product-summary .product-priceimg{display:flex; flex-wrap:wrap;}

.product-detail .product-summary .product-priceimg .product-priceimginn{width:90%;}

.product-detail .product-summary .product-priceimg.active .product-priceimginn{width:calc(100% - 170px); padding-right:30px;}

.product-detail .product-summary .product-priceimg .price-img{width:170px;}

.fast-img2{width:170px; padding-left:75px;}

.product-detail .product-summary .product-fields .form-group2{display:flex; align-items:center; grid-column-gap:60px; padding:0 0 20px; justify-content:space-between;}

.product-detail .product-summary .product-fields .form-group2 label{white-space:nowrap; margin:0;}

.product-detail .product-summary .product-fields .form-group2 select{color:#525e66; border-radius:0; padding:8px 10px 7px; border-color:#dde4e8; background:#fff url(../images/select.svg) center right 20px no-repeat; width:calc(100% - 152px)}

.product-detail .product-summary .product-fields .qnt-boxs{display:flex; flex-wrap:wrap; grid-column-gap:10px; grid-row-gap:10px; padding:5px 0 0; vertical-align: middle;}

.product-detail .product-summary .product-fields .qnt-boxs .price-boxs{position:relative; min-width:95px;margin-top:30px;}

.product-detail .product-summary .product-fields .qnt-boxs .price-boxs input{position:absolute; left:0; top:20; display:block; opacity:0; cursor:pointer; width:100%; height:100%;}

.product-detail .product-summary .product-fields .qnt-boxs .price-boxs label{display:block; padding:10px 0; margin:0; background:#dde4e8; text-align:center;}

.product-detail .product-summary .product-fields .qnt-boxs .price-boxs input:checked + label,

.product-detail .product-summary .product-fields .qnt-boxs .price-boxs:hover label{color:#fff; background:var(--color-primary);}

.product-detail .product-summary .product-fields .qnt-boxs .price-boxs span{display:block; padding:10px 0 0; margin-top:8px; border-top:solid 1px #fff; font-size:18px;}

.product-detail .product-summary .product-fields .form-btn{padding:20px 0 0;}

.product-detail .product-summary .product-fields .form-btn .btn{padding:12px 40px 11px; margin:0; border-radius:0; border:none; outline:none; background:var(--color-primary); color:#fff; text-transform:uppercase; font-weight:500; box-shadow:none; width:200px;}

.product-detail .product-summary .product-fields .form-btn .btn:hover{background:#1d2c46;}





/********************* Product Detail page *************************/



/********************* Cart page *************************/

.cart-page{padding-top:20px;}

.cart-page .cart-boxs .table{padding:0; margin:0; border: solid 1px rgb(29 44 70 / 10%);}

.cart-page .cart-boxs .table thead tr th{font-weight:normal; padding:15px 20px; margin:0; border:none; border-left:solid 1px rgb(29 44 70 / 10%); background:rgb(29 44 70 / 10%);}

.cart-page .cart-boxs .table tbody tr td{font-weight:normal; padding:10px; margin:0; border:none; border-bottom:solid 1px rgb(29 44 70 / 10%); border-left:solid 1px rgb(29 44 70 / 10%); background:#fff; text-align: left;}

.cart-page .cart-boxs .table tbody tr td ul{margin: 0; padding: 0; list-style: none;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon{display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; column-gap: 15px; grid-row-gap: 10px;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon .input-text{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 5px 10px; order: 0;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon #coupon_code-error{order: 2; font-size: 16px; color: #FDB913;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon .button{box-shadow: none !important; padding: 10px 30px; margin: 0; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; background: var(--color-primary); font-weight: 500; color: #fff; text-align: center; font-size: 1rem; order: 1;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon .button:hover{background-color: #1d2c46;}

.cart-page .cart-boxs .table tbody .cart-itemouter{display:flex; align-items:center;}

.cart-page .cart-boxs .table tbody .cart-itemouter .cart-proimg{width:130px; box-shadow:0 0 15px rgba(0,0,0,0.05);}

.cart-page .cart-boxs .table tbody .cart-itemouter .cart-proinfo{width:calc(100% - 130px); padding:0 0 0 30px; max-width: 700px;}

.cart-page .cart-boxs .table tbody tr td h4{font-size:20px; padding:0 0 15px; margin:0;}

.cart-page .cart-boxs .table tbody tr td p{padding:0; margin:0; font-size:16px;}

.cart-page .cart-boxs .table tbody tr td svg path{fill:#FDB913;}

.cart-page .cart-boxs .table tbody tr td a:hover svg path{fill:#212529;}

.shopping-cart-footer{padding:30px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}

.shopping-cart-footer .column{display:flex; flex-wrap:wrap; grid-column-gap:20px;}

.shopping-cart-footer .column a{box-shadow:none !important; padding:14px 30px; margin:0; outline:none; border:none; line-height:1; text-transform:uppercase; border-radius:0; background:var(--color-primary); font-weight:500;}

.shopping-cart-footer .column a:hover{background:#1d2c46;}

.shopping-cart-footer .column a.btn-primary{background:#1d2c46;}

.shopping-cart-footer .column a.btn-primary:hover{background:var(--color-primary);}





.cart-page #update_cart_btn{box-shadow: none !important; padding: 14px 30px; margin: 0; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; background: var(--color-primary); font-weight: 500; color: #fff; text-align: center; font-size: 1rem; order: 1;}

.cart-page #update_cart_btn:hover{background-color: #1d2c46;}



/********************* Cart page *************************/



/********************* Enquiry cart page *************************/

.enquiry-page{padding-top:60px;}

.enquiry-page .container-fluid{max-width:850px;}

.enquiry-page .listing-header{text-align:center;}

.enquiry-page .listing-header h1{padding-bottom:20px;}

.enquiry-page .listing-header p{padding:0 0 30px; margin:0;}

.enquiry-page .enquiry-form .form-outer{grid-row-gap:24px;}

.enquiry-page .enquiry-form .form-group label{padding:0 0 5px; margin:0; display:block; color:#525e66;}

.enquiry-page .enquiry-form .form-group label span{color:#FDB913;}

.enquiry-page .enquiry-form .form-group .form-control{border-color:#dde4e8; outline:none; box-shadow:none; border-radius:0; color:#525e66; padding:8px 20px 7px;}

.enquiry-page .enquiry-form .form-group textarea.form-control{height:120px; resize:none;}

.enquiry-page .enquiry-form .form-group.file-field .form-control{padding:7px 20px 7px 12px;}

.enquiry-page .enquiry-form .form-group.file-field p{font-size:16px; padding:5px 0 0; margin:0;}

.enquiry-page .enquiry-form .form-btn .btn{box-shadow:none !important; padding:14px 30px; margin:0; outline:none; border:none; line-height:1; text-transform:uppercase; border-radius:0; background:var(--color-primary); font-weight:500;}

.enquiry-page .enquiry-form .form-btn .btn:hover{background:#1d2c46;}



.enquiry-page .enquiry-form .form-group label.error{color:#FDB913; font-size:16px; padding:0; margin:0;}



/********************* Enquiry cart page *************************/





.checkout-page #collapseLoginform{margin: 15px 0;}

.checkout-page #collapseLoginform .col-4{width: 100%;}

.checkout-page #collapseLoginform .col-4 #loginform{display: flex; flex-wrap: wrap;}

.checkout-page #collapseLoginform .col-4 #loginform .col-6{padding: 0 10px;}

.checkout-page #collapseLoginform .col-4 #loginform label{font-size: 18px; line-height: 1;}

.checkout-page #collapseLoginform .col-4 #loginform label.error{color: #FDB913;}

.checkout-page #collapseLoginform .col-4 #loginform .form-control{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.checkout-page #collapseLoginform .col-4 #loginform .row{margin: 10px 0 0 0;}

.checkout-page #collapseLoginform .col-4 #loginform .row .col-6{width: auto;}

.checkout-page #collapseLoginform .col-4 #loginform .form-btn{padding-left: 10px;}

.checkout-page #collapseLoginform .col-4 #loginform .form-btn .btn{box-shadow: none !important; padding: 14px 30px; margin: 0; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; background: var(--color-primary); font-weight: 500; color: #fff; text-align: center; font-size: 1rem; margin-top: 20px; margin-bottom: 0 !important;}

.checkout-page #collapseLoginform .col-4 #loginform .form-btn .btn:hover{background-color: #1d2c46;}





.checkout-page #collapseCoupon .shop-coupon-form .coupon{display: flex; flex-wrap: wrap; align-items: stretch; column-gap: 15px; grid-row-gap: 10px;}

.checkout-page #collapseCoupon .shop-coupon-form .coupon .input-text{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; order: 0;}

.checkout-page #collapseCoupon .shop-coupon-form .coupon .button{box-shadow: none !important; padding: 14px 30px; margin: 0; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; background: var(--color-primary); font-weight: 500; color: #fff; text-align: center; font-size: 1rem; order: 1;}

.checkout-page #collapseCoupon .shop-coupon-form .coupon .button:hover{background-color: #1d2c46;}

.checkout-page #collapseCoupon .shop-coupon-form .coupon #coupon_code-error{color: #FDB913; width: 100%; display: block; order: 2;}



.checkout-page .checkout-form{padding-top: 30PX;}

.checkout-page .checkout-form h3{color: var(--color-primary); padding-bottom: 20px;}

.checkout-page .checkout-form .billing-fields{padding-bottom: 20px;}

.checkout-page .checkout-form .billing-fields .row{padding-bottom: 15px;}

.checkout-page .checkout-form .billing-fields input,

.checkout-page .checkout-form .billing-fields select,

.checkout-page .checkout-form textarea{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.checkout-page .checkout-form .billing-fields label,

.checkout-page .checkout-form label{font-size: 18px; line-height: 1;}

.checkout-page .checkout-form textarea{width: 100%;}



.checkout-page .checkout-form .shipping_fields .row{padding-bottom: 15px;}

.checkout-page .checkout-form .shipping_fields input,

.checkout-page .checkout-form .shipping_fields select,

.checkout-page .checkout-form textarea{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px;}

.checkout-page .checkout-form .shipping_fields label,

.checkout-page .checkout-form label{font-size: 18px; line-height: 1;}

.checkout-page .checkout-form textarea{width: 100%;}



.checkout-page .checkout-form .error{color: #FDB913;}



.checkout-page .cart-boxs table{border: solid 1px rgb(29 44 70 / 10%);}

.checkout-page .cart-boxs table tbody,

.checkout-page .cart-boxs table td,

.checkout-page .cart-boxs table tfoot,

.checkout-page .cart-boxs table th,

.checkout-page .cart-boxs table thead,

.checkout-page .cart-boxs table tr{border-color: rgb(29 44 70 / 10%); border-width: 1px; text-align: left;}

.checkout-page .cart-boxs .table>:not(:last-child)>:last-child>*{border-color: rgb(29 44 70 / 10%);}

.checkout-page .cart-boxs table td ul{list-style: none; padding: 0; margin: 0;}

.checkout-page .checkout-payment ul{list-style: none; padding: 0; margin: 0;}

.checkout-page #placeorder{margin-top: 20px; display: inline-block; box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; background: var(--color-primary); font-weight: 500;}

.checkout-page #placeorder:hover{background: #1d2c46;}



.checkout-page #terms-and-conditions-field{display: flex; align-items: flex-start; padding-top: 30px;}

.checkout-page #terms-and-conditions-field #terms_and_conditions{margin-right: 5px; margin-top: 4px;}



















.about-page .container-fluid{max-width:1320px;flex-flow: row wrap;}

.about-page .about-box p:last-child{margin:0;}

.about-page .about-box .main-title{padding-bottom:15px;}

.subscribe-form #SUCCMSG{padding-top:10px;}

.subscribe-form #SUCCMSG:empty{display:none;}

.subscribe-form #SUCCMSG .alert{padding:0; min-height:44px; align-items:center; justify-content:center; display:flex; font-size:16px; font-weight:500;}



.testimonials-page .row{display:flex; flex-wrap:wrap; grid-row-gap:30px; margin:0 -15px;}

.testimonials-page .row .testimonial-box{width:33.33%; padding:0 15px;}

.testimonials-page .row .testimonial-box .testimonial-outer{position:relative; height:100%; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.05); padding:30px 30px 49px;}

.testimonials-page .row .testimonial-box .testimonial-outer h5{padding:0; margin:0; font-size:16px; text-align:right; font-weight:bold; font-style:italic; color:var(--color-primary); position:absolute; right:30px; bottom:30px;}



.blog-list .col-lg-9 .row{margin:0 -15px;}

.blog-list .col-lg-9 .col-lg-4{width:33.33%; padding:0 15px; font-size:16px;}

.blog-list .col-lg-9 .product-boxs .product-img{padding-bottom:70%;}

.blog-list .col-lg-9 .product-boxs .product-info h4{padding:0 0 10px; margin:0; font-size:18px;}

.blog-list .col-lg-9 .product-boxs .product-info h4 a{color:#525e66;}

.blog-list .col-lg-9 .product-boxs .product-info h4 a:hover{color:var(--color-primary);}

.blog-list .col-lg-9 .product-boxs .product-info .post-meta{padding:0 0 10px; font-size:14px;}

.blog-list .col-lg-9 .product-boxs .product-info .category-list{display:flex; flex-wrap:wrap; grid-row-gap:5px; grid-column-gap:5px; justify-content:center; padding:0 0 15px; font-size:14px;}

.blog-list .col-lg-9 .product-boxs .product-info .category-list a{background:var(--color-primary)1a; color:#525e66; padding:2px 10px; margin:0;}

.blog-list .col-lg-9 .product-boxs .product-info .category-list a:hover{color:var(--color-primary);}

.blog-list .col-lg-9 .product-boxs .product-info p{margin:0;}

.blog-list .col-lg-3{display:flex; flex-wrap:wrap; grid-row-gap:30px; align-content:flex-start;}

.blog-list .col-lg-3 .blog-widget{width:100%; padding:0; margin:0; border:solid 1px #dde4e8; padding:30px;}

.blog-list .col-lg-3 .blog-widget h3{padding:0 0 15px; margin:0; font-size:20px; font-weight:500; color:var(--color-primary); font-style:italic;}

.blog-list .col-lg-3 .blog-widget ul{padding:0; margin:0;}

.blog-list .col-lg-3 .blog-widget ul li{list-style:none; padding:0; margin:0; font-size:16px;}

.blog-list .col-lg-3 .blog-widget ul li a{color:#525e66;}

.blog-list .col-lg-3 .blog-widget ul li a:hover{color:var(--color-primary);}



.single-post .product-main .col-lg-9 .main-title{padding:30px 0 10px;}

.single-post .product-main .col-lg-9 .post-meta{padding:0 0 10px; font-size:14px;}

.single-post .product-main .col-lg-9 .category-list{display:flex; flex-wrap:wrap; grid-row-gap:5px; grid-column-gap:5px; padding:0 0 20px; font-size:14px;}

.single-post .product-main .col-lg-9 .category-list a{background:var(--color-primary)1a; color:#525e66; padding:2px 10px; margin:0;}

.single-post .product-main .col-lg-9 .category-list a:hover{color:var(--color-primary);}



.single-post .product-main .col-lg-9 .wp-block-gallery{display:flex; flex-wrap:wrap; grid-column-gap:15px; grid-row-gap:15px;}

.single-post .product-main .col-lg-9 .wp-block-gallery .wp-block-image{width:calc(33.33% - 10px); margin:0;}

.single-post .product-main .col-lg-9 .wp-block-gallery.columns-4 .wp-block-image{width:calc(25% - 12px);}

.single-post .product-main .col-lg-9 .wp-block-gallery .wp-block-image img{height:auto; width:100%;}



.contact-page .contact-form form{margin:0 -15px; display:flex; flex-wrap:wrap; grid-row-gap:20px;}

.contact-page .contact-form .col-4,

.contact-page .contact-form .col-6,

.contact-page .contact-form .col-12,

.contact-page .contact-form .form-btn{padding:0 15px;}

.contact-page .contact-form .form-control{color:#525e66; border-radius:0; padding:8px 20px 7px; border-color:#dde4e8; resize:none;}

.contact-page .contact-form .form-btn input{padding:12px 40px 11px; margin:0; border-radius:0; border:none; outline:none; background:var(--color-primary); color:#fff; text-transform:uppercase; font-weight:500; box-shadow:none;}

.contact-page .contact-form .form-btn input:hover{background:#1d2c46;}



.contact-page .contact-form lable.error{color:#FDB913; font-size:16px; padding:0; margin:0;}



.order-thankyou-page ul.order-overview{flex-wrap: wrap; width: 100%; padding: 20px; list-style: none;}

.order-thankyou-page ul.order-overview li{flex-grow: 1; margin-bottom: 1rem; border: none; padding-left: 15px; border-bottom: solid 1px rgb(29 44 70 / 10%);}

.order-thankyou-page ul.order-overview li strong{text-transform: none; display: block;}



.order-thankyou-page .listing-header h2{color: var(--color-primary); padding-bottom: 20px;}

.order-thankyou-page h3{color: var(--color-primary); padding-bottom: 20px;}



.order-thankyou-page table{border: solid 1px rgb(29 44 70 / 10%);}

.order-thankyou-page table tbody,

.order-thankyou-page table td,

.order-thankyou-page table tfoot,

.order-thankyou-page table th,

.order-thankyou-page table thead,

.order-thankyou-page table tr{border-color: rgb(29 44 70 / 10%); border-width: 1px; text-align: left;}

.order-thankyou-page .table>:not(:last-child)>:last-child>*{border-color: rgb(29 44 70 / 10%);}

.order-thankyou-page table td ul{list-style: none; padding: 0; margin: 0;}

.order-thankyou-page table td ul li{display: flex; align-items: center;}

.order-thankyou-page table td ul li p{margin: 0 0 0 10px;}





.my-account-page .full-box .col-4 ul{list-style: none; padding: 0; margin: 0;}

.my-account-page .full-box .col-4 ul li{padding: 10px; border-bottom: solid 1px rgb(29 44 70 / 10%);}

.my-account-page form .col-12{padding-bottom: 15px;}

.my-account-page form input,

.my-account-page form select{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.my-account-page form label{font-size: 18px; line-height: 1;}

.my-account-page form .form-btn .btn{ box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; margin-bottom: 0; background: var(--color-primary); font-weight: 500;}

.my-account-page form .form-btn .btn:hover{background: #1d2c46;}

.my-account-page .my_account_orders table ul.wc-item-meta{list-style: none;}



.change-password-page form .col-12{padding-bottom: 15px;}

.change-password-page form input{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.change-password-page form label{font-size: 18px; line-height: 1;}

.change-password-page form .form-btn .btn{ box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; margin-bottom: 0; background: var(--color-primary); font-weight: 500;}

.change-password-page form .form-btn .btn:hover{background: #1d2c46;}

.change-password-page form label.error{color: #FDB913;}



.login-page .login-form form{border: solid 1px rgb(29 44 70 / 10%); padding: 15px;}

.login-page .login-form form .col-12{padding-bottom: 15px;}

.login-page .login-form form .col-12 .form-control{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.login-page .login-form .form-btn .btn{ box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; margin-bottom: 0; background: var(--color-primary); font-weight: 500;}

.login-page .login-form .form-btn .btn:hover{background: #1d2c46;}

.login-page .login-form form label.error{color: #FDB913;}





.forgot-password-page .main-title{text-align: center;}

.forgot-password-page p{text-align: center;}

.forgot-password-page .forgot-password-form form{border: solid 1px rgb(29 44 70 / 10%); padding: 15px;}

.forgot-password-page .forgot-password-form form .col-12{padding-bottom: 15px;}

.forgot-password-page .forgot-password-form form .col-12 .form-control{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.forgot-password-page .forgot-password-form .form-btn .btn{ box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; margin-bottom: 0; background: var(--color-primary); font-weight: 500;}

.forgot-password-page .forgot-password-form .form-btn .btn:hover{background: #1d2c46;}

.forgot-password-page .forgot-password-form form label.error{color: #FDB913;}



.register-page .main-title{text-align: center;}

.register-page p{text-align: center;}

.register-page form{border: solid 1px rgb(29 44 70 / 10%); padding: 15px; display: flex; flex-wrap: wrap;}

.register-page form .col-12{padding: 0 5px 15px; width: 50%;}

.register-page form .col-12 .form-control,

.register-page form select{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; line-height: 1; padding: 10px;}

.register-page .form-btn .btn{ box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; margin-bottom: 0; background: var(--color-primary); font-weight: 500;}

.register-page .form-btn .btn:hover{background: #1d2c46;}

.register-page form label.error{color: #FDB913;}

.register-page form .col-12.form-btn{width: 100%;}





.reset-password-page .main-title{text-align: center;}

.reset-password-page p{text-align: center;}

.reset-password-page .reset-password-form form{border: solid 1px rgb(29 44 70 / 10%); padding: 15px;}

.reset-password-page .reset-password-form form .col-12{padding-bottom: 15px;}

.reset-password-page .reset-password-form form .col-12 .form-control{border-radius: 0; border: solid 1px rgb(29 44 70 / 10%); outline: none !important; padding: 10px; line-height: 1;}

.reset-password-page .reset-password-form .form-btn .btn{ box-shadow: none !important; padding: 14px 30px; outline: none; border: none; line-height: 1; text-transform: uppercase; border-radius: 0; margin-bottom: 0; background: var(--color-primary); font-weight: 500;}

.reset-password-page .reset-password-form .form-btn .btn:hover{background: #1d2c46;}

.reset-password-page .reset-password-form form label.error{color: #FDB913;}





@media only screen and (min-width: 1601px){

.blog-list .col-lg-9 .col-lg-4{width:25%;}



}



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

.category-main .category-inner .category-box{width:16.6666%;}

.testimonials-page .row .testimonial-box{width:50%;}

}



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

.navbar-menu > ul > li > a{font-size: 14px;}



}



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

body, html{font-size:16px; line-height:1.5;}

.container-fluid{padding:0 20px;}

.category-main .category-inner .category-box{width:25%;}

.live_help{width:55px; height:110px;}

.vertical-text{height:110px; width:110px; padding:25px 15px 0 15px; font-size:14px;}



.header-center-inner .header-center-left .logo-right-text p{font-size:18px; line-height:1.2;}

.box-one-inner .textstyle1{font-size:18px; line-height:1.445;}

.special-list ul li a{font-size:16px;}

.header-center-inner .header-center-left{width:40%;}

.header-center-inner .header-center-right{width:66%;}

.header-center-inner .header-center-right .fast-img{width:150px;}

.top-bar-inner .zone a{font-size:16px;}

.header-center-inner .header-center-left .main-logo{margin-right:0;}

footer .footer-menu ul{grid-column-gap:50px;}

.box-one-inner .callno a{font-size:24px;}

.navbar-menu > ul > li > .sub-nav > ul{margin:0;}

.navbar-menu > ul > li > .sub-nav > ul > li{padding:0;}

    .header-center-inner .header-center-left .main-logo{width:60vw; padding:10px; }

.pr-25{padding-right:15px;}

.pl-25{padding-left:15px;}

.pr-50{padding-right:15px;}

.pl-50{padding-left:15px;}



.main-title{font-size:30px; padding-bottom:20px;}

.home-acco .accordion-button{font-size:18px;}

.testimonial .slick-list .slick-slide .testimonial-box p,

.testimonial .slick-list .slick-slide .testimonial-box h6{font-size:16px;}

.header-center-inner .header-center-left .main-logo{;}



.ptb-100{padding:30px 0;}



.header .container-fluid{position:relative;}

.header .top-bar{padding:12px 0;}

.header .top-bar .zone{position:relative; z-index:4;}

.header .top-bar .navbar-header{display:flex; align-items:center; position:relative; z-index:100; padding-left:15px;}

.header .top-bar .navbar-header button{width:35px; height:25px; border:none; outline:none; padding:0; margin:auto; background:none; border-radius:0px; display:block; position:relative;}

.header .top-bar .navbar-header button span{height:2px; background:#525e66; display:block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; transition: all 0.3s ease-in-out;}

.header .top-bar .navbar-header button span.icon-bar1{bottom:auto;}

.header .top-bar .navbar-header button span.icon-bar3{top:auto;}

.nav-open .header .top-bar .navbar-header button span.icon-bar2{display:none;}

.nav-open .header .top-bar .navbar-header button span.icon-bar1{bottom:0; transform:rotate(45deg); background:#fff;}

.nav-open .header .top-bar .navbar-header button span.icon-bar3{top:0; transform:rotate(-45deg); background:#fff;}

.search-bar{position:absolute; left:0; top:15px; right:0; max-width:100%; padding:10px 20px; }

.search-bar .input-group{width:calc(100% - 195px);}

.search-bar .input-group>.form-control{font-size:16px;padding-left: 30px}



.header .header-center{padding:15px 0;}

.header-bottom{position:fixed; left:-100%; top:0; bottom:0; width:100%; z-index:99; transition: all 0.3s ease-in-out;}

.nav-open .header-bottom{left:0;}

.header-bottom .navbar-inner{border:none;}

.header-bottom .navbar-outer{height:100vh; padding:45px 30px 0;}

.header-bottom .navbar-menu{overflow:auto; height:100%;}

.navbar-menu > ul{flex-wrap:wrap; padding:0 0 15px;}

.navbar-menu > ul:last-child{border:none;}

.navbar-menu > ul > li > a{text-align:left; padding:15px 0; font-size:16px; font-weight:normal;}

.navbar-menu > ul > li.parent-nav > .sub-nav{position:relative; padding:0 0 0 20px; opacity:1; visibility:visible; top:0; background:none; border:none; display:none;}

.navbar-menu > ul > li.parent-nav:hover > .sub-nav{opacity:1; visibility:visible; top:0; display:none;}

.navbar-menu > ul > li.parent-nav.expand-nav > .sub-nav{display:block;}

.navbar-menu > ul > li > .sub-nav > ul > li{width:100%;}

.navbar-menu > ul > li > .sub-nav > ul > li > a{font-size:16px; color:#fff; padding:5px 0; font-weight:normal;}

.navbar-menu > ul > li > .sub-nav > ul > li > a:hover{color:var(--color-primary);}

.navbar-menu > ul > li > .sub-nav > ul > li > a img{display:none;}

.navbar-menu > ul > li > .sub-nav h4{font-size:16px; font-weight:normal;}

.navbar-menu > ul > li.parent-nav{position:relative;}

.navbar-menu > ul > li.parent-nav > span{position:absolute; right:0; top:0; height:46px; width:46px; background:url(../images/nav-close.svg) center center no-repeat; background-size:16px;}

.navbar-menu > ul > li.parent-nav.expand-nav > span{background:url(../images/nav-open.svg) center center no-repeat; background-size:auto 16px;}



.blog-list .col-lg-9 .col-lg-4{width:50%;}



.product-detail .product-summary .product-priceimg{flex-direction:column-reverse;}

.product-detail .product-summary .product-priceimg.active .product-priceimginn{width:100%; padding-right:0;}

.product-detail .product-summary .product-priceimg .price-img{padding-bottom:15px;}







}



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

.header-center-inner .header-center-left .logo-right-text{display:none;}

.header-center-inner .header-center-left{width:auto;}

.header-center-inner .header-center-right{width:87%;}



.section-4 .full-row .half-box{padding-top:0;}

.home-acco .accordion-item:last-child{margin-bottom:0;}

.special-list ul{margin: 10px; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;}

.footer .footer-menu ul{grid-column-gap:30px;}

.footer-signup-inner .box-25{max-width:100%; width:100%;}

.footer-signup-inner .box-25 .box-4-inner{flex-wrap:nowrap; justify-content:center; padding-bottom:15px;}

.footer-signup-inner .box-25 .box-4-inner .signup-txt{width:auto;}

.footer-signup-inner .subscribe-form{width:100%; padding:0;}

.product-detail .product-summary{padding-left:30px;}

.shopping-cart-footer,

.shopping-cart-footer .column{grid-row-gap:15px;}

   .grid{  column-count: 5; }

.section-5 .main-title{padding-bottom:20px;}

    .header-center-inner .header-center-left .main-logo{width:60vw; padding:10px; }

.half-box{width:100%;}

.half-box + .half-box{padding-top:30px;}

.pr-50{padding-right:0;}

.pl-50{padding-left:0;}

.pl-25{padding-left:0;}

.pr-25{padding-right:0;}

.main-title{font-size:30px;}



.single-post .product-main .col-lg-9 .wp-block-gallery{grid-column-gap:20px; grid-row-gap:20px;}

.single-post .product-main .col-lg-9 .wp-block-gallery .wp-block-image,

.single-post .product-main .col-lg-9 .wp-block-gallery.columns-4 .wp-block-image{width:calc(50% - 10px);}



.contact-page .full-box{margin:0;}

.contact-page .full-box > .col-4{width:100%; padding:0 0 25px;}

.contact-page .full-box > .col-8{width:100%; padding:0;}

.cart-page .cart-boxs .cart-collaterals .ws-mycart-total{width: 100% !important;}

    .special-list ul {flex-wrap: nowrap!important;}



}



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

.category-main .category-inner .category-box{width:33.33%;}

.main-title{font-size:30px; padding-bottom:10px;}

.header-center-inner .header-center-right{width:calc(100% - 85px);}

.category-main .category-inner .category-box .category-link a{width:100%; line-height:normal;}

footer .footer-menu ul{flex-wrap:wrap; grid-row-gap:15px;}

.footer-signup-inner .subscribe-form form{flex-wrap:wrap; padding:0; grid-row-gap:10px;}

.footer-signup-inner .subscribe-form .form-field{width:calc(50% - 15px);}

.footer-category .container-fluid{flex-wrap:wrap;}

.footer-category .col-4{width:50%;}

.footer-signup-inner .subscribe-form .form-btn{padding:0; margin:0; width:calc(50% - 15px); position:relative;}

.ptb-100{padding:30px 0;}

   .grid{  column-count: 4; }

.product-listing .listing-header .sortby-ordering{padding:0 0 30px;}

.product-listing .col-lg-9{padding-top:30px;}

.product-listing .cat-sidebar{border:none; padding:0;}

.product-listing{padding-bottom:50px;}



.product-detail .product-gallery{width:100%;}

.product-detail .product-summary{width:100%; padding:30px 0 0;}

.product-detail .product-summary .product-fields .form-group2{flex-wrap:wrap;}

.product-detail .product-summary .product-fields .form-group2 label{padding:0 0 5px;}

.product-detail .product-summary .product-fields .form-group2 select{width:100%}

.product-detail .product-summary hr{margin:25px 0;}

    .special-list ul {flex-wrap: nowrap!important;}

.cart-page{padding-top:20px;}

.cart-page .cart-boxs .table tbody tr td h4{font-size:18px;}

.cart-page .cart-boxs .table tbody .cart-itemouter .cart-proimg{width:90px;}

.cart-page .cart-boxs .table tbody .cart-itemouter .cart-proinfo{width:calc(100% - 90px);}



.testimonials-page .row .testimonial-box{width:100%;}

.blog-list .col-lg-3 .blog-widget{padding:20px;}

.contact-page .contact-form .col-4, .contact-page .contact-form .col-6, .contact-page .contact-form .col-12{width:100%;}



.header-center-inner .header-center-right .fast-img{display:none;}





.cart-page .cart-boxs .table thead{display:none;}

.cart-page .cart-boxs .table tbody tr td:first-child{padding-top:15px;}

.cart-page .cart-boxs .table tbody tr td.cart-img{border-bottom:solid 1px rgb(29 44 70 / 10%) !important; width: 100%;}

.cart-page .cart-boxs .table tbody tr td{padding:15px; border-left: 0;}

.cart-page .cart-boxs .table tbody .cart-itemouter .cart-proinfo{padding-left:15px;}

.cart-page .cart-boxs .table tbody tr td h4{font-size:16px;}

.cart-page .cart-boxs .table tbody tr td p{font-size:14px;}

.cart-page .cart-boxs .table tbody tr.total-tr td{width:50%; text-align:left;}



.cart-page .cart-boxs .table tbody tr{display:flex; flex-wrap:wrap;}

.cart-page .cart-boxs .table tbody tr td:last-child{ border-left:none; text-align:right;}

.cart-page .cart-boxs .table tbody tr td.cart-remove{border-bottom: none;}

.cart-page .cart-boxs .table tbody tr td.cart-subtotal{border-bottom: none;}

.cart-page .cart-boxs .table tbody tr td.cart-qut{text-align: left;}

.cart-page .cart-boxs .table tbody tr td.cart-price:before{content:'Price:'; padding-right:2px; font-weight:bold;}
.cart-page .cart-boxs .table tbody tr td.cart-qut:before{content:'Quantity:'; padding-right:2px; font-weight:bold;}
.cart-page .cart-boxs .table tbody tr td.cart-setup:before{content:'Setup:'; padding-right:2px; font-weight:bold;}
.cart-page .cart-boxs .table tbody tr td.cart-subtotal:before{content:'Subtotal:'; padding-right:2px; font-weight:bold;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon .input-text{max-width: 135px;}

.cart-page .cart-boxs .table tbody tr td .shop-coupon-form .coupon{justify-content: flex-end;}



.shopping-cart-footer,

.shopping-cart-footer .column{justify-content:center;}

.checkout-page #collapseLoginform .col-4 #loginform .col-6{width: 100%; margin-bottom: 15px;}

.checkout-page #collapseLoginform .col-4 #loginform .form-btn .btn{margin-top: 0 !important;}

.checkout-page .checkout-form .billing-fields .row,

.checkout-page .checkout-form .shipping_fields .row{padding-bottom: 0;}

.checkout-page .checkout-form .billing-fields .row .form-group,

.checkout-page .checkout-form .shipping_fields .row .form-group{padding-bottom: 15px;}



.order-thankyou-page ul.order-overview li{width: 100%; border-right: none; border-bottom: solid 1px rgb(29 44 70 / 10%); padding: 0 0 15px 0; display: flex; align-items: center;}

.order-thankyou-page ul.order-overview li strong{padding-left: 10px;}

.order-thankyou-page .addresses .col-6{width: 100%;}

.register-page form .col-12{width: 100%; padding: 0 0 15px;}



    .search-bar    .aligntop {top: 10px;}



    .container-fluid{width: 100%; padding: 0 ; padding-left: 5px ; margin: 0 auto;}

    .row {        --bs-gutter-x: 0;}

    .search-bar .input-group>.form-control{font-size:16px;padding-left: 35px;}

    .header-center-inner .header-center-left .main-logo{width:80vw; padding:10px; }

}



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

.top-bar-inner .zone a img{margin-right:5px;}

.search-bar .input-group>.form-control{padding-left:25px;}

.search-bar .input-group .btn{width:20px; background-size:contain;}

.search-bar .input-group{width:calc(80% - 10px);}

.search-bar{position:fixed; left:0; top:15px;  }

    .special-list ul {flex-wrap: nowrap!important;}

.header .header-center .header-center-inner{position:relative; padding:0 0 41px;}

.header-center-inner .header-center-left{margin:0;}

.header-center-inner .header-center-left .main-logo{padding-left:0;}

.header-center-inner .header-center-right{margin:0; width:calc(100% - 130px);}

.header-center-inner .header-center-right .header-center-right-box{border:none; padding:0 30px 0 10px;}

.category-main .category-inner .category-box{width:33.3%;}

.box-one-inner .callno a{font-size:20px;}

.box-one-inner .textstyle1{font-size:16px;}

.header-center-inner .header-center-right .header-center-right-box.box-two{padding:0; position:absolute; left:0; right:0; bottom:0; width:100%;}

.box-two .special-list ul{flex-wrap:nowrap; justify-content:space-between;}

.box-two .special-list ul li{padding:0; width:auto;}

.special-list ul li a img{padding-right:10px;}

.header-center-right .box-one{width:100%;}

.grid{  column-count: 3; }

.listing-header .d-flex{flex-wrap:wrap;}

.listing-header .d-flex > div{width:100%;}

.product-listing .listing-header .sortby-ordering label{white-space:nowrap;}

.product-listing .listing-header .sortby-ordering select{width:100%;}



.testimonials-page .row .testimonial-box .testimonial-outer{padding:20px 20px 40px;}

.testimonials-page .row .testimonial-box .testimonial-outer h5{right:200px; bottom:20px;}



.product-listing .product-main .col-12 > .row > .col-4{width:100%; padding-bottom:25px;}

.product-listing .product-main .col-12 > .row > .col-8{width:100%;}



.blog-list .col-lg-9 .col-lg-4{width:100%;}



    .search-bar   .aligntop {top: 10px!important;}

}



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

.footer-signup-inner .subscribe-form .form-field,

.footer-signup-inner .subscribe-form .form-btn{width:100%;}

footer .footer-menu ul{justify-content:space-between;}

.footer-category .col-4{width:calc(50% - 10px);}

footer .footer-menu ul{grid-row-gap:20px;}

    .special-list ul{margin: 10px; padding: 0; list-style: none; display: flex; flex-wrap: nowrap;}

    .search-bar .input-group{width:calc(60% - 10px);}  .aligntop {top: 10px;}



}



.mCSB_container{width:auto; padding-right:0px; overflow:hidden;}

.mCSB_container.mCS_no_scrollbar{margin-right:0;}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,

.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px;}

.mCustomScrollBox>.mCSB_scrollTools{width:2px; height:100%; top:0; right:0;}

.mCSB_scrollTools .mCSB_draggerContainer{position:absolute; top:0; left:0; bottom:0; right:0; height:auto;}

.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}

.mCSB_scrollTools .mCSB_draggerRail{width:2px; height:100%; margin:0 auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

.mCSB_scrollTools .mCSB_dragger{cursor:pointer; width:100%; height:30px;}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px; height:100%; margin:0 auto; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:center;}

.mCSB_scrollTools .mCSB_buttonUp,

.mCSB_scrollTools .mCSB_buttonDown{display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer;}

.mCSB_scrollTools .mCSB_buttonDown{top:100%; margin-top:-40px;}



/*dark (dark colored scrollbar)*/

.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#dde4e8;}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:var(--color-primary);}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:var(--color-primary);}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,

.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:var(--color-primary);}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}





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

/*.content{padding:50px 0;}

.mCustomScrollBox>.mCSB_scrollTools{left:15px;}

.mCSB_container{padding:0 15px 0 60px;}*/

    .special-list {flex-direction: row;}

    .aligntop {top: 10px!important;}

}