/*
Theme Name: babaash
Theme URI:
Author: Micro-Comp
Author URI:
Description:
Version: 1.0
*/


/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/* ------------------------------------------------------------ */


/* font initialize*/

@font-face {
    font-family: 'overpass-extrabold';
    src: url('fonts/overpass-extrabold.eot');
    src: url('fonts/overpass-extrabold.eot?#iefix') format('embedded-opentype'), url('fonts/overpass-extrabold.woff2') format('woff2'), url('fonts/overpass-extrabold.woff') format('woff'), url('fonts/overpass-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'overpass-light';
    src: url('fonts/overpass-light.eot');
    src: url('fonts/overpass-light.eot?#iefix') format('embedded-opentype'), url('fonts/overpass-light.woff2') format('woff2'), url('fonts/overpass-light.woff') format('woff'), url('fonts/overpass-light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'overpass-regular';
    src: url('fonts/overpass-regular.eot');
    src: url('fonts/overpass-regular.eot?#iefix') format('embedded-opentype'), url('fonts/overpass-regular.woff2') format('woff2'), url('fonts/overpass-regular.woff') format('woff'), url('fonts/overpass-regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'overpass-bold';
    src: url('fonts/overpass-bold.eot');
    src: url('fonts/overpass-bold.eot?#iefix') format('embedded-opentype'), url('fonts/overpass-bold.woff2') format('woff2'), url('fonts/overpass-bold.woff') format('woff'), url('fonts/overpass-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'overpass-semibold';
    src: url('fonts/overpass-semibold.eot');
    src: url('fonts/overpass-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/overpass-semibold.woff2') format('woff2'), url('fonts/overpass-semibold.woff') format('woff'), url('fonts/overpass-semibold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Regular-webfont.eot');
    src: url('fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/NotoSans-Regular-webfont.woff') format('woff'), url('fonts/NotoSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* -------------------------------------------- 
Header start
-------------------------------------------- */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item .col-sm-12,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .col-sm-12 {
	padding-right: 0;
	padding-left: 0;
}

.navbar-header a:focus, .navbar-header a:hover {
    text-decoration: none;
}

.header-top {
    background-color: #f40000;
    padding: 0;
    width: 100%;
}

.header-top .container,
.header-top .header_area,
.header-top .custom--container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
    float: none !important;
}

/* === EDGE-TO-EDGE BACKGROUNDS WITH CENTERED CONTENT === */

/* Force full-width on header wrappers */
#top-header,
.topbar,
.header-top,
.header-menu,
.slider-section,
.rev_slider_wrapper,
.tp-banner-container,
header,
header > * {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Top black bar content */
#top-header .container,
.topbar {
    max-width: 1320px;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
}

/* Red header content */
.header-5col {
    max-width: 1320px;
    margin: 0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* Blue menu content */
.header-menu .container,
.header-menu .navbar .container {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Slider */
.rev_slider_wrapper,
.tp-banner-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#top-header {
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
    background-color: #000;
    /*background-color: #3b3b3b;*/
}

#top-header .custom-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#top-header .left-side {
	padding: 0;
	width: 33.3%;
	text-align: left;
}

#top-header .left-side a {
    color: #fff !important;
	font-size: 16px;
	vertical-align: middle;
}

#top-header .inner-side {
    display: inline-block;
    color: white;
    padding: 0px;
    text-align: center;
	color: #DAA520;
	font-weight:bold;
	letter-spacing: .1em;
	font-size: 16px;
	width: 33.3%;
/* 	max-width: calc( 100% - ( 46px + 123px ) ); */
}
#top-header .inner-side span{ color: #fff; font-size: 15px; }
#top-header .right-side {
  font-family: "overpass-regular";
  font-size: 14px;
	padding: 0;
	width: 33.3%;
	text-align: right;
}

#top-header .right-side * {
    color: #fff !important;
    display: inline-block;
    text-transform: capitalize;
}

#top-header .right-side p::after {
    content: '';
    color: #fff;
    background-image: url(images/shape.png);
    background-repeat: no-repeat;
    height: 15px;
    background-position: 0 4px;
    border: none;
    padding: 5px;
    float: right;
    margin-left: 10px;
}

.header_container.search_box{ margin: 8px 0; }
.header_area .row-centered span{ color: #fff; font-size: 16px;}



.header_area {
/*     padding: 10px 0 !important; */
}

.header_area>.row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
}

.brand .brand_logo div:first-child img {
      width: 85%;
}

.brand .brand_logo div:last-child {
	text-align: right;
    width: 76%;
}

.brand .brand_logo div:last-child img {
	height: 16px;
}

.header_area .row-centered {
	/*margin-top: 30px;*/
	text-align: center;
}

.header_area .row-centered img {
	max-width: 100%;
	margin: 10px 1px 0 1px;
}

.col-centered {
    display: inline-block;
    margin-right: -4px;
    width: 100%;
}

.header-right {
    font-size: 16px;
    color: #fff;
    margin-left: auto;
    /*font-size: 1.2vw;*/
	text-align: right;
	padding-left: 0;
	/*margin-top: 15px;*/
/*	width: 33%;*/
}

.header-right .right_1_1 a {
    display: inline-block;
    padding: 0 5px;
    color: #fff;
}

.header-right .right_1_2 a {
    display: inline-block;
}

.header-right .right_1_2 a:first-of-type::after,
#top-header a[title='Members Area Login']::after {
    content: '';
    color: #fff;
    background-image: url(images/shape.png);
    background-repeat: no-repeat;
    height: 15px;
    background-position: 0 6px;
    border: none;
    padding: 4px;
    float: right;
    margin-left: 10px;
}

.header-right  a {
    color: #fff;
}
.header-right.header-right2{text-align:center;padding-left: 15px; border-left: 1px solid #fff;}
.header-right.header-right2 span {font-size:12px;}
.header-right.header-right2 p {margin-bottom:0}

/* --------------------------------------------
Header end
-------------------------------------------- */

/* -------------------------------------------- */
body {
    max-width: 1372px;
    margin: auto !important;
    background-color: #f3f3f3;
    font-family: "overpass-regular";
}

#content {
    background-color: #fff;
}

.tparrows:before {
    font-family: fontawesome !important;
    font-size: 48px;
    color: #f1f1f1;
    opacity: .4;
}

.tparrows {
    background: transparent !important;
}

.tp-leftarrow:before {
    content: "\f104" !important;
}

.tp-rightarrow:before {
    content: "\f105" !important;
}

.custom-container {
    max-width: 1024px;
}

.gs_logo_single img {
  width:100px;
}

.tp-loop-wrap  .tp-mask-wrap .tp-caption{
  z-index: 5 !important;
  text-align: center !important;
  font-family:inherit !important;
}

.navbar-primary {
    background-color: #e10012;
    font-family: "overpass-regular";
    font-size: 16px;
}

