.whatsapp-icon{position: fixed; right: 15px; bottom: 15px; width: 65px; z-index: 123;}



.product_header{background: #000;}



header.site-header{position: relative; z-index: 123;}

header.fixed{position: sticky; top: 0;}

.top_band{background: #000; line-height: 35px; font-size: 14px; text-align: center; color: #fff;}

.header_content{padding: 0px 35px 0 35px; height: 95px; transition: 0.3s; display: flex; align-items: center; justify-content: space-between;}

header.fixed .top_band{display: none;}

header.fixed .header_content{background: #000; padding:25px 35px;}

/*body:not(.home):not(.tax-product_cat) header.site-header{background: #000;}*/
body:not(.home) header.site-header{background: #000;}

.header_content .top_icon{width: 130px; display: flex; align-items: flex-start; justify-content: center;gap: 5px;}

.header_content .top_icon .icon_box{width: calc((100% - 10px) / 3); position: relative;}

.header_content .top_icon .icon_box img{width: 26px; margin: 0 auto;}

.header_content .top_icon .icon_box span{position: absolute; bottom: -5px; right: 5px; background: #fff; font-size: 12px; width: 18px; height: 18px; border-radius: 50px; color: #000; text-align: center;}

.header_content .header_details{width: 85%; display: flex; align-items: center;gap: 20px; justify-content: space-between;}

.header_content .header_details .logo{width: 178px;}



.menu-toggle,

.menu-header{display:none;}

.navbar {display: flex;width: 85%; position: relative;}

.navbar ul {display: flex;align-items: center;}

.navbar ul ul {display: block;}

.navbar ul li{width: auto; position: relative;}

.navbar ul li a,

.navbar ul li span{color: #fff;text-transform: capitalize;letter-spacing: 0;padding: 0 15px;font-size: 16px;line-height: 40px;font-weight: 500; display: block; width: 100%;transition: 0.3s ease; display: inline-block; cursor: pointer;}

.navbar ul li:hover a{color: #4d8568;}

.navbar ul li .sub-menu{position: absolute;top: 100%;right: 10px;opacity: 0;visibility: hidden;transform: translateY(15px);display: block; background: #fff; box-shadow: 0 0 5px #00000060; width: 200px; text-align: right;}

.navbar ul li .sub-menu li{padding:0; width: 100%; float: left; border-bottom: 1px solid #ccc; border-left: 0; display: block;}

.navbar ul li:hover .sub-menu li a,

.navbar ul li .sub-menu li a{color: #4d8568;font-size: 14px;line-height: normal;padding: 0 10px; line-height: 45px; background: #fff;}

.navbar ul li:hover .sub-menu li:hover a,

.navbar ul li .sub-menu li:hover a{color: #1e3e81; background: #f1f1f1; padding-right: 20px;}

.navbar ul li:hover .sub-menu{ opacity: 1;visibility: visible;transform: translateY(0);}

.navbar ul li .Shop-Brands{width: 1145px;left: -433%;}

.navbar ul li .Shop-Brands ul li{}



.quick_contact{height: 155px; color: #fff; display: flex; align-items: center; justify-content: center; gap: 15px; font-size: 26px; background: #313030;}

.quick_contact a{display: flex; align-items: center; justify-content: center; gap: 5px; width: 219px; line-height: 36px; font-size: 13px; background: #3A6850; color: #fff;}

.quick_contact a:hover{background: #579777;}

.quick_contact a img{width: 20px;}

.quick_contact span{}



.footer_links{color: #fff; background: #141414; padding: 90px 0;}

.footer_links .wrapper{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; text-align: right;}

.footer_links a{color: #ffffff70;}

.footer_links a:hover{color: #ffffff;}

.footer_links ul li{line-height: 34px;}

.footer_links h4{font-size: 20px; padding-bottom: 10px;}

.footer_logo{width: 195px;    display: flex;

    flex-wrap: wrap;

    justify-content: center;}

.footer_logo img.logo-img{width: 175px; margin: 0 auto;}

.footer_logo img.icon{width: 35px; margin: 50px 5px 0 5px; display: inline-block;}

.link_holder{width: 80%; display: flex; align-items: flex-start;}

.link_holder .text_holder{width: 33.333%;}

.copyright{padding-bottom: 30px; text-align: center; color: #fff;background: #141414;}

.copyright span{opacity: 0.71;}













@media only screen and (max-width:1650px),(max-width:1699px){

.whatsapp-icon{width: 55px;}

.navbar ul li a,

.navbar ul li span {padding: 0 15px;}



}



@media only screen and (max-width:1600px), (max-width:1640px){

.header_content .header_details{width: 85%;}

.navbar ul li a,

.navbar ul li span {padding: 0 12px;}

}



@media only screen and (max-width:1400px), (max-width:1460px){

.header_content .header_details {width: 87%;}

.header_content .header_details .logo{width: 150px;}

.header_content,

header.fixed .header_content{padding: 15px;}

.header_content .header_details {width: 85%;}

.navbar ul li a,

.navbar ul li span {padding: 0 10px;}



}



@media only screen and (max-width:1300px), (max-width:1380px){

.header_content .header_details {width: 86%;}



}

 

@media only screen and (max-width:1200px), (max-width:1280px){

.navbar ul li a,

.navbar ul li span {padding: 0 5px;}



}



@media only screen and (max-width:900px),(max-width:999px){

.whatsapp-icon{top: 60%; width: 45px; right: 10px;}

.header_content .top_icon{width: 140px;}

.header_content .top_icon .icon_box{width: 25%;}

.header_content .header_details{width: auto;}

.menu-toggle{width: 25%;}

.menu-toggle.open{display: block; position: relative; z-index: 3;}

.mobile-links{display: inline-block !important;}

.header_content{padding: 15px;}

.menu-header{background: #333; color: #fff; padding: 10px; display: flex; align-items: center; font-size: 14px; position: relative; justify-content: right;}

.menu-header a{display: flex;align-items: center;flex-wrap: wrap; color: #fff;}

.menu-header strong{font-size: 18px;}

.menu-header span{display: inline-block; width: 100%;}

.menu-toggle.close{position: relative; top: 0; right: 0; width: 30px; display: inline-block;}

.menu-toggle.close svg{width: 30px; height: 30px;}

.menu-toggle.close path{fill: #fff;}

.menu-toggle img{float: right; width: 30px; margin: 5px 10px 0 0;}

.navbar {position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #00000090;display: none; z-index: 123;overflow: hidden auto;}

.navbar .wrapper{padding: 0;}

.navbar ul{flex-direction: column;background: #fff;}

.navbar ul li{border: 0px; display: inline-block; width: 100%; float: left; border-bottom: 1px solid #ccc; cursor: pointer;}

.navbar ul li.active span{background: #4d8568; color: #fff;font-weight: 600;}

.navbar ul li.active span::after{border-bottom: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(-135deg); top: 45%;}

.navbar ul li a,

.navbar ul li span{color: #333; position: relative; line-height: 45px;}

.navbar ul li span::after{content: "";cursor: pointer;border-bottom:3px solid  #333;border-right:3px solid #333; transform:rotate(45deg); width:12px; height:12px; position:absolute; top:35%; right:20px; transition: 0.3s;}

.navbar ul li.active a::after{transform:rotate(225deg); }

.navbar ul li:hover a{background: none;}

.navbar ul li .sub-menu{display: none;position: relative;opacity: 1;visibility: visible;transform: none; width: 100%; padding: 10px; float: left; background: #ccc; left: 0;}

.navbar ul li.active a{background: #e8e8e8; color: #000 !important;}

.navbar ul li.active .sub-menu li a{background: #fff; line-height: 40px;}

.navbar ul li.active .sub-menu li a::after{display: none;}

.navbar ul li:hover .sub-menu li:hover a,

.navbar ul li .sub-menu li:hover a{color: #1e3e81; background: #fff; padding-left: 10px;}



.quick_contact{flex-wrap: wrap; height: auto; padding: 30px 15px; font-size: 22px;}

.quick_contact span{display: inline-block; width: 100%; text-align: center; order: 1;}

.quick_contact a{width: 220px; height: 45px; order: 2}



.footer_links{padding: 30px 0;}

.footer_logo{margin: 0 auto;}

.footer_logo img.icon{margin-top: 20px;}

.link_holder{width: 100%; padding-top: 30px;	}



}



@media only screen and (max-width:400px),(max-width:499px) {

.header_content{height: 70px;}

.header_content .header_details .logo {width: 130px;}



.link_holder{flex-wrap: wrap;}

.link_holder .text_holder{width: 100%; border-top: 1px solid #fff; padding: 10px 0; text-align: center;}



.quick_contact a{width: 45%;}



}