body{font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:14px; margin:0; padding:0;background-color: #ffffff;}
*{margin:0; padding:0;}
ul,li{margin:0; padding:0; list-style:none;}
a{color: #ff6f07;}
a:hover, a:focus{text-decoration:none;}
a:focus{outline:0;}
a.ectlink.mincart.btn1, a.ectlink.mincart.btn1:hover, a.ectlink.mincart.btn1:focus{color: #fff;}
a.ectlink.mincart.btn1:hover, a.ectlink.mincart.btn1:focus{text-decoration: underline;}
img{border:none;}
h5{font-size:16px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;}
div.product{border-radius:3px;background:#fff;}
.heading1{margin:0; color:#ff6f07; font-size:14px;}
.mbottom{margin-bottom:94px;}
/*============btn-=================*/
button.btn1,input.btn1{background:#ff6f07; color:#fff; border:none; border-radius:0; width:100%; padding:10px 0;}
button.btn1,input.btn1{display:inline-block; position:relative; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0);}
button.btn1:before,input.btn1:before{pointer-events:none; position:absolute; content:''; height:0; width:0; top:0; left:0; background:white;

/* IE9 */
 background:-webkit-linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); background:linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
/*For IE7-8-9*/
z-index:1000; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property: width, height; transition-property:width, height;}
.btn1:hover:before {width:25px; height:25px;}
.btn1 a, .btn1 a:hover, .btn1 a:visited {color:#fff;}

.headerTop{padding:15px 0 6px 0; width:100%; float:left;}
.searchBox{width:100%; margin: 7px 0; float: left;}
.searchBox input[type="text"]{width: 85%; border:none; height: 30px; color:#333; float:left; background: #fff url(../images/searchicon.png) no-repeat 0 center; padding-left: 35px;}
.searchBox input[type="submit"]{border:none; background: #121116;  float:left; margin-left: 5px; padding: 7px 15px;  max-width: 15%;}
#topNav ul{/*text-align:right;*/ margin: 0 0 5px; text-align:right;}
#topNav li{display:inline-block; position:relative; line-height:30px;}
#topNav li:last-child{background:none;}
#topNav a{color:#444444; padding:0 13px;}
#topNav a:hover{color:#ff6f07;}
#topNav a .glyphicon:hover{color:#ff6f07;}
#topNav li a .glyphicon{color:#a9a9a9; font-size:17px;}
/*=======IE Support=======*/
#topNav li.bordernone{background:none;}
/*=======IE Support=======*/
#topNav li a span {float:left; padding-right:10px;}
#topNav ul ul{position:absolute; width:240px; padding:15px; border:1px solid #ccc; right:15px; background:#fff; z-index:1001; visibility:hidden; top:30px; margin:0;}
#topNav li:hover ul{visibility:visible;}
#topNav ul ul li .btn1{background:#bcdc23;}
#topNav ul ul li{width:100%; text-align:center; line-height:18px;}
#topNav ul ul li p{padding:5px 0; margin:0;}
#topNav ul ul.loginmenu{left:-50px; right:0;}

#headerNav{background: #3a3a3a; float: left; width: 100%;}
#headerNav .navbar{margin:0; min-height: 1px;}
#headerNav .navbar li{position: static;}
#headerNav .navbar li a{color:#fff; font-weight:bold; text-transform:uppercase; display:block; padding:0 7px; line-height:46px; font-size: 12px;}
#headerNav .navbar .navbar-nav > li{float: none; display: table-cell; vertical-align: middle; max-width: 95px; text-align: center;}

#headerNav .navbar .navbar-nav > li > a{line-height: 16px; padding: 2px 7px; display: table-cell; height: 45px; vertical-align: middle;}
#headerNav .navbar li a:hover{background:#BCDC23; margin:0; color:#333;}

#headerNav .nav.navbar-nav.navbar-right li a:hover {border-bottom:medium none!important; opacity:0.6;background:transparent;}

#banner .carousel-caption h2{text-transform:uppercase; text-shadow:none; font-size:28px; color:#444444; border-top:6px solid #adc621; display:inline-block; border-bottom:2px solid #adc621; padding:6px 0;}
#banner .carousel-caption p{ text-shadow:none; color:#444444; font-size:16px;}
#banner .carousel-indicators li,#banner1 .carousel-indicators li{border:1px solid #ff6f07; width:14px; height:14px; border-radius:0; background:transparent; margin:0;}
#banner .carousel-indicators li.active,#banner1 .carousel-indicators li.active{background:#ff6f07 !important;}
#banner .carousel-indicators{bottom:-35px;}
#banner .btn1{width:203px;}
#banner .btn1:before{background:linear-gradient(135deg, #f3f3f3 45%, #AAAAAA 50%, #CCCCCC 56%, #FFFFFF 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
#banner .carousel-caption{padding-bottom:50px;}

#headerNav .navbar-toggle{background-color:#7b8e0f; border-radius:0;}
#headerNav .navbar-default .navbar-toggle .icon-bar{background:#fff;}
#headerNav .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#7b8e0f;}

.heading{border-bottom: 1px solid #444444; width:100%; float:left; margin-bottom:34px; margin-top:35px}
.heading h4, .heading h3 {border-bottom:1px solid #ff6f07; float:left; letter-spacing:-1px; margin-bottom:-1px; padding-bottom:19px; padding-right:17px; width:auto; font-size:20px;}
.heading h1, .heading h2 {border-bottom:1px solid #ff6f07; float:left; letter-spacing:-1px; margin-bottom:-1px; margin-top:10px!important; padding-bottom:19px; padding-right:17px; width:auto; font-size:20px;}

.heading .p3 {border-bottom:1px solid #ff6f07; float:left; letter-spacing:-1px; margin-bottom:-1px; padding-bottom:19px; padding-right:17px; width:auto; font-size:20px;}

.payment_method .thumbnail{border:none; background:none; padding:0; border-radius:0;}
.payment_method{padding:18px 0 0;}
.payment_method .col-xs-6.col-sm-4.col-md-2{margin:0 0 18px 0;}


.recommended_kits .thumbnail{border-radius:0; text-align:center}
.recommended_kits .col-sm-6.col-md-3{margin:12px 0;}
.old_price{text-decoration:line-through;}
.new_price{color:#ff6f07; padding-left:12px;}
.caption h2{font-weight:bold; margin:0;}
.caption h2 span {font-size:14px; padding-left:6px; font-weight:normal;}
.caption p{min-height:60px;}
.view_products{border:1px solid #ff6f07; text-align:center; display:block !important; color:#444444; padding:8px 0; margin:11px 0;}
.view_products:hover{background:#ff6f07; color:#fff; border:1px solid #ffffff;}

.view_products{display:inline-block; position:relative; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.view_products:before{pointer-events:none; position:absolute; content:''; height:0; width:0; top:0; left:0; background:white;
/* IE9 */
 background:-webkit-linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); background:linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
/*For IE7-8-9*/
z-index:1000; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property: width, height; transition-property:width, height;}
.view_products:hover:before {width:25px; height:25px;}

/*===================footer======================*/
footer{font-size:12px;}
.payment_method{background:#f1f1f1;}
.payment_method .col-sm-3.col-md-2{margin-top:18px; margin-bottom:18px;}
.footer_widgets{background:#f9f9f9;}
.footer_widgets .col-sm-6.col-md-3{border-right:none; height:235px; padding-bottom:30px;}
.footer_widgets .col-sm-6.col-md-3.noborder{border-right:none; height:auto;}
.footer_widgets h5{font-weight:bold; padding:10px 0 3px 0; font-size:12px;}
.footer_widgets .form-horizontal .control-label{text-align:left; font-weight:normal;}
.footer_widgets .form-control{border-radius:0;}
.footer_widgets a {display:inline-block; position:relative; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:-webkit-transform; transition-property:transform; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); color:#444444;}
.footer_widgets a:hover {text-decoration: underline;}

.footer_bottom{background:#3a3a3a; color:#fff; padding:17px 0 5px; text-align:center; font-size:12px;}

/*=============Logo Slides============*/
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3{display:none;}
.nbs-flexisel-container {position:relative; max-width:100%;}
.nbs-flexisel-ul{position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center;}
.nbs-flexisel-inner {overflow:hidden; float:left; width:100%;}
.nbs-flexisel-item{float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-item img{width:100%; cursor:pointer; position:relative; margin-top:10px; margin-bottom:10px; max-width:158px; max-height:90px;}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right{width:32px; height:32px; position:absolute; cursor:pointer; z-index:100; opacity:0.5;}
.nbs-flexisel-nav-left{right:45px; background:url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right{right:5px; background:url(../images/button-next.png) no-repeat;}


/*====================Product Detail====================*/
#product_detail{margin:28px 0 0 0;}
.breadcrumbs{margin-bottom:35px;}
.breadcrumbs li{display:inline-block; color:#a6a6a6;}
.breadcrumbs li a{color:#a6a6a6;}
.product_image{border:1px solid #cccccc; padding:10% 0;}
.product_image img{margin:0 auto;}
.product_description{}
.product_description h4{font-size:20px;}
.product_price{font-weight:bold; margin:14px 0 7px;}
.product_price span{font-size:14px; font-weight:normal; padding-left:6px;}
.product_description .old_price{color:#7f7f7f;}
.product_description .new_price{font-weight:bold; padding-left:32px; color:#444444;}
.image_gallery{margin:78px 0 0 0;}
.image_gallery li{display:inline-block; border:1px solid #cccccc;}
.supply_box{border:1px solid #cccccc; padding:13px 15px 18px; }
.custom_select{background:url(../images/select_arrow.png) no-repeat 210px 16px; width:100%; height:40px; border:1px solid #cccccc; overflow:hidden; margin-bottom:20px;}
.custom_select select{border:none; font-size:14px; height:40px; padding:10px; width:260px; background:none; color:#cccccc; line-height:40px;}

/*===========Detail Tabs============*/
.detail_tabs{margin:60px 0 10px;}
.detail_tabs .tab-pane {border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-top:15px;}
.detail_tabs table td{padding:10px 8px 10px 32px !important;}
.detail_tabs .nav-tabs > li > a{border-radius:0; line-height:30px; padding-left:30px; padding-right:30px; color:#444444;}
.detail_tabs .nav-tabs > li > a:hover{background:#ff6f07; color:#fff;}
.inner_tabs_content{padding:0 15px 15px;}
.inner_tabs_content li{background:url(../images/point.gif) no-repeat 5px 5px; padding-left:20px;}

/*===========Product Listing============*/
.sidebox {margin-bottom: 30px;}
.sidebox h3{font-size: 14px; color: #ff6f07; padding: 10px 5px; margin: 0; font-weight: bold;}
.sidebox ul{border: 0px solid #ccc; border-bottom: 1px solid #ff6f07; border-top: 0;}
.sidebox ul li a{color: #666; font-size: 12px; padding: 8px 21px; display: block; /*background: url(../images/arrow1.png) no-repeat 90% center;*/}
.sidebox ul li {color: #888; font-size: 12px;border-bottom: 1px dotted #ccc;}
.sidebox ul li:hover{background:#ddd;}
.recommended_kits .col-sm-6.col-md-4{margin:18px 0;}
#banner1 .item{border: 1px solid #ccc;}

#banner1 .carousel-caption {left: auto; width: 70%;   padding-bottom: 30px;  right: 0; bottom: auto; top: 15px; text-shadow: 0 0; color: #444; font-family: Arial, Helvetica, sans-serif; padding: 0;}
.carousel-heading{background: url(../images/triangle.png) no-repeat 0 bottom; padding-left: 48px; float: right;}
#banner1 .carousel-caption h2{background: #adc621; color: #fff; font-size: 20px; padding: 20px 16px; text-align: right; text-transform: uppercase; margin: 0; float: right;}
#banner1 .carousel-caption h3{font-size: 24px; text-transform: uppercase; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0;}
.deal{position: absolute; left: 15px; top: 15px; background: #adc621; color: #fff; font-size: 20px; line-height: 22px; font-weight: bold; padding: 14px 10px; border-radius: 10px; text-align: center;}
#banner1 .carousel-caption p{font-size: 14px;}
.carousal-bottom{float: right; width: 65%;}


.list-content {padding: 0 0 20px;}
.list-content .heading{margin: 27px 0 13px;}
.list-content .heading h4{font-size: 20px;}
.list-content p{margin-bottom: 20px;}
.list-content .read-more{margin: 15px 0 0;}
.infobox .col-md-6{margin: 15px 0 15px;}
.infobox .img-responsive{display: inline-block;}
.read-more{background:#ff6f07 url(../images/arrow.png) no-repeat 93% center; color:#fff; border:none; border-radius:0; padding:10px 30px 10px 24px; display:inline-block; position:relative; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0);}
.read-more:hover{color: #fff;}

.read-more:before{pointer-events:none; position:absolute; content:''; height:0; width:0; top:0; left:0; background:white;
/* IE9 */
 background:-webkit-linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); background:linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
/*For IE7-8-9*/
z-index:1000; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property: width, height; transition-property:width, height;}
.read-more:hover:before {width:12px; height:12px;}

.offerbox{max-width: 261px;border: 1px solid #ccc; background: #fff; text-align: center; text-transform: uppercase; margin:0 0 30px;}
.offerTop{color: #333; min-height: 215px; padding: 10px 0 0;}
.offerTop h3{font-size: 36px; font-weight: bold; margin: 0;}
.offerTop h4{font-size: 20px; color: #fff; background:#adc621; line-height: 26px; margin: 4px 0;}
.offerTop .p3{font-size: 36px; font-weight: bold; margin: 0;}
.offerTop .p4{font-size: 20px; color: #fff; line-height: 26px; margin: 4px 0;}

.offerTop strong{font-size: 20px; font-weight: normal; margin: 35px 0 0; display: block;}
.offerBottom{color: #333; padding: 20px 0;}
.offerBottom span{display: block; font-size: 25px; font-weight: bold; text-align: left; padding-left: 56px; margin-top: 12px; line-height: 25px;}
.offerBottom strong{display: block; font-size: 90px; font-weight: bold; line-height: 70px;}
.offerBottom small{display: block; font-size: 24px; font-weight: bold; text-align: right; padding-right: 50px; line-height: 24px;}
.offerBottom .read-more{margin: 20px 0 0;}
.offer:before{background: url(../images/offer.png) no-repeat 0 0; height: 106px; width: 106px; content:""; position: absolute; right: 16px; top: 1px;}


.product_list{width:100%;display:flex;flex-wrap:wrap;}
.product_list .col-md-4{margin: 10px 0 20px;}
.product_list .thumbnail{border-radius: 0; padding: 0; text-align: center; min-height: 410px;}
.product_list .thumbnail p{text-align: left;}
.product_list .thumbnail h3{margin-top: 10px; font-size: 20px; color: #444;}
.product_list .btn1{max-width: 125px; text-align: center; margin: 5px 0; display: inline-block;}
.product_list .btn1:hover,.product_list .btn1:focus{color: #fff;}


/* Easy step section */
.easy-steps{float: left; width: 100%; text-align: left; padding: 0 0 20px;}
.step-box{float: left; width: 100%; background: #F0F0F0; padding: 10px; margin: 12px 0; min-height: 125px;}
.serial{float: left; background: #BCDC23; color: #fff; font-size: 24px; padding: 8px; height: 105px; }
.step-image{float: left; margin: 9px 20px;}
.step-text{font-size: 12px; margin-top: 10px;}
.step-text h3{margin: 0 0 10px; font-size: 18px; color: #666;}


/* Contact Page */
.contact_page .heading{margin-top: 0; margin-bottom: 20px;}
.heading2{background: #3a3a3a; color: #fff; font-size: 20px; padding: 13px 22px; margin: 0;}
.contact_box{border: 1px solid #cccccc; border-top: 0; margin-bottom: 32px; padding: 14px; min-height: 90px; float: left; width: 100%;}
.contact_box ul li label{display: block;  font-weight: normal; line-height: 20px;}
.contact_box .form-control {border-radius: 0; box-shadow: 0 0; height: 43px;}
.contact_box .form-control:focus{border-color: #fe700a;}
.contact_box a{color: #444;}
.contact_box textarea.form-control{resize: none; height: 96px;}

.contact_box.by_phone{padding: 0;}
.contact_box.by_phone ul li{border-bottom: 1px solid #ccc; padding: 7px 17px;}
.contact_box.by_phone ul li:last-child{border: 0;}
.contact_box.by_phone ul li strong{display: block; margin: 15px 0 16px;}
.phone{color: #fe700a;}

.contact_box.contact_form li{margin-bottom: 15px;}
.contact_box.contact_form li:last-child{margin-bottom: 0;}
.contact_box.contact_form h4{font-size: 20px;}
.contact_box.contact_form .btn1{width: auto; min-width: 223px; background: #ff6f07; color: #fff!important}
.required{margin: 0px 0 0  20px; line-height: 35px;}

/* Terms and Conditions Page */
.terms_page .heading{margin-top: 0; margin-bottom: 20px;}
.terms_page p{margin-bottom: 28px;}
.accor_box {border-bottom: 1px solid #e9e9e9; display: none; padding: 0 23px;}
.accor_box li{margin-bottom: 25px; line-height: 24px;}

.accor_heading{font-size: 20px; background: url(../images/icon7.png) no-repeat 1px 4px; padding-left: 21px; cursor: pointer;}
.accor_heading.active{background: url(../images/icon7-active.png) no-repeat 0 4px;}

.guide_box{border: 1px solid #ccc; padding: 20px 20px 10px 20px; float: left; width: 100%; margin-bottom: 35px;}
.guide_box h4{margin-top: 0; font-size: 16px; font-weight: 700;}
.guide-right{border: 1px solid #ccc; background: #eee; font-size: 20px; font-weight: 700; padding: 45px 0; float: left; width: 100%; margin: 24px 0 0px;}
.guide-right strong{font-size: 24px; color: #ff6f07;}
.guide-right .col-xs-3,.guide-right .col-xs-4,.guide-right .col-xs-5{padding-left: 5px; padding-right: 5px;}
.guide-right .col-xs-3{color: #ff6f07; text-align: center;}
.guide-bottom{background: #ff6f07; color: #fff; font-weight: 700; text-align: center; padding: 8px 0; float: left; width: 100%; margin-bottom: 10px;}

.nav-tabs,.nav-pills {position: relative;}

.custom-tab .nav-tabs{border: 0;}
.custom-tab .nav-tabs > li {margin: 0 0 10px 0;}
.custom-tab .nav-tabs > li > a{border: 0!important; background: #ff6f07; color: #fff!important; border-radius: 0!important; text-align: center; padding: 10px 10px; }
.custom-tab .nav-tabs > li.active > a{background: #3A3A3A;}
.border-img{border: 1px solid #ccc;}

.price_page .contact_box{border: 0; padding: 20px 0;}
.price_page .heading{margin-top: 0; margin-bottom: 20px;}

.step_block{text-align: center;padding: 10px 30px 50px; min-height: 420px; margin: 10px 0 20px; position: relative; }
.step_block img{max-width: 100%; height: auto;}
.step_block .btn1{display: inline-block; width: 150px; color: #fff!important; position: absolute; left: 50%; bottom: 10px; margin-left: -75px;}
.step_block h4{margin: 0 0 10px; font-size: 28px;}

.guide_block{text-align: center; border: 1px solid #ccc; padding: 10px 30px 50px; min-height: 420px; margin: 10px 0 20px; position: relative; }
.guide_block img{max-width: 100%; height: auto;}
.guide_block .btn1{display: inline-block; width: 150px; color: #fff!important; position: absolute; left: 50%; bottom: 10px; margin-left: -75px;}
.guide_block h4{margin: 0 0 10px; font-size: 28px;}

.guide_btns .col-md-4 a{background: #eee; display: block; text-align: center; font-size: 30px; color: #444; border: 1px solid #ccc; padding: 29px 0; margin-top: 20px;}
.guide_btns .col-md-4 a:hover{background: #adc621; color: #fff; border: 1px solid #6b7a17;}

.guide_btns.guide_btns1 .col-md-4 a{background: #eee url(../images/icon8.png) no-repeat 95% center;}
.guide_btns.guide_btns1 .col-md-4 a:hover{background: #adc621 url(../images/icon8.png) no-repeat 95% center;}

.guide_box .product{width: 90px; text-align: center; font-size: 12px;   border: 1px solid #CCCCCC; float: left; margin: 0 10px 10px 0px; height: auto;}
.guide_box .product img{max-width: 100%;}
.guide_box .product a{color: #444;}
.guide_box .product:hover{border: 1px solid #ff6f07;}

.guide_no{background: #ff6f07; height: 115px; width: 115px; display: inline-block; line-height: 115px; font-size: 48px; font-weight: 700; text-align: center; color: #fff; border-radius: 50%; margin-bottom: 10px;}
.custom-tab img{max-width: 100%; height: auto;}

.flag-tab .nav-tabs > li{float: none; display: inline-block; margin: 0 2px 10px;}
.flag-tab .nav-tabs > li > a{border: 0!important; padding: 0;}
.flag-tab .nav-tabs{border: 0; text-align: center;}

.delivery_date{text-align: center; margin: 0 0 30px 0;}
.delivery_date h4{font-size: 36px; font-weight: 700; margin: 0;}
.delivery_date strong{font-size: 36px; font-weight: normal;}
.delivery_date.even{color: #ff6600;} 

.flag-tab .table thead > tr > th{border-bottom: 1px solid #e9e9e9;}
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th{background: #fafafa;}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{background: #fff;}
.5flag-tab .tab-content{border-top: 1px solid #e9e9e9; padding-top: 20px;}
.terms_page .flag-tab p{margin-bottom: 15px;}
.terms_page .btn1{background: #ff6f07; color: #fff!important}

.free-delivery-box{background: #fafafa; float: left; width: 100%; padding: 20px 0; border: 1px solid #BCDC23; margin: 20px 0;}
.free-delivery-box img{max-width: 100%; height: auto;}
.returns_page .btn1{display: inline; width: auto; padding-left: 20px; padding-right: 20px; min-width: 150px;}

.cctv_info{text-align: center;}
.cctv_info .thumbnail{padding: 20px 10px;}
.btn1:hover{color: #fff;}
.cctv_info .caption p {min-height: 20px;}
.help_support .thumbnail{padding: 10px 20px; min-height: 220px; }
.help_support .thumbnail p{text-align: center;}

.banner-3col{margin:0;padding:0;}
.home-page-3col{margin-top:20px;margin-bottom:0;width:100%;}
.home-page-3col .thumbnail{padding: 1px 0px; min-height: 10px; border:1px solid #dfdfdf;}
.home-page-3col .thumbnail-fp1{padding: 1px 0px; min-height: 10px; border:0px;}

.support_left{float: left; width: 100%;    border: 1px solid #DDDDDD; min-height: 283px;}
.support_left h3{font-size: 20px; background: #ff6f07; color: #fff; margin: 0 0 10px; padding: 10px 15px;}
.support_left p{padding: 0 15px;}
.support_right{float: left; width: 100%;}
.support_right img{max-width: 100%; height: auto; border: 1px solid #DDDDDD; }

.meganav{position: absolute; left: 15px; top: 100%; z-index: 999; background: #3a3a3a; width: 1155px; padding: 5px 0 10px; display: none; text-align: left;}
#headerNav .navbar li:hover .meganav{display: block;}
.meganav h4{color: #fff;  font-size: 16px;  padding: 0 0 6px 0; border-bottom: 1px solid #fff;}
.meganav ul li{width: 50%; float: left;}
.meganav .col-sm-3 ul li{width: 100%;}
#headerNav .meganav ul li a{border: 0!important; text-transform: capitalize; line-height: 28px; font-weight: normal; }
.meganav .thumbnail{border-radius: 0; text-align: center;}
.meganav .btn1{border: 0!important; background: #ff6f07!important; color: #fff!important;}
.meganav .caption p{margin: 0;}
.meganav .caption h2{font-size: 24px;}
#headerNav .navbar li a.btn1{line-height: 36px;}


/* Product list page sidebar */
.filter-header {padding: 0 20px;
display: block;vertical-align:middle; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.15); -webkit-border-radius:0;border-radius:0;padding:12px;min-height:18px;min-width:20px;text-shadow:0 -1px 0 rgba(255,255,255,0.8); text-align:center; text-decoration:none; font-weight:bold; color:#555; background:#eee; background:-webkit-linear-gradient(top,#eee,#dedede); background:-moz-linear-gradient(top,#eee,#dedede); background:-o-linear-gradient(top,#eee,#dedede); background:-ms-linear-gradient(top,#eee,#dedede); background:linear-gradient(to bottom,#eee,#dedede); background:-o--webkit-linear-gradient(top,#eee,#dedede); background:-o--moz-linear-gradient(top,#eee,#dedede); background:-o--o-linear-gradient(top,#eee,#dedede); background:-o--ms-linear-gradient(top,#eee,#dedede); background:-o-linear-gradient(to bottom,#eee,#dedede); -webkit-transition:border .2s ease;-moz-transition:border .2s ease; -o-transition:border .2s ease;-ms-transition:border .2s ease;transition:border .2s ease; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 rgba(255,255,255,0.2); box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 0 rgba(255,255,255,0.2);cursor:pointer; margin-bottom: 10px; display: none; position: relative;
}
.filter-header:after{background: url(../images/plus.png) no-repeat center center; width: 44px; height: 44px; float: left; position: absolute; right: 0; top: 0; content:""; border-left:1px solid #ccc;}
.filter-header.active:after{background: url(../images/minus.png) no-repeat center center; }

.header-info {margin: 7px 0;}
.header-info p{margin: 0; text-transform: uppercase; font-weight: 700;}
.header-info strong{color: #ff6f07;}

.basket{background: #121116; float: right; position: relative;}
.basket .view-basket{background: url(../images/cart.png) no-repeat 10px center; line-height: 45px; padding: 0 10px 0 40px; color: #fff; font-weight: 700; float: left; border-right: 1px solid #717171;}
.icon-dropdown{background: url(../images/dropdown.png) no-repeat center center; float: left; padding: 0 20px; height: 45px; }

.banner-top{text-align: center; padding: 6px 0; float: left; width: 100%;}
.banner-top a{color: #121116; border-left: 1px dashed #bfbdbd; display: block;}
.banner-top .col-md-4:first-child a{border: 0;}

.basket .loginmenu{position: absolute; right: -1px; top: 100%; z-index: 999999; width: 200px; background: #fff; border: 1px solid #121116; border-top: 0; display: none;}
.basket:hover .loginmenu{display: block;}

.icon.icon-user{background: #ff6f07 url(../images/user-icon.png) no-repeat center center; float: right; width: 71px; height: 61px; display: none; cursor: pointer;}
.icon.icon-user:hover{background-color: #adc621;}


.dl-menuwrapper:hover .dl-menu {background: #fff !important; z-index: 999999 !important; border: 1px solid #ccc !important; border-top:0!important; opacity: 1 !important; pointer-events: auto !important; transform: translateY(0px) !important;}
.dl-menuwrapper button:before {background: url("../images/dropdown.png") no-repeat center center;border-left: 1px solid #717171;content: " ";height: 100%;position: absolute;right: 0;top: 0;width: 40px;}

.CovidBanner{padding:10px; background: #333; border-bottom: 1px solid #ddd; color: white; width:100%;}
.CovidMessage{margin:auto;font-size:20px;font-weight: bold;}
.CovidMessage span{font-weight: normal;}
.CovidMessage span a, .CovidMessage span a:visited, .CovidMessage span a:hover{color:white;}
.CovidMessage span a:hover{color:white;text-decoration: underline;}
.xmas20Banner{padding:10px; background: red; border-bottom: 1px solid #ddd; color: white; width:100%;}
.xmas20Message{margin:auto;font-size:20px;font-weight: bold;}
.xmas20Message span{font-weight: normal;}
.xmas20Message span a, .CovidMessage span a:visited, .CovidMessage span a:hover{color:white;}
.xmas20Message span a:hover{color:white;text-decoration: underline;}
.BFBanner22{padding:2px; background: red; border-bottom: 1px solid #ddd; color:white; width:100%;padding-left:5%;}
.BFMessage{margin:auto;font-size:20px;font-weight: bold;}
.BFMessage span{font-weight: normal;}
.BFMessage span a, .CovidMessage span a:visited, .CovidMessage span a:hover{color:#333;}
.BFMessage span a:hover{color:white;text-decoration: underline;}
.BFBanner22b{padding:10px; background: #004eff; border-bottom: 1px solid #ddd; color: white; width:100%;}
.news-container {  display: flex;  align-items: center;  height: 30px;  overflow: hidden;}
.news-scroll {  white-space: nowrap;  margin: 0 2em;}
.news-scroll div {  display: flex;  gap: 12em;}
.news-scroll p {  font-size: 20px;  font-weight: bold;  margin-bottom: 0;  line-height: 20px;}
.RightToLeft {  animation: RightToLeft 10s infinite linear;}
@keyframes  RightToLeft {  from {    transform: translateX(0%);  }   to {    transform: translateX(-50%);  }}
.about-scroll {max-height: 395px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #555 #f1f1f1;padding-left:5px;padding-right: 8px;}
.about-scroll::-webkit-scrollbar {width: 6px;}
.about-scroll::-webkit-scrollbar-thumb {background: #555;border-radius: 3px;}
.faq-inline-wrap { margin: 28px 0 0 0; }
.faq-inline-header { display: flex; align-items: center; justify-content: space-between; border-top: 2px solid #2c5f8a; padding: 10px 0 6px; margin-bottom: 8px; flex-wrap: wrap; gap: 8px; }
.faq-inline-title { font-size: 15px; font-weight: bold; color: #2c5f8a; }
.faq-inline-link { font-size: 13px; color: #2c5f8a; text-decoration: none; }
.faq-inline-link:hover { text-decoration: underline; }
.faq-inline-item { border-bottom: 1px solid #e0e0e0; }
.faq-inline-q { display: flex; justify-content: space-between; align-items: center; width: 100%; background: none; border: none; padding: 11px 4px; font-size: 14px; font-weight: 500; color: #1a1a1a; text-align: left; cursor: pointer; gap: 12px; }
.faq-inline-q:hover { color: #2c5f8a; }
.faq-inline-arrow { font-size: 11px; color: #888; flex-shrink: 0; transition: transform 0.2s; }
.faq-inline-q[aria-expanded="true"] .faq-inline-arrow { transform: rotate(180deg); }
.faq-inline-a { padding: 0 4px 12px; font-size: 14px; line-height: 1.65; color: #333; }
.faq-inline-a p { margin: 0 0 8px; }
.faq-inline-ai { background: #fffbf0; border-left: 3px solid #e8a020; padding: 10px 14px; margin-top: 10px; border-radius: 2px; }
.faq-inline-ai-label { display: inline-block; font-size: 11px; font-weight: bold; color: #a06010; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }
.faq-inline-ai p { font-size: 13px; color: #5a3a00; margin: 0; }
.faq-inline-viewall { padding: 12px 4px 4px; }
.faq-inline-viewall-link { font-size: 13px; color: #2c5f8a; text-decoration: none; font-weight: 500; }
.faq-inline-viewall-link:hover { text-decoration: underline; }
/* ---- Hub page styles ---- */
.hub-wrap { max-width: 960px; margin: 0 auto; padding: 1.5rem 15px 3rem; background:#eee;}

.hub-section-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #888;
  margin-bottom: .75rem;
}

.hub-intro { font-size: 15px; line-height: 1.7; margin-bottom: 1.75rem; max-width: 100%; }

/* ---- Format cards - gradient dark ---- */
.hub-format-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 2rem;
}
@media (max-width: 580px) { .hub-format-grid { grid-template-columns: 1fr; } }

.hub-format-card {
  border-radius: 10px;
  padding: 1.4rem 1.6rem;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
  transition: opacity .15s;
}
.hub-format-card:hover { opacity: .92; text-decoration: none; }

.hub-format-card-ip {
  background-color: #060605;
  background-image: url('/images/hilook-cameras-hero.jpg');
  background-size: 55% auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.hub-format-card-ip::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 70%;
  background: linear-gradient(to right, #060605 55%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.hub-format-card-ip .hub-format-tag,
.hub-format-card-ip h2,
.hub-format-card-ip > p,
.hub-format-card-ip .hub-card-link { position: relative; z-index: 1; }

.hub-format-card-analogue {
  background-color: #fb4602;
  background-image: url('/images/hdoc-cameras-hero.jpg');
  background-size: 55% auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.hub-format-card-analogue::before {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 70%;
  background: linear-gradient(to right, #fb4602 55%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.hub-format-card-analogue .hub-format-tag,
.hub-format-card-analogue h2,
.hub-format-card-analogue > p,
.hub-format-card-analogue .hub-card-link { position: relative; z-index: 1; }
.hub-format-card-analogue .hub-format-tag { background: #111; color: #fff; }
.hub-format-card-analogue h2 { color: #111; }
.hub-format-card-analogue > p { color: rgba(0,0,0,.7); }
.hub-format-card-analogue .hub-card-link { color: #111 !important; }

.hub-format-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 4px;
  margin-bottom: .65rem;
}
.hub-format-tag-ip       { background: #ff6f07; color: #fff; }
.hub-format-tag-analogue { background: #ff6f07; color: #fff; }

.hub-format-card h2 { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 .4rem; }
.hub-format-card > p  { font-size: 13px; color: rgba(255,255,255,.72); line-height: 1.6; margin: 0 0 .85rem; }
.hub-format-card .hub-card-link { font-size: 13px; color: #ff6f07; font-weight: 700; }

.hub-res-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
  vertical-align: middle;
  margin: 0 2px;
}
.hub-res-badge-ip       { background: #ff6f07; color: #fff; }
.hub-res-badge-analogue { background: #111; color: #fff; }

.hub-format-card-icon {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: .1;
  pointer-events: none;
}

/* ---- Style tiles - gradient dark ---- */
.hub-style-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 2rem;
}
@media (max-width: 680px) { .hub-style-grid { grid-template-columns: repeat(2, 1fr); } }

.hub-style-card {
  border-radius: 10px;
  padding: 1.1rem 1rem 1rem;
  text-align: center;
  text-decoration: none;
  display: block;
  transition: opacity .15s;
}
.hub-style-card:hover { opacity: .88; text-decoration: none; }

.hub-style-card-turret  { background: linear-gradient(160deg, #111827 0%, #1e2d42 100%); }
.hub-style-card-bullet  { background: linear-gradient(160deg, #0f1f0f 0%, #1a3520 100%); }
.hub-style-card-dome    { background: linear-gradient(160deg, #1a1a2e 0%, #2d1b4e 100%); }
.hub-style-card-ptz     { background: linear-gradient(160deg, #1a0e00 0%, #3a2000 100%); }

.hub-style-img {
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .75rem;
  overflow: hidden;
}
.hub-style-img img {
  max-height: 100px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
}
.hub-style-card h3    { font-size: 14px; font-weight: 700; color: #fff; margin: 0 0 .2rem; }
.hub-style-card p     { font-size: 12px; color: rgba(255,255,255,.6); line-height: 1.45; margin: 0; }
.hub-style-count      { font-size: 11px; color: #ff6f07; font-weight: 700; margin-top: .35rem; display: block; }

/* ---- Feature tiles ---- */
.hub-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 2rem;
}
@media (max-width: 680px) { .hub-feature-grid { grid-template-columns: repeat(2, 1fr); } }

.hub-feature-card {
  background: linear-gradient(160deg, #111827 0%, #1a1a2e 100%);
  border: 1px solid #2a2a3a;
  border-radius: 10px;
  padding: 1.1rem 1rem;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  position: relative;
  overflow: hidden;
  transition: border-color .15s, opacity .15s;
}
.hub-feature-card:hover { border-color: #ff6f07; opacity: .88; text-decoration: none; }
.hub-feature-card span  { font-size: 13px; font-weight: 700; color: #fff; line-height: 1.4; position: relative; z-index: 1; }

.hub-feature-card-img-cover {
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  align-items: flex-start;
  padding-top: .9rem;
}
.hub-feature-card-img-cover::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 55%;
  background: linear-gradient(to bottom, #111827 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}
.hub-feature-card-img-contain {
  background-size: 70% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  align-items: flex-start;
  padding-top: .9rem;
  background-color: #111827;
}
.hub-feature-card-colorvu      { background-image: url('/images/hub-colorvu.jpg'); }
.hub-feature-card-4k           { background-image: url('/images/hub-4k.jpg'); }
.hub-feature-card-smart-hybrid { background-image: url('/images/hub-smart-hybrid.jpg'); }
.hub-feature-card-outdoor      { background-image: url('/images/hub-outdoor.jpg'); }
.hub-feature-card-audio        { background-image: url('/images/hub-audio.jpg'); }
.hub-feature-card-poe          { background-image: url('/images/hub-poe.jpg'); }
.hub-feature-card-hdoc         { background-image: url('/images/hub-hdoc.jpg'); }
.hub-feature-card-bnc          { background-image: url('/images/hub-hdoc.jpg'); }
.hub-feature-card-hikvision {
  background: #f0f0f0;
  border-color: #ddd;
}
.hub-feature-card-hikvision:hover { border-color: #ff6f07; }
.hub-feature-card-hikvision img {
  max-width: 75%;
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

/* ---- Buyers guide callout ---- */
.hub-guide-callout {
  background: #fff8f3;
  border-left: 3px solid #ff6f07;
  border-radius: 0 6px 6px 0;
  padding: 1rem 1.25rem;
  margin-bottom: 2.25rem;
}
.hub-guide-callout p { font-size: 14px; color: #555; line-height: 1.6; margin: 0; }
.hub-guide-callout a { color: #ff6f07; font-weight: 600; text-decoration: none; }
.hub-guide-callout a:hover { text-decoration: underline; }

/* ---- Featured products header ---- */
.hub-products-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.hub-products-header h2 { font-size: 17px; font-weight: 600; color: #222; margin: 0; }
.hub-products-header a  { font-size: 13px; color: #ff6f07; text-decoration: none; font-weight: 600; }
.hub-products-header a:hover { text-decoration: underline; }

@media (max-width: 480px) {
  .hub-format-card { padding: 1rem; }
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
p {
  margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
:root {
  --orange:     #ff6f08;
  --orange2:    #e65c00;
  --orange3:    #ff8c38;
  --nav-bg:     #222222;
  --nav-dark:   #1a1a1a;
  --sidebar-bg: #2a2a2a;
  --body-bg:    #f5f5f5;
  --white:      #ffffff;
  --text:       #333333;
  --mid-grey:   #777777;
  --light-grey: #eeeeee;
  --border:     #dddddd;
  --green:      #2e7d32;
}

body { font-family: 'Open Sans', Arial, sans-serif; background: var(--body-bg); color: var(--text); overflow-x: hidden; }

/* ══════════════════════════════════════
   ROW 1 — UTILITY BAR (desktop only)
══════════════════════════════════════ */
.util-bar {
  background: var(--nav-dark);
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #bbb;
}
.util-bar .phone { color: #fff; font-weight: 700; }
.util-bar a { color: #bbb; text-decoration: none; transition: color .15s; }
.util-bar a:hover { color: var(--orange); }
.util-left, .util-right { display: flex; gap: 16px; align-items: center; }
.trade-pill {
  background: var(--orange); color: #fff;
  font-size: 10px; font-weight: 700;
  padding: 2px 7px; border-radius: 2px; letter-spacing: .5px;
}

/* ══════════════════════════════════════
   ROW 2 — MAIN BAR
══════════════════════════════════════ */
.main-bar {
  background: var(--nav-bg);
  display: flex;
  align-items: stretch;
  border-bottom: 3px solid var(--orange);
  position: relative;
  z-index: 200;
}

/* Hamburger / All Categories button */
.ham-btn {
  background: var(--orange);
  border: none;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 0 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background .15s;
  min-height: 52px;
}
.ham-btn:hover { background: var(--orange2); }
.bars { display: flex; flex-direction: column; gap: 4px; }
.bar { width: 17px; height: 2px; background: #fff; border-radius: 1px; transition: all .25s; }
.ham-btn.open .bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ham-btn.open .bar:nth-child(2) { opacity: 0; }
.ham-btn.open .bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Logo */
.main-logo {
  display: flex;
  align-items: center;
  padding: 6px 18px;
  border-left: 1px solid #3a3a3a;
  border-right: 1px solid #3a3a3a;
  flex-shrink: 0;
  min-width: 120px;
}
.main-logo img { max-height: 40px; width: auto; display: block; object-fit: contain; }

/* Search form */
.search-wrap {
  flex: 1;
  display: flex;
  margin: 8px 14px;
  border-radius: 2px;
  overflow: hidden;
  max-width: 680px;
}
.search-wrap select {
  background: #f5f5f5;
  border: none;
  padding: 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: var(--text);
  border-right: 1px solid var(--border);
  cursor: pointer;
  flex-shrink: 0;
}
.search-wrap input[type="text"] {
  flex: 1;
  border: none;
  padding: 9px 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  outline: none;
  min-width: 0;
}
.search-wrap input[type="submit"] {
  background: var(--orange);
  border: none;
  color: #fff;
  padding: 9px 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s;
}
.search-wrap input[type="submit"]:hover { background: var(--orange2); }

/* Account & cart icons */
.main-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding-right: 14px;
  flex-shrink: 0;
}
.action-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  color: #aaa;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: color .15s;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 2px;
  white-space: nowrap;
}
.action-link .ico { font-size: 19px; display: flex; align-items: center; }
.action-link .ico svg { display: block; }
.action-link:hover { color: #fff; }

/* Cart dropdown */
.cart-wrap { position: relative; }
.cart-dropdown {
  display: none;
  position: absolute;
top: 100%;
padding-top: 22px;
  right: 0;
  background: var(--white);
  border: 1px solid var(--border);
  border-top: 3px solid var(--orange);
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
  width: 280px;
  z-index: 600;
  padding: 14px;
}
.cart-wrap:hover .cart-dropdown { display: block; }

/* Mobile login link — hidden on desktop */
.mob-login-link { display: none; }

/* Mobile search btn — hidden on desktop */
.mob-search-btn { display: none; }

/* Mobile top bar — hidden on desktop */
.mob-top-bar { display: none; }
.mob-top-bar-inner {
  background: var(--nav-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 14px;
  font-size: 12px;
  border-bottom: 1px solid #333;
}
.mob-top-bar-inner a {
  color: #bbb;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  transition: color .15s;
}
.mob-top-bar-inner span { color: #fff; font-weight: 700; font-size: 12px; }
.mob-top-bar-inner a:hover { color: var(--orange); }
.mob-top-bar-inner .trade-pill {
  background: var(--orange);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 2px;
}

/* ══════════════════════════════════════
   ROW 3 — QUICK LINKS BAR
══════════════════════════════════════ */
.quick-bar {
  background: var(--sidebar-bg);
  display: flex;
  padding: 0 18px;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
}
.quick-bar::-webkit-scrollbar { display: none; }
.quick-bar a {
  color: #999;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  padding: 8px 12px;
  white-space: nowrap;
  transition: color .15s;
  flex-shrink: 0;
}
.quick-bar a:hover { color: var(--orange); }
.quick-bar .sep { color: #444; flex-shrink: 0; }

/* ══════════════════════════════════════
   ROW 4 — USP BAR
══════════════════════════════════════ */
.usp-bar {
  background: var(--white);
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.usp-item {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 22px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  border-right: 1px solid var(--border);
}
.usp-item:last-child { border-right: none; }
.usp-item .uico { color: var(--orange); }
.usp-item a { color: var(--text); text-decoration: none; font-weight: 600; }
.usp-item a:hover { color: var(--orange); }
@media (max-width: 768px) {
  .usp-item:nth-child(2),
  .usp-item:nth-child(3) { display: none; }
}
/* ══════════════════════════════════════
   SLIDE PANEL
══════════════════════════════════════ */
.page-wrap {
  position: relative;
  height: 0;
  overflow: visible;
  max-width: 1200px;
  margin: 0 auto;
}

/* Overlay for mobile */
.panel-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 99;
}
.panel-overlay.show { display: block; }

.slide-panel { width: 0; overflow: hidden; flex-shrink: 0; transition: width .28s cubic-bezier(.4,0,.2,1); background: var(--white);  border-right: none;box-shadow: none; z-index: 100; position: absolute; top: 0; left: 0; height: auto; }

.slide-panel.open { width: 660px;   border-right: 1px solid var(--border);  box-shadow: 3px 0 16px rgba(0,0,0,.1);}
.panel-inner { display: flex; width: 660px; flex-shrink: 0; }

/* Sidebar */
.sidebar {
  width: 210px;
  flex-shrink: 0;
  background: var(--sidebar-bg);
  padding: 8px 0;
}
.sidebar-head {
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: #555; padding: 12px 14px 3px;
}
.sidebar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  color: #aaa;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: all .12s;
  border-left: 3px solid transparent;
  cursor: pointer;
}
.sidebar a .sch { opacity: .3; font-size: 10px; }
.sidebar a:hover, .sidebar a.active {
  color: #fff;
  background: rgba(255,255,255,.05);
  border-left-color: var(--orange);
}

/* Panel content */
.panel-content { flex: 1; padding: 18px; overflow-y: auto; }
.cpanel { display: none; flex-direction: column; gap: 16px; }
.cpanel.active { display: flex; }

.ptitle {
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: var(--mid-grey); margin-bottom: 10px; margin-top: 10px;
}
.p-links { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.p-links a {
  display: flex; align-items: center; gap: 5px;
  padding: 6px 8px; color: var(--text);
  text-decoration: none; font-size: 11px; font-weight: 600;
  border-radius: 2px; transition: all .1s;
}
.p-links a::before { content: '›'; color: var(--orange); font-size: 13px; font-weight: 700; }
.p-links a:hover { background: #fff4ee; color: var(--orange); }

/* Page body */


/* Mobile search bar (hidden on desktop) */
.mob-search-bar {
  display: none;
  background: var(--nav-bg);
  padding: 8px 12px;
  border-bottom: 1px solid #3a3a3a;
}
.mob-search-bar form {
  display: flex;
  border-radius: 2px;
  overflow: hidden;
}
.mob-search-bar input[type="text"] {
  flex: 1; border: none;
  padding: 9px 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px; outline: none;
}
.mob-search-bar select { max-width: 60px; }

/* ══════════════════════════════════════
   MOBILE NAV DRAWER (full screen)
══════════════════════════════════════ */
.mob-nav-drawer {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: var(--sidebar-bg);
  z-index: 500;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform .28s cubic-bezier(.4,0,.2,1);
  display: block;
}
.mob-nav-drawer.open { transform: translateX(0); }

.mob-drawer-header {
  background: var(--nav-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 3px solid var(--orange);
  position: sticky;
  top: 0;
  z-index: 10;
}
.mob-drawer-header img { max-height: 34px; }
.mob-close-btn {
  background: none; border: none;
  color: #fff; font-size: 24px;
  cursor: pointer; padding: 4px 8px;
  line-height: 1;
}

.mob-nav-section { padding: 8px 0; border-bottom: 1px solid #3a3a3a; }
.mob-nav-head {
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  color: #555; padding: 10px 16px 4px;
}
.mob-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  color: #ccc;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  border-left: 3px solid transparent;
  transition: all .12s;
  cursor: pointer;
}
.mob-nav-link:hover, .mob-nav-link.active {
  color: #fff;
  background: rgba(255,255,255,.05);
  border-left-color: var(--orange);
}
.mob-nav-link .sch { opacity: .4; font-size: 12px; }
.mob-nav-link.hot { color: var(--orange3); }

/* Mobile sub panel */
.mob-sub {
  display: none;
  background: #222;
  padding: 4px 0 8px;
}
.mob-sub.open { display: block; }
.mob-sub a {
  display: block;
  padding: 10px 28px;
  color: #aaa;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color .12s;
}
.mob-sub a:hover { color: var(--orange); }
.mob-sub-head {
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #555;
  padding: 10px 28px 3px;
}
.mob-util-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #3a3a3a;
}
.mob-util-links a {
  color: #888;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px 4px 0;
  transition: color .15s;
}
.mob-util-links a:hover { color: var(--orange); }

/* ══════════════════════════════════════
   RESPONSIVE BREAKPOINTS
══════════════════════════════════════ */
@media (max-width: 1024px) {
  /* Hide text label on All Categories, keep bars icon */
  .ham-label { display: none; }
  .search-wrap { max-width: 100%; }
  .slide-panel.open { width: 580px; }
  .panel-inner { width: 580px; }
  .sidebar { width: 190px; }
}

@media (max-width: 768px) {
  /* ── Utility bar: hidden on mobile ── */
  .util-bar { display: none; }

  /* ── Main bar ── */
  .main-bar { flex-wrap: nowrap; align-items: center; min-height: 52px; }

  /* Hamburger: icon only, no text */
  .ham-btn { padding: 0 14px; min-height: 52px; }
  .ham-label { display: none; }

  /* Logo */
  .main-logo { padding: 6px 10px; border: none; }
  .main-logo img { max-height: 34px; width: auto; display: block; }

  /* Hide desktop search form */
  .search-wrap { display: none; }

  /* Search icon button */
  .mob-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: #aaa;
    padding: 0 10px;
    cursor: pointer;
    margin-left: auto;
    min-height: 52px;
    flex-shrink: 0;
    transition: color .15s;
  }
  .mob-search-btn:hover { color: #fff; }

  /* Keep account & cart icons visible — icon only, no text */
  .main-actions { gap: 0; padding-right: 6px; flex-shrink: 0; }
  .action-link {
    padding: 4px 7px;
    font-size: 11px;
    flex-direction: row;
    gap: 0;
  }
  .action-link span { display: none; }
  .action-link .ico { font-size: 20px; display: block; }

  /* Login link — keep visible on mobile as text */
  .mob-login-link {
    display: flex;
    align-items: center;
    color: #aaa;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 7px;
    text-decoration: none;
    white-space: nowrap;
  }
  .mob-login-link:hover { color: #fff; }

  /* Show mobile top bar */
  .mob-top-bar { display: block; }

  /* Show login link on mobile */
  .mob-login-link { display: flex !important; }

  /* Hide desktop slide panel */
  .slide-panel { display: none !important; }

  /* Show mobile nav drawer (already display:block, just needs open class) */
  .mob-nav-drawer { display: block; }

  /* Hide quick bar on mobile — links are in the drawer instead */
  .quick-bar { display: none; }

  /* USP bar: stack */
  .usp-item { padding: 8px 14px; font-size: 11px; flex: 1 1 45%; justify-content: center; border-right: none; border-bottom: 1px solid var(--border); }

  /* Mobile search bar */
  .mob-search-bar { display: block; }
  .mob-search-bar.hidden { display: none; }
  .mob-search-bar { padding: 8px 6px !important; }
  /* Hero */

  /* Products: 2 cols */
}

@media (max-width: 480px) {
  .quick-bar { padding: 0 8px; }
  .quick-bar a { padding: 7px 7px; font-size: 10px; }
  .usp-item { flex: 1 1 100%; }
}
#jmc-banner { width: 100%; overflow: hidden; }
.jmc-slider { position: relative; width: 100%; overflow: hidden; }
.jmc-slides { display: flex; transition: transform .5s ease-in-out;}
.jmc-slide { width: 100%; flex-shrink: 0; }
.jmc-slide img { width: 100%; height: auto; display: block; max-width: 100%; }

.jmc-dots {
  position: absolute; bottom: 12px; left: 50%;
  transform: translateX(-50%); display: flex; gap: 8px; z-index: 10;
}
.jmc-dot {
  width: 10px; height: 10px; background: rgba(255,255,255,.5);
  border-radius: 50%; cursor: pointer; border: none; padding: 0;
  transition: background .2s;
}
.jmc-dot.active { background: #ff6f08; }

.jmc-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(0,0,0,.35); color: #fff; font-size: 36px;
  line-height: 1; padding: 8px 14px; cursor: pointer;
  z-index: 10; border: none; transition: background .2s; user-select: none;
}
.jmc-arrow:hover { background: rgba(255,111,8,.7); }
.jmc-prev { left: 10px; }
.jmc-next { right: 10px; }

/* ══════════════════════════════════════
   BOOTSTRAP REPLACEMENT
   Replaces: .container, .row, .col-*
   ~20 lines instead of ~200kb
══════════════════════════════════════ */

/* Box sizing for everything */
*, *::before, *::after { box-sizing: border-box; }

/* Container - centred, max-width, with gutters */
.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
#product_detail-page .container {
  background: #fff;
}

/* Row - flex wrapper, negative margin to offset col gutters */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* Base col - all cols get padding gutters */
[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%; /* mobile first - full width by default */
}

/* ── xs (all sizes, no breakpoint needed) ── */
.col-xs-12 { width: 100%; }
.col-xs-6  { width: 50%; }
.col-xs-4  { width: 33.333%; }
.col-xs-3  { width: 25%; }

/* ── sm: 768px+ (Bootstrap 3 breakpoint) ── */
@media (min-width: 768px) {
  .col-sm-3  { width: 25%; }
  .col-sm-4  { width: 33.333%; }
  .col-sm-6  { width: 50%; }
  .col-sm-12 { width: 100%; }
}

/* ── md: 992px+ (Bootstrap 3 breakpoint) ── */
@media (min-width: 992px) {
  .col-md-2  { width: 16.666%; }
  .col-md-3  { width: 25%; }
  .col-md-4  { width: 33.333%; }
  .col-md-6  { width: 50%; }
  .col-md-8  { width: 66.666%; }
  .col-md-9  { width: 75%; }
  .col-md-12 { width: 100%; }
}

/* ── lg: 992px+ ── */
@media (min-width: 992px) {
  .col-lg-3  { width: 25%; }
  .col-lg-4  { width: 33.333%; }
  .col-lg-6  { width: 50%; }
  .col-lg-12 { width: 100%; }
}

/* Clearfix (used throughout the page) */
.clearfix::after {
  content: '';
  display: table;
  clear: both;
}


/* ══════════════════════════════════════
   RESPONSIVE — HOMEPAGE & GLOBAL
   (replaces media.css for this page)
══════════════════════════════════════ */

/* ── Product cards from cart engine (div.product) ── */
/* Tablet: 2 across */
@media (min-width: 768px) and (max-width: 991px) {
  div.product { width: 46%; }
  #homeProducts div.product { width: 46%; }
}

/* Mobile: 1 across */
@media (max-width: 767px) {
  div.product { width: 94%; }
  #homeProducts div.product { width: 94%; }
}

/* ── Footer widgets ── */
@media (max-width: 991px) {
  .footer_widgets .col-sm-6.col-md-3 { height: auto; }
}

/* ── Payment method thumbnails ── */
@media (max-width: 767px) {
  .payment_method .col-xs-6.col-sm-4.col-md-2 .thumbnail { text-align: center; }
  .payment_method .col-xs-6.col-sm-4.col-md-2 img { display: inline; margin: 0 auto; }
}

/* ── Mini cart / checkout ── */
@media (max-width: 767px) {
  #scdiv { margin: 50px auto 0 auto !important; width: 90% !important; }
  div.scimage { width: 100% !important; text-align: center; }
  div.scprodsadded, div.sccartitems { width: 100% !important; }
  div.scprodname { width: 100% !important; }
  div.scprice { width: 100% !important; }
  div.sccarttotal { width: 100% !important; }
  input[value="Checkout"] { width: 100% !important; }
  .cartcontinue, .cartupdate { width: 100% !important; }
  .cartupdate { margin-top: 25px; }
  .cartcontinue a, .cartupdate a,
  .cartcontinue a:visited, .cartupdate a:visited { display: block; width: 100% !important; }
}

/* ── Misc global ── */
@media (max-width: 767px) {
  .about-scroll { max-height: none; overflow-y: visible; }
  .BFBanner22 { padding-left: 5px; }
  .BFMessage { font-size: 10px; }
}

/* ── FAQ inline (used on homepage support section) ── */
@media (max-width: 600px) {
  .faq-inline-header { flex-direction: column; align-items: flex-start; }
  .faq-inline-q { font-size: 13px; padding: 12px 4px; }
  .faq-inline-a { font-size: 13px; }
  .faq-inline-ai p { font-size: 12px; }
}


/* ══════════════════════════════════════
   BOOTSTRAP COMPONENT REPLACEMENTS
   .thumbnail and .img-responsive
   (previously from bootstrap.min.css)
══════════════════════════════════════ */

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border .2s ease-in-out;
  margin-bottom: 20px;
}

.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}


/* ══════════════════════════════════════
   JMC ABOUT / BRANDS / PROMOS SECTION
   Replaces: fp-intro-nav.htm,
             scrollbanner-brand.htm,
             banner-fp-section2-A.htm
══════════════════════════════════════ */

.jmc-about-section {
  width: 100%;
  padding: 0 0 20px;background: #fff;
}

.jmc-about-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Section heading — uses standard .heading style, just needs clearfix */
.jmc-about-section .heading {
  clear: both;
}

/* About text — 2 columns on desktop */
.jmc-about-text {
  font-size: 13.5px;
  line-height: 1.75;
  color: #444;
  column-count: 2;
  column-gap: 40px;
  padding-bottom: 10px;
  clear: both;
  width: 100%;
  float: left;
}
.jmc-about-text p {
  margin-bottom: 12px;
}
.jmc-about-text h2 {
  font-size: 15px;
  font-weight: 700;
  color: #3a3a3a;
  margin: 16px 0 6px;
  break-after: avoid;
  column-span: none;
}
.jmc-about-text a {
  color: #ff6f07;
  text-decoration: none;
}
.jmc-about-text a:hover {
  text-decoration: underline;
}

/* ── Trusted Brands ── */
.jmc-brands-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin: 36px 0 0;
  flex-wrap: wrap;
  clear: both;
}
.jmc-brands-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #888;
  white-space: nowrap;
  flex: 0 0 auto;
}
.jmc-brands-divider {
  width: 1px;
  height: 36px;
  background: #e0e0e0;
  flex: 0 0 auto;
}
.jmc-brands-logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 10px;
  flex-wrap: wrap;
}
.jmc-brand-item {
  flex: 1 1 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  filter: grayscale(100%);
  opacity: 0.55;
  transition: filter 0.2s, opacity 0.2s;
}
.jmc-brand-item:hover {
  filter: grayscale(0%);
  opacity: 1;
}
.jmc-brand-item img {
  max-height: 60px;
  max-width: 100%;
  width: auto;
  display: block;
}

/* ── Promo Cards ── */
.jmc-promos-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 30px 0 40px;
  clear: both;
}

/* p-promo styles already exist from slide panel —
   defined fully here for global use */
.p-promos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.p-promo {
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-top: 3px solid #ff6f07;
  padding: 22px 20px 20px;
  transition: box-shadow 0.2s, transform 0.2s;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.p-promo:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}
.p-promo .ptag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #ff6f07;
  margin-bottom: 8px;
  display: block;
}
.p-promo h4 {
  font-size: 16px;
  font-weight: 700;
  color: #3a3a3a;
  margin-bottom: 8px;
  line-height: 1.3;
}
.p-promo p {
  font-size: 13px;
  color: #777;
  line-height: 1.6;
  margin: 0;
}
.p-promo-link {
  display: inline-block;
  margin-top: 14px;
  font-size: 11px;
  font-weight: 700;
  color: #ff6f07;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ── Responsive ── */

/* Tablet: single column text, 2 promo cards */
@media (max-width: 900px) {
  .jmc-about-text {
    column-count: 1;
  }
  .jmc-promos-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .jmc-brands-divider {
    display: none;
  }
  .jmc-brands-label {
    width: 100%;
  }
  .jmc-brands-logos {
    justify-content: flex-start;
  }
}

/* Mobile: stack everything */
@media (max-width: 600px) {
  .jmc-about-inner {
    padding: 0 14px;
  }
  .jmc-about-text {
    font-size: 13px;
  }
  .jmc-promos-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .jmc-brands-row {
    gap: 12px;
    padding: 18px 0;
  }
  .jmc-brand-item {
    flex: 1 1 60px;
  }
  .jmc-brand-item img {
    max-height: 44px;
  }
}


/* ══════════════════════════════════════
   FOOTER
   Replaces: footer-payments.htm,
             footer-links.htm,
             footer-copyright.htm
══════════════════════════════════════ */

.jmc-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ── Payment Methods ── */
.jmc-footer-payments {
  background: #f1f1f1;
  padding: 18px 0;
}
.jmc-payments-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.jmc-payment-item {
  flex: 1 1 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.jmc-payment-item img {
  max-height: 70px;
  max-width: 100%;
  width: auto;
  display: block;
}

/* ── Footer Widgets ── */
.jmc-footer-widgets {
  background: #f9f9f9;
  padding: 30px 0;
}
.jmc-footer-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.jmc-footer-col {
  min-width: 0;
}

/* Column heading */
.p5 {
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #3a3a3a;
  padding: 10px 0 8px;
  margin: 0;
  border-bottom: 2px solid #ff6f07;
  margin-bottom: 10px;
}

/* Footer link lists */
.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-links li {
  font-size: 12px;
  color: #666;
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
  line-height: 1.4;
}
.footer-links li:last-child {
  border-bottom: none;
}
.footer-links a {
  color: #444;
  text-decoration: none;
  display: inline-block;
  transition: color 0.15s;
}
.footer-links a:hover {
  color: #ff6f07;
  text-decoration: underline;
}

/* ── Copyright ── */
.jmc-footer-bottom {
  background: #3a3a3a;
  padding: 17px 0;
  text-align: center;
}
.copyright {
  color: #fff;
  font-size: 11px;
  line-height: 1.7;
  margin: 0;
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .jmc-footer-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .jmc-footer-cols {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .jmc-footer-col {
    border-bottom: 1px solid #e0e0e0;
  }
  .p5 {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: 12px 0;
    border-bottom: none;
    user-select: none;
  }
  .p5::after {
    content: '+';
    font-size: 18px;
    font-weight: 300;
    color: #ff6f07;
    transition: transform 0.25s;
    display: inline-block;
  }
  .p5.open::after {
    transform: rotate(45deg);
  }
  .footer-links {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .footer-links.open {
    max-height: 300px;
    padding-bottom: 10px;
  }
  .jmc-payments-row {
    justify-content: center;
  }
  .jmc-payment-item {
    flex: 1 1 40%;
  }
}
.util-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-bar-inner {
    display: flex;
    align-items: center;
    gap: inherit;
    width: 100%;
}

.quick-bar-inner,
.usp-bar-inner {
    display: flex;
    align-items: center;    justify-content: center;
}

.banner-inner {
    display: block;
}

.util-bar-inner,
.main-bar-inner,
.quick-bar-inner,
.usp-bar-inner,
.banner-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
#CookiesBanner {background-color:#f5f5f5; padding:10px 0 5px 0;display: none;border-bottom:1px solid #ccc;}
#CookiesMessage {position:relative; width:90%; margin:0 auto; overflow:hidden;}
#CookiesMessage,#CookiesMessage button {font-family:Arial,Helvetica,sans-serif}
#CookiesMessage h2 {float:left; width:20%; margin-top:0px; padding-bottom: 75px; color:#FFF; font-size:18px; font-weight:bold; text-align:left; line-height:1.12;}
#CookiesMessage div {float:left; width:100%; margin-left:0px; margin-bottom:5px; color:#666; font-size:13px; line-height:1.12;}
#CookiesMessage a {color:#ff6f08; font-size:12px; font-weight:bold; line-height:1.24; text-decoration:none}
#CookiesMessage a:hover {color:#ff6f08;}
#CookiesMessage button { bottom:0px; color:#fff; background-color:#ff6f08; padding:10px 20px; font-size:13px; font-weight:bold; border:0; cursor:pointer}
#CookiesMessage button:hover {color:#FFF}