.navbar-primary {
    border-color: #e7e7e7;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    min-height: 50px;
}

.navbar-primary .navbar-nav>li>a {
    color: #fff;
    border: none;
    padding: 10px 19px;
    font-size: 19px;
    line-height: 1.2;
}

.navbar-primary .navbar-nav>li:first-child a {
    padding-left: 0px;
}

.navbar-primary .navbar-nav>li:last-child::before {
    content: '';
    color: #fff;
    background-image: url(images/shape.png);
    background-repeat: no-repeat;
    height: 35px;
    background-position: 0 10px;
    border: none;
    padding: 10px;
    float: left;
    padding-left: 20px;
}

.navbar-primary .navbar-nav>li:last-child {
    padding-left: 19px;
    white-space: nowrap;
}

.navbar-primary .navbar-nav>li:last-child a {
    padding-left: 38px;
}

.navbar-primary #menu-primary {
    display: inline-block;
    float: none;
}

#bs-example-navbar-collapse-1 {
    padding-left: 0;
    text-align: center;
    height: 40px !important;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: unset;
    color: #000;
}

.navbar-primary .navbar-toggle, .navbar-primary .navbar-collapse {
    border-color: #e10012;
}

.navbar-primary .navbar-toggle .icon-bar {
    background-color: #fff;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: unset;
}

.caret {
    display: none;
}

#footer {
    text-align: center;
    background-color: #fff;
}

#nav_menu-2 {
    margin-bottom: 15px;
}

#nav_menu-2 li {
    list-style: none;
    display: inline-block;
}

#nav_menu-2 li a, #nav_menu-2 li a:hover {
    text-decoration: none;
    margin: 20px;
    font-size: 24px;
    font-family: "Noto Sans";
    color: #000;
    line-height: 1.2;
}



.search_box {
    border-radius: 0;
}

.search_box button {
    border-left: 0;
    height: 32px;
    /*-webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -ms-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;*/
    padding: 0 12px;
}

.search_box .form-control {
    height: 32px;
    /*border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;*/
}

.search_box input {
    border-right: 0;
    font-size: 17px;
}

.search_box input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 17px;
}

.search_box input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 17px;
}

.search_box input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 17px;
}

.search_box input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 17px;
}

.brand {
/*     vertical-align: bottom; */
/*     text-transform: uppercase; */
/*     font-family: "Exo"; */
/*     font-weight: bold; */
/*     position: relative; */
/*     margin-top: 4px; */
	padding-right: 0;
}

div.brand>a {
/*     position: absolute;
    width: 100%;
    height: 100%;
    top: -13px;
    left: 0; */
}

.site_title {
    font-size: 2.7vw;
    color: #fff;
    line-height: 1.25;
    margin: 0;
}

.site_tagline:before {
    background-image: url(images/USA_flag.png);
    background-size: cover;
    display: inline-block;
    width: 42px;
    height: 23px;
    content: "";
}

.site_tagline {
    color: #e10012;
    font-size: 2.1vw;
}

.footer img {
    margin: 15px 5px;
}

#siteorigin-panels-builder-3 {
    margin-bottom: 0 !important;
    margin-top: 0;
    padding-top: 5px;
    background-color: #fff;
}

#siteorigin-panels-builder-3 img {
    margin: 0.5%;
    height: auto;
}

.top_brands {
    margin: 15px auto;
}

.top_brands img {
    margin-right: 40px;
}

.top_brands p a {
    font-family: "overpass-regular";
    color: #3e9ccf;
    font-size: 24px;
}

.top_brands p a:after {
    font-family: fontawesome !important;
}

.top_brands p a:after {
    content: "\f105" !important;
}

.top_brands img:first-of-type {
    margin-left: 100px;
}

.top_brands img:last-child {
    margin-right: 0;
}

.gs_logo_area.slider1 .bx-wrapper .bx-prev,
.gs_logo_area.slider1 .bx-wrapper .bx-next{
	background: none;
	color: transparent;
}

.gs_logo_area.slider1 .bx-wrapper .bx-prev:before {
	content: "\f053";
}

.gs_logo_area.slider1 .bx-wrapper .bx-next:before {
	content: "\f054";
}

.gs_logo_area.slider1 .bx-wrapper .bx-prev:before,
.gs_logo_area.slider1 .bx-wrapper .bx-next:before {
	font-family: "FontAwesome";
	color: #f3f3f3;
	font-size: 18px;
	text-indent: 0;
	width: 32px;
	height: 32px;
	display: block;
}

.gs_logo_area.slider1 .gs_logo_single img {
	max-height: 130px !important;
	width: auto !important;
}
#panel-2-1-1-0> .panel-widget-style {
	padding: ;
}

#pg-2-0 {
    margin-bottom: 0 !important;
}
#pgc-2-3-0{
	margin-right:5px;
}

.register .form-row-wide:nth-last-child(1){
    position: absolute;
    top: 85px;
    right: 20px;
    width: 45%;
}

.woocommerce form.login .show-password-input,
.woocommerce-page form.login .show-password-input {
	left: 230px;	
}

.woocommerce form.register .show-password-input,
.woocommerce-page form.register .show-password-input {
    left: unset;
    right: 10px;	
}

.woocommerce form.login input[type='text'],
.woocommerce form.login input[type='password']{
	max-width: 260px;
}

.woocommerce form.register {
	padding: 0;
}

.woocommerce form.register input.input-text {
    width: 100%;
}


.pricelist_cat {text-align: center;font-weight: bold;margin-top: 20px;font-size: 16px;}
.pricelist_cat.pricelist_subcat{margin-top:0px;}
.woocommerce-products-header .pricelist_cat img,{display: inline-block;margin-left: 10px;top: -3px;position: relative;} 
.parent-category-main .pricelist_cat.pricelist_subcat img{display:inline-block;margin-left: 10px;top: -3px;position: relative;height: auto;}
 

#loginform  .login-submit  input{
    width: 122px;
    background: #ebe9eb;
    border: none;
    height: 31px;
}

#loginform  label{
  display:block;
  font-weight: 200;
  margin-bottom: 1px;
}
#loginform .login-password {
	margin-top:21px;
	margin-bottom: 38px;
}

#loginform  input[type="text"],  #loginform  input[type="password"]{
     height: 34px;
     width: 267px;
}

#loginform  .login-submit  input:hover{
    background-color: #dad8da;
}

.pswp__bg {
	background: #fff !important;
}

.pswp__caption, .pswp__top-bar {
	background-color: rgba(255,255,255,.5) !important;
}

.pswp__top-bar .pswp__button.pswp__button--close {
    background: none !important;
    display: block !important;
}

.pswp__top-bar .pswp__button.pswp__button--close:before {
	content: "\f00d";
	font-family: "FontAwesome";
}

