@font-face {
	font-family: "Raleway-Light_1";
	src: url(../fonts/Raleway-Light_1.ttf);
	font-display: swap;
}

@font-face {
	font-family: "Raleway-Medium_1";
	src: url(../fonts/Raleway-Medium_1.ttf);
	font-display: swap;
}

@font-face {
	font-family: "Raleway-Regular_1";
	src: url(../fonts/Raleway-Light_1.ttf);
	font-display: swap;
}

@font-face {
	font-family: "Raleway-Bold_1";
	src: url(../fonts/Raleway-Bold_1.ttf);
	font-display: swap;
}

@font-face {
	font-family: "century-gothic-bold";
	src: url(../fonts/century-gothic-bold.ttf);
	font-display: swap;
}

html{overflow-x: hidden;}
/* body{margin: 0; padding: 0; font-family: "Raleway-Light_1"; font-size: 18px; color: #3a3a3a;} */
body {margin: 0;padding: 0;font-family: 'Inter', 'Segoe UI', Roboto, system-ui, sans-serif;line-height: 1.6;font-size: 16px;color: #1e1e1e;background-color: #fff;}
*{box-sizing: border-box; outline: none;}

/*links*/
a:link{color: inherit; text-decoration: none; display: inline-block; transition: 0.5s;}
a:visited{color: inherit; text-decoration: none; display: inline-block; transition: 0.5s;}
a:hover{color: inherit; text-decoration: none; display: inline-block; transition: 0.5s;}
a:active{color: inherit; text-decoration: none; display: inline-block; transition: 0.5s;}
/*links*/

/*common elements*/
img{border: 0; max-width: 100%; max-height: 100%;}
p{padding: 0; margin: 0; line-height: inherit; font-family: inherit; font-size: inherit; color: inherit; padding-bottom: 20px;
clear: both;}
p:last-of-type{padding-bottom: 0;}
ul, ol{list-style: none; margin: 0; padding: 0; width: 100%; float: left;}
.row{clear: both;}
.rows{width: 100%; float: left;}
.group{width: auto; float: none; margin: -5px -10px;}
.column{width: auto; float: left; padding: 5px 15px;}

.fiximg{width: 100%; float: left;}
.dynamicimg{max-width: none; max-height: none; /*height: 100%;*/ position: absolute; left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%; height:auto;
}
/*common elements*/

/*form elements*/
label{width: 100%; float: left; font-weight: 600; margin: 0; margin-bottom: 5px; min-height: 16px; font-family: inherit; 
font-size: inherit; color: #000;}
.input{width: 100%; float: left; border: 0; outline: none; box-shadow: none; font-family: Helvetica Neue,Helvetica,Arial,sans-serif;; font-size: inherit;
color: inherit; background-color: #f1f5f6; padding: 10px 15px; border: 1px solid transparent; line-height: 24px;
height: 46px; transition: 0.5s; appearance: none; -webkit-appearance: none; -moz-appearance: none; resize: none; font-weight: 600;}
textarea.input{min-height: 75px;}
select.input{background: url(../images/down-arrow.svg) no-repeat right 10px center / 10px auto #f1f5f6;}
.input:focus{background-color: #fff; border: 1px solid #f1f5f6;}
select option{padding: 2px 15px;}
.Button.frm{background-color: #0B3D2E; font-size: 16px; font-family: "Raleway-Bold_1"; line-height: 42px; border-radius: 21px;}
.Button.lg{font-family: "Raleway-Bold_1"; font-size: 16px; text-transform: uppercase; color: #fff;
line-height: 48px; padding: 0 40px; border-radius: 24px;}
/*form elements*/

/*hgroup*/
.Title, h1, h2, h3, h4, h5, h6{font-family: "Raleway-Bold_1"; font-size: inherit; margin: 0; padding: 0; line-height: normal;
position: relative; margin-bottom: 15px; text-transform: uppercase; width: 100%; float: left;}
.Title, h1{font-size: 24px;}
.Title.border, h1.border{font-size: 24px; padding-bottom: 10px; margin-bottom: 30px;}
h1.border:before{content: ""; width: 65px; height: 4px; background-color: #0193dd; position: absolute; left: 0; bottom: 0;}
h1.text-center:before{left: 50%; 
-webkit-transform: translate(-50%, 0); 
-moz-transform: translate(-50%, 0); 
transform: translate(-50%, 0);
}
.Title.border:before{content: ""; width: 65px; height: 4px; background-color: #0193dd; position: absolute; left: 0; bottom: 0;}
.Title.text-center:before{left: 50%; 
-webkit-transform: translate(-50%, 0); 
-moz-transform: translate(-50%, 0); 
transform: translate(-50%, 0);
}
/*hgroup*/

/*bootstrap custom*/
[class*="col-"]{float: left; padding: 5px 15px;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.container-fluid{padding: 0; clear: both;}
.container{padding: 0; padding: 0 75px; max-width: 2000px; width: 100%; clear: both;}
/*bootstrap custom*/

/*Button*/
.Button{width: auto; min-width: 110px; float: left; border: 0; outline: none; box-shadow: none; text-align: center; 
font-size: 11px; font-family: "Raleway-Bold_1"; text-transform: uppercase; padding: 0 20px; line-height: 30px; 
border-radius: 15px; overflow: hidden; background-color: #0093dd; color: #fff;}
.Button.bgred{background-color: #ff4c39;}
.Buttongroup{margin: -5px;}
.Buttongroup .Button{margin: 5px;}
/*Button*/

/*conditional css*/
.text-center{}
.text-center a, img, .Button{float: none; display: inline-block;}
/*conditional css*/

/*specing*/
.marginbtm10{margin-bottom: 10px;}
.marginbtm15{margin-bottom: 15px;}
.marginbtm20{margin-bottom: 20px;}
.marginbtm30{margin-bottom: 30px;}
.marginbtm40{margin-bottom: 40px;}
.marginbtm50{margin-bottom: 50px;}
/*specing*/

/*Gallery*/
.Gallery{position: relative;}
.Gallery .row{}
.Gallery li{width: 25%; float: left; position: relative;}
.Gallery .Box{width: 100%; float: left; position: relative; overflow: hidden;}
.Gallery .Pic{overflow: hidden; position: relative; height:280px;}
.Gallery .Disbox{padding: 10px 10px 0px; background-color: #f1f5f6; padding-bottom: 5px; border-right: 1px solid #dbdbdb; 
border-bottom: 2px solid #dbdbdb; min-height:126px;}
.Gallery .title{font-size: 16px; color: #0744a1; text-transform: uppercase; margin-bottom: 5px; font-family: "Arial"; min-height:45px; font-weight:600;}
.Gallery .Dis{font-size: 13px; color: #5b5b5b; font-family: "Raleway-Regular_1"; margin-bottom: 10px; height:38px; overflow:hidden;}
.Gallery span.stock{font-size: 16px; font-family: "Raleway-Bold_1"; padding-left: 5px;}
/*Gallery*/

/*header*/
header{background: #fff; position: relative; padding: 0px 0px 5px 0px; box-shadow: 1px 0 1px 1px rgba(0,0,0,0.2); z-index: 999;}
header .logo{max-width: 295px;}
.header-right{}
.header-right .toprow{float: right; width: auto; margin-top:15px;}
header .SocialIcons{width: auto; float: left;}
header .SocialIcons a.fb{background: url(../images/facebook-logo.svg) no-repeat center center / 16px auto #0f005d;}
header .SocialIcons a.instagrame{background: url(../images/instagram.svg) no-repeat center center / 16px auto #0f005d;}
header .SocialIcons a.youtube{background: url(../images/youtube-logo.svg) no-repeat center center / 16px auto #0f005d;}
header .SocialIcons a.twitter{background: url(../images/twitter.svg) no-repeat center center / 16px auto #0f005d;}
header .SocialIcons a.linkden{background: url(../images/linked.svg) no-repeat center center / 16px auto #0f005d;}
header .SocialIcons a.google{background: url(../images/google-plus.svg) no-repeat center center / 16px auto #0f005d;}
header .SocialIcons a.pintrest{background: url(../images/Pinterest-badge.png) no-repeat center center / 16px auto #0f005d;}

header .SocialIcons a{width: 30px; height: 30px; background-color:#0f005d; margin: 0 1px;}
header .SocialIcons a:hover{background-color: #0495dd;}
#google_translate_element{margin-top: 2px; margin-left: 15px;}
/*header*/

/*footer*/
footer{width: 100%; float: left; background-color: #292929; font-size: 14px; color: #949494; padding: 15px 0 12px;}
footer a:hover{text-decoration: underline;}
footer.footerfixed{position: absolute; left: 0; bottom: 0;}

footer .SocialIcons{width: auto; float: right;}
footer .SocialIcons a.fb{background: url(../images/facebook-logo.svg) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a.instagrame{background: url(../images/instagram.svg) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a.youtube{background: url(../images/youtube-logo.svg) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a.twitter{background: url(../images/twitter.svg) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a.linkden{background: url(../images/linked.svg) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a.google{background: url(../images/google-plus.svg) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a.pintrest{background: url(../images/Pinterest-badge.png) no-repeat center center / 16px auto #0f005d;}
footer .SocialIcons a{width: 30px; height: 30px; background-color:#0f005d; margin: 0 1px;}
footer .SocialIcons a:hover{background-color: #0495dd;}
/*footer*/

/*nav*/
.navIcon{display: none;}
.submenuicon{display: none;}
nav{font-size: 14px; text-transform: uppercase; clear: both; width: auto; float: right; letter-spacing: 1px; font-weight:600;}
nav li{padding: 0 10px; width: auto; float: left; position: relative;}
nav li:last-of-type{padding-right: 0;}
nav a{width: 100%; float: left;}
nav li:hover{color: #0093df;}
/*nav*/

/*submenu*/
nav li:hover > ul{display: block;}
nav ul ul{width: 240px; float: left; position: absolute; left: -5px; top: 100%; display: none; z-index: 999; 
font-family: "Raleway-Regular_1"; text-transform: none; padding-top: 14px;
width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; white-space: nowrap;}
nav ul ul:before{content: ""; width: auto; float: left; position: absolute; left: 10px; top: 8px; z-index: 999; 
border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #22106b;}
nav ul ul li{width: 100%; float: left; padding: 0; background-color: #0093dd; color: #fff;}
nav ul ul li + li{border-top: 1px solid #4db4e7;}
nav ul ul a{color: #fff; padding: 12px 15px;}
nav ul ul li:hover{background-color: #22106b; color: #fff;}

nav ul ul ul li{border-top: 1px solid #4db4e7;}
nav ul ul ul{left: 100%; /*width: 150px;*/ padding: 0; top: 0; top: -1px;}
nav ul ul ul:before{display: none;}
/*submenu*/

/*banner*/
.banner{position: relative;}
.banner li img{width: 100%; float: left;}
.banner .caption{position: absolute; left: 75px; top: 50%; z-index: 10; line-height: 42px;
font-size: 36px; color: #fff; text-transform: uppercase; font-family: "Raleway-Bold_1";
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
}

/*.banner .caption .rows{width: auto; clear: both; background-color: #0093dd; padding: 10px 15px; padding-bottom: 6px;}
.banner .caption .rows + .rows{padding-top: 8px; padding-bottom: 10px;}*/
/*banner*/

/*controller*/
.banner .bx-pager{width: 100%; float: left; position: absolute; left: 0; bottom: 28px; text-align: center;}
.banner .bx-pager .bx-pager-item{width: auto; float: none; display: inline-block; margin: 2px;}
.banner .bx-pager .bx-pager-item a{width: 16px; height: 16px; display: block; float: left; border: 2px solid transparent;
background-color: #fff; background-clip: padding-box; font-size: 0;}
.banner .bx-pager .bx-pager-item a.active{border: 2px solid #fff; background: none;}
/*controller*/

/*wrapper*/
/* .wrapper{padding: 40px 75px;} */
/*wrapper*/

/*Featured-Products*/
.Featured-Products{position: relative;}
.Featured-Products .Gallery{padding: 0 40px;}
.Featured-Products .Gallery li{max-width: 272px; float: left;}
.Gallery .Button{color: #fff;}
/*Featured-Products*/

/*controller*/
.Featured-Products{}
.Featured-Products .bx-controls-direction a{width: 40px; height: 40px; float: left; position: absolute; left: 0; top: 50%; 
margin-top: -20px; font-size: 0; background: url(../images/arrowSlide.svg) no-repeat left center / 32px auto; z-index: 99;}
.Featured-Products .bx-controls-direction a.bx-next{left: auto; right: 0; 
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.Featured-Products .bx-controls-direction a.disabled{opacity: 0.3;}
/*controller*/

/*Shopping-section*/
.Shopping-section{}
.Shopping-section .Buttongroup{position: absolute; bottom: 30px; z-index: 2; left: 0; margin: 0;}
.Shopping-section .textbox{width: 100%; float: left; font-size: 24px; text-align: center; font-family: "Raleway-Bold_1"; 
color: #fff; position: absolute; left: 50%; top: 50%; z-index: 2; text-transform: uppercase; letter-spacing: 2px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.Shopping-section .fiximg{}
.Shopping-section .dynamicimg{height: auto; min-height: 100%; min-width: 100%;}
.Shopping-section .Gallery li{overflow: hidden; position: relative; width: 33.3333333333%;}
.Shopping-section .Gallery li:before{content: ""; width: 100%; float: left; position: absolute; left: 0; top: 0; height: 100%;
background-color: rgba(0,0,0,0.3); z-index: 1;}
.Shopping-section .Gallery li:nth-of-type(4){width: 61%;}
.Shopping-section .Gallery li:nth-of-type(5){width: 39%;}
/*Shopping-section*/

/*inner-Banner*/
.inner-Banner{position: relative; min-height: 100px;}
.inner-Banner img{width: 100%; float: left;}
.inner-Banner .heading{width: auto; float: left; padding-left: 70px; padding-right: 10px; background-color: #0093dd;
font-family: "Raleway-Bold_1"; font-size: 28px; color: #fff; text-transform: uppercase; position: absolute; left: 0; 
bottom: 0; z-index: 1; padding-top: 5px; padding-bottom: 4px; min-height: 49px;}
.inner-Banner .heading:after{content: ""; width: 61px; height: 49px; float: left; 
background: url(../images/banner-headbg.png) no-repeat right top; position: absolute; right: -61px; top: 0;}
/*inner-Banner*/

/*breadcrame*/
.breadcrame{font-family: "Arial"; font-size: 14px; color: #fff; text-transform: uppercase; padding-top: 7px; font-weight:600;}
.breadcrame li{width: auto; float: left; padding: 3px 15px; position: relative;}
.breadcrame li + li{padding-left: 25px;}
.breadcrame li + li:before{content: "/"; width: 10px; text-align: center; position: absolute; left: 0; top: 3px;}
/*breadcrame*/

/*ProductListing*/
.ProductListing{}
.ProductListing .Gallery ul{margin-top: -15px;}
.ProductListing .Gallery li{padding: 15px;}
/*ProductListing*/


/*ProductDetail*/
.ProductDetail{}
.ProductDetail .Dis{font-size: 14px; font-family: "Raleway-Regular_1";}
.ProductDetail .Title{color: #0744a1; font-size: 26px; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #0093dd; text-transform:none;}
.ProductDetail .prodis-title{font-size: 16px; color: #242424; font-family: "Raleway-Medium_1"; padding-bottom: 10px;
margin-bottom: 10px; border-bottom: 1px solid #0093dd;}
.ProductDetail .Button{font-family: "Raleway-Bold_1"; font-size: 16px; text-transform: uppercase; color: #fff;
line-height: 48px; padding: 0 40px; border-radius: 24px;}

.ProductDetail .ProductPic{position: relative;}
.ProductDetail .ProductPic img{max-width: none; max-height: none;}
/*ProductDetail*/


/*popup*/
.popup{width: 100%; float: left; position: absolute; left: 0; top: 0; height: 100%; z-index: 9999; font-size: 14px; 
color: #363636; font-family: "Raleway-Regular_1";}
.popup .Title{font-size: 24px; padding-right: 50px;}
.popup .cancel{width: 20px; height: 20px; float: right; position: absolute; right: 30px; top: 35px; cursor: pointer;
z-index: 1; background: url(../images/cancel-button.png) no-repeat center center / 13px auto;}
.popup:before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; position: fixed; z-index: -1;
background-color: rgba(0,0,0,0.6);}
.popup .popupwrap{max-width: 600px; width: 100%; background-color: #fff; border-radius: 20px; overflow: hidden;
position: absolute; left: 50%; top: 0; margin-top: 50px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popup .padding{padding: 30px;}
/*popup*/

/*Contact us*/
.Contactus{}
.Contactus .Button.lg{background-color: #210f6a; line-height: 44px; min-width: 166px;}
.Contactus .Mailus{font-size: 16px; color: #363636; font-family: "Raleway-Regular_1";}
.Contactus textarea.input{min-height: 115px;}
.Contactus .Address{padding-left: 100px; float: right;}
.Contactus .Address .Title.border{margin-bottom: 20px; font-size: 24px; color: #363636;}
.Contactus .Addressbox .Title{font-size: 20px; color: #1d0b67; margin-bottom: 15px;}
.Contactus .Addressbox{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 16px;
color: #3a3a3a; font-family: "century-gothic-bold"; line-height: 28px;}
.Contactus .Addressbox:last-of-type{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.Contactus .Addresstext{padding-left: 35px; position: relative;}
.Contactus .Addresstext:before{content: ""; width: 25px; height: 100%; position: absolute; left: 0; top: 0;
background: url(../images/placeholder-filled-point.svg) no-repeat center top 4px / 22px auto;}
.Contactus .Tel{padding-left: 35px; position: relative;}
.Contactus .Tel:before{content: ""; width: 25px; height: 100%; position: absolute; left: 0; top: 0;
background: url(../images/call-answer.svg) no-repeat center top 4px / 18px auto;}
.Contactus .Email{padding-left: 35px; position: relative;}
.Contactus .Email:before{content: ""; width: 25px; height: 100%; position: absolute; left: 0; top: 0;
background: url(../images/email-envelope-button.svg) no-repeat center top 2px / 22px auto;}
.Contactus .Email a{display: block;}
.Contactus .Email a + a{padding-top: 5px;}
/*Contact us*/

/*PictureGallery*/
/*#swipebox-caption{display: none; visibility: hidden;}*/
.PictureGallery{}
.PictureGallery.Gallery li{padding: 15px;}
.PictureGallery.Gallery li .Box{box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);}
.PictureGallery.Gallery li a{width: 100%;}
.PictureGallery.Gallery .Caption{width: 100%; float: left; position: absolute; left: 0; bottom: 0; padding: 10px 15px;
background-color: rgba(0,0,0,0.7); font-family: "Raleway-Medium_1"; font-size: 14px; color: #fff;}
/*PictureGallery*/

.FootermEnubx{border-bottom: 1px solid #949494; margin-bottom: 10px;}
.footerMneu{color: #fff;}
.footerMneu ul a#navMenu1 + .submenuicon{display: none;}
.footerMneu ul a#navMenu2 + .submenuicon{display: none;}
.footerMneu ul a#navMenu3 + .submenuicon{display: none;}

.footerMneu .submenuicon{width: 30px; height: 30px; float: right; position: absolute; right: 0; top: 0; cursor: pointer;
background-color: #0f005d; color: #fff; display: block; line-height: 24px; border: 0;}
.footerMneu .submenuicon:before{content: "+"; width: 100%; float: left; height: 100%; text-align: center; line-height: 30px;
position: absolute; left: 0; top: 0; font-size: 21px;}
.footerMneu .submenuicon.submenuiconactive:before{content: "-";}

.footerMneu .Col{width: auto; max-width: 33.3333333333%; float: left; padding: 0 15px;}
.footerMneu ul a{width: 100%; float: left; position: relative; display: block;}
.footerMneu li{width: 100%; float: left; padding: 7px 0; position: relative;}
.footerMneu ul ul{padding-left: 15px;}
.footerMneu ul ul a{padding-left: 20px; position: relative;}
.footerMneu ul ul a:before{content: ""; width: auto; float: left; position: absolute; left: 0; top: 4px;
border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: solid 5px #fff;}
.footerMneu ul ul li{padding-right: 30px;}
.footerMneu ul ul ul{display: none;}
.footerMneu ul ul ul li{padding-right: 0;}


/*hack css for inter expolorer*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
header .logo{width: 295px;}
header .logo img{width: 100%;}
}
/*hack css for inter expolorer*/
.tp-head{background-color:#000; color:#fff; font-weight:600; font-size:14px; padding:5px 0px; letter-spacing:2px;}
.tp-head .tp-phne{font-family:arial;}
.tp-head .col-3{background-color:#000 !important;}
input[type=radio]{-webkit-appearance: auto; height: auto; width: auto; float:initial;}
.appntFrm .col-6{padding:5px !important;}
.txt-algn-cntr{text-align:center !important;}
.txtcse{text-transform:none;font-size:18px !important; font-family:Arial !important; font-weight:500;}
.res-top-col-1{display:block;}
.res-top-col-2{display:block; font-family:Arial !important; font-weight:600;}
.res-top-col-3{display:block;}
#inquiryFormErrMsg{font-size: 17px; padding-top:6px; padding-bottom:6px; color:red;}
#inquiryFormErrMsg span{font-size:20px; font-weight:600;}
.Featured-Products .Gallery .Pic{height:270px !important;}
.PictureGallery.Gallery .dynamicimg{height:100% !important; width:auto !important;}
.cnt-hlder .Title, h1, h2, h3, h4, h5, h6{text-transform:none;}
.cnt-hlder ul, ol{list-style:initial;margin: inherit;padding: inherit;}

.dmopMx{display:none;}
.sticky {position: fixed; top: 0; width: 100%; margin:0px;}
iframe, object, embed {max-width: 100%; max-height: 100%;}
@media(max-width: 768px){iframe, object, embed {max-width: 100%;max-height: 100%;height:200px;}}
@media(max-width: 640px){iframe, object, embed {max-width: 100%;max-height: 100%;height:200px;}}


.whatasappbtn {height: 55px; width: 55px; position: fixed; right: 21px;bottom: 55px;}
.button {display: none;}
.callusbtn {display: none;}
.icon-bar {display:none;z-index: 10;}
.Button{line-height: 36px; font-size: 17px;}
.Button.frm{background-color: #0B3D2E;}
#myHeader, .Button, .Contactus .Button.lg, footer .SocialIcons a {background-color: #0B3D2E !important;}
#myHeader ul li {color: #fff;}
nav ul li a:hover, nav ul li a:active {color: #fff !important;}
nav ul ul li a, nav ul ul li a:hover {color: #fff !important;}
nav ul ul li, nav ul ul li:hover{background-color: #0B3D2E;}
nav ul ul:before {border-bottom: 6px solid #0B3D2E;}
@media (max-width: 639px) {
nav ul li, nav ul li a:hover, nav ul li a:active, nav ul ul li, nav ul ul li a:hover, nav ul ul li a:active {color: #fff; background-color: #0B3D2E;}.Shopping-section .Gallery li { margin-bottom: 30px;}
.footerMneu ul a#navMenu1 + .submenuicon, .footerMneu ul a#navMenu2 + .submenuicon, .footerMneu ul a#navMenu3 + .submenuicon, .footerMneu ul a#navMenu5 + .submenuicon   {background-color: #0B3D2E;}
nav {margin-top: 15px;}
}
@media only screen and (max-width: 600px) {nav ul li a {color: inherit !important; #icon-bar .button1 {max-width: 358px; max-height: 57px;}}
.icon-bar {display: flex; justify-content: left; position: fixed; top: 92%; width: 100%; /* Full width for mobile view */ transform: translateY(-50%);} 
.icon-bar a {text-align: center; transition: all 0.3s ease; color: #fff; font-size: 20px; font-weight: 900;}
.button { border: none; color: white; padding: 5px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; margin: 4px 2px; cursor: pointer; border-radius: 40px; border: 3px solid #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.button:hover {background-color: #49b77a;}
.arrow {border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; color: #fff;}
.arrow span {color:#fff;}
.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.callusbtn { display: flex;}
.Shopping-section .Gallery li {margin-bottom: 30px;}
.footerMneu ul a#navMenu1 + .submenuicon, .footerMneu ul a#navMenu2 + .submenuicon, .footerMneu ul a#navMenu3 + .submenuicon   {background-color: #0B3D2E;}
nav {margin-top: 15px;}}
@media only screen and (max-width: 400px) { .icon-bar a {text-align: center;transition: all 0.3s ease; color: #fff; font-size: 17px; font-weight: 900; }
.callusbtn {display: flex;}
.Shopping-section .Gallery li {margin-bottom: 30px;}
.footerMneu ul a#navMenu1 + .submenuicon, .footerMneu ul a#navMenu2 + .submenuicon, .footerMneu ul a#navMenu3 + .submenuicon   {background-color: #0B3D2E;}
nav { margin-top: 15px;}}
cnt-hlder {width: 100%;}
#myHeader .logo img { max-width: 295px; max-height: 59px;} 
@media (max-width: 639px) {nav {margin-top: 14px;}}