*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
html,body{font-family: 'HelveticaNeueLT Com 45 Lt';color:#1e323b;font-size:16px;margin: 0;padding: 0;font-weight: normal;letter-spacing: 1px;line-height: 1.6;}
body {margin-top: 112px;}
body.modal-open {padding-right: 0 !important;overflow: visible;}
img{ max-width:100%; height:auto;}
@font-face {
    font-family: 'HelveticaNeueLT Com 45 Lt';
    src: url('../fonts/HelveticaNeueLTCom-Lt.eot');
    src: url('../fonts/HelveticaNeueLTCom-Lt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTCom-Lt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTCom-Lt.woff') format('woff'),
        url('../fonts/HelveticaNeueLTCom-Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.container-fluid{padding-right: 50px;padding-left: 50px;}
a{color: #4c4c4c;}
a:hover{color: #000;}
a,a:focus,a:visited,a:hover{ outline:none; text-decoration:none;transition: all linear .3s;-o-transition: all linear .3s;    -ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;}
p{margin-bottom:25px;line-height: 1.6;}
p:empty{display:none;}
ul{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;font-family: 'HelveticaNeueLT Com 45 Lt';font-weight: 300;}
h1{font-size: 26px;line-height: 1.1;margin-bottom: 15px;}
h2{font-size: 26px;color: #000000;margin-bottom:30px;line-height: 1.2;}
h3{font-size: 20px;margin-bottom:10px;}
h4{font-size: 22px;margin-bottom:15px;line-height: 1.3;}
.btn{background: #000000;color: #fff;font-size: 16px;border:0;border-radius: 0;box-shadow: 0px 5px 6px 2px rgb(0 0 0 / 11%);-webkit-transition: none;-moz-transition: none;padding: 15px 25px;line-height: 1;position:relative;}
.btn:hover, .btn:focus {color: #fff;background-color: #2d2a28;border:0;box-shadow:0px 5px 6px 2px rgb(0 0 0 / 11%);}
.btn:active{color: #fff !important;background-color: #666!important;border:0!important;box-shadow:0px 5px 6px 2px rgb(0 0 0 / 11%)!important;-webkit-transition: none;-moz-transition: none;}
.box, .blogpost-page .new-comment .blog-post-add-comment-button {vertical-align: middle;display: block;/*padding: 17px 32px;*/text-align: center;transition: 0.5s;cursor: pointer;/*border:solid 2px #000;*/-webkit-transition:0.5s;}
/*.box:hover, .blogpost-page .new-comment .blog-post-add-comment-button:hover {border: 2px solid rgba(0,160,80,0);}*/
.box::before, .box::after {width: 100%;height:100%;z-index: 3;content:'';position: absolute;top:0;left:0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;}
/*.foo::before {border-bottom: 2px solid #bfbfbf;border-left: 2px solid #bfbfbf;-webkit-transform-origin: 0 100%;}
.foo::after {border-top: 2px solid #bfbfbf;border-right: 2px solid #bfbfbf;-webkit-transform-origin: 100% 0%;}
.box:hover::after, .box:hover::before {-webkit-transform: scale(1);}*/
.pms-lead-button{padding-left: 10px;padding-right: 10px;}

a.sendbtn {padding: 12px 20px;margin-bottom: 20px;}
/*********** NOTIFICATIONS & POPUPS 08042022  ***********/
.bar-notification-container { position: fixed; top: 0; left: 0; z-index: 1000;  width: 100%; line-height: 16px; color: #fff; opacity: 0.95;}
.bar-notification.success { background-color: #4bb07a;}
.bar-notification.error {background-color: #e4444c;}
.bar-notification.warning { background-color: #f39c12;}
.bar-notification { position: relative;  display: none; padding: 15px 25px 15px 10px;}
.bar-notification .content {margin: 0 10px 0 0;}
.bar-notification .content a {color: #fff; text-decoration: underline; }
.bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 7px; background: #fff url('../images/close.png') center no-repeat;  cursor: pointer; }

.eu-cookie-bar-notification {position: fixed;bottom: 0;width: 100%;z-index: 1;background: #000;color: #fff;margin: 0;-moz-box-shadow: 3px 2px 3px 6px rgba(0,0,0,0.16);-webkit-box-shadow: 3px 2px 3px 6px rgb(0 0 0 / 16%);box-shadow: 3px 2px 3px 6px rgb(0 0 0 / 16%);font-size: 16px;padding: 10px;text-align: center;}
.eu-cookie-bar-notification .text, .eu-cookie-bar-notification .buttons-more {display:inline-block;vertical-align:middle;letter-spacing: normal;}
.eu-cookie-bar-notification .buttons-more {margin-left: 10px;}
.eu-cookie-bar-notification .buttons-more a {color: #fff;}
.eu-cookie-bar-notification .buttons-more button {border: solid 1px #878787;padding: 3px 5px;line-height: 1.4;}

body.modal-open:before {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);content: "";z-index: 4;}

input, textarea, button, select{font-family: 'HelveticaNeueLT Com 45 Lt';letter-spacing: 1px;}
input, textarea, select{border: solid 1px #dbdbdb;height: 45px;font-size: 16px;letter-spacing: normal;padding: 5px 15px;transition: all linear .3s;}
input:focus, textarea:focus, select:focus{border-color:#000;transition: all linear .3s;}
select{background-color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;padding: 5px 10px;-webkit-appearance: none;-moz-appearance: none;background-image: url(../images/select-drop.png);background-repeat: no-repeat;background-position: top 18px right 10px;outline: none;height: 45px;border: solid 1px #dbdbdb;}
.clear {clear: both;}
.flLeft {float: left;}
.flRight {float: right;}
.downarrow{border: solid black;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.bold{font-weight: 700;}
.content-fluid{background: #fbfbfd;padding:30px 0 50px 0;}
.half{width: 50%;}
.fullw{width: 100%;}

/*Header*/
/*.hero-slider .theme-custom .nivo-controlNav{display: block !important;}
.hero-slider .theme-custom {margin: 0 !important;}*/
.hero-slider .theme-custom .nivo-controlNav a {border: solid 2px #ccc;}
.hero-slider .theme-custom .nivo-controlNav a.active {background-color: #000000;}
.hero-slider .theme-custom {margin: 0;}
.hero-slider .nivoSlider {height: calc(100vh - 112px);}
.hero-slider .screen-box2 .screen-box-image2 img{-webkit-filter:grayscale(0);filter:none;height: 100% !important;object-fit: cover;}

.header {position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index:999;box-shadow: 2px 2px 2px rgb(0 0 0 / 5%);}
.topbar{background: #ffffff;text-align: right;padding:10px 0;position: relative;}
.topbar:after {position: absolute;right: 0;bottom: 0;width: calc(100% - 100px);height: 1px;background: #dbdbdb;content: "";}
.topbar ul{font-size: 14px;}
.topbar ul li{margin-left: 10px;display: inline-block;vertical-align: middle;}
.topbar ul li select {width: 110px;padding: 1px 10px;height: 30px;border-color:#dbdbdb;background-color: transparent;color: #676767;font-size: 14px;background: url(../images/white-select-drop.png);background-repeat: no-repeat;background-position: top 11px right 7px;background-size: 14px;}
.topbar ul li select option {color: #000;}
.topbar ul li.head-region {margin-left: 6px;}
.topbar ul li a{color: #676767;position: relative;}
.topbar ul li a:hover{color: #b7b7b7;}
.topbar ul li.plogin a:before, 
.topbar ul li.locate a:before{display: inline-block;vertical-align: middle;content: "";background:  url(../images/sprite.png);background-repeat: no-repeat;width: 28px;height: 28px;padding: 3px;margin-right: 5px;transform: scale(0.7);}
.topbar ul li.plogin .ico-logout:before {background-position: -58px -25px;}
.topbar ul li.plogin a:before {background-position: 3px 0;}
.topbar ul li.locate a:before {background-position:-33px 1px;}
.leftcorner {position: absolute;width: 114px;left: 0;top: 0;z-index: 1;height: 112px;}


.navigation {background:#ffffff;padding:0;transition: all linear .3s;}
.navigation .container-fluid {padding-left: 100px;padding-right: 200px;}
/*.header.sticky {position: fixed;top: 0;left: 0;width: 100%;transition: all linear .3s;z-index: 2;}*/
.navigation .logo {max-width: 200px;}
.navigation .logo, .navigation .jmenu, .head-search{display: inline-block;vertical-align: middle;}
.navigation .jmenu {width: calc(100% - 423px);text-align: right;}
.sitenav ul{display: inline-block;vertical-align: middle;}
.sitenav ul li{display: inline-block;vertical-align:middle;text-transform:uppercase;color: #fff;margin-left: 40px;position: relative;font-size: 16px;}
.sitenav ul li a{color: #fff;}
.sitenav ul li:after{width:0;height:2px;content:"";position: absolute;left: 0;bottom: -10px;transition:all 150ms linear;background: #fff;}
.sitenav ul li:hover:after{width: 100%;}

.head-search {margin-left: 15px;position: relative;}
/*.head-search input.search-box-text {width: 0;padding: 0;border: none;transition: all linear .3s;}*/
/*.head-search .search-main {border: solid 1px #676767;background: transparent;color: #676767;padding:3px 10px;}*/
/*.head-search .search-main:hover{background: #676767;color: #fff;}*/
/*.head-search input.search-box-text {width: 0;opacity: 0;transition: all linear .3s;border: solid 1px #000;position: absolute;right: 0;top: 62px;    padding: 5px 15px;box-shadow: 2px 0px 13px 7px rgb(0 0 0 / 15%);}*/
.top-search {border: solid 1px #dbdbdb;}
.head-search .search-main {border:0;background: transparent;color: #a1a1a1;padding: 5px 10px 3px 10px;border-left: 0;margin:0px 0 0 -7px;}
.head-search input.search-box-text {transition: all linear .3s;border: 0;width: 160px;height: 35px;font-size: 16px;padding: 5px 10px;border-right: 0;position: relative;top: 0;}
.head-search input.search-box-text.search-visible {transition: all linear .3s;/*width: 500px;*/opacity: 1;}

/*Home Slider*/
.hero-slider{/*margin-top: 138px;*/overflow: hidden;position: relative;}
.hero-slider .halfbox {width: 100%;min-height: calc(100vh - 138px);}
.hero-slider .screen-box .screen-box-image, .hero-slider .screen-box .screen-box-image:hover img{transform:none;}
/*.hero-slider .screen-box .screen-box-image img{-webkit-filter: grayscale(0);filter: none;height: calc(100vh - 138px) !important;}*/
.hero-slider .hero-caption {position: absolute;bottom: 15%;width: 100%;color: #fff;}
.hero-slider .hero-caption .container-fluid, 
.hero-slider .hero-caption .container-fluid h1 {position: relative;}
.hero-slider .hero-caption .container-fluid:before {background: rgb(0 0 0 / 0%);background: radial-gradient(circle, rgb(0 0 0 / 60%) 20%, rgb(0 0 0 / 0%) 90%);content: "";position: absolute;height: 175px;top: -32px;left: 0;width: 43%;}

/*Section Fit Box*/
.section-fit-wrapper {overflow: hidden;}
.section-fit-wrapper .screen-box{padding: 30px;}
.screen-box {display: flex;position: relative;float: left;overflow: hidden;background-color: #fff;align-items: center;justify-content:center;}
.screen-box h2 {margin-bottom: 50px;}
.section-fit-wrapper .screen-box h2 {margin-bottom: 25px;}
.screen-box .btn {margin-right: 5px;}
.halfbox {width: 50%;/*min-height: 100vh;*/min-height: calc(100vh - 112px);}
.screen-box .screen-box-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background-position: center;background-size: cover;background-repeat: no-repeat;transition: transform .3s cubic-bezier(.39, .575, .565, 1),background .2s linear,opacity .4s linear;}
.section-fit-wrapper .screen-box .screen-box-image:before{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: 0.5s ease all;opacity: 0;transform: scale(0.1);content: "";z-index: 1;display: none;/*hover bg*/}
.section-fit-wrapper .screen-box .screen-box-image:hover:before{background: rgba(0,0,0,0.4);width: 100%;height: 100%;transition: 0.5s ease all;opacity: 1;transform: scale(1);content: "";}
.screen-box .screen-box-image img {height: 100%;width: 100%;object-fit: cover;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);transition: all linear .3s;}
.screen-box .screen-box-image img:hover{}
.profile {background: #8d8d8d;}
.screen-box .screen-box-image:hover img{transform: scale(1.040);-webkit-filter: grayscale(0);filter: none;transition: all linear .3s;}
.profile ul {max-width: 650px;text-align: center;}
.profile ul li {display: inline-block;vertical-align: middle;width: calc(33% - 26px);margin: 11px;border: solid 6px #fff;box-shadow: 0px 0px 14px 6px rgb(0, 0, 0, 0.17);position: relative;overflow: hidden;}
.profile ul li a img{display:block;filter:gray; -webkit-filter: grayscale(1); filter: grayscale(1);transition: all linear .3s;}
.profile ul li:hover{border: solid 6px #fff;}
.profile ul li:hover a img{transform: scale(1.040);-webkit-transform: scale(1.040);filter:inherit; -webkit-filter: inherit; filter:inherit;}

.profile ul li:nth-child(4), .box03 .profile ul li:nth-child(6) {position: relative;top: 110px;}
.profile ul li:nth-child(1), .box03 .profile ul li:nth-child(3) {position: relative;top: 110px;}

.profile ul li a:hover {border: 2px solid rgba(0,160,80,0);}
.profile ul li a::before, .box03 .profile ul li a::after {width: 80%;height:80%;z-index: 3;content:'';position: absolute;top:0;left:0;right: 0;bottom: 0;margin: auto; box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;}
.profile ul li a::before {border-bottom: 2px solid #666;border-left: 2px solid #666;-webkit-transform-origin: 0 100%;}
.profile ul li a::after {border-top: 2px solid #666;border-right: 2px solid #666;-webkit-transform-origin: 100% 0%;}
.profile ul li a:hover::after, 
.profile ul li a:hover::before {-webkit-transform: scale(1.190);}

.jaqlogo {margin-bottom: 25px;}

.getintouch{background: #4c4c4c;color: #fff;padding:90px 0 190px 0;overflow: hidden;}
.getintouch h2{margin: 0;color: #fff;}

.contact-wrapper{overflow: hidden;margin-top: -100px;padding: 0 5%;margin-bottom: 18px;}
.contact-wrapper .halfbox {padding: 60px 80px;border: solid 1px #ccc;min-height: 75vh;margin: 0 6px;width: calc(50% - 12px);}
.contact-wrapper .halfbox h2{color: #475457;}

.talk-sales ul li{display:inline-block;vertical-align:middle;min-width:253px;position: relative;}
.talk-sales ul li a {color: #475457;padding: 12px 10px 12px 60px;position: relative;border: solid 1px #a1a1a1;display: block;transition: all linear .3s;}
.talk-sales ul li a span{position: relative;z-index: 1}
.talk-sales ul li:first-child:before, 
.talk-sales ul li:last-child:before {background: #000 url(../images/sprite.png);background-repeat: no-repeat;position: absolute;width: 47px;height: 53px;content: "";left: 0;top: 0;border-right:solid 1px #a1a1a1;transition: all linear .3s;z-index: 1;}

.talk-sales ul li a:before {width:0;height: 53px;content: "";left: 0;top: 0;position: absolute;top: 0;transition: all linear .3s;}
.talk-sales ul li:hover a:before {background-color:#000;width:100%;height: 52px;content: "";left: 0;top: 0;border-right:solid 1px #a1a1a1;position: absolute;top: 0;transition: all linear .3s;}
.talk-sales ul li:hover a{color: #fff;}

.talk-sales ul li:first-child:before {background-position:-76px 13px;}
.talk-sales ul li:last-child:before {background-position:-123px 13px;}
.talk-sales ul li:hover:first-child:before, 
.talk-sales ul li:hover:last-child:before{background-color: #000;}

.formarea {width: 100%;}
.formarea .input-row {overflow: hidden;}
.formarea .input-row input, .formarea .input-row textarea {width: 100%;height: 64px;background: #f4f7f8;border: solid 1px #f4f7f8;padding: 10px 20px;margin-bottom: 15px;transition: all linear .3s;position: relative;}
.bottomform .formarea .input-row {position: relative;}
.bottomform .formarea .input-row input{padding: 10px 20px 10px 45px;}
.bottomform .formarea .fullname:before, 
.bottomform .formarea .phones:before, 
.bottomform .formarea .emails:before {z-index: 1;display: inline-block;vertical-align: middle;background: url(../images/sprite.png);background-repeat: no-repeat;width: 28px;height: 23px;content: "";position: absolute;top: 24px;left: 10px;}
.bottomform .formarea .fullname:before{background-position: -231px -105px;top: 19px;}
.bottomform .formarea .phones:before{background-position:-278px -77px;top: 20px;}
.bottomform .formarea .emails:before{background-position: -231px -70px;top: 22px;}

.formarea .input-row input:focus, .formarea .input-row textarea:focus, .mobile-code .registered-mobile input:focus{border-color: #475457;transition: all linear .3s;}
.formarea .input-row textarea{height: 140px;resize: none;}
.formarea .input-row .input-box {width: 49%;position: relative;}
.formarea .input-row .sendbtn, 
/*.mobile-code .registered-mobile .box {width: auto;background: #000;color:#fff;border-color: #b0b0b0;margin: 0;transition: all linear .3s;padding: 10px 32px;}*/
.formarea .input-row .sendbtn:hover{background: #666;}
.formarea .input-row .sendbtn:hover, .formarea .input-row .sendbtn:focus, 
.mobile-code .registered-mobile .box:hover;{background: #5e6d70;border-color: #a1a1a1;transition: all linear .3s;}
.formarea .input-row ::-webkit-input-placeholder {color: #aeb2b3;font-style: italic;}
.formarea .input-row ::-moz-placeholder {color: #aeb2b3;font-style: italic;}
.formarea .input-row :-ms-input-placeholder {color: #aeb2b3;font-style: italic;}
.formarea .input-row :-moz-placeholder {color: #aeb2b3;font-style: italic;}

.footer-wrapper{background: #0F0F0F;padding: 60px 0 25px 0;color: #d8d8d8;font-size: 14px;overflow: hidden; width: 100%;}
.footer-wrapper .container-fluid {max-width: 1580px;}
.footer-wrapper .cols {width: 22%;padding-right: 20px;}
.footer-wrapper .cols.availablesec {width: 33%;text-align: center;}
.footer-wrapper .cols.qlinks {padding-left: 80px;}
.footer-wrapper .cols.socialmedia {padding-right: 0px;}
.footer-wrapper h4{color: #fff;font-size: 18px;margin-bottom: 20px;}
.footer-wrapper ul {margin-left: 0px;}
.footer-wrapper ul li {margin-bottom: 7px;list-style: none;}
.footer-wrapper ul li a{color: #c4c4c4;transition: all linear .3s;}
.footer-wrapper ul li a:hover{color: #fff;position: relative;}
.footer-wrapper .cols.brands ul {margin: 0;}
.footer-wrapper .cols.brands ul li {list-style: none;}
/*.footer-wrapper .cols.brands ul li {margin-bottom: 25px;}*/
.coyright {padding: 0 15px;margin-top: 50px;overflow: hidden;width: 100%;text-align: center;}
.coyright ul li {display: inline-block;border-right: 1px solid #646464;font-size: 14px;padding: 0 12px;}
.coyright ul li:last-child {border-right:none;}

.virtual-model-footer {width: 30%;position: fixed;right: 3px;float: right;background: transparent;bottom: 3px;z-index: 999;}
.virtual-model-footer .virtual-footer-section input[type="button"], .virtual-model-footer .virtual-footer-section input[type="submit"] {min-width: 100px;background: #aaa;border: 1px solid #aaa;color: #fff;}
.virtual-model-footer h4.modal-title {color: #000;font-size: 18px;margin: 10px 0 0px;padding: 0;font-weight: 500;line-height: 100%;text-align: center;text-transform: uppercase;}
a.msgBox_virtual_meeting {position: fixed;top: 50%;width: 138px;height: 50px;left: -47px;}
.virtual-model-footer .modal-header .close {margin-top: -10px;}
/*.virtual-model-footer.widthextra {width: 40%;}*/
.virtual-model-footer.widthextra {width: 100%;top: 0;left: 0;right: 0;bottom: 0;padding-left: 0 !important;}
.virtual-model-footer iframe {border: 0;margin-bottom: 0;}
.virtual-model-footer {display: none;}

.virtual-model-footer.widthextra .modal-content {border-radius: 0;border: solid 2px #e5e5e8;}
.virtual-model-footer.widthextra .modal-content .modal-header {padding: 0;position: relative;border: none;}
.virtual-model-footer.widthextra .modal-content .modal-header .close {margin-top: 0;padding: 0;position: absolute;top: -2px;right: 17px;background: #000;opacity: 1;color: #fff;text-shadow: none;line-height: 1;width: 27px;z-index: 1;}
.virtual-model-footer.widthextra .modal-content .modal-header .close span {line-height: 1;position: relative;top: -3px;}
.virtual-model-footer.widthextra .modal-content .modal-body {padding: 0;position: relative;width: 100%;overflow: hidden;padding-top:420px;}
.virtual-model-footer.widthextra .modal-content .modal-body iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;    padding: 10px 10px 10px 10px;}

.brands {position: relative;}
.brands:after {margin: 50px auto 0;display: block;width: 50%;height: 1px;background: #fff;content: "";}
.brands ul li {display: block;vertical-align: middle;width: 100%;padding: 0;line-height: 1;margin-bottom: 15px;}

.playstore {max-width:65%;margin: 60px auto 0;}
.playstore ul li:first-child {margin-right: 8px;width: 44%;}
.playstore ul li {width: 42%;display: inline-block;vertical-align: middle;}
.playstore ul li a {display: block;margin: 10px 0;}

.appslinks ul {margin-top: 30px;}
.appslinks ul li {display: inline-block;vertical-align: top;width:34%;padding-right: 5px;}

.socials {margin-top: 80px;max-width: 150px;}
.socials ul{margin: 0;}
.socials ul li {list-style: none;font-size: 0;display: inline-block;}
.socials ul li a {position: relative;display: block;}
.socials ul li a:before {background: url(../images/sprite.png);background-repeat: no-repeat;padding: 12px;;margin: 0;content: "";display: inline-block;vertical-align: middle;background-position: 0 -54px;}
.socials ul li.linkdin a:before {background-position: 0 -54px;}
.socials ul li.twitter a:before {background-position: 0 -90px;}
.socials ul li.facebook a:before {background-position: 0 -126px;}
.socials ul li.youtube a:before {background-position: 0 -160px;}
.socials ul li.instagram a:before {background-position: 0 -193px;}
.socials ul li.blog a:before {background-position: -4px -227px;}
.socials ul li.warehouse a:before {background-position: -4px -266px;}
.copyright {text-align: right;margin-top: 40px;font-size: 16px;}

/*404*/
.error404 {overflow: hidden;padding: 30px 0;text-align: center;}
.error404 .content-message {padding: 50px;border: solid 1px #5d5a57;}
.box-content {max-width: 70%;margin: auto;}
.box-content .img404 {margin: 50px 0;}
.box-content ul{margin-top: 60px;}
.box-content ul li {display: inline-block;width: calc(25% - 17px);margin: 0 5px;border: solid 1px #a1a1a1;}

/*Breadcrumb*/
.breadcrumb-wreapper {padding: 0;background:#fafafa;}
.product-details-page .breadcrumb-wreapper {padding: 0px 100px;background:#fafafa;}
.breadcrumb-wreapper ul{font-size: 14px;}
.breadcrumb-wreapper ul li{display: inline-block;vertical-align: middle;color: #666;margin: 5px;}
.breadcrumb-wreapper ul li strong {font-weight: normal;color: #a3a3a3;}
.breadcrumb-wreapper ul li i{margin:0 8px 0 8px;}
.breadcrumb-wreapper ul li a{position: relative;color: #666;}
.breadcrumb-wreapper ul li a:hover{color: #000;}

/*Products List*/
.product-short-description{text-align: left;margin-bottom: 20px;}
.product-short-description h1{margin-bottom: 20px;text-align: center;}

.filter-sidebar, .product-sidebar{display: inline-block;vertical-align: top;}
.filter-sidebar {width: 23%;}
.filter-sidebar .plusminus1 {position: absolute;right: 20px;}
.filter-sidebar .block .plusminus1 {display: none;}
.filter-sidebar .pageaccordion .card-header .card-link{font-size: 18px;font-weight: normal;padding: 20px !important;}


.filter-sidebar .pageaccordion .card-header .card-link .plusminus1 .fa-plus{display: none;}
.filter-sidebar .pageaccordion .card-header .card-link[aria-expanded="false"]  .plusminus1 .fa-plus{display: block;}
.filter-sidebar .pageaccordion .card-header .card-link[aria-expanded="false"]  .plusminus1 .fa-minus{display: none;}
.filter-sidebar .pageaccordion .card-body {padding: 20px 30px;background: #fff;}
.filter-sidebar .pageaccordion .card-header .card-link.collapsed{font-size: 18px;padding: 20px 30px;border-bottom: solid 1px #dfe1e0;}
.filter-sidebar .pageaccordion .card, 
.filter-sidebar .block .card{border: solid 1px #dfe1e0;}
.filter-sidebar .block .card{/*border: solid 1px #dfe1e0;*/border: 0;border-radius: 0 !important;}

.filter-sidebar .block .card-header .card-link.collapsed:after, 
.filter-sidebar .block .card-header .card-link:after {position: absolute;right: 30px;font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;top: 35%;}
.filter-sidebar .block .card-header .card-link.collapsed:after, 
.filter-sidebar .block .card-header .card-link[aria-expanded="true"]:after {content: "\f068";}
.filter-sidebar .block .card-header .card-link[aria-expanded="false"]:after {content: "\f067";}

.tagswrap {overflow: hidden;margin-top: 15px;}
.block-popular-tags {margin-top: 20px;}
.tagswrap h4 {color: #4c4c4c;font-size: 21px;font-weight: 600;}
.tagswrap li {display: inline-block;vertical-align: top;margin: 4px 1px;}
.tagswrap li a {background: #fff;display: block;border: solid 1px #ccc;border-radius: 3px;padding: 3px 5px;font-size: 14px !important;text-transform: capitalize;}
.tagswrap li a:hover {border:solid 1px #000;}
.tagswrap li a span {color: #000;}
.tagswrap .viewall{margin-top: 15px;}
.tagswrap .viewall a{background: #000;color: #fff;padding: 3px 8px;font-size: 14px;display: inline-block;border-radius: 3px;}


.custominput span:before, .custominput span:after {content: "";display: inline-block;background: #898787;width: 0;height: 0.2rem;position: absolute;transform-origin: 0% 0%;}
.custominput {position: relative;height: 2rem;display: flex;align-items: center;}
.custominput input {position: absolute;right: 0;height: 21px;width: 21px;z-index: 12;cursor: pointer;opacity: 0;}
.custominput input:checked ~ span {background: #dfdfdf;border-color: #9e9fa1;}
.custominput input:checked ~ span:before {width: 14px;height: 2px;transition: width 0.1s;transition-delay: 0.1s;}
.custominput input:checked ~ span:after {width: 6px;height: 2px;transition: width 0.1s;transition-delay: 0.1s;}
.custominput input:disabled ~ span {background: #ececec;border-color: #dcdcdc;}
.custominput input:disabled ~ label {color: #dcdcdc;}
.custominput input:disabled ~ label:hover {cursor: default;}
.custominput label {position: relative;z-index: 2;cursor: pointer;margin-bottom:0;}
.custominput span {display: inline-block;width: 19px;height:19px;border: 1px solid #a1a1a1;position: absolute;right: 0;transition: all 0.2s;z-index: 1;box-sizing: content-box;}
.custominput span:before {transform: rotate(-55deg);top: 14px;left: 7px;}
.custominput span:after {transform: rotate(35deg);bottom: 6px;left: 4px;}

.selected-options {background: #f0f0f0;border: solid 1px #dfe1e0;margin-bottom: 20px;padding: 15px;position: relative;}
.selected-options h4 {color: #4c4c4c;font-size: 18px;}
.selected-options .clear-filter {position: absolute;top: 14px;right: 10px;font-size: 14px;color: #4c4c4c;}
.selected-options .clear-filter a{color: #4c4c4c;}
.selected-options .clear-filter a:hover{text-decoration: underline;}
.selected-options .clear-filter span{color: #666;}
.filterbox {border: solid 1px #dfe1e0;background: #fff;font-size: 16px;padding: 20px;margin-top: 20px;}

.product-sidebar {width: 76%;padding-left: 30px;}
.product-sorting {overflow: hidden;border-top: solid;border-bottom: solid;border-width: 1px;border-color: #dbdbdb;margin: 0 0 20px 0!important;padding: 9px 0;}
.product-sidebar .product-selectors {font-size: inherit;}
.product-sorting .filter-mobile {float: left;width: 45px;height: 28px;cursor: pointer;background: url(../images/sprite.png);background-repeat: no-repeat;margin: 0;content: "";background-position:-68px -72px;margin: 6px 10px 0 0;font-size: 0;display: none;}

.product-sorting .found-result {float: left;padding: 5px 0;}
.product-sorting .sortby {float: right;}
.product-sorting .sortbydrop {width: 230px;letter-spacing: normal;height: 40px;background-position: top 16px right 10px;}
.product-sorting .sortby span {text-transform: uppercase;margin-right: 10px;}
.selected-price-range span.to {float: right;}
.selected-price-range span.from, .selected-price-range span.to {font-size: 16px;color: #000;}
.filter-sidebar .pageaccordion .card-body .ui-widget.ui-widget-content {border: 1px solid #000000;margin-top: 10px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: 1px solid #000000;}
.close-filters {display: none;}

.card-body ul.list li {color: #000;margin-bottom: 5px;font-size: 16px;}
.card-body ul.list li a {color: #000;position: relative;}
.card-body ul.list li a:before {font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;top: 0;content: "\f105";display: inline-block;margin-right: 5px;}

.product-list ul {display: flex;flex-direction: row;flex-wrap: wrap;}
.product-sidebar .product-list ul li{padding: 35px 25px 65px 25px;}
.product-sidebar .product-list ul li .price-box {position: absolute;bottom: 10px;width: 100%;padding: 0 25px;left: 0;}
.product-list ul li {flex: 0 0 33.40%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 42%, rgba(246,246,248,1) 100%);padding:45px;border:solid 2px #dfe1e0;margin: -1px;text-align: left;position: relative;transition: all linear .3s;}
.product-list ul li:hover {box-shadow:1px 4px 16px 6px rgb(0 0 0 / 22%);z-index: 1;border-color:#a1a1a1;transition: all linear .3s;}
.product-list ul li .product-thumb {margin-bottom: 20px;text-align: center;}
.product-list ul li h2 {font-size: 22px;color: #4c4c4c;margin-bottom: 10px;}
.product-list ul li .product-code { font-size: 16px;}
.product-list ul li h2 a{color: #4c4c4c;}
.product-list ul li h2 a:hover{color: #000;}
.product-list ul li .product-code span {text-transform: uppercase;}
.product-list ul li .price-box {overflow: hidden;margin-top: 30px;}
.product-list ul li .price-box .prices {font-size: 20px;margin-top: 10px;color: #4c4c4c;line-height: 1;}
.product-list ul li .price-box .shortlist {color: #fff;}
.product-list ul li .price-box .shortlist a {color: #fff;background:#9e9fa1;line-height: 34px;border-radius: 5px;padding: 0 15px;display: block;}
.product-list ul li:hover .price-box .shortlist a {color: #fff;background: #000;}
.product-list ul li .quick-view {position: absolute;top: 19px;right: 19px;}
.product-list ul li .quick-view a {color: #4c4c4c;font-size: 16px;position: relative;}
.product-list ul li .quick-view a:after {display: inline-block;vertical-align: middle;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 33px;height: 31px;padding: 3px;margin-left: 10px;background-position: -9px -308px;transform: scale(0.8);}
.product-list ul li .quick-view a:hover:after {background-position: -49px -308px;}

.product-list .quick-view-button {position: absolute;top: 33px;right: 12px;opacity: 1;width: 140px;left: auto !important;}
.product-list .quick-view-button a {font-size: 0;width: auto;background:transparent;position: relative;height: auto; padding: 10px 30px 10px 0;}
.product-list .quick-view-button a:after {position: absolute;top: 0;right: 0;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 33px;height: 31px;padding: 3px;margin-left: 10px;background-position: -9px -308px;transform: scale(0.8);}

body .selected-options-list > li span {padding: 5px 20px 5px 5px;margin: 0 6px 5px 0;color: #666;cursor: pointer;background-color: #c6c6c6;background-position: top 8px right 5px;border: solid 1px #9f9f9f;border-radius: 5px;font-size: 14px;}

/*code by suntec 07052021*/
.product-grid ul {display: flex;flex-direction: row;flex-wrap: wrap;}
.product-sidebar .product-grid ul li{padding: 35px 25px 65px 25px;}
.product-sidebar .product-grid ul li .price-box {position: absolute;bottom: 10px;width: 100%;padding: 0 25px;left: 0;}
.product-grid ul li {flex: 0 0 33.40%;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 42%, rgba(246,246,248,1) 100%);padding:45px;border:solid 2px #e9ebea;margin: -1px;text-align: left;position: relative;transition: all linear .3s;}
.product-grid ul li:hover {box-shadow:1px 4px 16px 6px rgb(0 0 0 / 22%);z-index: 1;border-color:#a1a1a1;transition: all linear .3s;}
.product-grid ul li .product-thumb {margin-bottom: 20px;text-align: center;}
.product-grid ul li h2 {font-size: 18px;color: #4c4c4c;margin-bottom: 5px;min-height: 43px;}
.product-grid ul li .product-code { font-size: 14px;}
.product-grid ul li h2 a{color: #4c4c4c;}
.product-grid ul li h2 a:hover{color: #000;}
.product-grid ul li .product-code span {text-transform: uppercase;}
.product-grid ul li .price-box {overflow: hidden;margin-top: 30px;}
.product-grid ul li .price-box .prices {font-size: 18px;margin-top: 10px;color: #4c4c4c;line-height: 1;}
.product-grid ul li .price-box .shortlist {color: #fff;}
.product-grid ul li .price-box .shortlist a {color: #fff;background:#9e9fa1;line-height: 33px;font-size: 15px;border-radius: 5px;padding: 0 15px;display: block;}
.product-grid ul li:hover .price-box .shortlist a {color: #fff;background: #000;}
.product-grid ul li .quick-view {position: absolute;top: 19px;right: 19px;}
.product-grid ul li .quick-view a {color: #4c4c4c;font-size: 16px;position: relative;}
.product-grid ul li .quick-view a:after {display: inline-block;vertical-align: middle;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 33px;height: 31px;padding: 3px;margin-left: 10px;background-position: -9px -308px;transform: scale(0.8);}
.product-grid ul li .quick-view a:hover:after {background-position: -49px -308px;}

.product-grid .quick-view-button {position: absolute;top: 33px;right: 12px;opacity: 1;width: 140px;left: auto !important;}
.product-grid .quick-view-button a {font-size: 0;width: auto;background:transparent;position: relative;height: auto; padding: 10px 30px 10px 0;}
.product-grid .quick-view-button a:after {position: absolute;top: 0;right: 0;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 33px;height: 31px;padding: 3px;margin-left: 10px;background-position: -9px -308px;transform: scale(0.8);}



.prdct_feature .row { margin-bottom: 10px;}
.features {margin: 30px 0 0 0;}
.features h1 {font-size: 30px;}
.features h2 {margin-bottom: 15px;font-size: 26px;}
.features h3 {font-size: 20px;font-weight: 600;margin-bottom: 15px;}
/*.features ul li {margin-bottom: 25px;display: block;background: #fbfbfd;padding: 35px;}*/
.features ul {margin: 0 0 20px 0;}
.features ul li {margin-bottom: 15px;display: block;padding: 0;}
.features ul li p:last-child{margin-bottom: 0;}
.features ul li h4{font-weight: 700;font-size: 20px;margin-bottom: 15px;color: #4c4c4c;}
.features ul li:last-child {margin-bottom: 0;}
.features ul li .feature-desc {width: calc(100% - 150px);display: inline-block;vertical-align: top;margin-left: 35px;}
.features ul li .featureImg {width:65px;height:65px;border-radius:10px;overflow:hidden;display: inline-block;vertical-align: top;}
.features ul li .featureImg img {object-fit: cover;height: 100%;}

/*Product details*/
.product-details-page .product-collateral .product-tags-box {margin-top: 30px;}
.detail-page {padding: 0px 0 50px 0;}
.detail-page .StickySidebar {padding-bottom: 0px !important;}
.product-detail {display: flex;flex-direction: row;flex-wrap: wrap;}
/*.product-detail .product-detail-left {background: #554f5b;}*/
.product-detail .equalbox {flex: 0 0 50%;position: relative;width: 50%;/*min-height: 50vh !important;*/}
/*.product-detail .product-detail-left .detailImg{height: 100vh;}*/
.product-detail .product-detail-left .picture {text-align: center;}
.product-detail .product-detail-left .detailImg img{height: calc(100vh - 192px);width: auto;object-fit: cover;transition: opacity 150ms linear;}
.magnifier {border: transparent !important;}

.rotation3D_view{position: relative;}
.rotation3D_view button.close {position: absolute;top: 21px;left: 21px;background: #000;opacity: 1;z-index: 1;text-shadow: none;color: #fff;font-size: 18px;width: 30px;height: 30px;}
.rotation3D_view .modal-body {position: relative;width: 100%;overflow: hidden;padding: 0;padding-top: calc(100vh - 188px);}
.rotation3D_view .modal-body iframe, .rotation3D_view .modal-body embed {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
.rotation3D_view .modal-body p {margin: 0;}

.enlarge-roataion {overflow: hidden;background: #000;padding: 0 35px;color: #fff;  min-height:50px;}
.enlarge-roataion a {width: 28px;height: 28px;font-size: 0;display: inline-block;vertical-align: top;background: url(../images/sprite.png);background-repeat: no-repeat;transition: none;}
.enlarge-roataion .flLeft {float: right;}
.enlarge-roataion .flLeft a {background-position: -433px -67px;width: 54px;height: 32px;margin: 10px 0;}
.enlarge-roataion .flRight {display: none;}
.enlarge-roataion .flRight a {background-position: -445px -108px;position: relative;top: 1px;}

.product-detail .detail-header {padding:30px 80px 30px 80px;position:relative;background: #fafafa;}
.product-detail .detail-header h2 {color: #4c4c4c;font-size: 20px;margin-bottom: 15px;font-weight: 600;}
.product-detail .detail-header p { font-size: 18px;}
.product-detail .detail-header .detail-back {position: absolute;left: 20px;top: 20px;}
.product-detail .detail-header .detail-back a {position: absolute;width: 43px;height: 43px;vertical-align: middle;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;background-position: -103px -305px;transition: none;}
.product-detail .detail-header .detail-back a:hover {background-position: -153px -305px;}
.whitebox {overflow: hidden;margin:0;}
.whitebox ul li {display: block;}
/*.whitebox ul li a {border: none;display: block;background: transparent;padding: 0;margin: 0 0 10px 0;line-height: 1.4;}
.whitebox ul li a:hover{background: #f1f1f1;}
.whitebox ul li span {text-transform: uppercase;}*/
.whitebox ul li:first-child{margin-left: 0;}
.whitebox ul li:last-child{margin-right: 0;}

.whitebox ul li .ProductRange, 
.whitebox ul li .ProductSku, .shortDdiv span.shortD, 
.product-detail .detail-header .product-price span.Productprice {float: left;width: 110px;display: inline-block;font-weight: 600;vertical-align: top;}
.whitebox ul li .value, .shortDdiv span, 
.product-detail .detail-header .product-price h4 span {width: calc(100% - 115px);display: inline-block;vertical-align: top;}
.product-detail .detail-header .product-price span.Productprice {font-size: 16px;}
.product-detail .detail-header .product-price h4 span {font-size: 18px;}


.product-detail .detail-footer{padding: 30px 80px 50px 80px;}
.colors h4 {color: #4c4c4c;font-size: 30px;margin-bottom: 10px;}
.colors ul li {width: 44px;cursor: pointer;border: solid 3px #e4e3e3;margin-right: 6px;margin-bottom: 6px;height: 44px;display: inline-block;vertical-align: top;}
.colors ul li.selected-value{border-color: #666;box-shadow: 0px 3px 7px 3px rgb(0 0 0 / 25%);}
.colors ul li.cl1 {background: #f1f1f3;}
.colors ul li.cl2 {background: #c8b196;}
.colors ul li.cl3 {background: #a88b88;}
.colors ul li.cl4 {background: #808185;}
.colors ul li.cl5 {background: #2f3336;}
.colors ul li.cl6 {background: #ddc178;}
.colors ul li.cl7 {background: #d9ab3b;}
.colors ul li.cl8 {background: #585858;}
.colors ul li.cl9 {background: #b9b2ac;}
.colors ul li.cl10 {background: #f1f5f4;}

.colors ul li label {display: block; margin-bottom: 0; }
.colors ul li span {display: block;height: 38px;}
.colors ul li input[type="radio"] {display: inline-block;vertical-align: top;-webkit-appearance: none;margin-top: -20px;height: 0;border: none;}

.product-detail .pricesbox{margin: 45px 0 55px 0;}
.product-detail .disclaimer {margin-bottom: 10px;}
.product-detail .pricesbox h4{margin-bottom: 30px;}
.product-detail .pricesbox h4 span{font-weight:500;}
.product-detail .pricesbox ul.form-quantity li {display: inline-block;vertical-align: top;margin-right: 6px;}
.product-detail .pricesbox ul.form-quantity li .qty {height: 46px;width: 83px;text-align: center;color: #000;}
.product-detail .detail-footer .color-finished, 
.product-detail .detail-footer span.color-label {display: inline-block;font-size: 18px;}
.product-detail .detail-footer .value, .product-detail .detail-footer span.color-label { font-size: 18px;font-weight: normal;}
.product-detail .detail-footer span.color-label strong {color: #000;font-weight: normal;}
.product-detail .detail-footer .colors {margin-top: 10px;}

.pageaccordion .card {border-radius: 0;margin-bottom: 20px;border-color: #a1a1a1;}
.pageaccordion .card-header {border-bottom: none;background: transparent;padding: 0;line-height: 1;}
.pageaccordion .card-header .card-link {background: #fafafa;font-size: 21px;font-weight: 700;padding: 20px 60px 20px 20px;display: block;position: relative;color: #4c4c4c;}
a.wld {font-size: 21px;color: #4c4c4c;font-weight: 700;padding: 0px 60px 0px 20px;position: relative;top: -21px;display: inline-block;}
.pageaccordion .card-header .card-link.collapsed, 
.filter-sidebar .block .card-header  {background: #f6f6f6;border: none;font-weight: normal;color: #4c4c4c;}
.filter-sidebar .block .card-header {padding: 0;}
.filter-sidebar .block .card-header a.card-link {padding: 15px 20px;display: block;position: relative;}
.pageaccordion .collapsing {transition: inherit !important;}
.pageaccordion .card-body {background: #fafafa;padding: 10px 20px 30px 20px;/*max-height: 90px;overflow: scroll;overflow-x: hidden;*/}
ul.downloadPDF li {display: inline-block;vertical-align: top;margin: 3px;}
ul.downloadPDF li a {display: block;border: solid 1px #a1a1a1;background: #fff;padding:9px 7px 6px 7px;position: relative;font-size: 16px;}
ul.downloadPDF li a:before {width: 22px;display: inline-block;height: 30px;vertical-align: middle;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;background-position: -208px -344px;margin-right: 2px;transform: scale(0.8);}
ul.downloadPDF li a:hover:before{background-position: -208px -311px;}

.plusminus {position: absolute;right: 40px;}
.pageaccordion .card-header .card-link .plusminus .fa-minus, 
.pageaccordion .card-header .card-link.collapsed .plusminus .fa-plus {display: block;}
.pageaccordion .card-header .card-link .plusminus .fa-plus, 
.pageaccordion .card-header .card-link.collapsed .plusminus .fa-minus {display: none;}

.page-carousel {padding: 0 50px;margin: 30px 0 50px;/*position: relative;z-index: 9999;*/}
.page-carousel h2{text-align: center;margin-bottom: 50px;}
.page-carousel .item {border: solid 1px #e2e4e3;overflow: hidden;/*padding: 40px */0;background: #fff;}
.page-carousel .item img {width: auto;margin: auto;}
.page-carousel .owl-theme .owl-nav {margin-top: 0px;position: absolute;top: 50%;width: 100%;}
.page-carousel .owl-theme .owl-nav [class*=owl-]{position: absolute;font-size: 50px;line-height: 1; z-index:4100;}
.page-carousel .owl-theme .owl-nav .owl-prev {left: -30px;}
.page-carousel .owl-theme .owl-nav .owl-next {right: -30px;}
.page-carousel .owl-carousel .owl-stage{padding-bottom: 1px;overflow: hidden;}
.page-carousel .owl-carousel.owl-drag .owl-item{overflow: hidden;}

.hover-deatil {padding: 15px;overflow: hidden;background-color: #fff;position: absolute;bottom:-10px;left: 0;right: 0;margin: auto;width:100%;transform: translateY(100%);transition: all linear .3s;box-shadow: 0px -6px 15px 3px rgb(0 0 0 / 9%);border: solid 1px #e2e4e3;border-top: none;}
.page-carousel .item:hover .hover-deatil{transform: translateY(0)!important;transition: all linear .3s;bottom: 0px;}
.owl-carousel .owl-item img {transform: scale(1);max-width: 100%;transition: 0.5s ease all; filter: gray; -webkit-filter: grayscale(1);filter: grayscale(1);transition: all linear .3s;    z-index: 1;}
.page-carousel .item:hover img {transition: all linear .3s;transform: scale(1.2); -webkit-filter: grayscale(0); filter: none;}
.hover-deatil h2 {text-align: left;margin-bottom: 7px;font-size: 16px;}
.hover-deatil .product-code {margin-bottom: 10px;font-size: 14px;}
.hover-deatil .price-box .prices {font-size: 18px;color: #4c4c4c;line-height: 1;margin-top: 7px;}
.hover-deatil .price-box .shortlist {color: #fff;}
.hover-deatil .price-box .shortlist a {color: #fff;background: #9e9fa1;line-height: 35px;border-radius: 5px;padding: 0 10px;display: block;}
.hover-deatil .price-box .shortlist a:hover{background: #000;}
.pageaccordion .card-body.accrodion-slider {margin: 0;}
.accrodion-slider .hover-deatil h2 {font-size: 16px;margin-bottom: 0;line-height: 1.3;}
.accrodion-slider .hover-deatil h2 a{color: #000;}
.accrodion-slider .hover-deatil h2 a:hover{color: #4c4c4c;}
.other-products-slider.owl-carousel .owl-item img {-webkit-filter: grayscale(0);filter: none;}
.other-products-slider {position: relative;/*z-index: 4001;*/}

/*Product category*/
.categories-list ul {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.categories-list ul li {box-shadow:1px 1px 14px 1px rgb(0 0 0 / 9%);/*flex: calc(25% - 30px);*/width: calc(25% - 30px);background: #fff;padding:20px;border:solid 1px #e5e5e8;margin: 15px;text-align: center;position: relative;transition: all linear .3s;}
.categories-list ul li:hover {box-shadow:1px 4px 16px 6px rgb(0 0 0 / 22%);z-index: 1;border-color:#a1a1a1;transition:all linear .3s;}
.categories-list ul li .product-thumb img {transform: scale(1);max-width: 100%;transition: 0.5s ease all;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);transition: all linear .3s;}
.categories-list ul li .product-thumb a{display: block;position: relative;cursor: pointer;overflow: hidden;}
.categories-list ul li .product-thumb a:before{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: 0.5s ease all;opacity: 0;transform: scale(0.1);content: "";z-index: 1;display: none;}
.categories-list ul li .product-thumb:hover a:before{background: rgba(0,0,0,0.4);width: 100%;height: 100%;transition: 0.5s ease all;opacity: 1;transform: scale(1);content: "";}
.categories-list ul li .product-thumb:hover img {transform: scale(1.2);-webkit-filter: grayscale(0); filter: none;}
.categories-list ul li h2 {font-size: 18px;color: #4c4c4c;margin: 20px 0 0 0;}
.categories-list ul li h2 a{color: #4c4c4c;}
.categories-list ul li h2 a:hover{color: #000;}

.cate-description, .prdct_feature {border: solid 1px #e5e5e8;background: #ffffff; padding: 30px 50px;margin-bottom: 15px;}
.cate-description p, .prdct_feature p { margin-bottom: 15px;}

/*Locate us*/
.locate-list {max-width: 1570px;margin: auto;}
.locate-list ul {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.locate-list ul li {/*flex: calc(50% - 30px);*/width: calc(50% - 30px);background: #fff;padding:20px;border:solid 1px #e5e5e8;margin: 15px;position: relative;transition: all linear .3s;}
.locate-list ul li h2 {font-size: 20px;color: #4c4c4c;margin:20px 0 5px 0;position: relative;}
.locate-list ul li a{color: #4c4c4c;display: block;text-align: left;overflow: hidden;}
.locate-list ul li img{transition: all linear .3s;filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); transition: all linear .3s;}
.locate-list ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); filter: inherit;-webkit-filter: inherit; filter: inherit;}
.locate-list ul li h2 a:hover{color: #000;}
.locate-list ul li h2 .fa-arrow-circle-right {position: absolute;right: 0;font-size: 32px;color: #000;}
.locate-list ul li h2:hover .fa-arrow-circle-right {color: #666;}

/*Warranty Certificate*/
.content-fluid.warranty-wrapper{background: #fff;padding: 10px 0 30px 0;}
.warranty-box{border: solid 1px #000;overflow: hidden;}
.mobile-code {padding:20px 125px;display: flex;flex-direction: column;align-items: inherit;}
.mobile-code .registered-mobile {display: flex;flex-direction: column;margin:0 0 30px 0;}
.screen-box .screen-box-image:hover {transform: none;}
.mobile-code .registered-mobile input[type="text"], 
.mobile-code .registered-mobile input[type="email"], 
.mobile-code .registered-mobile input[type="tel"], 
.mobile-code .registered-mobile input[type="textarea"], 
.mobile-code .registered-mobile select {width: 380px;transition: all linear .3s;}
.mobile-code .registered-mobile p {margin-bottom: 10px;}
.mobile-code .registered-mobile .sendotp .code {width: 105px;text-align: center;margin-right: 6px;}
.mobile-code .registered-mobile .inputrow {margin-bottom: 20px;}
.mobile-code .registered-mobile .btn{box-shadow: none;}
/*.mobile-code .registered-mobile .box {color: #fff;text-transform: uppercase;padding: 13px 32px;}*/

.resend  {text-decoration: underline;position: relative;}
.resend:hover{text-decoration: none;}
.resend:after{display:inline-block;vertical-align:middle;content:"";background:#fff url(../images/sprite.png);background-repeat:no-repeat;width:28px;height:28px;border-radius:50%;background-position:-231px -1px;margin-left:10px;}
.mobile-code .registered-mobile .cancelbtn .box {background: #2d2a28;}
.warranty-box .screen-box-image:hover img{transform: none;}

/*Our Designer*/
.designer-wrapper{background: #fff;padding: 0;}
.designer-wrapper .product-short-description {max-width: 70%;text-align: center;margin: 0 auto 80px;}
.designer-wrapper .halfbox {min-height: 645px;width: 45%;margin-bottom: 60px;padding: 0 220px 0 120px;}
.designer-wrapper .halfbox.imgbox {width: 55%;}
.designer-wrapper .halfbox .photo {position: absolute;top: 35px;max-width: 140px;left: 35px;z-index: 1;border: solid 6px #fff;box-shadow: 0px 0px 14px 6px rgb(0 0 0 / 17%);}
.designercol .screen-box h2 {margin-bottom: 25px;}

/*Login*/
.loginarea {overflow: hidden;}
.loginarea .halfbox {width: 50%;min-height: calc(100vh - 250px);padding: 50px 125px;}
.loginarea .loginbox{border-left: solid 1px #dfe1e0;}
.loginarea label {display: block;margin-bottom: 8px;line-height: 1;}
.loginarea .loginbox .remembers label {font-size: 16px;font-weight: 600;float: left;}
.loginarea .loginbox .inputrow.remembers input {width: 18px;height: 18px;position: relative;top: 3px;}
.loginarea .loginbox .inputrow {max-width: 480px;letter-spacing: normal;}
.loginarea .loginbox .inputrow input{width: 100%;}
.loginarea .loginbox .remembers .forgot {float: right;font-size: 16px;font-weight: 600;text-decoration: underline;}
.loginarea .loginbox .remembers .forgot:hover {text-decoration: none;}
.login-wrapper .captcha-box {margin-bottom: 15px;}

.loginarea.recovery img {max-width: 290px;}
.register-wrapper .widthwrap {width: 650px;}
.register-wrapper .loginbox .inputwrap .inputrow {width: 49%;}
.register-wrapper .halfbox {width: 35%;}
.register-wrapper .loginbox {width: 65%;}
.register-wrapper .loginbox h4 {font-size: 20px;border-bottom: solid 1px #dfe1e0;padding-bottom: 15px;margin-bottom: 25px;}
.register-wrapper .loginbox .form-check-inline {max-width: inherit;display: inline-block;}
.register-wrapper .loginbox .form-check-inline label {display: inline-block;}
.register-wrapper .loginbox .form-check-inline input {width: 20px;height: 20px;position: relative;top: 4px;}
.mb30 {margin-bottom: 30px;}
.newsletter-check.form-check-inline .form-check-input {margin-left: 0;}
.register-wrapper .loginbox .newsletter-check label {font-weight: 600;}
/*.register-wrapper .loginbox .newsletter-check input {margin-left: 15px;}*/
.register-wrapper .loginbox .inputrow {max-width: 100%;position: relative;}
.register-wrapper .loginbox .inputrow select{width: 100%;background-position: top 23px right 10px;}
.register-wrapper .loginbox .profession-list .inputrow {width: 170px;}
.register-wrapper .loginbox .professiontext {margin-bottom: 20px;}
.register-wrapper .loginbox .professiontext strong {position: relative;}
.error-star {position: absolute;right: -11px;top: 0;color: #F01;font-weight: 600;line-height: 1;}
.loginarea .loginbox .inputrow input{position: relative;z-index: 1;}


/*Elite Series*/
.elite-wrapper .resp-tabs-list li {background: transparent;border: none;font-size: 34px;font-weight: normal;color: #4c4c4c;width: 25%;text-align: center;border-radius: 0;position: relative;margin: 0 !important;}
.elite-wrapper .resp-tabs-list li:after{position: relative;}
.elite-wrapper .resp-tabs-list li.resp-tab-active:after{position: absolute;bottom: 0;left: 0;width: 100%;background: #565656;height: 6px;content: "";}
.elite-wrapper .product-short-description {text-align: center;margin: 50px auto 50px;max-width: 70%;}
.elite-wrapper .custom-accordion ul.resp-tabs-list  {border-bottom: solid 1px #ccc;overflow: hidden;}
.elite-wrapper .custom-accordion .categories-list ul li {box-shadow:none;padding: 0;border: solid 1px #dfe1e0;}
.elite-wrapper .custom-accordion .categories-list ul li .product-thumb { position: relative;}
.elite-wrapper .custom-accordion .categories-list ul li .product-thumb:hover a:before, 
.elite-wrapper .custom-accordion .categories-list ul li .product-thumb a:before {display: none;}
.elite-wrapper .custom-accordion .categories-list ul li:before {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;transition: 0.5s ease all;opacity: 0;transform: scale(0.1);content: "";z-index: 1;display: none;}
.elite-wrapper .custom-accordion .categories-list ul li:hover:before {background: rgba(0,0,0,0.6);width: 100%;height: 100%;transition: 0.5s ease all;opacity: 1;transform: scale(1);content: "";}
.elite-wrapper .custom-accordion .categories-list ul li .viewbtn {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 66px;transform: scale(0.1);transition: 0.5s ease all;opacity: 0;z-index: 1;max-width: 173px;}
.elite-wrapper .custom-accordion .categories-list ul li:hover .viewbtn .btn {max-width: 173px; margin: auto;}
.elite-wrapper .custom-accordion .categories-list ul li:hover .viewbtn {transform: scale(1);transition: 0.5s ease all;opacity: 1;}
.elite-wrapper .custom-accordion .categories-list ul li:hover .viewbtn .btn .box {padding: 17px 31px;}
.elite-wrapper .resp-tabs-container{background: transparent;}
.elite-wrapper .resp-tab-content {border: none;padding: 30px 0 0;}
.elite-wrapper .pro-disc {padding: 30px;text-align: left;}
.elite-wrapper .pro-disc h2{margin: 0 0 15px 0;color: #1e323b;}
.elite-wrapper .pro-disc .smallTxt {margin-bottom: 10px;}
.elite-wrapper .pro-disc .prices {font-size: 22px;font-weight: 600;}
.elite-wrapper .pro-disc .prices span{font-weight: 400;}
.elite-wrapper .custom-accordion .categories-list ul li img{transform: scale(1);max-width: 100%;transition: 0.5s ease all; filter: gray; -webkit-filter: grayscale(1);filter: grayscale(1);transition: all linear .3s;}
.elite-wrapper .custom-accordion .categories-list ul li:hover img{transform: scale(1.2); -webkit-filter: grayscale(0); filter: none;}

/*Topic Page*/
.topic-description h1{margin-bottom: 30px;text-align: center;}
.topic-editor ul {margin-bottom: 30px !important;}
.topic-editor ul li {margin-bottom: 10px;padding: 0;display: list-item;}
.topic-editor ul, .topic-editor ul li ul {list-style: disc;margin: 0 0 0 20px;}

.topic-editor h4 {font-size: 22px;color: #000;}
.topic-editor.media-room ul {list-style: none;margin: 0;}
.topic-editor.media-room ul li strong {min-width: 130px;display: inline-block;}

.topic-editor.media-room {margin-bottom: 50px;}
.topic-editor.media-room h4 {margin-bottom: 30px;}
/*.categoryTopiceditor .categories-list h2 {width: 60%;font-size: 20px;line-height: 1.3;text-transform: uppercase;display: inline-block;vertical-align: middle;margin: 0;padding-right: 20px;font-weight: 600;}*/
.categoryTopiceditor .categories-list h2 a{color: #000;}
.categoryTopiceditor .categories-list h2 a:hover{color: #4c4c4c;}
/*.categoryTopiceditor .categories-list .product-thumb {width: 40%;display: inline-block;vertical-align: middle;}*/


/*Contact*/
.contact-page .locate-list {max-width: inherit;}
.contact-page .container-fluid{max-width: 1580px;}
.contact-gray {background: #f0f4f8;padding: 30px 0;}
.contact-gray h1{text-align: center;margin-bottom: 30px;}
.contact-page .office-sec ul {max-width: 1060px;margin: auto;}
.contact-gray ul {margin: 0;}
.contact-gray ul li {margin: 0;border: none;background: transparent;}
.contact-gray ul li.offices {width: 35%;display: table;}
.contact-gray ul li.offices .headquarter {margin-bottom: 60px;display: table-cell; vertical-align: middle;}
.contact-gray ul li.offices .headquarter:last-child {margin-bottom: 0px;}
.contact-gray ul li.offices address {margin-bottom: 10px;}
.contact-gray ul li.offices address strong {display: block;}
.contact-gray ul li.locatios {width: 63%;margin-left: 20px;position: relative;overflow: hidden;padding-top: 32.25%;background: #fff;box-shadow: 0px 5px 6px 2px rgb(0 0 0 / 11%);}
.contact-gray ul li.locatios iframe {border: solid 5px #fff !important;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border-radius: 5px;}
.contact-gray .offices .email-phone a {display: inline-block;margin-right: 20px;position: relative;}
.contact-gray .offices .email-phone a:before, 
.representatives ul li a.phone:before{display:inline-block;vertical-align:middle;content:"";background: url(../images/sprite.png);background-repeat:no-repeat;width:28px;height:20px;border-radius:0;margin-right:7px;}
.contact-gray .offices .email-phone a.email:before{background-position:-231px -49px;}
.contact-gray .offices .email-phone a.email:hover:before{background-position:-231px -70px;}
.contact-gray .offices .email-phone a.phone:before, 
.representatives ul li a.phone:before {background-position: -281px -48px;height: 23px;}
.contact-gray .offices .email-phone a.phone:hover:before, 
.representatives ul li a.phone:hover:before {background-position: -281px -76px;height: 23px;}
.office-sec {padding: 20px 0;}

.office-subsidiary{background: #413d3a;padding: 60px 0 30px 0;}
.contact-page h2{text-align: center;}
.office-subsidiary h2{color: #fff;}
.office-subsidiary ul li {width: calc(25% - 16px);margin: 8px;padding: 0;border: none; position: relative;}
.office-subsidiary ul li .product-thumb {display: none;}
.office-subsidiary ul li .ovelay-content {position:static;top:0;left:0;right:0;bottom: 0;margin: auto;display: table;height: 100%;width: 100%;}
.office-subsidiary ul li .companyaddress {display: table-cell;vertical-align: middle;position: relative;color: #000;padding: 30px;text-align: left;}
.office-subsidiary ul li .ovelay-content:before {background:#ffffff !important;width: 100%;height: 100%;transition: 0.5s ease all;
position: absolute;content: "";}
.office-subsidiary ul li .companyaddress h4 {color:#000;margin-bottom: 10px;}
.office-subsidiary ul li .product-thumb:hover img {transform: none;}
.office-subsidiary ul li .companyname {min-height: 20px;font-size: 14px;line-height: 1.2;margin-bottom: 10px;text-transform: uppercase;}
.office-subsidiary ul li .companyname strong {font-weight: 400;display: block;}
.office-subsidiary ul li address {margin: 0;position: relative;padding-left: 35px;line-height: 1.4;}
.office-subsidiary ul li address:before {position: absolute;left: 0;top: 8px;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 17px;height: 24px;border-radius: 0;background-position:-336px -4px;}
.greenoverlay:before{background-color: rgb(6 124 0 / 70%) !important;}
.brownoverlay:before{background-color:rgb(159 46 29 / 70%) !important;}
.skyblueoverlay:before{background-color: rgb(4 158 215 / 70%) !important;}
.darkorangeoverlay:before{background-color:rgb(207 104 2 / 70%) !important;}
.darkblueoverlay:before{background-color: rgb(29 99 151 / 70%) !important;}
.purpleoverlay:before{background-color: rgb(109 23 125 / 70%) !important;}
.darkgoldoverlay:before{background-color: rgb(161 121 0 / 70%) !important;}
.darkgreenoverlay:before{background-color: rgb(0 152 161 / 70%) !important;}

.representatives {background: #f0f4f8;padding: 30px 0;}
.contact-page .representatives {margin-bottom: -50px;}
.representatives .container-fluid {width: 100%;max-width: 100%;}
.representatives .search-area {border: solid 2px transparent;text-align: center;width: 580px;margin: auto;display: table;background: #fff;box-shadow: 0px 0px 11px 7px rgb(0 0 0 / 2%);transition: all linear .3s;margin-bottom: 20px;}
.representatives .search-area:hover, .representatives .search-area:focus {border: solid 2px #666;transition: all linear .3s;}
.representatives .search-area input[type=text] {padding: 10px 20px;border: solid 2px #fff;float: left;width: 90%;height: 68px;background: #fff;}
.representatives .search-area button {float: left;width: 10%;padding: 10px;background: #fff;color: #000000;font-size: 28px;border: 2px solid #fff;border-left: none;cursor: pointer;}
.representatives ul{margin: 0 0 0 0;}
.representatives ul li {text-align: left;padding:25px 30px;box-shadow: 1px 1px 17px 5px rgb(0 0 0 / 2%);border: none;width: calc(20% - 20px);margin: 10px;font-size: 16px;}
.representatives ul li a.phone:before {transform: scale(0.8);margin-right: 2px;}
.representatives ul li h5{margin-bottom: 10px;font-size: 16px;}

/*Orientation*/
.orientation-page h1, .orientation-page h2{text-align: center;}
.orientation-hero {position: relative;margin-top: 50px;}
.orientation-hero .owl-dots {margin: 0 0 0 0 !important;position: absolute;left: 0;right: 0;bottom: 10px;}
.orientation-hero .owl-dots .owl-dot span {border: solid 2px #fff;width: 15px;height: 15px;}   
.orientation-hero .owl-carousel .owl-item img{filter: none; -webkit-filter: inherit;}
.visit-form {position: absolute;top:30px;right:30px;animation: 0;max-width: 480px;background: rgb(0 0 0 / 85%);color: #d1d1d1;line-height: 1.5;padding: 35px 45px;z-index: 1;}
.orientation-hero .item {height: 800px;}
.orientation-hero .item img {object-fit: cover;height: 100%;}
.visit-form h2 {font-size: 24px;text-align: left;color: #fff;margin-bottom: 25px;}
.visit-form .inputrow{margin-bottom: 20px;}
.visit-form input{width: 100%;border-color: #fff;}
.visit-form .inputrow.telecode .phone {width: calc(100% - 150px);margin-right: 11px;}
.visit-form .btn:hover {background: #676767;}
.visit-form .btn .box {/*padding: 12px 20px;border-color: #949494;background: #949494;color: #fff;margin-top: -4px;*/}
.flow{overflow: hidden;}
.visit-form .btn {display: inline-block;background: #949494;border-color: #949494;width: 130px;padding: 15px 5px;}
.visit-form .inputrow .resendotp {text-align: right;margin-top: 15px;}
.visit-form .inputrow .resendotp a{color: #fff;}
.visit-form .inputrow .resendotp a:after {background-position: -202px -1px;background-color: transparent;border-radius: 0;}
.visit-form .foo::before, .visit-form .foo::after{display: none;}
.visit-form .inputrow.enterotp p {width: calc(100% - 170px);display: inline-block;vertical-align: top;margin: 0;}
.visit-form .inputrow.enterotp input {width: 132px;margin-left: 30px;}
.visit-form .inputrow.sharing-detail {font-size: 14px;}
.visit-form .inputrow.accept-check {font-size: 14px;}
.visit-form .inputrow.accept-check a{color: #fff;}
.visit-form .inputrow.accept-check a:hover{text-decoration: underline;}
.visit-form .inputrow.accept-check .form-check-input {width: 16px;height: 16px;margin-top: 3px;}
.visit-form .inputrow.accept-check .form-check-label {width: calc(100% - 172px);margin-left: 26px;}
.visit-form .inputrow.accept-check .btn .box{/*width: 132px;*/}
.visit-form .inputrow.accept-check .btn:hover{background: #676767;}

.wojaq .contact-gray {padding: 80px 110px;text-align: center;}
.wojaq .contact-gray ul {margin-top: 50px;}
.wojaq .contact-gray ul li {display: inline-block;width: calc(16% - 20px);margin: 10px 10px;position: relative;vertical-align: top;}
.wojaq .contact-gray ul li:before {display:inline-block;vertical-align:middle;content:"";background:url(../images/sprite.png);background-repeat:no-repeat;width:148px;height:148px;transition:all linear .3s;border-radius:100%;margin-bottom: 10px;transform: scale(.8);}
.wojaq .contact-gray ul li:nth-child(1):before {background-position:-7px -396px;}
.wojaq .contact-gray ul li:nth-child(2):before {background-position:-164px -396px;}
.wojaq .contact-gray ul li:nth-child(3):before {background-position:-324px -396px;}
.wojaq .contact-gray ul li:nth-child(4):before {background-position:-2px -554px;}
.wojaq .contact-gray ul li:nth-child(5):before {background-position:-167px -554px;}
.wojaq .contact-gray ul li:nth-child(6):before {background-position:-330px -554px;}

.vidsec {margin-top: 90px;}
.vidsec .vidframe {width: 55%;position: relative;overflow: hidden;padding-top: 28.25%;}
.vidsec .vidframe iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
.vidsec .experience {width: 40%;text-align: left;}
.vidsec .experience h2{text-align: left;margin-top: 20px;}

.orientation-page.content-fluid {background: #fff;padding-bottom: 0;}
.orientwrap {background: #fff;padding-bottom: 0;}
.orientwrap.representatives ul li {box-shadow: none;border: solid 1px #a1a1a1;font-size: 16px;line-height: 1.4;color: #4c4c4c;padding:30px 35px;}
.orientwrap.representatives ul li:hover{box-shadow: 1px 4px 16px 6px rgb(0 0 0 / 22%);}
.orientwrap.representatives ul li h5 {margin-bottom: 20px;}
.orientwrap.representatives ul li .email {position: relative;margin-top: 15px;}
.orientwrap.representatives ul li .email:before {display: inline-block;vertical-align: middle;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 25px;height: 20px;border-radius: 0;margin-right: 7px;background-position: /*-410px -4px*/-410px -26px;}
.orientwrap.representatives ul li .email:hover:before {background-position:-410px -26px;}

.orientwrap.representatives ul li address, .orientwrap.representatives ul li .phone{position: relative;padding-left: 30px;margin-top: 10px;}
.orientwrap.representatives ul li address:before, .orientwrap.representatives ul li .phone:before{position: absolute;left: 0;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 28px;height: 23px;border-radius: 0;margin-right: 7px;top:0px;}
.orientwrap.representatives ul li address:before{background-position: /*-336px -3px*/-336px -37px;}
.orientwrap.representatives ul li address:hover:before{background-position: -336px -37px;}
.orientwrap.representatives ul li .phone:before{background-position: /*-369px -6px*/-369px -37px;top: -2px;}
.orientwrap.representatives ul li .phone:hover:before{background-position: -369px -37px;}

/*Plan your bathroom*/
.custom-bathroom .product-detail .detail-header{background: transparent;padding: 30px 80px 0px 80px;}
.custom-bathroom .detail-back {position: static !important;}
.custom-bathroom .breadcrumb-wreapper {margin: 70px 0 0px 0;}
.custom-bathroom .product-detail .detail-footer {padding: 100px 300px 100px 80px;}
.custom-bathroom ul.form-quantity {margin-top: 50px;display: block;}
.custom-bathroom .product-detail .pricesbox ul.form-quantity li .btn{position: relative;}
.custom-bathroom .product-detail .pricesbox ul.form-quantity li .btn:before {display: inline-block;vertical-align: middle;content: "";background: url(../images/sprite.png);background-repeat: no-repeat;width: 28px;height: 28px;background-position: -248px -343px;transition: none;margin-left: 15px;}
/*.custom-bathroom .product-detail .pricesbox ul.form-quantity li .btn:hover:before {background-position: -248px -309px;transition: none;}*/
.custom-bathroom .product-detail .pricesbox ul.form-quantity li .box {padding: 13px 20px 13px 10px;border: none;}

.plan-bath-list > ul {display: flex;flex-direction: row;flex-wrap: wrap; border-bottom: solid 1px #a1a1a1;}
.plan-bath-list > ul > li {/*flex: 33.44%;width: 33.44%;*/    background: #fff;padding: 0px;/*border: solid 1px #a1a1a1;*/margin: 0;position: relative;transition: all linear .3s;    font-size: 16px}
.plan-bath-list > ul > li.product-img-box .product-thumb {margin-right: 0;border-left: 0;text-align: center;}
/*.plan-bath-list > ul > li.product-img-box .product-thumb img {object-fit: cover;height: 100%;width: 100%;}*/
.plan-bath-list > ul > li.product-img-box {width: 35%;border-right: solid 1px #a1a1a1;margin-bottom: -1px;}
.plan-bath-list > ul > li.product-code-box {width:65%;margin-bottom: -1px;}
.plan-bath-list > ul > li.product-img-box .product-thumb img {max-width: 400px; margin: auto;}
.plan-bath-list > ul > li.product-img-box .all-product-price, 
.plan-bath-list > ul > li.product-img-box .colors {padding: 15px;}
.plan-bath-list > ul > li.product-img-box .colors h4{margin-bottom: 25px;}
.plan-bath-list > ul > li.product-img-box .colors ul {max-width: 330px;}
.plan-bath-list > ul > li.product-img-box .colors ul li{margin: 5px;}
.plan-bath-list > ul > li.product-img-box p {margin-bottom: 10px;line-height: 1;font-size: 16px;}
.plan-bath-list > ul > li.product-img-box .prices {font-size:20px;line-height: 1;}

.products-remove-wrap.customizetab {margin-bottom: 50px;}
/*.products-remove-wrap.customizetab .card-body {background: #ffffff;}*/
.products-remove-wrap.customizetab .card-header .card-link.collapsed {background: #fafafa;color: #000;}
.products-remove-wrap.customizetab .card-header .card-link {background: #413d3a;color: #fff;font-weight: normal;}
.products-remove-wrap.customizetab .removeborder .card-body {padding: 0;}

.inner-list {display: flex;flex-direction: row;flex-wrap: wrap;border-bottom: solid 1px #a1a1a1;}
.inner-list .halfcol{background: #fff;padding:0px;/*border-bottom: solid 1px #a1a1a1;*/margin:0px;position: relative;transition: all linear .3s;padding:10px 15px;}
.inner-list:last-child {margin-bottom: -1px;}


.qty .count {color: #000;display: inline-block;vertical-align: top;height: 45px;padding: 0;margin: 0 -8px;font-weight: 600;min-width:95px;text-align: center;border: solid 1px #9e9fa1;}
.qty .plus, .qty .minus {cursor: pointer;display: inline-block;vertical-align: top;color: white;width: 45px;height: 45px;text-align: center;background: #9e9fa1 !important;font-size: 24px;font-weight: 700;}

.qty span{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.qty input{  border: 0;width: 2%;}
.qty input::-webkit-outer-spin-button,
.qty input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.qty input:disabled{background-color:white;}

.pricecode .radiobtn {display: inline-block;width: 40px;vertical-align: top;}
.plan-bath-list .pricecode .radiobtn { margin-top: 16px;}
.pricecode .codesearch {width: calc(100% - 50px);display: inline-block;vertical-align: top;}
.price-qty .pricebox, .price-qty .pricesubtotal {width: 49%;display: inline-block;vertical-align: top;font-size: 20px;}
.pricecode .input, .pricecode select {width: 100%;}
.pricecode .inputrow {margin: 0 0 7px 0;}
.pricecode .codesearch .inputrow:last-child {margin-bottom: 0;}
.pricecode .radiobtn .form-check-input {margin: -20px 0 0 0;height: 20px;width: 20px;}
.price-qty .pricesubtotal .subtotal {font-size: 20px;line-height: 1;margin-top: 2px;}
.price-qty .pricebox .product-price h4 {font-size: 20px;margin-bottom: 5px;}
.price-qty .pricebox, .price-qty .pricesubtotal .qty {font-size: 20px;margin-bottom: 0 !important;}

.pager {padding-left: 0;margin: 40px 0 20px 0; text-align: center; list-style: none}
.pager li {display: inline-block;vertical-align: top;margin: 0 5px;}
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px;background-color: #fff; border: 1px solid #ddd;  }
.pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee }
.pager .next > a, .pager .next > span { float: right }
.pager .previous > a, .pager .previous > span {float: left }
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777;cursor: not-allowed; background-color: #fff }
.pager li.next-page a, .pager li.previous-page a {background: #ddd; }

.flr{padding-bottom:10px; background-color: #ffffff;}
.flr table{border-collapse:collapse;width:100%;font-size:15px}
.flr th{background-color:#fafafa;border:1px solid #ddd;text-align:left;padding:4px;font-weight:500}
.flr td{border:1px solid #ddd;text-align:center;padding:4px}
.flr tr.bld{font-weight:500}

.orientation-page.dealers {padding-top: 0;}
.find-dealers {background: #5d5a57;padding: 30px 0 70px;margin-bottom: 30px;}
.find-dealers h1 {color: #fff;}
.dealers .orientwrap {padding-top: 20px;}
.dealers .orientwrap ul {margin: 0;}
.dealerlist ul {width: 1070px;margin: 40px auto 0;}
.dealerlist ul li {display: inline-block;padding: 0 10px;width: 32%;}
.dealerlist ul li select {width: 100%;border-color: #fff;padding: 0 20px;}

.content-fluid.catalog-wrapper {background: #fff;}
.categories-list.grid_02 ul li {width: calc(50% - 30px);padding: 0;margin-bottom: 0;}
.categories-list.grid_02 ul li img {object-fit: cover; height: 100%;}
.categories-list.grid_02 ul li .product-thumb:hover img {transform: scale(1.02);}
.grid_02 .dealerlist{padding:40px 30px;background: #f7f7f7;margin-bottom: 15px;}
.grid_02 .dealerlist ul {max-width: 100%;margin: 0;}
.grid_02 .dealerlist ul li {box-shadow: none;margin: 0 10px;width:calc(50% - 20px);border: none;background: transparent;}
.grid_02 .dealerlist ul li select {border: solid 1px #e5e5e8;}
/*.grid_02 .dealerlist ul li:last-child {width: 95px;}*/
.grid_02 .dealerlist ul li .box {padding: 4px 32px;font-size: 28px;}
.categories-list.grid_02 ul li:first-child {border: none;box-shadow: none;background: transparent;}

.categories-list.grid_03 ul li:hover .product-thumb a:before {background: rgba(0,0,0,0.4);width: 100%;height: 100%;transition: 0.5s ease all;opacity: 1;transform: scale(1);content: "";}
.catalog-footer {overflow: hidden;padding: 20px 0px 0px 0px;text-align: left;}
.catalog-footer h2 {margin: 0 !important;}
.catalog-footer .flRight a {width: 28px;height: 28px;font-size: 0;display: inline-block;vertical-align: top;background: url(../images/sprite.png);background-repeat: no-repeat;transition: none;margin-left:10px;transform: scale(0.8);}
.catalog-footer h2.flLeft {width: calc(100% - 110px);}
.catalog-footer .flRight {width: 110px;text-align: right;}
.catalog-footer .flRight a.fullscreen {background-position: -349px -73px;}
.catalog-footer .flRight a.fullscreen:hover {background-position:-349px -107px;}
.catalog-footer .flRight a.downloads {background-position:-392px -74px;}
.catalog-footer .flRight a.downloads:hover {background-position:-392px -108px;}

.price-qty .pricebox .qty-value {width: 60%;}
.price-qty .pricebox .qty-value .min-qty-notification {font-size: 15px;line-height: 1.4;margin-bottom: 10px;padding: 35px 10px;}
.price-qty .pricebox .qty-value input {text-align: center;height: 45px;font-size: 20px;width: 60px;padding: 5px 15px;}
.products-remove-wrap .inner-list .halfcol.remove-pro {width: 10%;text-align: center;}
label.mobile-remove {display: none;}
.products-remove-wrap .inner-list .halfcol.remove-pro input {height: 17px;width: 17px;position: static;margin: 0;}
.products-remove-wrap .inner-list .halfcol{width:45%;border-left: solid 1px #a1a1a1;}
.products-remove-wrap .inner-list .halfcol:first-child {border-left: 0;}
.products-remove-wrap .qty-value {position: relative;}
.products-remove-wrap .qty-value-wrap .spaces {position: absolute;right: -50px;top: 9px;}
.products-remove-wrap .card-header{position: relative;}
.products-remove-wrap .card-header .form-check {position: absolute;right: 90px;top: 21px;color: #979797;}
.products-remove-wrap .card-header .form-check input {height: 18px;width: 18px;margin-left: 10px;}

.plan-bath-products{/*background: #fff;*/}
.plan-bath-products .step-pic {border: solid 1px #fff;border-bottom: none;}
.plan-bath-products .custom-accordion ul.resp-tabs-list {margin-left: -10px;margin-right: -10px;border: none;}
.plan-bath-products .resp-tabs-list li {font-size: 14px; font-weight: normal; width:calc(20% - 20px);padding: 0 !important;margin: 20px 10px!important;border: none;}
.plan-bath-products .resp-tabs-list li h4{font-size: 20px;line-height: 1;margin-bottom: 5px;}
.plan-bath-products .resp-tabs-list li.resp-tab-active:after{display: none;}
.plan-bath-products .resp-tabs-list li.resp-tab-active .step-caption {position: relative;background: #000000;color: #fff;padding: 25px 15px;}
.plan-bath-products .resp-tabs-list li.resp-tab-active .step-caption:after {position: absolute;width: 100%;background: #000;content: "";height: 20px;bottom: -20px;left: 0;}
.step-caption {background: #5d5a57;color: #fff;padding: 25px 15px;}
.step-caption p {margin: 0;line-height: 1.3;}
.plan-bath-products .resp-tabs-container {background: #070707;color: #fff;padding: 30px;}
.plan-bath-products .resp-tab-content {padding: 0;overflow: hidden;border: none;}
.plan-bath-products .resp-tab-content h4{color: #fff;}
.plan-bath-products .resp-tab-content .leftcol, 
.plan-bath-products .resp-tab-content .rightcol {display: inline-block; vertical-align: top;}
.plan-bath-products .resp-tab-content .leftcol {width: 58%;padding: 70px;}
.plan-bath-products .resp-tab-content .rightcol {width: 40%;text-align: right;}

.coordinate-bathroom{margin-top: 50px;}
.coordinate-bathroom h2{text-align: center;}
.list-coordinate ul{display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.list-coordinate ul li{width:calc(50% - 30px);background: #fafafa;margin: 15px;}
.list-coordinate ul li .cordinate-photo, .list-coordinate ul li .cor-disc {display: inline-block;vertical-align: middle;}
.list-coordinate ul li .cordinate-photo {width: 250px;}
.list-coordinate ul li .cor-disc {width: calc(100% - 260px);padding: 15px 45px;}
.list-coordinate ul li .cor-disc p:last-child{margin-bottom: 0;}

.categoryTopiceditor, .topic-description {padding: 30px 0 0;}
.testimonials-detail .testi-detail-iframe {width: 40%;display: inline-block;vertical-align: top;}
.testimonials-detail .testi-iframe {position:relative;overflow: hidden;padding-top:78.25%;border: solid 10px #2b2b2b;margin-bottom:25px;}
.testimonials-detail .testi-iframe iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
.testimonials-detail .testi-detail-content {display: inline-block;width: 60%;vertical-align: top;padding: 0;}
.testi-detail-content .testmonial-block {display: inline-block;vertical-align: top;width: 50%;padding: 0 40px;margin-bottom: 30px;}
.testi-detail-content .testmonial-block h2 {font-size: 24px;font-weight: 600;margin-bottom: 15px;}
.testi-detail-content .testmonial-block ul {list-style: disc;margin: 0 0 0 20px;}
.testi-detail-content .testmonial-block ul li {margin-bottom: 5px;}

/*BLog page*/
.blog-wrapper .filter-sidebar {width: 250px;}
.blog-wrapper .product-sidebar {width: calc(100% - 250px);padding-left: 70px;}
.blogpost-page ol {margin-left: 20px;}
.block-blog-archive .title, 
.block-popular-blogtags .title {font-size: 18px;text-transform: uppercase;margin-bottom: 15px;}
.block-blog-archive ul.list li.year {margin-bottom: 25px;}
.block-blog-archive ul.list li.year ul li {border-bottom: solid 1px #ddd;padding: 6px 0;position: relative;}
.block-blog-archive ul.list li.year ul li span {position: absolute;right: 0;font-weight: 700;}
.block.block-popular-blogtags ul.tags li {display: inline-block;vertical-align: top;margin: 4px 3px;}
.block.block-popular-blogtags ul.tags li a {background: #fff;display: block;border: solid 1px #ddd;border-radius: 3px;padding: 3px 5px;font-size: 14px !important;text-transform: uppercase;}
.block.block-popular-blogtags ul.tags li a:hover {border: solid 1px #000;}
.blog-posts {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.blog-posts .post {box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);/* flex: calc(25% - 30px); */width: calc(33% - 20px);background: #fff;padding: 40px;border: solid 1px #e5e5e8;margin: 10px;position: relative;transition: all linear .3s;}
.blog-posts .post .post-title {font-size: 16px;display: block;margin-bottom: 15px;text-transform: uppercase;color: #000;font-weight: 600;}
.blog-posts .post .blog-image {margin-bottom: 20px;}
.blog-posts .post .post-title:hover{color: #4c4c4c;}
.blog-posts .datecomment {display: block; margin-bottom: 8px;}
.blog-posts .post .post-date, .blog-posts .post read-comments {font-size: 16px;margin: 0 10px 0 0;}
.blog-posts .post .blog-details {display: block;margin-top: 10px;}
.blog-posts .post .blog-details .read-more {text-transform: capitalize;margin-left: 10px;text-decoration: underline;}
.blog-posts .post .blog-details .read-more:hover {text-decoration: none;}
.blogpost-page p br {display: none;}

.blogpost-page h1{font-size: 30px;margin-bottom: 30px;}
.blog-page h1 {font-size: 30px;margin-bottom: 20px;}
.blogpost-page .new-comment, .blogpost-page .comment-list {background: #fff;padding: 35px 50px;}
.blogpost-page .new-comment .title, .blogpost-page .comment-list .title {text-transform: uppercase;margin-bottom: 35px;}
.blogpost-page .new-comment .notifications .result {margin-bottom: 15px;color: #009349;}
.blogpost-page .new-comment label {display: block;}
.blogpost-page .new-comment .enter-comment-text {height: 150px;width: 60%;padding: 10px 15px;transition: all linear .3s;resize: none;}
.blogpost-page .new-comment .blog-post-add-comment-button {background: #000;color: #fff;text-transform: uppercase;padding: 15px 25px; line-height: 1;}
.blogpost-page .new-comment .blog-post-add-comment-button:hover {background: #666;}
.blogpost-page .comment-list .title {margin-bottom: 25px;}
.blogpost-page .comment-list .blog-comment {margin-top: 15px;border-top: solid 1px #ddd;padding-top: 15px;}
.blogpost-page .comment-list .blog-comment .username {color: #000;font-weight: 600;text-transform: capitalize;}
.blogpost-page .blog-image {margin-bottom: 15px;}
.blogpost-page .post-body a {color: #00f;}

.pageaccordion .card-header .card-link {background: #ffffff;}
.faqpage .pageaccordion .card-body {background: #ffffff;padding: 20px;}
.faqpage .pageaccordion .card-header .card-link{position: relative;}
.faqpage .pageaccordion .card-header .card-link:after {position: absolute;right: 30px;top: 33%;content: "\f068";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.faqpage .pageaccordion .card-header .card-link.collapsed:after {position: absolute;right: 30px;top: 33%;content: "\f067";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.faqpage .card-header h3 {margin-bottom: 0;}

.topic-editor.customer-support {text-align: center;max-width: 70%;margin: auto;}
.topic-editor.customer-support ul {list-style: none;margin: 0 !important;display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px !important;margin-right: -15px !important;justify-content: center;}
.topic-editor.customer-support ul li {width: calc(33% - 50px);background: #fff;margin: 25px;position: relative;transition: all linear .3s;ext-align: center;}
.topic-editor.customer-support ul li .register-img img {width: 100%;border: solid 10px #000;}
.topic-editor.customer-support ul li h4 {margin: 30px 0;min-height: 60px;}
.topic-editor.customer-support ul li .btn {width: 250px;text-transform: uppercase;}
.topic-editor.customer-support ul li .btn .box{display: block;}

.orientation-page.dealers .categories-list ul li {padding: 25px;}
.orientation-page.dealers .categories-list ul li .phone:before{top: 2px;}
.orientation-page.dealers .categories-list li br {display: none;}
.orientation-page.dealers .categories-list ul li .phone { word-break: break-all;}

.login-wrapper {margin-bottom: -50px;}
.private-messages-page .ui-widget {border-radius: 0;border: none;}
.private-messages-page .ui-tabs {padding: 0;border: none;border-radius: 0;background: transparent;}
.private-messages-page .ui-tabs .ui-tabs-nav {padding: 0;border: none;background: transparent;font-weight: normal;}
.private-messages-page .ui-tabs .ui-tabs-nav li.ui-state-active {background: #000;}
.private-messages-page .ui-tabs .ui-tabs-nav li {background: #2b2b2b;border-color: #2b2b2b;}
.private-messages-page .ui-tabs .ui-tabs-nav li a {color: #fff;font-size: 16px;    line-height: 1.4;}
.private-messages-page .ui-tabs .ui-tabs-panel {background: #fff;border: solid 1px #e3e3e3;font-size: 16px;position: relative;}


.careers-page ul li {margin: 0 5px 0 0;padding: 0;}
.careers-page ul li a {padding: 10px 15px;display: block;background: #2b2b2b;color: #fff;}
.careers-page .tab-content {background: #fff;padding: 30px;}
.careers-page ul.news-items li {display: inline-block;width: 33%;}

.topic-editor.glossarypage ul li{margin-bottom: 10px;padding: 10px 15px 20px 0;display: list-item;border-bottom: solid 1px #e3e3e3;list-style: none;}
.topic-editor.glossarypage ul li:last-child{margin-bottom: 0px;padding-bottom: 0;border-bottom: 0;}
.topic-editor.glossarypage ul li:before {content: "\f111";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 10px;font-size: 10px;}

.logo-usage-page .officials {width: 100%;}
.logo-usage-page {overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;}
.logo-usage-page .complogos ul li {display: block;overflow: hidden;margin: 15px 0;}
.logo-usage-page .complogos ul li .flLeft {width: 100%;}
.logo-usage-page .complogos {display: inline-block;vertical-align: top;background: #ffffff;overflow: hidden;border: solid 1px #dbdbdb;padding: 20px;margin-right: 10px;}

.virtual-page {max-width: 80%;margin: 50px auto 0;}
.virtual-page .iframewrapes ul li {width: 54%;display: inline-block;padding: 0;vertical-align: top;padding-right: 50px;}
.virtual-page .iframewrapes ul li img {border: solid 10px #000;}
.virtual-page .iframewrapes ul li.iframe2 {position: relative;overflow: hidden;padding-top:0px;  width: 45%;}
.virtual-page .iframewrapes ul li.iframe2 iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
.lead-form-details-New .vmcol input {width: 100%;border-radius: 0;font-size: 16px;}
.lead-form-details-New .vmcol input:focus {border-color: #000;box-shadow: none;}
.lead-form-details-New .vmco2, .lead-form-details-New .vmcol6 {text-align: right;margin-top: 10px;}
.lead-form-details-New .btn, .lead-form-details-New .vmcol6 .btn {width: 120px;border: solid 2px #000;background: #000 !important;text-transform: uppercase; font-size: 16px;}
.lead-form-details-New .btn:hover, .lead-form-details-New .vmcol6 .btn:hover {background: #666 !important;}
.lead-form-details-New .accept-privacy-policy input {height: auto;}

.vmdisc {background: #fbfbfd;padding: 30px;margin-top: 30px;}
.vmdisc ul.vmclass li {margin-bottom: 10px;}
.vmdisc ul.vmclass li:last-child {margin-bottom: 0px;}
.vmdisc ul.vmclass li:before {content: "\f105";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 10px;}

.block-customer-navigation .card-header, .account-page .page-title {background: transparent !important;margin-bottom: 20px;}
.block-customer-navigation .card-header h2, 
.account-page .page-title h1 {font-size: 22px;margin: 0 0 15px 0;}
ul.accountlist li {margin-bottom: 20px;text-transform: uppercase;font-size: 15px;}
ul.accountlist li:before {content: "";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 10px;}
ul.accountlist li.customer-info:before {content: "\f0c0";}
ul.accountlist li.customer-addresses:before {content: "\f041";}
ul.accountlist li.customer-orders:before {content: "\f2b0";}
ul.accountlist li.change-password:before {content: "\f13e";}
ul.accountlist li.customer-reviews:before {content: "\f27a";}

.account-page .page-title {border-bottom: 1px solid rgba(0,0,0,.125);}
.account-page input[type=checkbox], .account-page input[type=radio] {height: 16px;width: 16px;position: relative; top: -2px;}
.account-page .inputs .gender input[type=radio] {top: 2px;}
.account-page .inputs .gender label {display: inline-block;margin: 0;}
.account-page .inputs {margin-bottom: 20px;font-size: 16px;}
.account-page .inputs label {display: block;margin-bottom: 5px;}
.account-page .inputs span.required {color: #f00;}
.account-page .inputs input[type="text"], .account-page .inputs input[type="password"], .account-page .inputs select, .account-page .inputs input[type="tel"], .account-page .inputs input[type="email"] {width: 380px;}
.account-page .custom-attributes {position: relative;}
.account-page .custom-attributes .error-star, .account-page .custom-attributes label.professiontext {position: static;display: inline-block;vertical-align: top;}
.account-page .buttons button, .account-page .add-button button{vertical-align: middle;display: inline-block;color: #fff; background: #000;text-align: center;transition: 0.5s;cursor: pointer;border:0;-webkit-transition: 0.5s;    padding: 15px 25px; line-height: 1;}
.account-page .buttons button:hover, .account-page .add-button button:hover{background: #666; }
ul.accountlist li a.active {color: #000;}

.address-list .address-item, 
.order-list-page .order-item {width: calc(50% - 20px);display: inline-block;background: #fff;padding: 30px;margin: 10px;border: solid 1px #e5e5e8;box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);}
.address-list .address-item .buttons, 
.order-list-page .order-item .buttons {margin-top: 20px;}
.address-list .address-item .buttons .delete-address-button {background: #2b2b2b;}
.address-list-page .add-button {margin: 10px;}

.order-details-page .order-overview, .order-details-page .order-details-area, .order-details-page .products {width: calc(50% - 20px);display: inline-block;background: #fff;padding: 30px;margin: 10px;border: solid 1px #e5e5e8;box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);}
.order-details-page .page-body{display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;}
.order-details-page .products {width: 100%;}
.order-details-page .products table {width: 100%;}
.order-details-page .products table .sku {width: 290px;}
.order-details-page .products table label {margin: 0;}
.order-details-page .products .title {font-size: 20px;border-bottom: solid 1px #e5e5e8;padding-bottom: 10px;margin-bottom: 20px;}
.order-details-page .products table td, .order-details-page .products table th {vertical-align: middle;padding: 10px;}
.order-details-page .products table td.sku {width: 20%;}
.order-details-page .products table td.product {width: 50%;}
.order-details-page .products table td.unit-price {width: 10%;}
.order-details-page .products table td.quantity {width: 10%;}
.order-details-page .products table td.total {width: 10%;}
.order-details-page .totals {margin: 10px;}
.order-details-page .totals label {margin: 0 20px 0 0;text-transform: uppercase;font-weight: 600;}
.order-details-page .page-title {margin-bottom: 15px;}

.age-pressmatic-page {background: #fff;padding: 30px;margin-bottom: 15px;}
.age-pressmatic-page ul {margin: 0;}
.age-pressmatic-page ul li {list-style: none;display: inline-block;width: 50%;}
.age-pressmatic-page ul li .ageImg, .age-pressmatic-page ul li h5 {display: inline-block;vertical-align: middle;}
.age-pressmatic-page ul li .ageImg {width: 45px;margin-right: 10px;}
.age-pressmatic-page ul li h5 {width: calc(100% - 55px);font-size: 18px;}

.faucet-editor {border: solid 1px #e5e5e8;background: #fff;padding: 30px 50px;margin-bottom: 15px;}
.faucet-editor h2 {text-align: left;font-size: 26px;margin-bottom: 10px;}
.faucet-editor ul {margin: 0 0 30px 0;}
.faucet-editor ul li {margin: 0 0 10px 0;padding: 0 0 0 30px;background: transparent;position: relative;}
.faucet-editor h3 {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.faucet-editor .jaq-facucet-wrap {overflow: hidden;margin: 35px 0;}
.faucet-editor .jaq-facucet-wrap .flLeft, .faucet-editor .jaq-facucet-wrap .flRight {float: none;display: inline-block;vertical-align: top;}
/*.faucet-editor .jaq-facucet-wrap .flLeft {width: 300px;}*/
.faucet-editor .jaq-facucet-wrap .flRight {width: calc(100% - 300px);padding:30px 0px 0px 50px;}
ul.faucetlist ul {margin: 0 0 30px 0;}
ul.faucetlist li {margin: 0 0 10px 0;padding: 0 0 0 20px;background: transparent;position: relative;}
ul.faucetlist li:before {content: "\f111";display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 8px;position: absolute;top: 9px;left: 0;}

ul.disclist {list-style: none;}
ul.disclist li {list-style: none;position: relative;padding-left: 18px;margin-bottom: 5px;}
ul.disclist li:before {position: absolute;left: 0;top: 11px;width: 6px;height: 6px;background: #000;content: "";border-radius: 50%;}

.featuredIcon h2 {margin-bottom: 25px;}
.featuredIcon ul li {width: 33%;display: inline-block;vertical-align: top;margin: 0;padding: 0 25px 10px 0;}
.featuredIcon ul li .fIcon, .featuredIcon ul li h3 {display: inline-block;vertical-align: middle;margin: 0;}
.featuredIcon ul li h3 {width: calc(100% - 50px);padding-left: 20px;font-weight: normal;font-size: 18px;}
.featuredIcon ul li .fIcon {width: 50px;}

.facets-accordion {margin-top: 30px;}
.facets-accordion h2{text-align: left;margin-bottom: 20px;}
.quality-certificate-icons ul {text-align: center;margin: 0;padding: 0;display: flex;flex-direction: row;flex-wrap: wrap;}
.quality-certificate-icons ul li {margin:0 10px 10px 0!important;display: inline-block;vertical-align: top;border: solid 1px #e5e5e8;background: #fff;padding: 10px;    width: calc(8.33% - 10px);}
.quality-certificate-icons ul li h5 {font-size: 16px;margin-top: 10px;font-weight: 600;color: #000;}
.facets-accordion.faqpage .pageaccordion .card-body {padding:20px 40px;}
.facets-accordion.faqpage .pageaccordion .card {border: solid 1px #e5e5e8;}

/*modal enquiry*/
.modal-dialog.customize-modalpopup {margin-right: 0;top: 15%;max-width: 380px;}
#LeadModal-enquiry {padding-right:0!important;}
.modal-dialog.customize-modalpopup .modal-content, 
.enquiry-now .modal-content, 
.virtual-model-footer.show .modal-content {border-radius: 0;border: solid 2px #e5e5e8;-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);}
.modal-dialog.customize-modalpopup .modal-content .close, 
.enquiry-now .modal-content .close, 
.virtual-model-footer.show .close {position: absolute;top: -17px;left: -2px;width: 30px;height: 30px;background: #4d4d4d;opacity: 1 !important;text-shadow: none;color: #fff;z-index: 2;border: solid 1px #000;font-size: 24px;}
.modal-dialog.customize-modalpopup .modal-content .close:hover, 
.enquiry-now .modal-content .close:hover, 
.virtual-model-footer.show .close:hover{background: #000;opacity: 1!important;}
.modal-dialog.customize-modalpopup .modal-content .close span, 
.enquiry-now .modal-content .close span, 
.virtual-model-footer.show .close span {position: relative;/*top: -3px;*/height: 28px; display: block;}
.modal-dialog.customize-modalpopup .popup_title, 
.enquiry-now .modal-dialog .modal-title, 
.virtual-model-footer.show .modal-content h4.modal-title {font-size: 18px;font-weight: 600;line-height: 1.3;margin-bottom: 15px;color: #000;padding-right: 0;}
.modal-dialog.customize-modalpopup .form-group {margin-bottom: 15px;}
.modal-dialog.customize-modalpopup .form-group input, 
.virtual-model-footer.show .modal-content input {box-shadow: none;border: solid 1px #a1a1a1;border-radius: 0;font-size: 15px;height: 40px;    padding: 3px 10px;}
.modal-dialog.customize-modalpopup .form-group .field-validation-error {color: #f00;font-size: 13px;position: absolute;left: 16px;bottom: -17px;}
.modal-dialog.customize-modalpopup input.btn, 
.modal-dialog.customize-modalpopup .btn, 
.virtual-model-footer.show .btn {height: 40px;font-size: 16px !important;padding: 0;}
.modal-dialog.customize-modalpopup .accept-privacy-policy {font-size: 16px;}
.modal-dialog.customize-modalpopup .accept-privacy-policy input {position: relative;top: 2px;}
.virtual-model-footer.show .modal-content input[type="checkbox"] {    height: auto;}

.enquiry-now .modal-dialog {width: 360px;margin: 0;right: 0;bottom: 0;position: fixed;}
.enquiry-now .modal-dialog .modal-title {margin: 0;}
.enquiry-now .modal-content .close{padding: 0;margin: 0;}
.enquiry-now .modal-header {border: none;padding-bottom: 0;}
.enquiry-now .en-form {background: #fff;height: 150px;width: 100%;display: block;overflow: hidden;border-radius: 0;border: 5px solid #4d4d4d;font-size: 18px;}
.enquiry-now .en-form h5 {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 5px;}
.enquiry-now .en-form .en-service {background: #e9e9e9;padding: 10px;}
.enquiry-now .en-form .en-assistance {padding: 10px;}

.virtual-model-footer.show .modal-content{width: 438px;}
.virtual-model-footer.show {padding-right: 0 !important;right: 0;bottom: 0;z-index: 99999;width: auto;}
.virtual-model-footer.show .close {top: 0;left: auto;right: 0;width: 65px;height: 40px;background: #000 !important;color: #fff !important;}
.virtual-model-footer.show .modal-content h4.modal-title{text-align: left;margin-bottom: 0;padding: 10px 10px 0 10px;}
.virtual-model-footer.show .tab button {background: #939393;border: solid 2px #939393;border-top: solid;width: auto;color: #fff;margin-right: 5px;padding: 5px 10px;font-size: 16px;text-transform: uppercase;height: auto;}
.virtual-model-footer.show .tab button.tablinks.tabshow {background: #4d4d4d;border: solid 2px #4d4d4d;border-top: solid;}

/*Quick view*/
body .quickView, body .quickViewWindow {width: 640px !important;}
body .quickViewWindow .gallery, body .quickViewWindow .overview{width: 100%;}
body .quickViewWindow .gallery .picture{text-align: center;width: 100%;height: 220px;}
body .quickViewWindow .gallery .thumbnails a {width: 50px;height: 50px;margin:0 0 4px 4px !important;box-shadow: none;border: solid 1px #ccc;}

body .quickViewWindow .overview #accordion .purchase-area .add-to-cart {width: 100%;}
body .quickViewWindow .add-to-cart ul.form-quantity li {display: inline-block;vertical-align: top;}
body .quickViewWindow .add-to-cart ul.form-quantity li a {color: #fff;font-size: 15px;}
body .quickViewWindow .add-to-cart ul.form-quantity li a .box {padding: 8px 10px;}
body .quickViewWindow .add-to-cart ul.form-quantity li input.qty {text-align: center;}
body .quickViewWindow #accordion > h3{color: #fff;background:#4d4d4d;}
body .quickViewWindow .popup-header {border-bottom: 1px solid #000000;background: #000000;padding: 0;color: #fff;}
body .quickViewWindow .product-name{color: #fff;}
body .quickViewWindow .downloadPDF li {margin: 0px 0px 6px 0px;}
body .quickViewWindow .downloadPDF a {padding: 5px 5px 4px 5px;font-size: 14px;}
body .quickViewWindow .links-panel a {color: #000000;font-weight: 700;text-decoration: underline;margin-bottom: 10px;}
body .quickViewWindow .cloudzoom-zoom-inside, 
body .quickViewWindow .cloudzoom-blank, 
body .quickViewWindow .cloudzoom-fade-1{display: none;}

.cartTable {max-width: 100%;padding: 0;}
.cartTable .cart-table-product {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.cartTable th {background: #4d4d4d;color: #fff;font-weight: normal;}
.cartTable td {background: #fff;border-collapse: collapse; width: 18%;}
.cartTable td.delete .buttons .remove-cart-button {padding: 6px 10px;height: auto;background: #000;}
.cartTable td.delete .buttons .remove-cart-button:hover {background: #4d4d4d;}
.cartTable td.qty input.form-control {width: 60px;background-color: #e9ecef;    border-radius: 0;    border: solid 1px #ccc;}
.table-bordered td.product-picture img{width: 90px;max-width: inherit;}

.cartTable .common-buttons .btn, 
.cartTable .checkout-buttons .btn, 
.payment-info .buttons .payment-info-next-step-button, 
.confirm-order .buttons .confirm-order-next-step-button {height: auto;padding: 10px 15px;background: #000; color: #fff;border: none;}
.cartTable .common-buttons .btn:hover, 
.cartTable .checkout-buttons .btn:hover, 
.payment-info .buttons .payment-info-next-step-button:hover, 
.confirm-order .buttons .confirm-order-next-step-button:hover {background: #4d4d4d;}
.cartTable .cart-footer .total-info {padding: 20px;background: #fff;border: solid 1px #dee2e6;margin: 20px 0;}
.cartTable .cart-footer .total-info .cart-total {width: 100%;text-align: right;}
.cartTable .cart-options.buttons .continue-shopping-button {float: right;background: #4d4d4d;}
.cartTable .cart-options.buttons .continue-shopping-button:hover {background: #000;}
.listing .order-progress {display: none;}
.confirm-order .buttons, .payment-info .buttons, .payment-method-info, .payment-info {margin-bottom: 10px;}
.section.order-summary .title {font-size: 24px;margin-bottom: 15px;}


.generals-wrapper h2 {text-align: left;margin-bottom: 20px;}
.general-feature {background: #fff;border: solid 1px #e5e5e8;padding: 30px;margin-bottom: 30px;}
.general-feature h2 {margin-bottom: 35px;}
.general-feature .general-repeater-list {overflow: hidden;margin-bottom: 40px;}
.general-feature .general-repeater-list:last-child {margin-bottom: 0px;}
.general-feature .general-repeater-list .icon-content-right {width: calc(100% - 90px);padding-left: 25px;}
.general-feature .general-repeater-list .iconLeft {width: 80px;}
.general-feature.shower-enclosures-page .general-repeater-list .iconLeft {width: 50px;}
.general-feature .general-repeater-list .iconLeft, .general-feature .general-repeater-list .icon-content-right {display: inline-block;vertical-align: top;}
.general-feature .general-repeater-list .icon-content-right h3 {font-size: 18px;font-weight: 600;color: #000;margin-bottom: 10px;}
.general-feature .general-repeater-list .icon-content-right p:last-child {margin-bottom: 0;}

.mini-contioner .subscribe-newsletter {background: #5d5a57;padding: 70px 0 70px;margin-bottom: 30px;margin-left: -50px;margin-right: -50px;margin-top: -30px;text-align: center;color: #fff;}
.mini-contioner .subscribe-newsletter .newsletter-email .newsletter-subscribe-text {width: 500px;border: none;}
.mini-contioner .subscribe-newsletter .newsletter-email .newsletter-subscribe-button {background: #000;border: none;padding: 11px 25px;color: #fff;}
.mini-contioner .subscribe-newsletter .newsletter-email .newsletter-subscribe-button:hover {background: #666;}
.mini-contioner .newsletter-page {max-width: 1120px;margin: 0 auto;}
.mini-contioner .newsletter-page ul li {position: relative;display: inline-block;vertical-align: top;width: 50%;margin-bottom: 15px;}
.mini-contioner .newsletter-page ul li:before {content: "\f0a4";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 10px;}

/*About page*/
ul.rmvspac, ul.rmvspac li{background: transparent;margin: 0;padding: 0;}
.about-jaquar-group h1 {text-align: center;}
.biogarphy{margin: 50px 0;}
.biogarphy .flLeft {width: 58%;}
.biogarphy .flLeft {position: relative;overflow: hidden;padding-top: 30%;}
.biogarphy .flLeft iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
.biogarphy .flRight {padding:0 30px;width: 40%;}
.dualQuotes{position: relative;padding: 0 50px;}
.dualQuotes:before, .dualQuotes:after{width: 31px;height: 28px;content: ""; position: absolute;background-image: url(../images/quotes.png);background-repeat: no-repeat;}
.dualQuotes:before{top: 0;left: 0;}
.dualQuotes:after{bottom: 0;left: 0;background-image: url(../images/quotes2.png);position: static;display: inline-block;margin-bottom: -13px;
margin-left: 10px;}
.jaquar-today .bothsidepadd{text-align: center;padding: 0 18%;font-size: 24px;}
.visionlist {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
.visionlist .colvision {width: calc(33% - 30px);background: #f8f8f8;box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);margin: 15px;padding: 30px;top: 5px;}
.visionlist .colvision h4{font-weight: 600;font-size: 20px;}
.visionlist .colvision ul {list-style: none;}
.visionlist .colvision ul li {font-size: 16px;margin: 0;padding: 0 15px 0 20px;list-style: disc;width: 49%;display: inline-block;vertical-align: top;position: relative;}
.visionlist .colvision ul li:before{content: "\f111";position: absolute;left: 0;top: 10px;font: normal normal normal 14px/1 FontAwesome;font-size: 8px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.awards {text-align: center;margin: 50px 0 0 0;}

.milstone {margin: 50px 0 0 0;border-bottom: solid 2px #a1a1a1;}
.milstone h2 {text-align: center;}
.milstone h2 strong {display: block;font-size: 30px;}
.milstone ul.resp-tabs-list {text-align: center;margin-bottom: 30px;}
.milstone ul.resp-tabs-list li {float: none;border-color: transparent;background: transparent;font-size: 30px;color: #bcbcbc;}
.milstone ul.resp-tabs-list li.resp-tab-active{color: #4c4c4c;}
.milstone .resp-tabs-container{background: transparent;}
.milstone .resp-tab-content {padding: 35px 150px;border: none;position: relative;overflow: hidden;}
.milstone .resp-tab-content:before, 
.milstone .resp-tab-content:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #a1a1a1;content: "";}
.milstone .resp-tab-content:before {margin: auto;width: 50px;height: 2px;bottom: auto;}
.milstone .resp-tab-content:after {margin: auto;width: 2px;height: 100%;}
.yearboxwrap {overflow: hidden;}
.yearboxwrap .leftyear {float: left;position: relative;}
.yearboxwrap .leftyear h3 {text-align: right;}
.yearboxwrap .leftyear h3:before{right: -17px;}
.yearboxwrap .leftyear h3:after{right:-32px;}
.yearboxwrap .leftyear h3:before, .yearboxwrap .rightyear h3:before{position: absolute;bottom: 0;width: 150px;height: 2px;background: #a1a1a1;content: "";}
.yearboxwrap .leftyear h3:after, .yearboxwrap .rightyear h3:after{background: url(../images/darkcircle.png); position: absolute;bottom:-13px;width: 31px;height: 31px;content: "";background-repeat: no-repeat;background-position: center;background-size: 100%;z-index: 1;}
.yearboxwrap .rightyear h3:before{right: auto;left: -17px;}
.yearboxwrap .rightyear h3:after{right: auto;left: -32px;}
.yearboxwrap .rightyear {float: right;position: relative;}
.w49{width: 49%;}
.yearboxwrap .yearbox .yearcontet {background: #f7f7f7;padding: 30px;}
.yearboxwrap .yearbox h3 {font-weight: 600;font-size: 30px;position: relative;padding: 10px;margin-bottom: 15px;}
.yearboxwrap .yearbox .yearcontet h5{font-weight: 600;font-size: 20px;margin-bottom: 15px;line-height: 1.5;}
.yearboxwrap .yearbox .yearcontet ul{list-style: disc;margin: 0 0 0 20px;}

.awardlists{display: flex;flex-direction: row;flex-wrap: wrap;}
.awardlists .alist{background: #f7f7f7;border: solid 1px #e1e1e1;width: 25%;padding:50px 30px;}
.awardlists .alist:nth-child(5), .awardlists .alist:nth-child(6), .awardlists .alist:nth-child(7){width: 33.33%;}
.awardlists .alist:nth-child(8), .awardlists .alist:nth-child(9){width: 50%;}
.awardlists .alist .colist {width: 50%;float: left;}
.awardlists .alist h5 {font-size: 20px;font-weight: 600;margin-top: 15px;line-height: 1.4;}
.awardlists .alist h5 strong {display: block; font-weight: 400;}

.alistwrap{background: #fff;padding:50px 20px;}
.alistwrap h3{margin-bottom: 30px;font-size: 24px;color: #000;font-weight: 600;}
.alistwrap ul.awlist{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;}
.alistwrap ul.awlist li {width: 14.28%;display: inline-block;margin: 20px 0;border-right: solid 1px #4d4d4d;padding: 0 20px;}
.alistwrap ul.awlist li img{max-width: 100px;}
.alistwrap ul.awlist li h4{color: #666;font-size: 20px;}
.alistwrap ul.awlist li:nth-child(7n) {border-right-color: transparent;}


.enterprices {padding: 50px 0 0;text-align: center;}
.bothsidebox{display: flex;flex-direction: row;flex-wrap: wrap;}
.bothsidebox .boxed {width: calc(50% - 30px);text-align: left;background: #f7f7f7;border: solid 1px #e1e1e1;margin: 15px;padding:40px 30px;}
.bothsidebox .boxed ul{margin: 0 0 0 20px;padding: 0;list-style: disc;}
.bothsidebox .boxed ul li{margin: 0 0 10px 0;padding: 0;}
.bothsidebox .boxed h5 {margin-bottom: 15px;font-weight: 600;font-size: 20px;}
.enterprices .blankbg {margin-top: 50px;}
.enterprices .blankbg .boxed{margin: 0;border: none;background: transparent;}
.enterprices .blankbg h2{margin-bottom: 0px;}

.barandboxes{display: flex;flex-direction: row;flex-wrap: wrap;}
.barandboxes .barndlist{width: calc(30% - 40px);margin: 10px;background: #f7f7f7;padding:30px 30px;font-size: 16px;}
.barandboxes .barndlist h5{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.barandboxes .barndlist .bbox1 {display: inline-block;vertical-align: top;width: 49%;padding-left: 10px;}
.barandboxes .barndlist .bbox1:first-child {padding-right: 10px;border-right: solid 1px #e1e1e1;padding-left: 0;}
.barandboxes .barndlist.smbox{width:20%;}
.barandboxes .barndlist ul{margin: 0 0 0 20px;padding: 0;list-style: disc;}
.barandboxes .barndlist ul li{margin: 0 0 7px 0;padding: 0;}

/*catalog page*/
.categories-list.grids_03 {background: #f5f5f5;padding: 30px;margin-bottom: 30px;}
.categories-list.grids_03 h2{margin-bottom: 10px;}
.categories-list.grids_03:last-child {margin-bottom: 0px;}
.categories-list.grids_03 ul li {width: calc(25% - 30px);padding: 0;margin: 15px;}
.categories-list.grids_03 .catalog-footer {padding: 15px;}

.not-found-page .page-title {display: none;}

.product-detail .overview {padding:0px 80px 30px 80px;}
.product-detail .full-description {padding: 0px 80px;}
.product-detail .full-description ul.product-feature {margin-bottom: 25px;}
.product-detail .full-description ul.product-feature li {display: block;}
.product-detail .full-description ul.product-feature li img, 
.product-detail .full-description ul.product-feature li h6 {width: 50px;display: inline-block;vertical-align: middle;}
.product-detail .full-description ul.product-feature li h6 {width: calc(100% - 55px);padding-left: 20px;}
/*.product-detail .full-description p {margin-bottom: 10px;}*/

.related-products-sliders .item-box {border: solid 1px #e2e4e3;overflow: hidden;background: #fff;position: relative;}
.related-products-sliders .item-box img {width: auto;margin: auto;}
.related-products-sliders .item-box h2 {text-align: left;margin-bottom: 7px;font-size: 16px;}
.related-products-sliders .item-box .product-code {margin-bottom: 10px;font-size: 14px;}
.related-products-sliders .item-box .price-box {overflow: hidden;}
.related-products-sliders .item-box .prices {font-size: 18px;color: #4c4c4c;line-height: 1;margin-top: 7px;}
.related-products-sliders .item-box .shortlist a {color: #fff;background: #9e9fa1;line-height: 35px;border-radius: 5px;padding: 0 10px;display: block;}
.related-products-sliders .item-box .shortlist a:hover {background: #000;}
.related-products-sliders .item-box .details {padding: 15px;overflow: hidden;background-color: #fff;position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;width: 100%;transform: translateY(100%);transition: all linear .3s;box-shadow: 0px -6px 15px 3px rgb(0 0 0 / 9%);border: solid 1px #e2e4e3;border-top: none;}
.related-products-sliders .item-box:hover .details{transform: translateY(0)!important;transition: all linear .3s;bottom: 0px;}
.related-products-sliders .quick-view-button {display: none !important;}

.press-coverage .product-grid {display: flex;flex-direction: row;flex-wrap: wrap;}
.press-coverage .product-grid .item-box {box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);width: calc(20% - 20px);background: #fff;padding: 20px;border: solid 1px #e5e5e8;margin: 10px;text-align: center;position: relative;transition: all linear .3s;}
.press-coverage .product-grid .item-box .product-title {margin-top: 10px;line-height: 1.4;}
.press-coverage .product-grid .item-box .product-title a {font-size: 16px !important;}
.press-coverage .product-grid .item-box .quick-view-button {display: none;}
.press-coverage .product-grid .item-box a.view-more {color: #fff;background: #9e9fa1;line-height: 38px;border-radius: 5px;padding: 0 15px;display: inline-block;margin-top: 15px;}
.press-coverage .product-grid .item-box a.view-more:hover {background: #000;}
.press-coverage.product-details-page .weblink {display: block;flex-direction: inherit;flex-wrap: inherit;}
.press-coverage.product-details-page .weblink ul {width: 100%;margin: 0;}
.press-coverage.product-details-page .weblink ul li {box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);width: calc(25% - 20px); flex: inherit;background: #fff;padding: 20px;border: solid 1px #e5e5e8;margin: 10px;text-align: center;position: relative;transition: all linear .3s;}
.panel-heading.press-coverage ul.nav-tabs li {margin: 0 3px 0 0;}
.panel-heading.press-coverage ul.nav-tabs li a {background: #4d4d4d;color: #fff;display: block;padding: 10px 15px;}
.panel-heading.press-coverage ul.nav-tabs li a.active {background: #000;}

.orientwrap.manufacturing-units {background: transparent;padding: 0;}
.orientwrap.manufacturing-units ul {display: flex;flex-direction: row;flex-wrap: wrap;}
.orientwrap.manufacturing-units ul li{background: #fff;transition: all linear .3s;}
.orientwrap.manufacturing-units ul li strong {color: #000 !important;display: block;}

.calculator-details .calculator-box {padding: 10px;}
.product-detail .detail-footer ul.sizing-list {margin-top: 10px;}
.product-detail .detail-footer ul.sizing-list li {width: 33%;display: inline-block;}
.product-detail .detail-footer ul.sizing-list li input {height: auto;}

.size-tool-page .col-01-wrap {overflow: hidden;}
.size-tool-page p.text {margin-bottom: 15px;}
.size-tool-page h3 {font-size: 20px;font-weight: 600;margin-bottom: 15px;}
.size-tool-page .note-text {background-color: #e4d2d2;display: inline-block;padding: 5px 10px;margin: 20px 0 40px 0;}
.size-tool-page .btn {padding-left: 15px;padding-right: 15px;}
.size-tool-page .col-01-wrap .sizeleft {width: 49%;float: left;}
.size-tool-page .col-01-wrap .sizeleft .form-inline {display: block;}
.size-tool-page .col-01-wrap .sizeleft .col-sm-12 {display: block;flex: inherit;margin-bottom: 10px;padding: 0;}
.size-tool-page .col-01-wrap .sizeleft .col-sm-12 .col-sm-3 {flex: inherit;max-width: 100%;width: 100%;margin-bottom: 10px;}
.size-tool-page .col-01-wrap select.form-control {background-position: top 15px right 10px;}
.size-tool-page ul.product-feature {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -5px;margin-right: -5px;margin-bottom: 15px;}
.size-tool-page ul.product-feature li {display: inline-block;vertical-align: top;width: calc(16.66% - 10px);text-align: center;border: solid 1px #ccc;margin: 5px;padding: 10px;}
.size-tool-page .col-01-wrap .sizeright {width: 49%;float: right;}

.size-tool-page .sezecol2 .sizeleft {width: 230px;}
.size-tool-page .sezecol2 .sizeright {width: calc(100% - 250px);}
.size-tool-page .sezecol2 .sizeright ul li select.form-control {width: 200px;margin-bottom: 20px;}
.size-tool-page .sezecol2 .sizeright ul li span {font-weight: 600;}
.size-tool-page .sezecol2 .sizeright .buttons {margin-top: 20px;}

.search-page  .inputs {margin-bottom: 10px;}
.search-page .basic-search .inputs label {display: block;}
.search-page  .inputs.reversed label {display: inline-block;}
.search-page .buttons {margin-bottom: 15px;}
.search-page .buttons .search-button {background: #000;border: solid 1px #000;color: #fff;padding: 15px 32px;-webkit-transition: 0.5s;text-transform: uppercase;}
.search-page .advanced-search label {display: block;}
.search-page .inputs input[type=checkbox], .search-page .inputs input[type=radio]{height: auto;}
.search-page .advanced-search select {max-width: 500px;}
.search-page .product-list ul li {padding: 25px; flex: 0 0 25%;}

.csr-jaquar-foundation .jaqfound {margin-bottom: 15px;}
.csr-jaquar-foundation h3 {margin-bottom: 10px;font-size: 20px;font-weight: 600;}
.csr-jaquar-foundation table {background: #f1f1f1;}
.csr-activity-gallery-page ul {display: flex;flex-direction: row;flex-wrap: wrap;}
.csr-activity-gallery-page ul li {width: calc(25% - 10px);background: #fff;padding: 10px;border: solid 1px #e5e5e8;margin: 5px;}

.policy-csr-page {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
.policy-csr-page object {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}

.complete-cbs-page .cbsbox {background-color: #f1f1f1;border: #dedede solid 1px;padding: 30px;border-top: solid 1px #000;}
.complete-cbs-page .cbsbox ul.two-column {overflow: hidden;margin-bottom: 40px;}
.complete-cbs-page .cbsbox ul.two-column li {position: relative;padding-left: 30px;width: 50%;display: inline-block;padding-right: 35px;}
.complete-cbs-page .cbsbox ul.two-column li:before {content: "\f0a4";position: absolute;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;left: 0;top: 5px;}

body .customer-review-list-page .page-title h3 {text-align: center;font-size: 32px;color: #000;text-transform: none;}
body ul.review-items {display: flex;flex-direction: row;flex-wrap: wrap;}
body ul.review-items li{margin: 10px;border-radius: 0;width: calc(25% - 20px);padding: 35px;}
body ul.review-items .review-head .review-title {display: block;margin-bottom: 10px;}
body ul.review-items .review-head .signature h5, 
body ul.review-items .review-head .signature{font-size: 16px;}
ul.review-items .review-head .signature h5{font-weight: 600;}
body ul.review-items .review-head .signature p {margin-bottom: 10px;}
body ul.review-items .review-body{text-align: center;}
body ul.review-items .review-body .review-title {color: #000;font-weight: 500;text-transform: none;font-size: 20px;margin-bottom: 10px;display: block;text-align: center;height: auto;min-height: 50px;}
body ul.review-items .review-body div br {display: none;}
body .customer-review-details-page, body .customer-review-list-page {padding-bottom: 0;}

.login-wrapper.supportotppage { margin: -30px -50px -50px -50px;}
.registered-mobile.otpauth-page .form-control {border: solid 1px #a1a1a1;height: 55px;font-size: 18px;letter-spacing: normal;padding: 10px 15px;transition: all linear .3s;border-radius: 0;}
.registered-mobile.otpauth-page .btnotp{margin-top: 10px;}
.registered-mobile.otpauth-page .btnotp input {width: auto;}

.jmsRegisterPage {margin: -30px -30px -50px -30px;}
.jmsRegisterPage .loginbox h2 {padding: 0 10px;}
.jmsRegisterPage .loginarea .loginbox {border-left: 0;min-height: auto;}
.jmsRegisterPage .loginarea .screen-box {padding: 50px;background: transparent;min-height: auto;}
.jmsRegisterPage .loginarea .loginbox .inputWrappers .inputrow {width:50%;display: inline-block;vertical-align: top;padding: 0 10px;}
.jmsRegisterPage .loginarea .loginbox .inputrow {max-width: 100%;padding: 0 10px;}
.jmsRegisterPage .loginarea .loginbox .inputrow input, 
.jmsRegisterPage .loginarea .loginbox .inputrow textarea {position: relative;z-index: 1;border-radius: 0;border: solid 1px #b7b7b7;}
.jmsRegisterPage .loginarea .loginbox .inputrow textarea{background: #fff;}
.jmsRegisterPage .loginarea .loginbox .inputrow textarea {height: 110px;resize: none;}
.jmsRegisterPage .loginarea .loginbox .inputrow select {width: 100%;}
.jmsRegisterPage .loginarea .loginbox .inputrow input, 
.jmsRegisterPage .loginarea .loginbox .inputrow select{height: 55px;}
.jmsRegisterPage #legend {padding: 0 10px;}
.loginarea .loginbox .inputrow textarea:focus, 
.jmsRegisterPage .loginarea .loginbox .inputrow input:focus {outline: none;box-shadow: none;border-color: #000;}
.jmsRegisterPage .loginarea .screen-box.loginbox {border-right: solid 1px #ccc;}
.jmsRegisterPage .jpmsContent ul.listing li {position: relative;padding-left: 25px;margin-bottom: 8px;}
.jmsRegisterPage .jpmsContent ul.listing li:before {position: absolute;top: 10px;left: 0;width: 7px;height: 7px;background: #313131;content: "";border-radius: 50%;}
.jmsRegisterPage .loginarea .loginbox .inputrow .buttons input {width: 150px;}

.removespace .topic-description {padding: 0;}
.removespace .container-fluid {padding: 0;}
.self-vm {position: relative;width: 100%;overflow: hidden;padding-top: 56.25%;}
.self-vm iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}
.removespace.detail-page {padding: 0;}
.removespace p:last-child {margin: 0;}
.other-dealer .btn {padding: 0px 10px;}
.wcr select {background-position: top 16px right 10px;}


/*region list*/
.close-region {position: absolute;top: 0;right: 0;cursor: pointer;padding: 5px 12px;color: #fff;font-weight: 700;background: #484848;}
.close-region:hover{background: #868686;}
.region-list {display: none;position: fixed;top: 0;z-index: 99999;background: #000;left: 0;width: 100%;color: #fff;padding:30px 15px;}
.region-list .regioncol{width: calc(25% - 40px);float: left;margin: 0 20px;}
.region-list .regioncol h3 {text-transform: uppercase; font-size: 14px;border-bottom:2px solid #3e3e3e;margin-bottom: 15px;padding-bottom: 10px;font-weight: 600;}
.region-list .regioncol ul li{font-size: 13px;color: #fff;margin-bottom: 5px;}
.region-list .regioncol ul li a{color: #c4c4c4;}
.region-list .regioncol ul li a:hover{color: #fff;}

.selftour-popup .visit-type {font-size: 18px;font-weight: 600;line-height: 1.3;padding: 15px 15px 0px 15px;color: #000;padding-right: 0;}
.virtual-model-footer.selftour-popup .close {position: absolute;top: -17px;left: -2px;width: 30px !important;height: 30px !important;background: #4d4d4d !important;opacity: 1 !important;text-shadow: none;color: #fff !important;z-index: 2;border: solid 1px #000;font-size: 24px;}
.ui-widget.ui-widget-content {z-index: 9999 !important;top: 30px !important;}
.ui-draggable .ui-dialog-titlebar button.ui-dialog-titlebar-close {border: none;background: transparent;font-size: 24px;padding: 0;margin: -23px 0 0 0;}
.ui-draggable .ui-dialog-titlebar button.ui-dialog-titlebar-close:before {content: 'x';}

.billing-address-page form {margin-bottom: 25px;}
.paddingboth {padding: 10px 15px !important;font-size: 14px!important;text-transform: uppercase;}
.btnspace .address-list-page, .btnspace .address-box, .btnspace .select-button {margin-bottom: 15px;}
.newbtnspce {margin-bottom: 15px;}
.filtersGroupPanel .priceRangeCurrentPricesPanel {margin-top: 40px;}

.tracko-page {text-align: center;}
.tracko-page .form-group {display: flex;flex-direction: row;flex-wrap: wrap;align-items: end;max-width: 1100px;margin: 0 auto 30px;padding: 50px;background: #efeff1;}
.tracko-page .form-group .trcocol {width: 27%;padding: 10px;text-align: left;}
.tracko-page .form-group .trcocol label {padding: 0 0 0 0;line-height: 1;}
.tracko-page .form-group .trcocol input {width: 100%;border: solid 1px #a1a1a1;height: 45px;font-size: 16px;letter-spacing: normal;padding: 10px 15px;transition: all linear .3s;border-radius: 0;}
.tracko-page .form-group .trcocol.buttons {width: 19%;}
.tracko-page .form-group .trcocol input:focus{box-shadow: none;}
.tracko-page .form-group .trcocol.buttons button:active {border: solid 2px #666 !important;}

.specificationFilterPanel7Spikes .filtersCheckboxPanel ul.checkbox-list li.checkbox-item {display: inline-block;margin-right: 20px;}
.specificationFilterPanel7Spikes .filtersCheckboxPanel ul.checkbox-list li.checkbox-item label.filter-item-name {padding: 7px 0 7px 19px;}

.sml-prdt-list-wrap {background: #fff;padding: 25px;margin-top: 20px;}
ul.sml-prdt-list {display: flex;flex-direction: row;flex-wrap: wrap;}
ul.sml-prdt-list li {display: inline-block;vertical-align: top;text-align: center;margin-right: 10px;width: calc(16.66% - 10px);}
ul.sml-prdt-list li img {border: solid 1px #ccc;padding: 5px;width: 100%;}
ul.sml-prdt-list li h5 {font-size: 16px;margin-top: 10px;}

.category-description {margin-top: 20px;}
.category-description h2 {margin-bottom: 15px;}
.category-description ul.disclist {margin-bottom: 20px;}

ul.imgList li .icon-image-color img {width: 44px;display: inline-block;vertical-align: middle;}
ul.imgList li .icon-image-color .icon-text {width: calc(100% - 44px);display: inline-block;vertical-align: middle;padding-left: 15px;font-weight: 600;}

.glbliframe {position: relative;width: 45%;overflow: hidden;padding-top: 25%;margin-bottom: 20px;}
.glbliframe iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}

/*hindi sites*/
html[lang|="hi"] body{font-size: 14px;}
html[lang|="hi"] body h1{font-size: 18px;font-weight: 600;} 
html[lang|="hi"] body h2{font-size: 16px;font-weight: 600;}
html[lang|="hi"] body h3{font-size: 14px;font-weight: 600;}
html[lang|="hi"] body .pageaccordion .card-header .card-link{font-size: 15px;}
/*code by 19112021*/
.fullpageWraper{margin-top:0}
.full_width,.one_half,.one_third,.two_third,.one_fourth,.three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{float:left}
.one_half{width:50%;overflow:hidden}
.fullpageWraper:after{position:relative;width:100%;clear:both;display:table;margin:0;padding:0;content:""}
.fullpageWraper .columnRow .one_half:nth-child(1){padding:60px 4% 60px 14%}
.fullpageWraper .columnRow .one_half img{float:left;width:100%}
.fullpageWraper .columnRow .one_half h3{color:#177c94;font-size:22px;padding:20px 0;text-transform:uppercase}
.fullpageWraper .columnRow .one_half p{font-weight:300}
.fullpageWraper .columnRow .one_half p strong{font-weight:300;font-size:14px}
.fullpageWraper .columnRow p{padding:0;color:#040404;font-size:14px;line-height:20px}
.fullpageWraper .columnRow:nth-child(2n) .one_half:nth-child(1){float:right!important;padding:60px 14% 60px 4%}
.fullpageWraper .columnRow .content-column ul{margin:0;padding:0;list-style:none;float:left;width:100%}
.fullpageWraper .columnRow .content-column ul li{margin:15px 0;padding:0;float:left;width:100%;line-height:34px;color:#040404;font-size:14px;font-weight:300}
.fullpageWraper .columnRow .content-column ul li img{width:auto;margin-right:30px;float:left}
.recognised_for_design { width: 100%; float: left; background: #ebebeb; padding: 10px 0 20px;}
.recognised_for_design h4 {text-align: center; font-size: 21px; color: #000; padding: 25px 0; text-transform: uppercase;}
.recognised_for_design ul {float: left; width: 100%; text-align: center; margin: 0; padding: 0; list-style: none; font-size: 0;}
.recognised_for_design ul li { display: inline-block; vertical-align: top; margin: 0 1%;}


/*code by 16032022*/
.afl-category-description-section{ clear:both; margin:50px 0 0 0;}
.afl-architectural-facade{ clear:both; margin:0 -50px 50px -50px; background: #f4f4f4;}
.afl-architectural-facade > .container-fluid{ padding:0;}
.aflcart{ border:0; background-color:transparent;}
.aflcart .card-body{display: flex; flex-direction: column; height: 100%; justify-content: center; padding-left:40px;}
.aflcart .list-group-item{background-color:transparent;}
.afl-services-offered{ clear:both; margin:0 0 50px 0;}
.afl-category-title{margin:0 0 20px 0; font-size: 40px; font-weight: bold;}
.afl-category-title span{ color:#888888; font-weight:normal;}
.aflbox .card-title{ font-size: 18px; font-weight: bold;}
.aflbox .card-body{ padding:20px 15px;}
.aflbox{align-items: center; height: 100%; overflow: hidden; border: 2px solid #0F0F0F; background-color:#FFFFFF;}
.aflbox .card-body{ text-align:center; font-size:18px;}
.aflbox:hover{background-color:#0F0F0F;}
.aflbox:hover .card-body{background-color:#0F0F0F; color:#FFFFFF;}
.aflbox:hover .card-img-top{filter: invert(1);}
.aflbox .card-img-top{ width:auto; max-width:80px; margin:40px auto 20px auto;}
.afl-connect-to-expert { clear:both; max-width:500px; margin: 0 auto; }
.aflboxshadow{box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 3%);}
.afllist-afl .list-group-item{padding-left:20px; padding-right:0; position:relative; border:0; position:relative; font-size:18px; background-color:transparent;}
.afllist-afl .list-group-item:before{ content:""; display:block; width:10px; height:10px; background-color:#000000; border-radius:100%; position:absolute; left:0; top:10px;}
.afl-connect-title{ margin:0; padding:24px 30px; background-color: transparent; color:#0F0F0F; border-radius:0px; border-bottom:2px solid #0F0F0F; font-size: 35px; font-weight: bold;}
.afl-largefont{ font-size:18px;}
.aflplay-icon{ position:absolute; left: 28%; top: 56%; width:8%;}
.afl-videoframe{ position:relative; padding-top:66.66%; overflow:hidden;}
.afl-videoframe iframe{ display:block; position:absolute; left:0; top:0; max-width:100%; height: 100%;}
.afl-expertdata{ clear:both;}

.blkclr { color:#000; }
.common_box { padding:50px 0; }
.grey_bg { background:#fbfbfd; }
.d_grey_bg { background:#f2f2f2; }
.f17 { font-size:17px; }
.box-design {}
.box-design .row { 
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
}
.box-design .col-md-6 { margin:0px 0 30px; }
.box-design .inner_box { background:#fff; border:1px solid #000; padding:30px; text-align:center; height:100%; }
.box-design .inner_box p:last-child { margin-bottom:0; }
.faq_d2 { margin:0 auto; max-width:900px; }
.faq_d2 .card { border:0; background:none; border-top:1px solid rgba(0,0,0,0.1); }
.faq_d2 .card:first-child { border-top:0; }
.faq_d2 .card-header { background:none; border:0; font-weight:700; padding:0; }
.faq_d2 .card-header a { display:block; padding:15px 30px 15px 0; position:relative; }
.faq_d2 .card-header a.card-link::after,
.faq_d2 .card-header a.card-link.collapsed::after {
content: ""; position: absolute; height: 10px; width: 10px; border: 1px solid #000; border-left:0; border-top: 0; 
right:5px; top: 20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.faq_d2 .card-header a.card-link::after {
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.faq_d2 .card-body ul { list-style:disc; list-style-position:outside; margin-left:15px }
.faq_d2 .card-body ul li { padding:5px 0; }	



.custom_banner { position:relative; }
.max-header-item { max-width:700px; margin:0 auto; padding:0 15px; }
.box-design-radius {}
.box-design-radius .row { 
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
}
.box-design-radius .col-md-6 { margin:0px 0 30px; }
.box-design-radius .inner_box { background:#fff; border:1px solid #999; border-radius:37px; padding:30px; height:100%; }
.box-design-radius .inner_box .icon { height:60px; margin:0px 0 20px; }
.box-design-radius .inner_box p:last-child { margin-bottom:0; }


.faq_d3 {}
.faq_d3 h3 { color: #000; font-size: 28px; border-bottom: 1px solid; margin: 0 0 5px; padding: 0 0 10px; }
.faq_d3 { background:#fafafa; padding:2rem; margin:0 auto; max-width:1000px; }
.faq_d3 .card { background:none; border:0; }
.faq_d3 .card:first-child { border-top:0; }
.faq_d3 .card .card-body { background-color: #fff; box-shadow: 0px 3px 3px 0px rgba(0,0,0,.06); padding: 7px 35px 7px 15px; color: #000; } 
.faq_d3 .card-header { background:none; border:0; font-weight:700; padding:0; margin-top:10px; }
.faq_d3 .card-header a { background:#fff; color:#000; display:block; padding:7px 35px 7px 15px; position:relative; box-shadow:0px 0 3px 0px rgba(0,0,0,.06); }
.faq_d3 .card-header a.card-link::after,
.faq_d3 .card-header a.card-link.collapsed::after {
content: ""; position: absolute; height: 10px; width: 10px; border: 1px solid #000; border-left:0; border-top: 0; 
right:13px; top:12px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.faq_d3 .card-header a.card-link::after { top:16px;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.faq_d3 .card-body ul { list-style:disc; list-style-position:outside; margin-left:15px }
.faq_d3 .card-body ul li { padding:5px 0; }	

.ask_expert { background:#999 url(../img/ask-expert.jpg) no-repeat 0 0 / cover ; }
.form_sec { background:#fff; margin:2rem auto; max-width:1000px; padding:50px 100px; }
.form_sec .row { margin:0; }
.form_sec [class*="col-"] { padding:0; }
.form_sec .form-group { border:1px solid #000; position:relative; margin-bottom:2rem; width:100%; overflow:hidden; }
.form_sec .form-group label { margin-bottom: 0; float: left; height: 40px; line-height: 40px; padding-left:1rem; padding-right: 1rem; color: #000; border-right: 1px solid #000; }
.form_sec .form-group .form-control { border:0; float:left; display:inline-block; height:40px; color:#000; box-shadow:none !important; }
.form_sec .w-100 .form-group { width:100%; }



.form_sec .form-group #Name { width:79%; }
.form_sec .form-group #MobileNo { width:78%; }
.form_sec .form-group #MobileOTP { width:82%; }
.form_sec .form-group #Email { width:80%; }
.form_sec .form-group #SpaceArea { width:68%; }
.form_sec .form-group #StateProvinceId { width:81%; padding-right:30px; }
.form_sec .form-group #City { width:83%; }
.form_sec .form-group #RequirementType { width:78%; padding-right:30px; }




/*.form_sec .form-group .form-element-city,
.form_sec .form-group .form-element-state { width:81%; }
.form_sec .form-group .form-control[name="type"] { width:90%; }*/
.form_sec .send-mail { width:100%; }
.form_sec .form-group textarea { min-height:120px; width:100%; }
.form_sec .btn { padding:13px 25px; }
.form_sec .nobdr { border:0; }


/*=========== 17052022 =================*/

body #tars-widget-fab { width: 74px; height: 74px; }
body #tars-widget-fab .convbot-button { margin:6px;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
}
body #tars-cb-widget-overlay { z-index:3999; }
body #tars-widget-fab .notification-count { bottom:53px; }
body #tars-cb-widget,
body #tars-widget-fab { z-index:4000 !important }

[lang="hi"] .sidebarhover { right:-165px; width:225px; }
.sidebarhover{background: #676767;border-radius: 15px 0px 0px 15px;box-shadow: 0 0 20px rgb(0 0 0 / 20%);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;
transition: 0.5s;width: 215px; position: fixed;right: -150px;top: 0;bottom: 0;margin: auto;height: 110px;display: table; z-index:999; }
.sidebarhover:hover{right: 0;}
.sidebarhover:hover span{margin-left: 10px;}
.sidebarhover ul{margin: 0;padding: 5px;list-style: none;display: table-cell;vertical-align: middle;}
.sidebarhover ul li{display: block;}
.sidebarhover ul li a{color: #fff;text-decoration: none;padding: 5px 0px 5px 15px;display: block;}
.sidebarhover ul li a:hover{color: #ccc;}
.sidebarhover ul li img{display: inline-block;vertical-align: middle; height:30px;}
.sidebarhover ul li span{font-size: 14px;margin-left: 20px;display: inline-block;vertical-align: middle;}

#tars-widget-fab .convbot-button {background: url('../images/untitleddesign8.png') no-repeat 0 0;}
#tars-widget-fab.open .convbot-button{background-image:none;}
#tars-widget-fab .convbot-button .convbot-open{display:none!important;}
.Footer-Title{color: #fff; font-size: 18px; margin-bottom: 20px; line-height: 1.3; padding: 0; font-family: 'HelveticaNeueLT Com 45 Lt'; font-weight: 300;} 
.topcorner-imgtext {display: block; width: 0; height: 0;  text-indent: -9999px; overflow: hidden;}
.serchnowtext {width: 0; height: 0; display: block;  text-indent: -9999px;  overflow: hidden;}

/*DesignBook*/
.dbgreypart{ padding:20px;}
ul.dbselectlist{ display:flex; flex-wrap:wrap; justify-content: center; margin:0 0 30px 0; padding:0; text-align:center;}
ul.dbselectlist > li{ margin:10px 0; padding:0 10px;}
.db-select{ border-radius:0; outline:none; width: 250px; max-width:100%; height: 44px;}
.db-select:focus{box-shadow:none;}
.table.db-table{border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6; background-color:#FFFFFF;}
.table.db-table thead tr > th{ border-bottom-width:1px; white-space:nowrap;}
.table.db-table thead tr > th,.table.db-table tbody tr > td,.table.db-table tfoot tr > th{border-left:1px solid #dee2e6; padding:5px 7px; text-align:center;}
.table.db-table thead tr > th.dbvaling{vertical-align:middle;}
.table.db-table tbody tr > td.dbnamedata{ text-align:left;}
.designbook-slider{ margin:0 0 30px 0; position:relative;}
.designbook-slider .owl-stage-outer{ margin-bottom:10px;}
.designbook-slider .owl-thumbs{display:flex; margin: 0 -5px;}
.designbook-slider .owl-thumbs .owl-thumb-item{ padding:0 5px; border:0; background-color:transparent; }
.designbook-slider .owl-nav{ position:absolute; left:0; width:100%; top:40%; margin:0; z-index:1; padding:0 20px;}
.designbook-slider.owl-carousel .owl-nav .owl-prev,.designbook-slider.owl-carousel .owl-nav .owl-next{width:50px; height: 50px; display: block; background-color: rgba(255,255,255,0.5);
border-radius: 100%; float:left;}
.designbook-slider.owl-carousel .owl-nav .owl-prev i.fa,.designbook-slider.owl-carousel .owl-nav .owl-next i.fa{display:block; width:17px; height: 21px; margin:auto; font-size:0px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E"); background-position:center center; background-size:auto 100%; background-repeat:no-repeat;}
.designbook-slider.owl-carousel .owl-nav .owl-next{ float:right;}
.designbook-slider.owl-carousel .owl-nav .owl-next i.fa{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}

@media screen and (max-width:991px) {
.sidebarhover {top: inherit;bottom: 0;text-align: center;width: 100%;right: 0;border-radius: 0;height: auto;display: block;}  
.sidebarhover ul{display: block;}
.sidebarhover ul li {display: inline-block;vertical-align: top;margin: 0;}
.sidebarhover ul li a {padding: 7px;}
.sidebarhover ul li span {margin-left: 0;display: block;}
.sidebarhover:hover span {margin-left: 0;}
.sidebarhover ul li a img {display: block;margin: 0 auto 3px;}
}

@media screen and (max-width:1600px){
.aflbox .card-title{ font-size:16px;}
.aflbox .card-text{ font-size:14px;}
.aflbox .card-body {padding: 20px 10px;}
.afl-expertdata p.afl-largefont{font-size: 14px;}
.afllist-afl .list-group-item{ font-size:16px;}
.afllist-afl .list-group-item::before{ top:8px;}
}

@media screen and (max-width:1280px){
.afl-architectural-facade{ margin:0 -30px 50px -30px}
.aflbox .card-text{ font-size:16px;}
}

@media screen and (max-width:1199px){
.aflbox{ height: calc(100% - 20px); margin:10px 0;}
.afl-category-title{ font-size:35px;}
.form_sec { padding:50px; }
}

@media screen and (max-width:991px){
.afl-architectural-facade{ margin:0 0px 20px 0px}

.form_sec .form-group #Name { width:72%; }
.form_sec .form-group #MobileNo { width:70%; }
.form_sec .form-group #MobileOTP { width:76%; }
.form_sec .form-group #Email { width:73%; }
.form_sec .form-group #SpaceArea { width:58%; }
.form_sec .form-group #StateProvinceId { width:73%; }
.form_sec .form-group #City { width: 77%; }
.form_sec .form-group #RequirementType { width:69%; }


/*.form_sec .form-group .form-control { width:42%; }
.form_sec .form-group .form-element-city,
.form_sec .form-group .form-element-state { width:73%; }
.form_sec .form-group .form-control[name="type"] { width:87%; }*/
}

@media screen and (max-width:767px){
.aflbox{height:auto;}
.afl-category-title{ font-size:28px;}
.afl-connect-title{ padding:10px 20px; margin:0 0 10px 0; font-size: 26px;}
.afl-architectural-facade{ margin:0 0 20px 0;}
.afl-services-offered{ margin:0 0 20px 0;}
.form_sec { padding:20px; }
.form_sec .form-group #Name { width:82%; }
.form_sec .form-group #MobileNo { width:81%; }
.form_sec .form-group #MobileOTP { width:85%; }
.form_sec .form-group #Email { width:83%; }
.form_sec .form-group #SpaceArea { width:74%; }
.form_sec .form-group #StateProvinceId { width:82%; }
.form_sec .form-group #City { width: 85%; }
.form_sec .form-group #RequirementType { width:62%; }

/*.form_sec .form-group .form-control { width:56%; }
.form_sec .form-group .form-element-city,
.form_sec .form-group .form-element-state,
.form_sec .form-group .form-control[name="type"] { width:80%; }*/
}

@media screen and (max-width:1680px) {
.brandlogo.apps ul li.artize, 
.brandlogo.apps ul li.jaquar-world, 
.brandlogo.apps ul li.essco {transform: scale(0.8);margin: 0;}
.orientation-page.dealers .categories-list ul li { padding: 15px;}
.warranty-wrapper .inputrow.sendotp input[type="tel"] {width: 73%;}
/*.navigation .jmenu {width: calc(100% - 265px);}*/
}

@media screen and (max-width:1440px) {
.navigation .container-fluid {padding-left: 50px;padding-right: 50px;}
/*.navigation .jmenu {width: calc(100% - 245px);}*/
.hero-slider .hero-caption{bottom: 30%;}
body{font-size: 16px;}
/*.navigation .logo {max-width: 180px;}*/
.navigation .sitenav{width: calc(100% - 190px);}
.sitenav ul li{font-size: 16px;}
/*.box {padding: 8px 30px;}*/
.profile ul {max-width: 550px;}
.hero-slider .hero-caption .container-fluid:before{top: -37px;}
.contact-wrapper {padding: 0;}
.contact-wrapper .halfbox {padding: 60px 40px;}
.formarea .input-row input, .formarea .input-row textarea{height: 48px;}
.bottomform .formarea .fullname:before{top: 13px;}
.bottomform .formarea .phones:before{top: 15px;}
.bottomform .formarea .emails:before{top: 14px;}
.talk-sales ul li{overflow: hidden;}
.talk-sales ul li a{padding: 8px 10px 8px 60px;overflow: hidden;}
.talk-sales ul li:hover a{overflow: hidden;}
.talk-sales ul li:hover a:before{height: 44px;overflow: hidden;}
.talk-sales ul li:first-child:before {background-position: -76px 9px;}
.talk-sales ul li:last-child:before {background-position: -123px 10px;}
.talk-sales ul li:first-child:before, .talk-sales ul li:last-child:before{height: 45px;}

.whitebox ul li a{font-size: 16px;padding: 10px 15px;}
.product-detail .pricesbox h4 {font-size: 30px;}
.product-detail .pricesbox ul.form-quantity li .box {letter-spacing: normal;font-size: 16px;}
ul.downloadPDF li{margin: 3px;}
ul.downloadPDF li a {padding: 5px 10px;font-size: 14px;}
.pageaccordion .card-header .card-link{padding: 10px 60px 10px 10px;font-size: 18px;line-height: 1.4;}
.hover-deatil h2{font-size: 18px;margin-bottom: 2px;}
.hover-deatil .price-box .prices {font-size: 20px;margin-top: 5px;}
.hover-deatil .price-box .shortlist a{line-height: 30px;}
.hover-deatil .product-code{font-size: 14px;margin-bottom: 5px;line-height: 1.4;}
.accrodion-slider .hover-deatil h2 {font-size: 13px;font-weight: 600;}
.page-carousel .item:hover .hover-deatil{padding: 10px 15px;}
.plusminus{right: 15px;}
.locate-list {max-width: 1080px;}
.locate-list ul li{margin: 15px;}
.designer-wrapper .product-short-description {max-width: 90%;}
.designer-wrapper .halfbox {padding: 0 70px 0 70px;min-height: 445px;}
.designer-wrapper .halfbox .photo {max-width: 110px;border: solid 4px #fff;}
.mobile-code {padding: 20px 55px;}
input, textarea, select {font-size: 16px;}
.loginarea.recovery img {max-width: 190px;}
.product-sidebar .product-list ul li {padding: 45px 20px 75px 20px;}
.product-list ul li h2 {font-size: 20px;}
.product-list ul li .product-thumb img {max-width: 80%;}
.product-code {font-size: 16px;}
.product-sidebar .product-list ul li .price-box{padding: 0 15px;}
.product-list ul li .price-box .prices{font-size: 24px;}
.product-list ul li .price-box .shortlist a {line-height: 36px;font-size: 14px;padding: 0 9px;}
.selected-options h4 {font-size: 20px;}
.selected-options .clear-filter{font-size: 12px;top: 15px;right: 10px;}
.custominput{font-size: 14px;letter-spacing: normal;}
.filter-sidebar .pageaccordion .card-header .card-link.collapsed, 
.filter-sidebar .pageaccordion .card-body{padding: 15px 15px;}
.elite-wrapper .pro-disc {padding: 15px;}
.elite-wrapper .pro-disc h2{font-size: 20px;margin: 0 0 10px 0;}
.elite-wrapper .pro-disc .smallTxt{font-size: 14px;margin-bottom: 5px;}
.elite-wrapper .pro-disc .prices{font-size: 16px;}
.contact-gray ul li.locatios {width: 59%;}
.office-subsidiary ul li .companyaddress{padding: 20px;}
.office-subsidiary ul li .companyaddress h4{margin-bottom: 10px;}
.office-subsidiary ul li .companyname, 
.representatives ul li h5{font-size: 16px;}
.office-subsidiary ul li .companyname{font-size: 14px;line-height: 1.4;min-height: auto;}
.representatives ul li {text-align: left;padding: 15px 20px;}
.representatives .search-area input[type=text]{padding: 10px 20px;height: 55px;}
.representatives .search-area button{font-size: 22px;padding: 8px;}
.register-wrapper .loginbox, 
.register-wrapper .halfbox {padding: 50px 70px;}
.register-wrapper .loginbox .inputrow select {background-position: top 19px right 10px;}
.register-wrapper .loginbox .form-check-inline input{width: 15px; height: 15px;top: 2px;}
.vidsec .vidframe{padding-top: 39.25%;}
.visit-form{padding: 25px 30px;top: 40px;}
.orientation-hero .item {height: 670px;}
.visit-form h2 {font-size: 22px;}
.visit-form .inputrow {margin-bottom: 10px;}
/*.visit-form .btn .box {padding: 9px 20px;}*/
.wojaq .contact-gray ul li:before{transform: scale(0.6);}
.wojaq .contact-gray{padding: 80px 50px;}
.wojaq .contact-gray ul li h6 { margin-top: -30px;}
.orientwrap.representatives ul li{font-size: 14px;padding: 15px 20px;line-height: 1.3;}
.qty .count{min-width: 75px;height: 38px;}
.qty .plus, .qty .minus{height: 38px;}
.pricecode .input, .pricecode select{background-position: top 20px right 10px;}
.price-qty .pricebox, .price-qty .pricesubtotal{font-size: 20px;}
.price-qty .pricebox{width: 60%;padding-right: 25px;}
.price-qty .pricesubtotal{width: 40%;}
.plan-bath-list > ul > li.product-img-box .prices{font-size: 30px;}
.plan-bath-list > ul > li.product-img-box p{font-size: 18px;}
.custom-bathroom .product-detail .detail-footer {padding: 100px 220px 100px 80px;}

.categories-list ul li{margin: 10px;width: calc(25% - 20px);}
.categoryTopiceditor .categories-list h2{font-size: 16px;padding-right: 5px;}
.catalog-footer .flRight a {margin-left: 4px;transform: scale(0.9);}
.catalog-footer h2.flLeft {font-size: 20px;}
.categories-list.grid_02 ul li {width: calc(50% - 20px);}
.grid_02 .dealerlist{margin-bottom: 24px;}

.categories-list.grid_02 ul li .dealerlist ul li {width: calc(50% - 20px);}
.grid_02 .dealerlist ul li select {background-position: top 19px right 10px;}

.orientation-page.dealers .categories-list ul li {padding: 15px;width: calc(20% - 10px);margin: 5px;}
.locate-list.office-sec ul li {width: calc(50% - 30px);}

.blog-posts .post{padding: 20px;margin: 6px;width: calc(33% - 12px);}
.products-remove-wrap.customizetab .card-header .card-link{padding: 20px;}
.price-qty .pricebox .qty-value {width: 100%;}

.quality-certificate-icons ul li {margin-bottom: 10px;width: calc(16.33% - 10px);}

.virtual-page {max-width: 100%;}
.visionlist .colvision ul li{width: 100%;}
.barandboxes .barndlist h5 {font-size: 16px;}
.barandboxes .barndlist {width: calc(30% - 30px);margin: 6px;padding: 20px 20px;font-size: 15px;}
.yearboxwrap .rightyear h3:after {left: -25px;}
.yearboxwrap .leftyear h3:after {right: -25px;}
.search-page .advanced-search select {background-position: top 19px right 10px;}

a.wld {font-size: 18px;padding: 4px 60px 3px 10px;top: -11px;line-height: 1.4;}
.product-details-page .breadcrumb-wreapper {padding: 0px 50px;}

.glbliframe {width: 65%;padding-top: 40%;}
}

@media screen and (max-width:1400px) {
.step-caption p {min-height: 40px;font-size: 14px;}
}
@media screen and (max-width:1366px) {
.orientation-hero .item {height: 700px;}
.contact-gray {padding: 30px 0;}
.contact-gray ul li.offices {margin: 0;padding: 0 20px 0 0;width: 38%;}
.contact-gray ul li.locatios {width: 62%;margin: 0;}
.brandlogo ul li:nth-child(2):after, .brandlogo ul li:nth-child(2):before{top: -34px;}

.testimonials-detail .testi-detail-iframe, 
.testimonials-detail .testi-detail-content{width: 50%;}
.testimonials-detail .testi-iframe {padding-top: 92.25%;}
.warranty-box .screen-box-image img {object-fit: contain;}
.warranty-box .screen-box-image {background: rgb(233,233,233);background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(222,222,222,1) 100%);}
.mini-contioner .newsletter-page {max-width: 100%;padding: 0 25px;}
.biogarphy .flLeft {width: 55%;}
.biogarphy .flLeft {padding-top: 35%;}
.biogarphy .flRight{width: 44%;}
.barandboxes .barndlist, .barandboxes .barndlist.smbox {width:calc(50% - 12px);}
.milstone .resp-tab-content{padding: 35px 50px;}
.milstone ul.resp-tabs-list li{font-size: 24px;}
.yearboxwrap .yearbox h3{font-size: 26px;}
.milstone h2 strong{font-size: 26px;}
.yearboxwrap .yearbox .yearcontet h5 {font-size: 18px;margin-bottom: 10px;line-height: 1.4;}
.yearboxwrap .rightyear h3:after {left: -27px;}
.yearboxwrap .leftyear h3:after {right: -27px;}
.appslinks ul li{width: 43%;}
.press-coverage .product-grid .item-box{width: calc(25% - 20px);}
body ul.review-items li {padding: 15px;}
.brands {padding: 0 10%;}
.playstore {max-width: 75%;margin: 50px auto 0;}
.footer-wrapper{padding: 60px 0 25px 100px;}
}
@media screen and (max-width:1280px) {
.navigation .container-fluid {padding-right: 15px;}
/*.navigation .jmenu {width: calc(100% - 245px);}*/
.head-search {margin-left: 15px;}
.hero-slider .hero-caption{bottom: 35%;}
h2 {font-size: 26px;line-height: 1.3;}
/*.box {padding: 5px 20px;}*/
.container-fluid {padding-right: 30px;padding-left: 30px;}
.topbar ul li, .sitenav ul li {font-size: 14px;} 
.topbar ul li select{font-size: 14px;height: 34px;background-position: top 12px right 7px;}
.product-list ul li h2 {font-size: 18px;}
.product-list ul li .product-code {font-size: 14px;}
.product-list ul li .price-box .prices {font-size: 18px;}
.product-list ul li .price-box .shortlist a {line-height: 30px;}
.product-short-description {text-align: left;margin-bottom: 0;}
.categories-list ul li{width: calc(25% - 16px);margin: 8px;padding: 10px;}
.categories-list ul li h2 {font-size: 20px;margin: 10px 0 0 0;}
.talk-sales ul li{min-width: 240px;}
.formarea .input-row input{height: 44px;}
.formarea .input-row textarea {height: 80px;}
.bottomform .formarea .fullname:before {top: 10px;}
.bottomform .formarea .phones:before {top: 13px;}
.bottomform .formarea .emails:before {top: 12px;}
.selected-options h4 {font-size: 17px;}
.product-sorting .sortbydrop {height: 40px;background-position: top 15px right 10px;}
.loginarea .halfbox {padding: 50px 95px;}
.loginarea.recovery img {max-width: 130px;}
.elite-wrapper .resp-tabs-list li{font-size: 24px;}
.elite-wrapper .pro-disc h2 {margin: 0 0 5px 0;}
.elite-wrapper .product-short-description {max-width: 90%;}

.categoryTopiceditor, .topic-description {padding: 30px 0 0;}
.contact-gray {padding: 40px 0;}
.catalog-footer {padding: 10px 0px 0px 0px;}
.catalog-footer h2.flLeft {width: calc(100% - 70px);}
.catalog-footer .flRight {width: 70px}
.catalog-footer .flRight a {margin-left: 0;transform: scale(0.7);}
.categories-list.grid_02 ul li {width: calc(50% - 16px);}
.visit-form{max-width: 430px;}
.vidsec { margin-top: 60px;}
.vidsec .experience h2 {margin-top: 0;margin-bottom: 15px;}
.wojaq .contact-gray {padding: 30px 50px;}

.locate-list.office-sec ul li h2 {font-size: 20px;margin: 25px 0 5px 0;}
.office-subsidiary { padding: 30px 0 30px 0;}
.office-subsidiary .categories-list ul li {padding: 0;}

.loginarea h2 {margin-bottom: 25px;}
.register-wrapper .widthwrap {width: 100%;}

.testi-detail-content .testmonial-block h2 {font-size: 20px;margin-bottom: 10px;}
.plan-bath-list > ul > li.product-img-box .prices {font-size: 20px;}
.price-qty .pricebox, .price-qty .pricesubtotal {font-size: 18px;}
.price-qty .pricebox h4, .price-qty .pricesubtotal .subtotal {font-size: 20px;}
.product-sidebar .product-list ul li {padding: 45px 15px 75px 15px;}
.mini-contioner .subscribe-newsletter .newsletter-email .newsletter-subscribe-button{padding: 10px 25px;}
.mini-contioner .subscribe-newsletter {margin-left: -30px;margin-right: -30px}

.categories-list.grids_03 ul li {width: calc(33.33% - 20px);margin: 10px;}
.biogarphy .flLeft {padding-top: 39%;}
.jaquar-today .bothsidepadd {font-size: 22px;padding: 0 10%;}
.visionlist .colvision{padding: 15px;}
.awardlists .alist{padding: 15px 25px;}
.awardlists .alist h5 {font-size: 18px;}
.awardlists .alist br{display: none;}

.press-coverage .product-grid .item-box{width: calc(33% - 20px);}
.orientwrap.manufacturing-units ul li {width: calc(25% - 20px);}

.plan-bath-products .resp-tab-content .leftcol {padding: 20px 50px 20px 20px;}
.alistwrap ul.awlist li img{max-width: 80%;}
.login-wrapper.supportotppage {margin: -30px -30px -50px -30px;}
.jmsRegisterPage .loginarea .screen-box {padding: 50px 30px;}
.footer-wrapper{padding: 60px 0 25px 90px;}
/*.visit-form .btn .box {padding: 7px 20px;}*/
.product-detail .pricesbox ul.form-quantity li .btn {padding: 15px 13px;}
}

@media screen and (max-width:1270px) {
.hero-slider .halfbox { min-height: auto;/*position: static;display: block;align-items: inherit;justify-content: inherit;*/}
.hero-slider .screen-box .screen-box-image, 
.hero-slider .screen-box .screen-box-image:hover img{position: static !important;object-fit: cover;height:auto;transform: none;width: auto; height: auto;    background-size: auto;}
/*.hero-slider .theme-custom .nivoSlider img{position: static !important;height: auto !important;width: 100% !important;}*/
/*.hero-slider .theme-custom .nivoSlider{height: auto;}*/
.section-fit-wrapper .screen-box {min-height: 75vh;}

.whitebox ul li a {font-size: 14px;padding: 10px;}
.product-detail .detail-header, .product-detail .detail-footer {padding: 30px;}

.testimonials-detail .testi-detail-iframe, 
.testimonials-detail .testi-detail-content {width: 100%;}
.testimonials-detail .testi-iframe {padding-top: 52.25%;}
.testi-detail-content .testmonial-block{padding: 0 30px 0 0;}
.testimonials-detail .testi-detail-content {margin-top: 30px;}

.product-detail .detail-header .breadcrumb-wreapper {margin: 0 0 0 60px;}
.product-list ul li .price-box .prices {font-size: 16px;}
.dealerlist ul {width: 100%;}
}
@media screen and (max-width:1180px) {
.jmenu a {padding: 20px 7px;font-size: 13px;}
.jm-dropdown:after{right: 3px;}
.head-search input.search-box-text{width: 136px;}
.navigation .jmenu {width: calc(100% - 395px);}

.navigation .container-fluid {padding-left: 30px;}
.hero-slider .hero-caption {bottom: 45%;}
.grid_02 .dealerlist {padding: 40px 15px;}
.grid_02 .dealerlist select{padding: 0 30px 0 10px;}
.grid_02 .dealerlist ul li{margin: 0 5px;}
.categories-list.grid_02 ul li .dealerlist ul li {width: calc(50% - 10px);}

.blog-posts .post{width: calc(50% - 12px);}
.warranty-wrapper .inputrow.sendotp input[type="tel"] {width: 65%;}
.topic-editor.customer-support {max-width: 100%;}

.designer-wrapper .section-fit-wrapper .screen-box {min-height: 50vh;}
.biogarphy .flLeft {padding-top: 45%;}
.product-detail .overview {padding:0px 30px 30px 30px;}
.product-detail .full-description {padding: 0px 30px;}
.plan-bath-products .resp-tabs-list li .step-caption  {font-size: 16px;}
.plan-bath-products .resp-tabs-list li .step-caption h4 {margin-bottom: 5px;font-size: 22px;}
.plan-bath-products .resp-tabs-list li.resp-tab-active .step-caption{padding: 15px 15px 15px 15px;}
.step-caption {padding: 15px 10px 15px 10px;}
body ul.review-items li {width: calc(50% - 20px);}
.footer-wrapper .cols.qlinks {padding-left: 60px;}
.footer-wrapper {padding: 60px 0 25px 80px;}
.product-details-page .breadcrumb-wreapper { padding: 0px 30px;}
}
@media screen and (max-width:1179px) {
.orientation-page.dealers .categories-list ul li {width: calc(25% - 10px);}
.loginarea .halfbox {padding: 50px;}
}
@media screen and (max-width:1100px) {
.section-fit-wrapper .screen-box {min-height: 70vh;}
.footer-wrapper .cols.qlinks {padding-left: 30px;}
.tracko-page .form-group{padding: 50px 15px;}
}
@media screen and (max-width:1024px) {
.section-fit-wrapper .screen-box {min-height: 62vh;}
.screen-box h2 { margin-bottom: 30px;}
.hero-slider .hero-caption {bottom:40%;}
.hero-slider .hero-caption .container-fluid:before {top: -31px;height: 145px;}
.catalog-footer h2.flLeft {font-size: 18px;}
.visit-form{max-width: 410px;}
.orientation-hero {margin-top: 30px;}
.wojaq .contact-gray ul {margin-top: 0;}
.wojaq .contact-gray ul li h6 {font-size: 16px;}
.contact-gray .offices .email-phone a{margin-bottom: 10px;}
.brandlogo ul li:nth-child(2):after, .brandlogo ul li:nth-child(2):before{height: 110px;}
.designer-wrapper .section-fit-wrapper .screen-box {min-height: 42vh;}
.categories-list.grids_03 ul li {width: calc(33.33% - 14px);margin: 7px;}
.biogarphy .flLeft {padding-top: 48%;width: 50%;}
.biogarphy .flRight {width: 50%;padding: 0 0 0 20px;}
.jaquar-today .bothsidepadd {font-size: 20px;padding:0;}
.milstone .resp-tab-content { padding: 35px 0px;}
.appslinks ul li{width: 47%;}
.press-coverage.product-details-page .weblink ul li{width: calc(50% - 20px);}
.alistwrap ul.awlist li{padding: 0 ;}
.csr-activity-gallery-page ul li {width: calc(33% - 10px);}
.brands { padding: 0;}
.playstore {max-width: 85%;}
.footer-wrapper {padding: 60px 0 25px 60px;}

ul.sml-prdt-list li img {padding: 2px;}
ul.sml-prdt-list li h5 {font-size: 14px;}
}
@media screen and (max-width:1020px) {
.jmenu a {font-size: 14px;}
.navigation .jmenu {width: calc(100% - 265px);}
.head-search input.search-box-text {width: 0;padding: 0;border: none;transition: all linear .3s;}
.head-search .search-main {margin: 0;/*border: solid 1px #676767;*/background: transparent;color: #676767;padding:3px 10px;}
.head-search .search-main:hover{background: #676767;color: #fff;}
.head-search input.search-box-text {width: 0;opacity: 0;transition: all linear .3s;border: solid 1px #000;position: absolute;right: 0;top: 47px;padding: 5px 15px;box-shadow: 2px 0px 13px 7px rgb(0 0 0 / 15%);}
.head-search input.search-box-text.search-visible {width: 500px;}
}
@media screen and (max-width:1000px) {
.hero-slider .theme-custom {margin: 0;max-width: 100%;}
}
@media screen and (max-width:992px) {
.container-fluid {padding-right: 15px;padding-left: 15px;}
.jmenu a {padding:20px 4px;}
.head-search {margin-left: 15px;}

.categories-list ul {margin-left: 0;margin-right: 0;}
.categories-list ul li {width: calc(33.33% - 10px);margin: 5px;}
.categories-list ul li h2 {font-size: 18px;}
.vidsec .vidframe { padding-top: 45.25%;}
.wojaq .contact-gray ul li {width: calc(33% - 20px);}
.wojaq .contact-gray ul li h6 br {display: none;}
.office-sec { padding: 20px 0;}
.locate-list.office-sec ul {margin: 0;}
.locate-list.office-sec ul li {width: calc(50% - 20px);margin: 10px;padding: 10px;}
.brandlogo ul{margin: 0;}
.box {letter-spacing: normal;font-size: 16px;}

.blog-wrapper .container-fluid {display: flex;flex-wrap: wrap;padding-right: 20px;padding-left: 20px;}
.blog-wrapper .product-sidebar {width: 100%;padding-left: 0;}
.blog-wrapper .filter-sidebar {width: 100%;order: 2;display: flex;flex-direction: column;}
.blog-posts{margin-left: 0;margin-right: 0;}
.blog-posts .post{margin: 6px; width: calc(50% - 12px);}
.block-blog-archive {padding: 30px 0 0;}

.warranty-wrapper .mobile-code {padding: 20px;}
.warranty-wrapper .inputrow input#OTP {width: 94%;}
.warranty-wrapper .inputrow.sendotp input[type="tel"] {width: 60%;}
.topic-editor.customer-support ul li {width: calc(33% - 30px);margin: 15px;}
.topic-editor.customer-support ul li .btn{width: 100%;}
.designer-wrapper .section-fit-wrapper .screen-box{padding: 20px;}

.faucet-editor{padding: 30px;}
.faucet-editor .jaq-facucet-wrap .flRight {width: calc(100% - 300px);padding: 0px 0px 0px 30px;}
.featuredIcon ul li {width: 50%;}

.virtual-page .iframewrapes ul li {text-align: center;padding-right: 0;width: 100%;}
.mini-contioner .subscribe-newsletter {margin-left: -15px;margin-right: -15px;}

.footer-wrapper h4 {margin-bottom: 10px;}
.footer-wrapper .cols {padding: 0 15px;}
.footer-wrapper .cols.socialmedia {padding-right: 15px;width: 100%;margin-top: 20px;}
.socials ul li {}
.appslinks ul li {width: 120px;}
.categories-list.grids_03 {padding: 15px;margin-bottom: 15px;}
.categories-list.grids_03 ul li {width: calc(50% - 14px);}
.bothsidebox .boxed {width: calc(50% - 20px);margin: 10px;padding: 20px 15px;}
.barandboxes .barndlist .bbox1{width: 100%;margin: 5px 0;}
.barandboxes .barndlist .bbox1:first-child{padding-right: 0;border-right: none;}

.search-page .product-list ul li {flex: 0 0 33%;}
.alistwrap ul.awlist li {margin: 10px 0;}
.login-wrapper.supportotppage {margin: -30px -15px -50px -15px;}
.jmsRegisterPage .loginarea .screen-box {padding: 30px 30px;}
.playstore {max-width: 100%;}
.footer-wrapper {padding: 60px 0 25px 30px;}
.Footer-Title{margin-bottom:10px;}
}
@media screen and (max-width:991px) {
.sticky_sidebar{height: auto;}
.jmsRegisterPage {margin: -30px -15px -50px -15px;}
.jmsRegisterPage .loginarea .screen-box {width: 100%;}
.jmsRegisterPage .loginarea .screen-box.loginbox {border-right: none;border-bottom: solid 1px #ccc;}
.jmsRegisterPage .mobile-code .registered-mobile {margin: 0;}
.footer-wrapper{padding:60px 0 110px 0;}
.eu-cookie-bar-notification{bottom: 65px;}
/*.visit-form .btn .box {padding: 7px 28px;}*/
.product-detail .product-detail-left .detailImg img {height: calc(100vh - 253px);}
}
@media screen and (max-width:990px) {
.product-details-page .breadcrumb-wreapper {padding: 0px 20px;}
.breadcrumb-wreapper ul {padding: 5px 0;}
.breadcrumb-wreapper ul li{line-height: 1.2;}
.hero-slider .nivoSlider {height: calc(100vh - 192px);}
.filter-sidebar, .product-sidebar {width: 100%;}
.product-sidebar{padding: 0;}
.filter-sidebar {margin-bottom: 20px;}
.product-detail .equalbox {flex: 0 0 100%;width: 100%;}
.plan-bath-list > ul > li.product-img-box {width: 100%;text-align: center;border-right: 0;margin-bottom: 0;border-bottom: solid 1px #a1a1a1;}
.plan-bath-list > ul > li.product-code-box{width: 100%;}
.plan-bath-list > ul > li.product-img-box .product-thumb img {height: auto;width: auto;}

.virtual-page .iframewrapes ul li img {width: 100%;}
.virtual-page .iframewrapes ul li.iframe2 {position: relative;overflow: hidden;padding-top:0px;width: 100%;margin: 30px auto 0;display:block;}
.virtual-model-footer.widthextra .modal-content .modal-body {padding-top: 396px;}

.sticky_sidebar ul li a::before{transform: scale(0.8); margin-bottom: 3px;}

.biogarphy .flLeft {padding-top: 55%;width: 100%;}
.biogarphy .flRight {width:100%;padding: 30px 0 0 0;}
.visionlist{margin-left: 0; margin-right: 0;padding: 0 7px;}
.visionlist .colvision {padding: 30px;margin: 0 0 10px 0;width: 100%;}
.awardlists .alist{width: 33.33% !important;}
.awardlists .alist h5 {font-size: 16px;}
/*.head-search input.search-box-text{top: 66px;}*/

.html-category-page .listing .container-fluid {display: flex;flex-wrap: wrap;padding-right: 15px;padding-left: 15px;}/*listing flex order*/
.html-category-page .listing .filter-sidebar {width: 100%;order: 2;display: flex;flex-direction: column;}/*listing flex order*/
.orientwrap.manufacturing-units ul li {width: calc(33% - 20px);}

.plan-bath-products .custom-accordion ul.resp-tabs-list {margin-left: -3px;margin-right: -3px;}
.plan-bath-products .resp-tabs-list li {width: calc(20% - 6px);margin: 6px 3px!important;}
.plan-bath-products .resp-tab-content .leftcol {padding: 0 0 30px 0;width: 100%;}
.plan-bath-products .resp-tab-content .rightcol {width: 100%;text-align: left;}

.product-sorting .filter-mobile {display: inline-block;font-size: inherit;line-height: 28px;}
body .nopAjaxFilters7Spikes .block .filtersGroupPanel {z-index: 1;}
.filter-sidebar .nopAjaxFilters7Spikes {display: none;}
.filter-sidebar .nopAjaxFilters7Spikes {display: block;background: #fff;box-shadow: 1px 0 5px rgb(0 0 0 / 50%);position: fixed;top: 0;left: -350px;width: 350px; overflow: scroll;/*height: calc(100vh - 54px);*/transition: all linear .3s;-o-transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s; z-index:99999; height:100vh; }
.filter-sidebar.sidebaropen .nopAjaxFilters7Spikes {left: 0;transition: all linear .3s;-o-transition: all linear .3s;-ms-transition: all linear .3s;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;}
.filter-overlay {overflow: hidden;}
.filter-overlay:before {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 50%);content: "";z-index: 4;}
.close-filters {display: block; background: #e2e2e2;cursor: pointer;text-align: right;text-transform: uppercase;padding:10px 15px;}
.close-filters span {display: block;line-height: 1;}
.filter-sidebar .nopAjaxFilters7Spikes .block {min-height: auto;padding: 0;}
.filter-sidebar .nopAjaxFilters7Spikes .block a.toggleControl {font-size: 15px!important;text-transform: uppercase;font-weight: 600;padding: 5px 20px;}
.filter-sidebar .nopAjaxFilters7Spikes .block .filtersGroupPanel {padding: 10px 20px;}
.filter-sidebar .nopAjaxFilters7Spikes .block .checkbox-list label {font-size: 14px;margin: 0;}
.filter-sidebar .nopAjaxFilters7Spikes .block.selected-options {background: #fff;border: none;margin: 0;}
.filter-sidebar .nopAjaxFilters7Spikes .block.selected-options label {text-transform: uppercase;font-weight: 600;font-size: 14px;}
.filter-sidebar .nopAjaxFilters7Spikes .block.selected-options span.option {color: #000;font-size: 14px;}
.product-sorting {border-color: #d1d1d1;margin: 0 0 20px 0!important;padding:9px 15px;margin: 0 -15px 10px -15px !important;background: #ececec;}
.product-sorting .filter-mobile span {position: relative;left: 38px;}

.tracko-page .form-group .trcocol {width: 33.33%;}
.tracko-page .form-group .trcocol.buttons {width: 100%;text-align: right;}
/*.visit-form .btn .box {padding: 9px 29px;}*/
.product-detail .product-detail-left .detailImg img {height: calc(100vh - 264px);}
}
@media screen and (max-width:940px) {
.topbar ul li#topcartlink span.cart-label {display: inline-block;word-break: break-all;/*width: 43px;*/text-align: left;line-height: 1;}
/*.topbar ul li#topcartlink span.cart-qty {position: relative;top: -8px;}*/
.topbar ul li select {width: 110px;}
.vidsec .vidframe {padding-top: 60.25%;width: 100%;}
.vidsec .experience {width: 100%;text-align: center;margin-top: 20px;}
.vidsec .experience h2{text-align: center;}
.vidsec .experience h2 br{display: none;}
    
.contact-gray ul li.offices, .contact-gray ul li.locatios {width: 100%;}
.contact-gray ul li.offices .headquarter { margin-bottom: 30px;display: inline-block;width: 50%;padding-right: 20px;}
.contact-gray ul li.locatios{padding-top: 62.25%;}
.footer-wrapper .cols.qlinks {padding-left: 30px;}
}
@media screen and (max-width:900px) {
.navigation .logo {max-width: 160px;}
.navigation .jmenu {width: calc(100% - 225px);}
.navigation .container-fluid {padding-left: 15px;}
.jm-dropdown:after {top: 2px;}
.jmenu a {font-size: 12px;}
.grid_02 .dealerlist {padding: 20px 15px;}
.categories-list.grid_02 ul {margin-left: 6px;margin-right: 6px;}
.categories-list.grid_02 ul li {margin: 10px 0;width: 100%;}
.categories-list.grid_02 ul li img {object-fit: inherit;height: auto;}
.categories-list.grid_02 ul li .dealerlist ul li {width: calc(50% - 10px);margin: 0 5px;}
.orientation-page.dealers .categories-list ul li {width: calc(33.33% - 10px);}
.quality-certificate-icons ul li {width: calc(25% - 10px);}
.mini-contioner .newsletter-page ul li{width: 100%;}
.size-tool-page ul.product-feature li{width: calc(25% - 10px);}
}
@media screen and (max-width:880px) {
.hero-slider .nivoSlider {height: auto;}
.hero-slider .theme-custom .nivo-controlNav{padding: 10px 0;}
.section-fit-wrapper .screen-box {min-height: 55vh;}
.jm-dropdown ul {left: -150px;}
.jm-dropdown:hover ul{width: 720px;}
.jm-dropdown:after{right: 0px;}
.designer-wrapper .section-fit-wrapper .screen-box {min-height: 35vh;margin-bottom: 30px;}
}
@media screen and (max-width:800px) {
body {margin-top: 112px;}
.head-search input.search-box-text{top: 45px;}
/*.hero-slider .hero-caption {bottom: 50%;}*/
.section-fit-wrapper .screen-box {min-height: 50vh;}
.navigation .logo {max-width: 150px;}
.navigation .jmenu {width: calc(100% - 211px);}
.jmenu a {padding: 20px 5px;}
.hero-slider .hero-caption .container-fluid:before {top: -24px;height: 125px;}
.jm-dropdown:after{right: 2px;}
.jm-dropdown ul a {font-size: 13px;}
.topbar ul li select {width: 100px;}
.loginarea .halfbox {padding: 40px;}
.footer-wrapper .cols.brands .brandlogo, .footer-wrapper .cols.brands .social{display: block;}
.social {margin-top: 30px;margin-left: 0;}
.brandlogo ul{max-width: 550px;}
.press-coverage .product-grid .item-box {width: calc(50% - 20px);}
.step-caption p {font-size: 13px;}
.footer-wrapper .cols.qlinks {padding-left: 15px;}
}

@media screen and (max-width:768px) {
.hero-slider .screen-box .screen-box-image img{height:auto !important;}
.section-fit-wrapper .screen-box {min-height: 46vh;}
.content-fluid {padding: 30px 0 30px 0;}
.detail-page {padding: 0px 0 15px 0;}
.loginarea {padding: 30px;}
.register-wrapper .halfbox {width: 100%;min-height: auto;padding: 0;}
.loginarea .halfbox {padding: 30px 30px 0px 30px;}
.register-wrapper .loginbox {width: 100%; padding-top: 30px !important;}
.loginarea .loginbox {border-left: none;border-top: solid 1px #dfe1e0;}
.content-fluid.designer-wrapper {padding: 0;}
.designer-wrapper .product-short-description {margin-bottom: 30px;max-width: 100%;}
.contact-page .representatives {margin-bottom: -15px;padding-bottom: 20px;}
.contact-page .representatives ul {margin: 0;}
.login-wrapper {margin-bottom: -40px;}
.login-wrapper.supportotppage .loginarea {padding: 0;}
.login-wrapper.supportotppage {margin: -30px -15px -30px -15px;}
}
@media screen and (max-width:767px) {
.features h1 {font-size: 24px;}
.features h2 {font-size: 20px;}
body {margin-top: 100px;}
.top-search {border: 0;}
.topbar ul li#topcartlink .cart-label span {display: none;}
.hero-slider h1{font-size: 20px;}
.topbar ul li:nth-last-child(2) a {font-size: 14px;}
.content-fluid {padding: 15px 0 15px 0;}
.orientation-hero {margin-top: 0;}
.topbar ul li a{font-size: 0;display: block;}
.topbar ul li {margin-left: 10px;}
.topbar ul li select {width: 90px;line-height: 21px;height: 25px;background-position: top 9px right 4px;background-size: 12px;}
.topbar ul li.plogin a:before {margin: 0;/*headerlogin fontsize0*/}
.topbar ul li:last-child a {font-size: 14px;}
.topbar ul li a.ico-cart {position: relative;}
.topbar ul li.plogin a, .topbar ul li.locate a {width: 29px;}

.hero-slider .screen-box2 .screen-box-image2 img {height: auto !important;/*for mob*/}
.head-search .search-main {padding: 4px 10px 4px 10px;}
.navigation {padding: 8px 0;}
label.jm-menu-btn {margin: 0 70px 0 0;font-size: 30px;line-height: 1;color: #676767;padding-right: 0;position: absolute; right: 0; top:-52px; z-index: 9;    padding: 13px 0px;}
.navigation .jmenu {width: 100%;}
.navigation {position: relative;}
.navigation .logo {position: relative;/*z-index: 2;*/z-index: 99;padding: 6px 0;max-width: 200px;}
.navigation .jmenu {width: 100%;position: absolute;top: 54px;right: 0;}
/*.head-search {float: right;position: relative; z-index: 2;top: 10px;}*/
.head-search {float: right;position: absolute;z-index: 2;top:4px;width: 100%;left: 0;right: 0;margin: 0;text-align: right;padding: 8px 15px 8px 8px;}
.head-search input.search-box-text {top: 50px;}
.head-search input.search-box-text.search-visible{width: 100%;}
input[type=checkbox]:checked.jm-menu-btn~.jm-collapse{background: #000;text-align: left;}
.jmenu a {font-size: 14px;padding: 15px;display: block;border-top: solid 1px #2b2b2b;text-transform: uppercase;color: #fff;}
.jm-dropdown:hover a, .jmenu a:hover {    color: #fff;}
.jm-dropdown:after {content: "\f107";position: absolute;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#b0b0b0;right:10px;top: 2px;font-size: 30px;padding: 10px 15px;}
.jmenu li, .jmenu ul{position: relative;z-index: 3;}
.jm-dropdown:hover ul {width: 100%;padding: 0;}
.jm-dropdown:hover ul li {width: 100%;}
ul.dropdownlist {width: 100%;left: 0;padding: 0;background: #2b2b2b;float: left;}
ul.dropdownlist li {float: left;width: 100%;border-top: solid 1px #000;}
ul.dropdownlist li a {padding: 10px 15px 10px 35px;}
ul.dropdownlist.showhide{display: block!important;}
ul.dropdownlist{display: none !important;left: 0;}
.jm-dropdown:hover ul i, ul.dropdownlist li a i {position: static;width: auto;margin-right: 7px;}

.jmenu li.lightinggCls.jm-dropdown:hover ul {width: 100%;}
.jmenu li.lightinggCls.jm-dropdown:hover ul li {width: 100%;}

/*ul li.jm-dropdown {float: left;width: 100%;}*/
ul.dropdownlist {background: #2b2b2b;}
ul.jm-collapse {float: left;width: 100%;}
.jmenu li {float: left; width: 100%;}
ul.dropdownlist {width: 100%;float: left;overflow: scroll;max-height: 250px;}

h1 {font-size: 20px;}
h2 {font-size: 20px;margin-bottom: 15px;}
h4 {font-size: 20px;}
p {margin-bottom: 15px;}
.hero-caption .container-fluid h1{margin: 0;}
.hero-slider .hero-caption .container-fluid:before {top: -15px;height: 85px;}
.categories-list ul li {width: calc(50% - 10px);}
.product-short-description h1 {margin-bottom: 10px;}
.grid_02 .dealerlist {margin-bottom: 15px;}
.orientation-page.dealers .categories-list ul li {width: calc(50% - 10px);}

.orientation-hero .item {height: 410px;}
.visit-form {max-width:100%;position: static;padding: 15px 30px;}
.visit-form h2 {margin-bottom: 15px;}
.visit-form .inputrow.enterotp p br { display: none;}
.wojaq .contact-gray { padding: 30px;}
.wojaq .contact-gray ul li{margin: 0px 10px;}
.wojaq .contact-gray ul li:before {transform: scale(0.5);margin: -20px 0 10px 0;}
.representatives {padding: 30px 0 0px 0;}
.representatives ul {margin: 30px 0 0 0;}
.locate-list.office-sec ul li {width: 100%;margin: 10px 0;padding: 10px;}
.contact-page .representatives .categories-list ul li {width:calc(50% - 10px);}
.loginarea {padding: 20px;}
.loginarea .halfbox {padding: 0;overflow: visible;padding-top: 20px;}

.loginarea .halfbox {width: 100%;min-height: auto;}
.loginarea.recovery .loginbox {margin-top: 30px;padding-bottom: 30px;}

.vidsec {margin-top: 20px;}
.section-fit-wrapper .screen-box {padding: 15px;}

.filter-sidebar .pageaccordion .card-header .card-link{padding: 15px 20px !important;}
.filter-sidebar .block .card-header a.card-link{padding: 12px 20px;}
.product-sidebar .product-list ul li {padding: 35px 15px 50px 15px;}
.product-list ul li {flex: 0 0 50%;}
.product-list ul li .quick-view {top: 10px;right: 10px;}
.product-list ul li .product-thumb {margin-bottom: 10px;}
.product-sidebar .product-list ul li .price-box {padding: 0 15px;}
.product-list ul li .price-box .shortlist a{padding: 0 10px;}

.product-detail .detail-header, .product-detail .detail-footer {padding: 15px;}
.whitebox {overflow: hidden;margin:0;}
.product-detail .detail-header h2{font-size: 26px;}
.product-detail .detail-header p {font-size: 16px;}
.product-detail .pricesbox {margin: 20px 0 30px 0;}
.product-detail .pricesbox h4 {font-size: 26px;margin-bottom: 20px;}
.whitebox ul li:first-child a {margin-left: 0;}
.pageaccordion .card-body{padding: 15px;}
ul.downloadPDF li a {padding: 6px 7px 2px 7px;}
.page-carousel {padding: 0 40px;margin: 15px 0;}
.product-detail .detail-header h2, .product-detail .pricesbox h4 {font-size: 22px;}

.categoryTopiceditor, .topic-description {padding: 15px 0 0;}
.categoryTopiceditor h1, .topic-description h1 {margin-bottom: 15px;}
.topic-editor h4 {font-size: 18px;font-weight: 600;line-height: 1.3;}

.blog-wrapper .pager {margin: 20px 0 ;}
.blogpost-page .new-comment .enter-comment-text {width: 100%;}
.blogpost-page .new-comment, .blogpost-page .comment-list {padding: 0;background: transparent;}
.blogpost-page .new-comment .enter-comment-text { height: 110px;}

.plan-bath-list > ul > li.product-img-box .all-product-price, .plan-bath-list > ul > li.product-img-box .colors {padding: 15px;}
.plan-bath-list > ul > li.product-img-box .prices {font-size: 20px;font-weight: 600;}
.plan-bath-list > ul > li.product-img-box p{font-size: 16px;margin-bottom: 10px;}
.price-qty .pricebox h4, .price-qty .pricesubtotal .subtotal, 
.price-qty .pricebox .product-price h4 {font-size: 18px;font-weight: 600;}
.price-qty .pricebox, .price-qty .pricesubtotal .qty{font-size: 18px;}

.price-qty .pricebox, .price-qty .pricesubtotal{width: 210px;}
.price-qty .pricesubtotal {margin-top: 20px;}
.products-remove-wrap .inner-list .halfcol .pricesubtotal {margin-top: 0;}
.price-qty .pricesubtotal .qty {margin-bottom: 0 !important;}
.price-qty .pricesubtotal .subtotal {margin-top: 0;}

label.mobile-remove {display: inline-block;vertical-align: middle;}
.products-remove-wrap .inner-list .halfcol, 
.products-remove-wrap .inner-list .halfcol.remove-pro {width: 100%;}
.products-remove-wrap .inner-list .halfcol.remove-pro {border-left: 0;text-align: left;}
.products-remove-wrap .inner-list .halfcol {border-bottom: solid 1px #a1a1a1;border-left: 0;}

.warranty-wrapper .mobile-code {padding: 50px;}
.warranty-box .halfbox {width: 100%;min-height: auto;}
.warranty-box .screen-box-image{position: static;}
.warranty-wrapper .inputrow input#OTP {width: 200px;}
.warranty-box .screen-box-image img {object-fit: contain;width: auto;height: auto;}
.warranty-wrapper .mobile-code .registered-mobile {margin: 0;}
.warranty-wrapper .screen-box h2 {margin-bottom: 10px;}

.topic-editor.customer-support ul li {width: calc(33% - 16px);margin: 8px;}
.topic-editor.customer-support ul li .register-img img {border: solid 5px #000;}
.topic-editor.customer-support ul li h4 {margin: 10px 0;min-height: 70px;}

.order-details-page .page-body{margin: 0;}
.table-wrapper {display: block;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.order-details-page .order-overview, .order-details-page .order-details-area, .order-details-page .products {margin: 0 0 10px 0; width: 100%;padding: 15px;}
.address-list .address-item, .order-list-page .order-item{padding: 20px;margin: 0 0 10px;width: 100%;}
.address-list-page .add-button {margin: 10px 0 0 0;}
.block-customer-navigation .card-header h2, .account-page .page-title h1 {font-size: 20px;}

.designer-wrapper .section-fit-wrapper .screen-box {min-height: auto;width: 100%;margin: 0 0 15px 0;padding: 0;}
.designer-wrapper .halfbox .screen-box-image {position: static;text-align: center;}

.designercol.dcols2, 
.designercol.dcols4, 
.designercol.dcols6 {display: flex;flex-wrap: wrap;padding-right: 1px;padding-left: 0;}
.designercol.dcols2 .screen-box.halfbox, 
.designercol.dcols4 .screen-box.halfbox, 
.designercol.dcols6 .screen-box.halfbox {width: 100%;order: 2;display: flex;flex-direction: column;}
.designercol.dcols2 .screen-box.halfbox.imgbox, 
.designercol.dcols4 .screen-box.halfbox.imgbox, 
.designercol.dcols6 .screen-box.halfbox.imgbox {width: 100%;order: 1;display: flex;flex-direction: column;}
.designer-wrapper .section-fit-wrapper .screen-box{text-align: center;}

.faucet-editor{padding: 15px;}
.faucet-editor .jaq-facucet-wrap {margin: 15px 0;}
.faucet-editor h2{font-size: 24px;}
.faucet-editor .jaq-facucet-wrap .flLeft {width: 100%;}
.faucet-editor .jaq-facucet-wrap .flRight {width: 100%;padding: 20px 0 0 0;}
.features {margin: 30px 0 0 0;}
.features h2 {margin-bottom: 20px;}
.faucet-editor h3 {font-size: 18px;}
.faucet-editor ul {margin: 0 0 20px 0;}
.featuredIcon ul li {width: 100%;padding: 0 0px 10px 0;}
.featuredIcon ul li h3{font-size: 16px;line-height: 1.6;padding-left: 10px;}

.modal-dialog.customize-modalpopup {margin-right: 0;top: 0;position: fixed;bottom: 0;max-width: 100%;margin: 0 auto 0;
display:flex;
align-items:center;
}
.virtual-model-footer.show {width: 100%;}
.virtual-model-footer.show .modal-content {width: 100%;}
.mini-contioner .subscribe-newsletter {margin-top: -20px;padding: 30px;}
.mini-contioner .subscribe-newsletter .newsletter-email .newsletter-subscribe-text {width: calc(100% - 150px);}

.footer-wrapper{padding: 30px 0 125px  0;}
.footer-wrapper .cols {width:33%;margin-bottom: 20px;padding: 0 13px;}
/*.footer-wrapper .cols.brands{width: 100%;}
.footer-wrapper .cols.brands ul li{display: inline-block;vertical-align: middle;margin: 0 15px 10px 0;}*/
.coyright{border-top: 1px solid #353535;padding: 15px 10px 0 10px;margin: 0;}
.coyright ul li:first-child {display: block;margin: 0 0 5px 0;padding: 0;font-size: 13px;}
.coyright ul li {display: inline-block;border-right: none;padding: 0 8px;}
.eu-cookie-bar-notification .buttons-more {margin-left: 0;margin-top: 10px;}
.biogarphy .flLeft {padding-top: 70%;}
.dualQuotes:before, .dualQuotes:after {width: 21px;height: 21px;background-size: 100%;}
.dualQuotes {padding: 0 35px;}
.visionlist .colvision {padding: 15px;box-shadow: none;}
.footer-wrapper .cols.socialmedia{width: 100%;margin-top: 0;}

.footer-wrapper .cols.availablesec {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.footer-wrapper .cols.availablesec .brands, .footer-wrapper .cols.availablesec .playstore {width: 50%;}
.playstore {margin: 0px auto 0;}

.awardlists .alist {width: 50% !important;}
.awardlists .alist img {max-width: 100px;}
.awardlists .alist:nth-child(9) {width: 100% !important;}

.bothsidebox .boxed {width: 100%;margin: 0 0 10px 0;}
.enterprices .blankbg .boxed {padding: 15px 0 0 0;}
.enterprices .blankbg .boxed:last-child {padding-top: 0;}
.milstone h2 strong {font-size: 22px;}

.milstone ul.resp-tabs-list { display: block; }
.milstone h2.resp-accordion { display: none; }
.yearboxwrap .w49 {width: 100%;}
.yearboxwrap {z-index: 1;position: relative;  margin-bottom: 30px;}
.yearboxwrap .yearbox h3 {font-size: 18px;margin: 0;}
.yearboxwrap .rightyear h3:after, .yearboxwrap .leftyear h3:after {display: none;}
.yearboxwrap .leftyear h3:before, .yearboxwrap .rightyear h3:before{width: 100px;}
.milstone ul.resp-tabs-list li {font-size: 18px;}
.yearboxwrap .yearbox .yearcontet {padding: 20px;}
.biogarphy { margin: 0px 0 30px 0;}
.milstone {margin: 20px 0 0 0;}
.awards {margin: 20px 0 0 0;}
.enterprices {padding: 20px 0 0;}
.enterprices .blankbg {margin-top: 20px;}
.product-detail .product-detail-left .detailImg img{height:auto;width: auto; max-width: 70%;}
.rotation3D_view .modal-body{padding-top: 80%;}
.product-detail .detail-header .detail-back {left: 20px;top: 10px;transform: scale(.6);display: none;}
.product-detail .detail-header .breadcrumb-wreapper {margin: 0 0 0 46px;display: none;}
.whitebox ul li{margin-right: 5px;}
.page-carousel h2 {margin-bottom: 20px;}
.orientwrap.manufacturing-units ul li {width: calc(50% - 20px);}
.product-detail .detail-footer ul.sizing-list li {width: 50%;}


.complete-bathroom-solution-page {margin-bottom: 15px;margin-top: 20px;}
.complete-bathroom-solution-page .resp-tabs-container {background: transparent;color: #fff;padding: 0;}
.complete-bathroom-solution-page h2.resp-accordion {padding: 0 !important;border: none !important;position: relative;margin-bottom: 1px;}
.cate-description, .prdct_feature{padding: 30px 30px;}
.complete-bathroom-solution-page .resp-tab-content {padding: 30px;background: #000;}
.complete-bathroom-solution-page .step-pic img {width: 100%;display: none;}
.complete-bathroom-solution-page .step-caption {font-size: 16px;padding: 10px;}
.step-caption p {min-height: auto; font-size: 15px;}
.complete-bathroom-solution-page .step-caption h4 {margin-bottom: 5px;line-height: 1;}
.complete-bathroom-solution-page h2.resp-accordion .resp-arrow {position: absolute;right: 15px;bottom: 25px;border-top-color: #fff;}
.complete-bathroom-solution-page h2.resp-tab-active span.resp-arrow {border-bottom-color: #fff;}
/*.complete-bathroom-solution-page .steps_01 {display: block;}*/
.complete-bathroom-solution-page .resp-tab-content.steps_01 {display: block;}
.complete-bathroom-solution-page .resp-tab-content.steps_02, 
.complete-bathroom-solution-page .resp-tab-content.steps_03{display: none;}
.complete-bathroom-solution-page .resp-tabs-container.opentabs .steps_01 {display: none;}
.complete-bathroom-solution-page .resp-tabs-container.opentabs .steps_01.resp-tab-content-active {display: block;}

.size-tool-page .col-01-wrap .sizeleft, .size-tool-page .col-01-wrap .sizeright { width: 100%;}
.size-tool-page .sezecol2 .sizeleft{margin-bottom: 20px;}
.size-tool-page h3 {font-size: 16px;}
.size-tool-page .col-01-wrap .sizeleft{margin-bottom: 25px;}
.search-page .product-list ul li {flex: 0 0 50%;}
.login-wrapper { margin-bottom: -30px;}
.features p.text-justify {text-align: left !important;}

.complete-cbs-page .cbsbox{padding: 20px;}
.complete-cbs-page .cbsbox ul.two-column {margin-bottom: 30px;}
.complete-cbs-page .cbsbox ul.two-column li {width: 100%;padding-right: 0;}

.alistwrap {padding: 20px 20px;}
.alistwrap h3{font-size: 16px;}
.alistwrap ul.awlist li {width: 20%;}
.alistwrap ul.awlist li:last-child{border-right:0;}
.alistwrap ul.awlist li:nth-child(7n) {border-right-color: #4d4d4d;}
.alistwrap ul.awlist li:nth-child(5n) {border-right:0;}
.product-sorting .sortbydrop {line-height: 32px;}
.close-filters {padding: 12px 15px 8px 15px;}

body ul.review-items li {margin:0 0 10px 0;width: 100%;padding: 25px;}
body ul.review-items .review-body .review-title{min-height: auto;}
body ul.review-items .review-body .review-title{margin: 0 0 10px;}
body ul.review-items .review-body{margin: 0;}
.csr-activity-gallery-page ul li {width: 100%;margin: 0 0 10px 0;}
.login-wrapper.supportotppage {margin: -30px -15px -30px -15px;background: #fff;padding: 30px;}
.registered-mobile.otpauth-page .form-control{height: 45px;font-size: 16px;}
.login-wrapper.supportotppage h2 {margin-bottom: 15px;}
.login-wrapper.supportotppage {margin:-15px -15px -15px -15px;padding: 15px 30px;}
.jmsRegisterPage .loginarea .screen-box {padding: 30px 10px;}
.jmsRegisterPage #legend legend {font-size: 16px;font-weight: 600;}
.jmsRegisterPage .loginarea .loginbox .inputrow input, .jmsRegisterPage .loginarea .loginbox .inputrow select {height: 45px;}
.jmsRegisterPage .loginarea .loginbox .inputrow select{background-position: top 19px right 10px;}
.jmsRegisterPage .loginarea label {margin: 0 0 8px 0;padding: 0;}
.jmsRegisterPage .loginarea .screen-box.loginbox {padding: 30px 0px;}

.leftcorner{width: 109px;}
.brands ul li {display: inline-block;width: auto;margin-top: 15px;padding: 0 10px;}
.eu-cookie-bar-notification {bottom: 80px;}
.self-vm {padding-top: 0; height: calc(100vh - 250px);}

.region-list{padding: 30px 0px;}
.region-list .regioncol {width: calc(25% - 20px);margin: 0 10px;}
.playstore ul li.qrcode {display: none;}

.tracko-page .form-group{padding: 30px 15px;}
.tracko-page .form-group .trcocol {width: 100%;}
.tracko-page .form-group .trcocol input{font-size: 16px;height: 45px;}

/*color finishes fixed start*/
.product-detail .equalbox .detail-footer .attributes {position: fixed;bottom: 90px;background: #fff;width: 100%;left: 0;right: 0;z-index: 999;padding: 5px 10px 0px 10px;box-shadow: -1px -3px 2px rgb(0 0 0 / 5%);}
.product-detail .equalbox .detail-footer .attributes .color-finished {font-size: 16px;line-height: 1;}
.product-detail .detail-footer span.color-label strong{font-weight: 600;}
/*color finishes fixed end*/

.sml-prdt-list-wrap {padding: 25px 15px;margin-top: 10px;}
.glbliframe {width: 100%;padding-top: 60%;}


/*DesignBook*/
.dbgreypart{ padding:10px;}
ul.dbselectlist > li{ width:100%; padding:0; margin:0px 0 10px 0;}
.db-select, .db-select:focus{ width:100%;}
.table.db-table thead tr > th,.table.db-table tbody tr > td,.table.db-table tfoot tr > th{ font-size:13px;}
.designbook-slider .owl-nav{ padding:0 10px;}
.designbook-slider.owl-carousel .owl-nav .owl-prev, .designbook-slider.owl-carousel .owl-nav .owl-next{ width:40px; height:40px;}
.designbook-slider.owl-carousel .owl-nav .owl-prev i.fa, .designbook-slider.owl-carousel .owl-nav .owl-next i.fa{width: 10px; height: 15px;}
}

@media screen and (max-width:680px) {
/*.hero-slider .hero-caption {bottom: 60%;}*/
.section-fit-wrapper .screen-box {min-height: initial;width: 100%;padding: 0;text-align: center;display: block;}
.section-fit-wrapper .screen-box .screen-box-image {position: static; min-height: 300px; background-color:#0F0F0F;}
.section-fit-wrapper .screen-box .site-box-content {padding: 30px 15px;}
.section-fit-wrapper .screen-box .site-box-content h2 {margin-bottom: 15px;}
.section-fit-wrapper .box02 {display: flex;flex-wrap: wrap;}
.section-fit-wrapper .box02 .screen-box:nth-child(1) {order: 2;display: flex;flex-direction: column;}
.section-fit-wrapper .box01, .section-fit-wrapper .box02, .section-fit-wrapper .box03{width: 100%;}

.copyright {margin-top: 30px;text-align: center;font-size: 14px;letter-spacing: normal;}
.categories-list ul li h2 {font-size: 16px;}
.wojaq .contact-gray {padding: 30px 15px;}

.contact-gray ul li.offices .headquarter{width: 100%;padding-right: 0;}
.contact-gray ul li.locatios {padding-top: 52.25%; margin-top: 30px;}
.contact-page .representatives .search-area{width: 100%;}
.register-wrapper .loginbox .inputwrap .inputrow {width: 100%;}
/*.colors ul li{margin-bottom: 10px;}*/
.testi-detail-content .testmonial-block h2 {font-size: 18px;}
.testi-detail-content .testmonial-block{width: 100%;padding: 0;margin-bottom: 15px;}

.logo-usage-page .complogos {display: block;width: 100%;margin: 0 0 10px 0;}
.designer-wrapper .section-fit-wrapper .screen-box .site-box-content {padding: 0;}
.designer-wrapper .section-fit-wrapper .screen-box .site-box-content h2 {margin-bottom: 5px;}
.designer-wrapper .halfbox .photo {max-width: 90px;border: solid 2px #fff;top: 15px;left: 15px;}

.virtual-page .iframewrapes ul li.iframe2{padding-top:0px;}
.virtual-model-footer.widthextra .modal-content .modal-body{padding-top: 420px;}
.categories-list.grids_03 ul li {width: 100%;margin: 0 0 10px 0;}
.press-coverage.product-details-page .weblink ul li {width: 100%;margin: 0 0 10px 0;}
.size-tool-page ul.product-feature li {width: calc(33.33% - 10px);}

.eu-cookie-bar-notification{bottom: 81px;line-height: 1.4;font-size: 14px;}
.region-list .regioncol h3{padding-bottom: 7px;margin-bottom: 10px;}

.hero-slider .halfbox {min-height: 300px; background-color: #0F0F0F;}
}

@media screen and (max-width:679px) {
.alistwrap ul.awlist li {width: 25%;}
.alistwrap ul.awlist li:nth-child(4n) {border-right:none;}
.alistwrap ul.awlist li:nth-child(5n) {border-right:solid 1px #4d4d4d;}
.alistwrap ul.awlist li h4 {font-size: 16px;}
.product-sorting .sortby span{display: none;}
.topbar ul li:last-child a {font-size: 12px;}
}

@media screen and (max-width:640px) {
.form_sec .form-group #Name { width:78%; }
.form_sec .form-group #MobileNo { width:77%; }
.form_sec .form-group #MobileOTP { width:82%; }
.form_sec .form-group #Email { width: 79%; }
.form_sec .form-group #SpaceArea { width: 67%; }
.form_sec .form-group #StateProvinceId { width:77%; }
.form_sec .form-group #City { width:81%; }
.form_sec .form-group #RequirementType { width: 54%; }
}

@media screen and (max-width:580px) {
/*.hero-slider .hero-caption {bottom: 63%;}*/
.orientation-hero .item {height: 310px;}
.product-sorting .sortbydrop {width: 135px;font-size: 16px;}
.product-sorting .sortby span {margin-right: 5px;}
.account-page .inputs input[type="text"], .account-page .inputs input[type="password"], .account-page .inputs select, .account-page .inputs input[type="tel"], .account-page .inputs input[type="email"] {width: 95%;}
.quality-certificate-icons ul li {width:calc(33.33% - 10px);}

.product-list ul li {flex: 0 0 100%;}
.mini-contioner .subscribe-newsletter { padding:40px 15px 30px 15px;}
.awardlists .alist {width:100% !important;}
.milstone ul.resp-tabs-list{    overflow: hidden;}
.milstone ul.resp-tabs-list li.resp-tab-active{border: none;}
.barandboxes .barndlist, .barandboxes .barndlist.smbox {width: 100%;margin: 0 0 10px 0;}
.milstone ul.resp-tabs-list li {padding: 10px 25px !important;width: 25%;float: left;line-height: 1.2;}
.hero-slider .screen-box2 .screen-box-image2 img {height: auto !important;/*for mob*/}
.find-dealers {    padding: 30px 0 40px;}
.dealerlist ul li {    display: block;    padding: 5px 10px;    width: 100%;}
.product-detail .product-detail-left .detailImg img{ max-width: 100%;}
.press-coverage .product-grid .item-box, .orientwrap.manufacturing-units ul li {width: 100%;margin: 0 0 10px 0;}
.size-tool-page .col-01-wrap .row {display: block;}
.office-subsidiary .categories-list ul li {width: 100%;}
.contact-page .representatives .categories-list ul li {width: 100%;margin: 0 0 10px 0;}
.search-page .product-list ul li {flex: 0 0 100%;}
.search-page .advanced-search select {max-width: 100%;}
.search-page .inputs input.search-text {width: 100%;}
.brands ul li{padding: 0 15px;width: auto;}
.footer-wrapper .cols.availablesec {padding: 0 17%;}
.footer-wrapper .cols.availablesec .brands, 
.footer-wrapper .cols.availablesec .playstore {width: 100%;}
.playstore {margin: 30px auto 0;}
.brands:after {margin: 20px auto 0;}

.region-list{padding: 10px 0px 30px 0px;overflow: scroll;height: calc(100vh - 80px);}
.region-list .regioncol {width: calc(49% - 14px);margin: 20px 7px 0 7px;float: none;display: inline-block;vertical-align: top;}

ul.sml-prdt-list li {width: calc(33% - 10px);margin-bottom: 15px;}
}
@media screen and (max-width:579px) {
.topbar ul li.locate a:before {margin-right: 0;}
.topbar ul li#topcartlink {margin-left: 8px;}
.orientation-hero .item {height: 310px;}
.wojaq .contact-gray ul li {width: calc(50% - 20px);}

.blog-posts .post {margin: 0 0 10px 0;width: 100%;}
.topic-editor.customer-support ul {margin: 0 !important;}
.topic-editor.customer-support ul li {width: 100%;margin: 0 0 30px 0;}
.topic-editor.customer-support ul li h4 {min-height: auto;}
.topic-editor.customer-support ul li .btn {width: auto;}
.products-remove-wrap .inner-list .halfcol .pricesubtotal {margin-top: 10px;}
.careers-page ul li a {letter-spacing: normal; padding: 10px 7px;}
.complete-bathroom-solution-page .resp-tab-content {padding: 15px;}

.alistwrap ul.awlist li {width: 33.33%;}
.alistwrap ul.awlist li:nth-child(4n) {border-right:solid 1px #4d4d4d;}
.alistwrap ul.awlist li:nth-child(3n) {border-right:none;}
.login-wrapper.supportotppage {padding: 28px 30px 15px 30px;}
}

@media screen and (max-width:575px) {
.modal-dialog.customize-modalpopup .form-group {line-height: 1.3;font-size: 12px !important;}
.virtual-model-footer.show .form-group.row:last-child .text-left, 
.virtual-model-footer.show .form-group.row:last-child .text-right {width: 50%;padding: 0;}
}

@media screen and (max-width:520px) {
.price-qty .pricebox, .price-qty .pricesubtotal {width: 100%;}
.price-qty .pricebox .qty-value input { width: auto;}
}
@media screen and (max-width:480px) {
.brandlogo.apps ul li {margin: 0 10px 0 -30px;}
.brandlogo.apps ul li.jaquar-world:after {right: 10px;}
.categories-list ul li {width: 100%;margin: 5px 0;}
.orientation-hero .item {height: 240px;}

.product-list ul li {flex: 0 0 100%;}
.pager li {margin: 0 2px;}
.pager li > a, .pager li > span{padding: 2px 10px;}
.product-details-page .breadcrumb-wreapper {margin-bottom: 10px;}
.whitebox {margin: 0;}
.whitebox ul li a {margin: 0 0 5px 0;}
.whitebox ul li:first-child a {margin-left: 0;}
.warranty-wrapper .mobile-code {padding: 20px;}

.vmdisc {margin-top: 10px;}
.virtual-model-footer.widthextra .modal-content .modal-body {padding-top: 440px;}
.enquiry-now .modal-dialog {width: 100%;}
.footer-wrapper .cols.brands {margin-top: 30px;}
.eu-cookie-bar-notification{bottom: 58px;line-height: 1.3;font-size: 14px;}
.milstone ul.resp-tabs-list li {padding: 10px 15px !important;}
.hero-slider .screen-box2 .screen-box-image2 img {height: auto !important;/*for mob*/}
.size-tool-page ul.product-feature li {width: calc(50% - 10px);}
.jmsRegisterPage .loginarea .loginbox .inputWrappers .inputrow {width: 100%;}
.footer-wrapper .cols.availablesec {padding: 0 10%;}
.eu-cookie-bar-notification {bottom: 150px;}

/*.form_sec .form-group .form-control { width:40%; }
.form_sec .form-group .form-element-city,
.form_sec .form-group .form-element-state,
.form_sec .form-group .form-control[name="type"] { width:70%; }*/
.faq_d3 { padding:20px; }
}

@media screen and (max-width:479px) {
/*.topbar ul li#topcartlink span.cart-label {width: 43px;}
.topbar ul li#topcartlink span.cart-qty {position: relative;top: -8px;}*/

.footer-wrapper .cols.brands .brandlogo, .footer-wrapper .cols.brands .social {display: block;}
.footer-wrapper .cols.brands{padding-top: 10px;padding-bottom: 10px;}
.social {margin-top: 30px;}
.footer-wrapper .cols.qlinks .apps {margin-top: 0;margin-left: 0;}
.categories-list.grid_02 ul li .dealerlist ul li {width: 100%;margin: 5px 0;}
.orientation-page.dealers .categories-list ul li {width: 100%;margin: 0 0 10px 0;padding: 20px;}
.visit-form .inputrow.enterotp p {width: 100%;}
.visit-form .inputrow.enterotp input {margin: 10px 0 0 0;}
.visit-form .inputrow.telecode .phone {margin-bottom: 15px;width: 100%;}
.visit-form .btn, .visit-form .btn .box {width: 100%;}
.visit-form .inputrow.accept-check .btn .box {width: 100%;}
.visit-form .inputrow.accept-check .form-check-label {width: 100%;margin-left: 26px;margin-bottom: 30px;}
.contact-gray ul li.locatios {padding-top: 75.25%; margin-top: 30px;}
.careers-page ul li {display: inherit;margin: 0 5px 0 0;padding: 0;width: 30%;line-height: 1.3;}
.product-detail .pricesbox ul.form-quantity li:last-child {display: block;margin-top: 7px;}
.footer-wrapper .cols.availablesec {padding: 0;}
}

@media screen and (max-width:450px) {
.visit-form .inputrow.accept-check .form-check-label {width: 100%;margin-bottom: 20px;}
.visit-form { padding: 20px;}
.loginarea { padding: 20px 10px;}
.login-wrapper .captcha-box div, .login-wrapper .captcha-box div iframe {width: 100% !important;}
.virtual-model-footer.show .tab button{padding: 5px;margin-right: 2px;font-size: 14px;}
.virtual-model-footer.show .close{width: 43px;height: 37px}
}
@media screen and (max-width:430px) {
/*.hero-slider .hero-caption {bottom: 67%;}*/
.topbar ul li {margin-left: 0;}
.topbar ul li.head-lang {margin-left: 3px;}
.mobile-code .registered-mobile .sendotp .code {width: 75px;}
.warranty-wrapper .inputrow.sendotp input[type="tel"] {width: 64%;}
.filter-sidebar .nopAjaxFilters7Spikes{width: 300px;}
.filter-sidebar .nopAjaxFilters7Spikes .block .filtersGroupPanel {padding: 10px 10px;}
ul.sml-prdt-list li {width: calc(50% - 10px);}
}
@media screen and (max-width:419px) {
.topbar ul li.plogin a:before, .topbar ul li.locate a:before{margin-right: 0;padding: 0;}
.topbar ul li select {width: 60px;font-size: 12px;padding:1px 2px;background-position: top 9px right 3px;background-size: 11px;}
.footer-wrapper .cols.qlinks ul, .footer-wrapper .cols.qlinks .apps{display: block;}
.footer-wrapper .cols.qlinks .apps {margin-top: 30px;margin-left: -20px;}
.footer-wrapper .cols.brands {margin-top: 0;}
.orientation-hero .item {height: 210px;}
/*.product-sorting .found-result, .product-sorting .sortby{width: 100%;}*/
.product-sorting .sortbydrop {/*width: calc(100% - 86px);*/width: 100%;}
.product-sorting .found-result {display: none;}
.whitebox ul li a {font-size: 13px;padding: 8px;}
.quality-certificate-icons ul li {width: calc(50% - 10px);}
.mini-contioner .subscribe-newsletter .newsletter-email .newsletter-subscribe-text {width: 100%;margin-bottom: 10px;}
.hero-slider .screen-box2 .screen-box-image2 img {height: auto !important;/*for mob*/}
.product-sorting .filter-mobile {margin: 9px 10px 0 0;}
.login-wrapper.supportotppage {padding:20px 20px 15px 20px;}
}

@media screen and (max-width:400px) {
.topbar .container-fluid {padding-right: 5px;padding-left: 5px;}
.footer-wrapper .cols {width: 100%;}
.footer-wrapper .cols.support {margin: 20px 0;}
.milstone ul.resp-tabs-list li {font-size: 16px;padding: 10px 10px !important;}
.alistwrap ul.awlist li {width: 50%;}
.alistwrap ul.awlist li:nth-child(3n) {border-right:solid 1px #4d4d4d;}
.alistwrap ul.awlist li:nth-child(2n) {border-right:none;}
.footer-wrapper .cols {margin-bottom: 0;}
.footer-wrapper .cols.socialmedia {width: 100%;}

.socials {margin-top: 20px;max-width: 100%;}
.footer-wrapper .cols.availablesec {margin-top: 30px;}
.footer-wrapper .cols.availablesec {margin: 20px 0;}
}

@media screen and (max-width:380px) {
.navigation .logo{max-width: 180px;}
.topbar ul li.plogin a, .topbar ul li.locate a {width: 22px;transform: scale(0.8);}
.wojaq .contact-gray ul li {width: 100%;margin: 0;}
.contact-page .representatives .categories-list ul li {width:100%;margin: 5px 0;}
.orientation-hero .item {height: 180px;}
.virtual-page .iframewrapes ul li.iframe2 {padding-top: 480px;}
.cartTable .common-buttons .btn, .cartTable .checkout-buttons .btn {padding: 10px 10px;font-size: 15px;}
.hero-slider .screen-box2 .screen-box-image2 img {height: auto !important;/*for mob*/}
.leftcorner{width: 104px;}
}
@media screen and (max-width:360px) {
/*.hero-slider .hero-caption {bottom: 69%;}*/
.hero-slider .hero-caption .container-fluid:before {height: 75px;top: -9px;}
.topbar ul li.head-lang {margin-left: 15px;}
.sticky_sidebar ul li a {padding: 5px 5px;}
.virtual-model-footer.show .tab button{padding: 5px;margin-right: 3px;font-size: 12px;}
.virtual-model-footer.show .close{width: 40px;height: 34px;}
}
@media screen and (max-width:340px) {
body {margin-top: 100px;}
.orientation-hero .item {height: 170px;}
.section-fit-wrapper .screen-box .btn, .section-fit-wrapper .screen-box .btn .box {width: 100%;margin: 5px 0;}
.pager li > a, .pager li > span{padding: 0px 8px;}
.virtual-page .iframewrapes ul li.iframe2 {padding-top: 500px;}
.virtual-model-footer.widthextra .modal-content .modal-body {padding-top: 470px;}
.milstone ul.resp-tabs-list li {padding: 10px 5px !important;}
.hero-slider .screen-box2 .screen-box-image2 img {height: auto !important;/*for mob*/}
}
@media screen and (max-width:320px) {
.topbar ul li {margin-left: -3px;}
.topbar ul li.head-region {margin-left: 3px;}
.topbar ul li.head-lang {margin-left: 10px;}
}

#tars-widget-fab.show-callout-message { margin-bottom :75px; }
#tars-widget-fab.pop_right{ margin-bottom :75px; }
.guide-faqsection  { background-color: #fafafa; }
.guide-chapter-rightpanel ul { margin:20px 0; } 
.guide-chapter-rightpanel ul li { margin:10px 0;  }