.pswp__ui .pswp__button--arrow--left, .pswp__ui .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: '';
}

button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before {
	background-color: rgba(0,0,0,.3) !important;
}

.pswp__ui .pswp__button--arrow--left,
.pswp__ui .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
	opacity: 1 !important;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{

position:relative;
border: none;
}

.login-username {
	position: relative;
    margin-top: 94px;
}

#loginform  .login {
	position: absolute;
    top: -75px;
    font-size: 30px;
}


.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
	width:267px !important;
	margin-bottom: 21px;
}

.woocommerce form.register .form-row-first, .woocommerce form.register .form-row-last,
.woocommerce-page form.register .form-row-first, .woocommerce-page form.register .form-row-last {
	width: 48% !important;
	margin-bottom: 21px;
}


.register .form-row-last{
	float: left;
}

.woocommerce form .form-row label{
	font-weight:200 !important;
	margin-bottom: -2px;
}

.register  .form-row  .woocommerce-Button {
	width: 122px;
    background: #ebe9eb;
	border-radius: 0px;
    font-weight: 200;
	margin-top: 37px;
}

.register .woocommerce-simple-registration-login-link {
	text-align: center;
    width: 122px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
	height: 34px;
}

 

#pg-2-3 .panel-grid-cell h3 {
    padding-top: 170px;
    margin: 0;
    font-family: "overpass-bold";
    font-size: 48px;
    color: #fff;
}

#pg-2-3 .panel-row-style {
    background-size: cover;
}

#siteorigin-panels-builder-4 {
    padding-top: 70px;
    background-color: #f9f9f9;
    padding-bottom: 45px;
    text-align: left;
    margin-bottom: 40px;
}

#siteorigin-panels-builder-4 div.panel-row-style {
    padding: 0;
	display: flex !important;
	justify-content: space-between;
}

#panel-2-1-0-0> .panel-widget-style {
    padding: 0 !important;
}

#siteorigin-panels-builder-4 .panel-grid-cell:not(:first-child) {
    padding-left: 25px;
}

#siteorigin-panels-builder-4 .panel-grid-cell h4 {
    font-family: "overpass-bold";
    font-size: 19px;
    color: #0a3896;
}

#siteorigin-panels-builder-4 .panel-grid-cell .textwidget p {
    font-family: "overpass-regular";
    font-size: 19px;
    color: #000;
}

#siteorigin-panels-builder-4 .panel-grid-cell .textwidget p:nth-of-type(2) {
    color: #3e9ccf;
}

#siteorigin-panels-builder-4 .panel-grid-cell .textwidget p:nth-of-type(3) {
    font-size: 16px;
}

.button_ {
    background-color: #3e9ccf83;
    border: none;
    height: 45px;
    margin-top: 15px;
    left: 50%;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, 0);
    display: block;
    width:240px;
}

.button_ a {
    color: white;
    padding: 10px 30px;
    font-size: 18px;
    font-family: "Helvetica Neue";
}

.button_:hover {
    background-color: #ffffff63;
}

.button_ a:hover {
    text-decoration: none;
    color: #333;
}

.caption_text {
    font-family: "overpass-regular";
    font-size: 45px !important;
    color:white;
}

.caption_text h3,
.tp-caption h3 {
    font-size: 48px !important;
	line-height: 50px !important;
    color: white;
	white-space: wrap;
}

.caption_text {
    text-align: center;
    //padding-top: 80px !important;
    padding-top: 12px !important;
}

.main_content {
    background-color: #fff;
}

 .woocommerce ul.products li img {
	 width: auto;
	 max-width: 100%;
	 height: 322px;
	 max-height: 322px;
	 margin: 0;
	 display: block;
}

.woocommerce div.product div.images #woosvimain img {
    width: unset;
    display: block;
}
.woocommerce ul.products li .button {
    background-color: #1d8ac9;
    color: #fff;
    display: block;
    font-weight: 400;
    width: 33%;
}

nav.woocommerce-breadcrumb i {
    margin: 0 5px;
    color: #017cc2;
}

#content .woocommerce-breadcrumb {
    margin: 22px 0;
}

#content .woocommerce-breadcrumb {
    font-size: 19px;
    line-height: 1.2;
    margin: 27px 0;
    font-family: "overpass-regular";
}
.woocommerce-product-details__short-description p {
    font-size: 19px;
    line-height: 1.2;
    margin: 10px 0;
    font-family: "overpass-regular";
}
#content .woocommerce-breadcrumb a {
    color: #017cc2;
}
.woocommerce ul.products li .price, .search_page .price {
    color: #000;
    font-size: 16px;
    font-family: "overpass-bold";
    display: block;
    text-align: left;
}

#content ul.products {
    margin: 0;
	display: flex;
	flex-wrap: wrap;
}

ul.products .row {
	display: flex;
	flex-wrap: wrap;
	min-width: 100%;
}

ul.products .col-sm-4 li {
    margin-top: 10px;
	margin-bottom: 20px;
}

ul.products .col-sm-4 li a {
    margin-top: 10px;
}

#tab-title-description {
    margin-left: 55px;
}

#tab-description h2 {
    display: none;
}

#tab-description {
    width: 73%;
    display: block;
    margin: 20px auto 40px auto;
    text-align: left;
    font-size: 19px;
    font-family: "overpass-regular";
    border: none;
    box-shadow: none;
}

#tab-wcv_shipping_tab tr td {
	padding-right: 10px; 
}

#tab-wcv_shipping_tab tr td:last-child {
	padding-right: 0px; 
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 1px solid #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    content: none;
}

section.related.products {
    display: none;
}

#field_1_7, #field_1_8 {
    display: inline-block;
    width: 50%;
}

#input_1_7, #input_1_8, #input_1_13 {
    width: 100%;
    border-color: rgb(51, 51, 51);
    border-width: 1px;
    border-style: solid;
}

#gform_1 li.gfield {
    padding-right: 0;
}

#gform_1 #field_1_7 {
    padding-right: 30px;
}

#field_1_10 {
    font-size: 19px;
}

#input_1_13 {
    height: 80px;
}

.send-email {
    background-color: rgb(243, 243, 243);
    width: 90%;
    padding: 20px;
    font-family: "overpass-regular";
}

#gform_1 div.ginput_container {
    margin-top: 0;
}

#gform_1 label.gfield_label {
    margin-bottom: 0;
}

.woocommerce div.product div.images img.preview-img-item {
	cursor: zoom-in;	
}

.woocommerce div.product div.images #woosvimain img {
    height: 560px;
    width: auto;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:not(:first-child) {
    width: 32%;
    margin: 40px 5px 15px 0;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    /* margin-left: 30px; */
}


/*.woocommerce div.product div.images .woocommerce-product-gallery__image:not(:first-child) img{
    max-width: 65%;
    height: 560px;
}*/

.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 5px;
    width: 22%;
}

.product_meta span.product_attr {
    display: inline-block;
    margin: 15px auto;
    font-size: 16px;
    color: rgba(97, 97, 97, .8);
    vertical-align: top;
}

.product_meta .attr_container span.product_attr {
    width: 49%;
}

.product_meta span.product_attr span.product_attr_val {
    display: block;
    /*width: 150px;*/
    padding: 5px 10px;
    color: #000;
}

.product_meta span.product_attr span.product_attr_val a {
    color: #000;
}

.product_meta .custom_text_field span.product_attr span.product_attr_val {
    display: inline-block;
}

/*.product_meta span.product_attr:last-of-type span.product_attr_val {
    width: 300px;
}*/

.woocommerce div.product form.cart .button, .woocommerce .cart_totals .wc-proceed-to-checkout a, .woocommerce .cart_totals .wc-proceed-to-checkout a:hover {
    background-color: #1d8ac9;
    font-weight: normal;
}

.product_meta p {
    margin: 25px 0;
    font-size: 21px;
}

.product h1.product_title.entry-title {
    font-family: "overpass-light";
    font-size: 32px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000;
    font-family: "overpass-bold";
    font-size: 19px;
}

.product_meta p a {
    color: #1d8ac9;
}

#container #content {
    border-top: 1px solid #ddd;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 50%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 46%;
}

#main {
    background-color: #fff;
}

#content {
    border-top: 0px solid #ddd;
}

.subcategories_container {
    display: none;
    padding-left: 12.5px;
}

.mega-sub-menu a {
    color: #000;
}

.subcategories_container a {
    color: #1d8ac9;
    margin: auto;
    display: block;
}

#mega-menu-wrap-primary {
    background: unset;
	background: none;
}

.navbar-primary {
    background-color: #064da7;
    /*background-color: #e10012;*/
    font-family: "overpass-regular";
    font-size: 16px;
}

.navbar-primary {
    border-color: #e7e7e7;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    min-height: 40px;
}

#mega-menu-wrap-primary ul#mega-menu-primary {
    text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #fff;
    border: none;
    padding: 15px 10px;
    font-size: 19px;
    line-height: 1;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:first-child a {
    padding-left: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-child a {
    padding-right: 0px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-of-type a.mega-menu-link::before {
    content: '' !important;
    color: #fff;
    background-image: url(images/shape.png);
    background-repeat: no-repeat;
    height: 25px;
    background-position: 0;
    border: none;
    padding: 10px;
    float: left;
    background-size: 2px;
    padding-left: 20px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>ul.mega-sub-menu {
    padding-bottom: 40px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    text-decoration: none;
    background-color: unset;
    color: #000;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-menu-item-has-children>a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-menu-item-has-children>a.mega-menu-link:focus {
    background-color: #efefef;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background-color: unset;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children>a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children>a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item-has-children>a.mega-menu-link:after {
    display: none;
}

#field_2_2, #field_2_3, #field_2_4, #field_2_5, #field_2_6, #field_2_7, #field_2_8, #field_2_9, #field_2_16, #field_2_20, #field_2_21, #field_2_22, #field_2_23 {
    display: inline-block;
    width: 50%;
}

#field_2_17, #field_2_19 {
    display: inline-block;
    width: 25%;
}

#field_2_17 input, #field_2_19 input {
	width: 98%;
}


#field_2_25 ul li {
    display: inline-block;
    padding: 5px !important;
}


/*#gform_2 {
    margin: 40px auto;
    padding: 30px 30px;
    width: 600px;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 13px;
    color: #333;
    background-color: rgb(246,246,246);
    border: 1px solid rgb(193,193,193);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.28);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#gform_fields_2 .ginput_container input ,#gform_fields_2 textarea, #gform_fields_1 .ginput_container input, #gform_fields_1 textarea {
    rgb(69,69,69);
    font: normal 12px Helvetica, Arial, Sans-serif;
    border: 1px solid rgb(220,223,231);
    border-top-color: rgb(170,173,178);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}*/

#gform_fields_2 textarea {
    width: 100%;
    height: 200px;
    border-color: rgb(238, 238, 238);
    border-width: 2px;
}
#parent-cat-main {
    margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.parent-category-main {
    padding-bottom: 40px;
    text-align: center;
}
.parent-category-main p {
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px;
    color: #000;
}
.parent-category-main img {
    height: 200px;
    width: auto;
    display: none;
}
.parent-category-main span {
    width: 100%;
    display: block;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.term-167 .parent-category-main span,
.parent-category-main.brand span {
    width: 60%;
    display: block;
    margin: 0 auto;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
a.parent_category_a:hover, a.parent_category_a:focus, a.parent_category_a:active {
    color: #1d8ac9;
    text-decoration: none;
}
#menu-ordering-information, #menu-company-information, #menu-ordering-information-2, #gform_fields_2, #menu-company-information-2 {
    list-style: none;
}
#menu-ordering-information li.current_page_item a, #menu-ordering-information li.current-menu-item a, #menu-company-information li.current_page_item a, #menu-company-information li.current-menu-item a {
    color: #000;
}
#content #gallery-1 img {
    border: none;
}
.search_content {
    padding-top: 20px;
}
.search_result img {
    margin: auto;
}
.label {
    font-size: 14px;
    color: #000;
}
.woocommerce-products-header img {
    max-height: 330px;
    margin: auto;
    display: block;
}
#rev_slider_1_1_wrapper .tp-caption p {
    font-size: 24px !important;
    line-height: 26px !important;
    color: white;
}

/*.hover_img{
    width: 400px;
    height: 400px;
    position: absolute;
    right: 0px;
    top: 100px;
    border: 1px solid #ccc;
    background-size: 200%;
}*/
.imagezoom-view img {
    max-width: none;
}
.download_img {
    vertical-align: top;
    padding: 4px 0;
}
#main .page_content {
    padding-top: 20px;
}
.woocommerce div.product form.cart .variations #picker_pa_color {

}

.woocommerce div.product form.cart .variations select {
    padding: 5px 10px;
}
.woocommerce div.product form.cart .variations label {
    font-size: 16px;
    color: rgba(97, 97, 97, .8);
    text-transform: capitalize;
}
#pl-2 #pg-2-1 {
    margin: 10px auto;
}
#panel-2-1-1-0 {
    margin: 0 30px;
}
#panel-2-1-1-0 .carousel-slider .owl-item img, #panel-353-0-0-0 .carousel-slider .owl-item img {
    width: unset;
    height: 100px;
}
#panel-2-1-1-0 .carousel-slider .owl-nav [class*='owl-'] {
    opacity: .7;
    fill: #a1a1a1;
}
#pgc-2-1-0 {
    margin: auto;
}
a.full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    cursor: pointer;
}
.subcategories_container.open {
    display: table;
}
.sub_category_a {
    display: table-row;
}
.category_parent .row {
    margin-top: 7px;
}

.subcategory_page {
	padding-bottom: 40px;
}

.woocommerce nav.woocommerce-pagination ul {
    float: right;
	margin-bottom: 40px;
}
.woocommerce .quantity .qty {
    line-height: 1.8;
    width: 100px;
}
.woocommerce-page #content table.cart td.actions #coupon_code {
    width: 140px;
}
.search_page {
    margin-top: 30px;
}
#mega-menu-wrap-primary .mega-menu-toggle {
    background: #064da7;
    /*background: #e10012;*/
}
.woocommerce td.product-quantity {
    max-width: 10vw;
}
.woocommerce-loop-product__title {
    color: #6e6e6e;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    text-decoration: none;
}
.item_title {
    color: #6e6e6e;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    margin: 5px 0;
}
.search_page a {
    text-decoration: none;
}
#panel-2-1-1-0 p, #panel-2-1-1-0 br{
    display: none;
}

.clear_div {
    clear: both;
}
.item_content {
    padding-bottom: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-713,#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-714 {
    display: none;
}
#rev_slider_1_1_wrapper > li[data-index="rs-1"] {
    display: none;
}
#panel-w5978553bcbd3c-0-0-0 p{
    text-align: center;
    margin-bottom: 5px;
}
#woosvi_strap ul.svithumbnails li img {
    border: 1px solid #9c9c9c;
}
a.reset_variations::before {
    content: "\f021";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: .5em;
    /*--adjust as necessary--*/
    /*color: #000;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 0;*/
}
p.out-of-stock::before {
    content: "\f119";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: .5em;
}
p.in-stock::before {
    content: "\f118";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: .5em;
}
.woocommerce-pagination ul.page-numbers a.woocommerce-LoopProduct-link {
    display: none;
}
.woocommerce-pagination ul.page-numbers > a.woocommerce-LoopProduct-link {
    display: inline;
    pointer-events: none;
}
/*------sort woommerce subcategory---*/
.filter_subcat .drop_p:after {
    content: '';
    position: absolute;
    right: -16px;
    bottom: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #727272 transparent transparent transparent;
    line-height: 0;
    _border-color: #727272 #fff #fff #fff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}

.p_relative {
    position: relative!important;
}
.drop_p a {
    color: #777;
}
.drop_p a:hover {
    text-decoration:none;
}
#div-sort {
    display:none;
    z-index: 9999;
    position: absolute;
    background: white;
    padding: 12px 15px;
    border: 1px solid rgb(221, 221, 221);
}
#div-sort .selected{
    //color:#017cc2;
}

.woocommerce .woocommerce-result-count{
    display:none;
}
.woocommerce .woocommerce-ordering {
	margin: 40px 0 20px 0;
}

.woocommerce .woocommerce-ordering select {
    padding: 5px 10px;
}

.wcv-product-media #product_images_container {
	overflow: hidden;
}

.wcv-product-media #product_images_container ul.product_images li.wcv-gallery-image img {
	max-width: 100%;
	max-height: 100%;
}

.gs_logo_single {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.gs_logo_area .swiper-button-next, .gs_logo_area .swiper-button-prev {
	background: transparent !important;
}

.gs_logo_area .swiper-button-next svg, .gs_logo_area .swiper-button-prev svg {
	fill: #999 !important;
}



@media only screen and (min-width: 1200px) {
 
    .site_tagline {
        font-size: 26px;
    }
    .site_title {
        font-size: 34px;
    }
}

@media (max-width: 1200px) and (min-width: 783px){
    #wpadminbar li a:before {
        margin: 0;
    }
    #wpadminbar .quicklinks>ul>li>a{
        font-size: 10px;
        padding: 0 3px;
    }
    #wpadminbar * {
        font-size: 10px;
    }
    #pg-2-3 .panel-grid-cell h3{
        //color:gray;
    }

    #top-header .inner-side {
        /*width: 778px;*/
    }
}

@media (max-width: 1200px) {
	.header_area .row-centered {
	    margin-top: 25px;
	}
}

@media (max-width: 1020px) {
    .button_ a {
        padding: 10px 15px;
        font-size: 13px;
    }
    .caption_text {
        padding-top: 0px !important;
    }
}

@media only screen and (max-width: 992px) {
	.brand .brand_logo div:first-child img {
		width: 100%;
	}
    .navbar-primary {
        font-size: 10px;
    }
    #pg-2-3 .panel-grid-cell h3 {
        //color:green;
        font-size: 38px;
    }
    .button_{
        width:240px;
    }
    #rev_slider_1_1_wrapper .tp-caption p {
/*       font-size: 32px !important; */
    }

    #top-header .inner-side {
     /*width: 558px;*/
   }

   .header_area .row-centered {
	    margin-top: 10px;
	}

	.caption_text h3,
	.tp-caption h3 {
	    font-size: 25px !important;
		line-height: 25px !important;
	}
	#rev_slider_1_1_wrapper .tp-caption p {
	    font-size: 20px !important;
	    line-height: 22px !important;
	}
}

@media (max-width: 780px) {
    #pg-2-3 {
        height: 400px;
    }
    #pg-2-3 .panel-grid-cell h3{
        //color:yellow;
    }

    .button_ {
      width: 260px;
   }

   #top-header .inner-side {
     /*width: 134px;*/
     /*margin-left: 27%;*/
     /*padding-top: 9px;*/
     font-size: 10px;
  }

    #pg-2-3 .panel-grid-cell {
        height: 200px;
        margin: 0;
    }
	#pgc-2-3-0 {
		margin-bottom:5px !important;
	}
    #pg-2-3 .panel-grid-cell h3 {
        padding-top: 40px;
        font-size: 42px;
    }

    .footer .panel-grid-cell {
        width: 33%;
    }
    #pg-2-1 .container {
        display: block;
    }
    #pg-2-1 .container > div {
        display: inline-block;
        vertical-align: middle;
    }

    #pg-2-1 #pgc-2-1-0 {
        width: 30%;
        margin-bottom: 0;
    }

    #pg-2-1 #pgc-2-1-1 {
        width: 70%;
    }
    .caption_text {
        padding: 10px 5px 0 5px !important;
    }
    
    #rev_slider_1_1_wrapper .tp-caption p {
/*         font-size: 3vw !important; */
/*         line-height: 4vw !important; */
    }
    .woocommerce div.product div.images #woosvimain img {
        height: auto;
    }
    .header-right .right_1_2 p:first-of-type::after, #top-header a[title='Members Area Login']::after {
        background-image: none;
    }
    #menu-footer {
        padding: 0;
    }
    #content .carousel-slider .owl-nav {
        display: block;
    }
    .button_ a {
        padding: 2%;
        font-size: 14px;
   }
}
@media only screen and (max-width: 960px) {
    #mega-menu-wrap-primary .mega-menu-toggle {
        display: block;
    }
    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        display: none;
    }
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-713,#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-714 {
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item:last-of-type a.mega-menu-link::before {
        display: none;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 0;
        text-align: center;
    }
    #mega-menu-wrap-primary .mega-menu-toggle {
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        display: block;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 768px) {
	.header_area {
		width: 100%;
	}
	.header-right {
       font-size: 14px;
    }
    #rev_slider_1_1_wrapper .tp-caption p {
    	display: none;
    }
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		width: 100%;
	}

	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		width: 100%;
	}
}
@media only screen and (max-width: 700px) {

    .right_1_2 {
        display: none;
    }
    
    .site_tagline:before {
        width: 26px;
        height: 16px;
    }
    .search_box {
        margin: 0;
    }
    /* .fullwidthabanner {
        display: none !important;
    } */
    #rev_slider_1_1_wrapper > li[data-index="rs-1"] {
        display: block;
        height: 130px;
    }
    #rev_slider_1_1_wrapper > li[data-index="rs-1"] img {
        height: 130px;
        width: 100%;
    }
    #rev_slider_1_1_wrapper > li[data-index="rs-1"] .caption_text {
        top: -15px;
        min-width: unset !important;
    }
    #siteorigin-panels-builder-4 .panel-grid-cell .textwidget p, #siteorigin-panels-builder-4 .panel-grid-cell h4 {
        font-size: 14px;
    }
    #footer {
        padding: 0 10px;
    }
    .subcategories_container.open a.sub_category_a {
        display: block;
        margin: auto;
    }
    #content {
        padding: 0 10px;
    }
    .header_area {
        
    }
	
	.caption_text h3 {
		font-size: 6vw !important;
		line-height: 5vw !important;
	}
}

@media (max-width: 480px) {
	.header_area>.row {
		align-items: flex-end;
	}

	.header_area .brand, .header_area .row-centered {
		width: 50%;
		margin-bottom: 10px;
	}

	.header_area .header-right {
		width: 100%;
	}

	.header_area .header-right p {
		margin: 0;
	}
    #pg-2-3 .panel-grid-cell h3 {
      //color:orange;
      font-size: 26px;
  }

  #top-header .inner-side {
    /*margin-left: 16%;*/
 }
	#footer .panel-row-style {
		flex-wrap: wrap;
	}

	#footer .panel-row-style .panel-grid-cell:first-child {
		width: 100%;
		padding-left: 25px;
	}
}
.shipping {
	display:none;
}

/* =========================================================
   MOBILE FIXES ONLY (keeps desktop exactly as-is)
   Put this at the very bottom of your CSS
   ========================================================= */
@media (max-width: 767px){

  /* --- Top black bar: stack nicely --- */
  .topbar{
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
  }
  .topbar__left,
  .topbar__right{
    min-width: unset !important;
    justify-content: center !important;
    width: 100% !important;
  }
  .topbar__center{
    width: 100% !important;
    order: 2 !important;
  }
  .topbar__left{ order: 1 !important; }
  .topbar__right{ order: 3 !important; }

  /* --- Red header: stop flex row on mobile and stack blocks --- */
  .header-top .header-row{
    display: block !important;
  }

  /* remove vertical divider lines on mobile (they look wrong when stacked) */
  .header-right2,
  .header-languages{
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 14px !important;
  }

  /* --- Logo: keep proportional and centered --- */
  .brand{
    justify-content: center !important;
    margin: 10px 0 6px 0 !important;
  }
  .brand_logo_img{
    max-width: 220px !important;
    width: 100% !important;
    height: auto !important;
  }

  /* --- Trade deals row + search: center and tighten --- */
  .trade-deals-row{
    justify-content: center !important;
    margin: 6px 0 10px 0 !important;
  }
  
  /* ==============================
   TRADE DEALS FLAGS — BIGGER
   ============================== */
/* FORCE bigger Trade Deals / flags row (above search) */
.header-top .header_area .row-centered > img,
.header-top .header_area .row-centered img {
  width: 38px !important;   /* increase size */
  height: auto !important;
  max-width: none !important;
}

/* If your theme is forcing a fixed height, override it too */
.header-top .header_area .row-centered img {
  height: 26px !important;  /* keeps them visibly larger */
  object-fit: contain !important;
}



  /* Make search full-width */
  .row-centered .search_box,
  form.search_box{
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }

  /* Shipping note: center, smaller, no giant line breaks */
  .ship-note{
    display: block !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin-top: 10px !important;
  }

  /* --- Right Column 1: phone/cart/help centered --- */
  .header-right1,
  .header-right{
    text-align: center !important;
  }
  .header-right1 .right_1_1 p,
  .header-right1 .right_1_2{
    justify-content: center !important;
  }

  /* --- WhatsApp/Telegram block: centered + tighter --- */
  .header-right2 .right_1_1{
    text-align: center !important;
  }
  .header-right2 .chat-icons{
    margin: 8px 0 6px 0 !important;
  }
  .header-right2 .chat-labels{
    margin: 0 !important;
    line-height: 1.35 !important;
  }
  .header-right2 .wa-phone-first{
    margin: 0 0 8px 0 !important;
  }

  /* --- Languages: two-column compact list on mobile --- */
  .header-languages .lang-box{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px 14px !important; /* row gap, column gap */
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
  }

  .header-languages .lang-box a.glink{
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  /* scale down on mobile a bit more */
  .header-languages .lang-box a.glink img{
    width: 18px !important;
    height: auto !important;
  }
  .header-languages .lang-box a.glink span{
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  /* Remove the plugin separators on mobile grid (we don't need top borders in grid) */
  .header-languages .lang-box a.glink + a.glink{
    border-top: 0 !important;
  }
}

/* ========================================
   REMOVE GTRANSLATE DEFAULT FLAG COMPLETELY
   ======================================== */
.lang-box a.glink img{
  display:none !important;     /* IMPORTANT: removes spacing */
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* ========================================
   ADD YOUR CUSTOM FLAGS
   ======================================== */
.lang-box a.glink{
  display:flex !important;
  align-items:center !important;
  gap:10px;
}

/* Create custom flag placeholder */
.lang-box a.glink::before{
  content:"";
  display:inline-block;
  width:22px;
  height:16px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

/* English */
.lang-box a.glink[data-gt-lang="en"]::before{
  background-image:url("https://babaash.com/wp-content/uploads/2026/02/usa.png");
}

/* Arabic */
.lang-box a.glink[data-gt-lang="ar"]::before{
  background-image:url("https://babaash.com/wp-content/uploads/2026/02/Arabic-Flag-Icon.png");
}

/* Persian */
.lang-box a.glink[data-gt-lang="fa"]::before{
  background-image:url("https://babaash.com/wp-content/uploads/2026/02/Iranian-Flag-Icon.png");
}

/* Spanish */
.lang-box a.glink[data-gt-lang="es"]::before{
  background-image:url("https://babaash.com/wp-content/uploads/2026/02/Mexican-Flag-icon.png");
}

/* HARD OVERRIDE: hide GTranslate <img> inside the header language block */
.header-languages .lang-box a.glink > img,
.header-languages .lang-box a.glink img{
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* keep your custom flag */
.header-languages .lang-box a.glink::before{
  content:"";
  display:inline-block;
  width:34px;
  height:24px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

/* =========================================================
   MID-BREAKPOINT HEADER FIX (around 970px wide)
   - Keeps top/search centered
   - Forces 3 columns into a clean row under search
   ========================================================= */

/* Base wrappers (safe on all sizes) */
.header-grid { width:100%; }
.header-top-row { width:100%; }
.header-bottom-row { width:100%; }

@media (min-width: 768px) and (max-width: 1100px){

  /* Top row: center everything */
  .header-top-row{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap: 10px;
    padding: 10px 0 6px 0;
  }

  .header-top-row .brand{
    display:flex;
    justify-content:center;
  }

  .header-top-row .center-block{
    width: 100%;
    max-width: 720px;      /* keeps search from stretching too wide */
    text-align:center;
  }

  /* Make search full-width inside the max-width */
  .header-top-row .search_box{
    width:100% !important;
    margin: 0 auto !important;
  }

  /* Row under search: 3 columns */
  .header-bottom-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 22px;
    padding: 14px 0 16px 0;
  }

  /* Each column sizing */
  .header-bottom-row .header-col{
    flex: 1 1 0;
    min-width: 0;
  }

  /* Make the languages column slightly narrower */
  .header-bottom-row .header-languages{
    flex: 0 0 220px;
  }

  /* Keep divider lines consistent (same as your desktop) */
  .header-bottom-row .header-right2,
  .header-bottom-row .header-languages{
    border-left: 1px solid rgba(255,255,255,.45);
    padding-left: 18px;
  }

  /* Prevent center drift */
  .header-right1 .right_1_2{
    margin-top: 8px;
  }
}

/* =========================================================
   5-COLUMN HEADER LAYOUT (Responsive)
   ========================================================= */

/* Base styles for header grid */
.header-5col {
  display: grid !important;
  align-items: center;
  padding: 12px 20px;
  max-width: 1320px;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  box-sizing: border-box;
  float: none !important;
}

/* Large desktop (>= 1200px): 5-column layout */
@media (min-width: 1200px) {
  .header-5col {
    grid-template-columns: 160px 1.3fr 1fr 0.8fr 0.8fr;
    gap: 16px;
  }
}

/* Mid-size desktop (768px - 1199px): 2 rows layout */
@media (min-width: 768px) and (max-width: 1199px) {
  .header-5col {
    display: grid !important;
    grid-template-columns: 140px repeat(3, 1fr);
    grid-template-rows: auto auto;
    gap: 12px 16px;
    align-items: center;
  }

  /* Logo: spans both rows */
  .header-col-logo {
    grid-column: 1;
    grid-row: 1 / 3;
    justify-self: center;
  }

  /* Search: spans 3 columns on row 1 */
  .header-col-search {
    grid-column: 2 / 5;
    grid-row: 1;
    text-align: center;
  }

  /* Row 2: Contact | Chat | Languages - each in own column */
  .header-col-contact {
    grid-column: 2;
    grid-row: 2;
    text-align: center;
    border-left: none;
    padding-left: 0;
  }

  .header-col-chat {
    grid-column: 3;
    grid-row: 2;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,0.3);
    padding-left: 12px;
  }

  .header-col-lang {
    grid-column: 4;
    grid-row: 2;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,0.3);
    padding-left: 12px;
  }
}

.header-col {
  color: #fff;
}

/* Logo column */
.header-col-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-col-logo .brand_logo_img {
  max-width: 150px;
  width: 100%;
  height: auto;
}

/* Search column */
.header-col-search {
  text-align: center;
}

.header-col-search .trade-deals-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 8px;
}

.header-col-search .trade-deals-text {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.header-col-search .trade-flag {
  width: 28px;
  height: auto;
}

.header-col-search .search_box {
  margin: 0 auto 8px auto;
  max-width: 100%;
}

.header-col-search .ship-note {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
}

/* Contact column (phone/cart/help) */
.header-col-contact {
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.3);
  padding-left: 16px;
}

.header-col-contact .right_1_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-bottom: 6px;
}

.header-col-contact .right_1_1 p {
  margin: 0;
  white-space: nowrap;
}

.header-col-contact .right_1_2 {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.header-col-contact .right_1_2 a {
  color: #fff;
  font-size: 14px;
}

/* Chat column (WhatsApp/Telegram) */
.header-col-chat {
  text-align: center;
  border-left: 1px solid rgba(255,255,255,0.3);
  padding-left: 16px;
}

.header-col-chat .wa-phone-first {
  margin: 0 0 6px 0;
  font-size: 14px;
}

.header-col-chat .chat-icons {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 4px;
}

.header-col-chat .chat-icons a {
  color: #fff;
  font-size: 20px;
}

.header-col-chat .chat-labels {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}

.header-col-chat .chat-labels a {
  color: #fff;
}

/* WhatsApp & Telegram on same line */
.header-col-chat .chat-labels br {
  display: none;
}

.header-col-chat .chat-labels a {
  display: inline;
  margin: 0 6px;
}

/* Languages column */
.header-col-lang {
  border-left: 1px solid rgba(255,255,255,0.3);
  padding-left: 16px;
}

.header-col-lang .lang-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.header-col-lang .lang-box a.glink {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

/* Hide GTranslate default flags */
.header-col-lang .lang-box a.glink > img,
.header-col-lang .lang-box a.glink img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Custom flag via ::before */
.header-col-lang .lang-box a.glink::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* English - USA flag */
.header-col-lang .lang-box a.glink[data-gt-lang="en"]::before {
  background-image: url("https://babaash.com/wp-content/uploads/2026/02/usa.png");
}

/* Arabic flag */
.header-col-lang .lang-box a.glink[data-gt-lang="ar"]::before {
  background-image: url("https://babaash.com/wp-content/uploads/2026/02/Arabic-Flag-Icon.png");
}

/* Persian/Farsi - Iran flag */
.header-col-lang .lang-box a.glink[data-gt-lang="fa"]::before {
  background-image: url("https://babaash.com/wp-content/uploads/2026/02/Iranian-Flag-Icon.png");
}

/* Spanish - Mexico flag */
.header-col-lang .lang-box a.glink[data-gt-lang="es"]::before {
  background-image: url("https://babaash.com/wp-content/uploads/2026/02/Mexican-Flag-icon.png");
}


/* Center the menu */
.header-menu .navbar-primary {
  text-align: center;
}

.header-menu .navbar-collapse {
  text-align: center;
}

.header-menu .navbar-nav {
  display: inline-flex;
  float: none !important;
  justify-content: center;
}

#mega-menu-wrap-primary #mega-menu-primary {
  text-align: center;
}

/* Hide mobile menu toggle on desktop */
#mega-menu-wrap-primary .mega-menu-toggle {
  display: none !important;
}

/* Show full menu on desktop */
#mega-menu-wrap-primary #mega-menu-primary {
  display: flex !important;
  justify-content: center;
}

/* Mobile: show toggle, hide full menu */
@media (max-width: 960px) {
  #mega-menu-wrap-primary .mega-menu-toggle {
    display: block !important;
    margin: 0 auto;
    text-align: center;
  }

  #mega-menu-wrap-primary #mega-menu-primary {
    display: none !important;
  }

  #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    display: block !important;
  }

  .header-menu .container {
    display: flex;
    justify-content: center;
  }

  #mega-menu-wrap-primary {
    width: 100%;
  }
}

/* =========================================================
   MOBILE: < 768px (stacked layout with phone cols side by side)
   ========================================================= */
@media (max-width: 767px) {
  .header-5col {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px 12px;
  }

  .header-col {
    width: 100%;
    text-align: center;
    border-left: none !important;
    padding-left: 0 !important;
  }

  .header-col-logo .brand_logo_img {
    max-width: 180px;
  }

  .header-col-search .search_box {
    max-width: 100%;
  }

  .header-col-contact .right_1_1 {
    flex-wrap: wrap;
  }

  .header-col-contact .right_1_2 {
    flex-wrap: wrap;
  }

  /* Keep contact and chat side by side */
  .header-col-contact,
  .header-col-chat {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    border-top: none;
    padding-top: 0;
  }

  .header-col-chat {
    border-left: 1px solid rgba(255,255,255,0.3) !important;
    padding-left: 12px !important;
  }

  .header-col-lang {
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.2);
    width: 100% !important;
    border-left: none !important;
    padding-left: 0 !important;
  }
}

/* Very small mobile: stack everything */
@media (max-width: 480px) {
  .header-col-contact,
  .header-col-chat {
    width: 100%;
    display: block;
  }

  .header-col-chat {
    border-left: none !important;
    padding-left: 0 !important;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.2);
  }
}

/* =========================================================
   SMALL MOBILE: < 480px
   ========================================================= */
@media (max-width: 479px) {
  .header-col-logo .brand_logo_img {
    max-width: 150px;
  }

  .header-col-search .trade-deals-text {
    font-size: 12px;
  }

  .header-col-search .trade-flag {
    width: 24px;
  }

  .header-col-search .ship-note {
    font-size: 12px;
  }

  .header-col-contact .right_1_1 {
    gap: 12px;
    font-size: 14px;
  }

  .header-col-contact .right_1_2 a {
    font-size: 13px;
  }
}

/* =========================================================
   CONSOLIDATED STYLES (from Customizer + pluginstyles)
   ========================================================= */

/* === TOP BLACK BAR === */
.topbar {
  background: #000;
  color: #fff;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.topbar a {
  color: #fff;
  text-decoration: none;
}

.topbar a:hover {
  opacity: .85;
}

.topbar__left,
.topbar__right {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 220px;
}

.topbar__center {
  flex: 1;
  text-align: center;
}

.topbar__title {
  color: #d6b25e;
  font-weight: 700;
  letter-spacing: .6px;
  font-size: 14px;
}

.topbar__sub {
  color: #fff;
  font-size: 12px;
  opacity: .85;
  margin-top: 2px;
}

.topbar__links {
  font-size: 12px;
  margin-top: 4px;
}

.topbar .sep {
  margin: 0 6px;
  opacity: .6;
}

.topbar__left i {
  font-size: 16px;
}

/* TikTok SVG */
.tiktok-icon svg {
  width: 16px;
  height: 16px;
  fill: #fff;
  display: block;
}

/* === TRADE DEALS ROW === */
.trade-deals-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

.trade-deals-row img.trade-flag,
.trade-deals-row img {
  display: block !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

.trade-deals-row .trade-deals-text {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 2px !important;
  white-space: nowrap !important;
  font-weight: bold;
}

/* === DARKER BLUE MENU === */
.header-menu,
.header-menu .navbar,
.header-menu .navbar-primary {
  background-color: #0b3f7a;
  border: none;
}

.header-menu .navbar.navbar-primary {
  min-height: 60px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
}

.header-menu .navbar.navbar-primary .navbar-collapse {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 60px !important;
}

.header-menu .navbar.navbar-primary ul.nav.navbar-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  height: 60px !important;
  margin: 0 !important;
  width: 100%;
  padding: 0 10px;
}

.header-menu .navbar.navbar-primary ul.nav.navbar-nav > li {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
  float: none !important;
}

.header-menu .navbar.navbar-primary ul.nav.navbar-nav > li > a {
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  color: #ffffff;
  font-weight: 500;
}

.header-menu .navbar.navbar-primary ul.nav.navbar-nav > li > a:hover,
.header-menu .navbar.navbar-primary ul.nav.navbar-nav > li > a:focus {
  color: #ffffff;
  opacity: 0.85;
}

/* === GTRANSLATE LANG-BOX STYLES === */
.lang-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.lang-box a.glink {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.lang-box a.glink img {
  width: 22px !important;
  height: auto !important;
  display: block !important;
  flex: 0 0 auto;
  border: 0 !important;
  box-shadow: none !important;
}

.lang-box a.glink span {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 600;
  letter-spacing: .2px;
  line-height: 1.1 !important;
  display: block;
}

.lang-box a.glink.gt-current-lang span {
  opacity: 1 !important;
}

.lang-box a.glink:not(.gt-current-lang) span {
  opacity: .95;
}

/* === RESPONSIVE: TABLET & MOBILE === */
@media (max-width: 1199px) {
  /* Languages: centered vertical list */
  .header-col-lang {
    text-align: center !important;
  }

  .header-col-lang .lang-box {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
}

@media (max-width: 991px) {
  .topbar {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .topbar__left,
  .topbar__right {
    min-width: unset;
    justify-content: center;
  }

  .topbar__center {
    width: 100%;
  }

  /* Menu: stack on mobile */
  .header-menu .navbar-nav {
    display: block !important;
    padding: 0;
  }
}

/* === MOBILE: Languages 2x2 grid, centered === */
@media (max-width: 767px) {
  .header-col-lang {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
    border-left: none !important;
  }

  .header-col-lang .lang-box {
    display: inline-grid !important;
    grid-template-columns: auto auto !important;
    flex-direction: unset !important;
    gap: 10px 30px !important;
    text-align: left !important;
  }
}