@media (min-width: 1500px) {.container{width:1340px}}
@media (min-width: 1600px) {.container{width:1440px}}
li {list-style: none;}
ul {margin-bottom: 0; padding:0;}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.headertrue{gap: 30px;display:-webkit-box;display:-ms-flexbox;display:flex; align-items: center;}
.headerBottom{box-shadow:0 3px 16px #0000000F;position:relative}
.submenuBox.fifth img{height:100%;width:100%;max-width:inherit;object-fit:cover}
.scroll-header{position:fixed;top:0;width:100%;z-index:999;left:0;right:0;text-align:center;box-shadow:0 0 10px #d5d5d5;background-color:#fff}
.searchpopUp{background:#748fb2;width:100%;padding:20px 0;position:absolute;top:-150%;left:0;z-index:9;height:100%;display:flex;justify-content:center;align-items:center;border-bottom:solid 1px #f7f7f7;transition:all .3s cubic-bezier(0,0,.38,1);height:54px}
.searchpopUp .input-group{width:550px}
.searchpopUp.searchpopUpOpen{top:0;transition:all .3s cubic-bezier(0,0,.38,1)}
.serachBoxeInput{width:100%;position:relative}
.serachBoxeInput input{border-radius:0;height:40px;padding:3px 20px}
.serachBoxeInput button[type=submit]{position:absolute;right:0;top:0;background:#060c14;border:none;height:100%;width:40px;color:#fff}
.serachBoxeInput input{border-radius:0;height:40px;padding:3px 20px}
#closeSearch{position:absolute;right:10px;top:10px;color:#fff}
.serachBoxeInput button[type=submit] img{width:20px}
@media only screen and (min-width: 993px){
.headerBottomList li:last-child {margin-right: 0;}
header{transition:all .15s ease-in-out 0s}
nav{top:-100px;margin:0;transition:all .3s ease-in-out 0s}
nav ul li{margin-right:30px;}
nav ul li a{padding: 20px 0;display:block;color:#284162;font-size:14px;text-transform:uppercase;font-family: "Sailec";}
.navication ul li .subMenu{position:absolute;z-index:999;height:430px;width:100%;left:0;top:100%;display:none;background:#fff;border:1px solid #ddd;}
.navication ul li .subMenu a {font-weight: 400; padding:0 ;}
.navication ul {margin-left: 30px;}
.headertrueMiddle {display: flex; align-items: center;}
.navication ul li:hover .subMenu{display:block}
.navication ul li .subMenu .subMenuBoxes{display:flex;height:100%}
.subMenuBoxes ul { margin-left: 0 !important;}
.submenuBox{padding:32px 10px 0 10px;padding-left:10px}
.submenuBox.first{background:#EFF6FF;width:20%}
.submenuBox.second{padding:29px 0 29px 35px;width:16%}
.submenuBox.third{padding:29px 18px;width:15%}
.submenuBox.fourth{padding:29px 10px;width:22%}
.submenuBox.fifth{padding:20px;width:40%}
.navTitle{color:#313f4e;font-weight:500;margin:0 0 5px;text-transform:uppercase;font-size:13px;position: relative; z-index: 1; text-align: left;}
.navTitle a{padding:0;line-height:18px}
.navication ul li .subMenu li a{padding:2px 0;text-transform:capitalize;display:flex;align-items:center}
.navication ul li .subMenu .shoStyles li a span { width: 37px; margin-left: -6px;  } 
.leftnav-wrapper {position: relative; z-index: 1; display: flex; margin: 0 -5px;}  
.leftnav-wrapper ul{width: 100%; padding: 0 5px;}  
.ftpAddress {padding: 0 40px;}
.brd-left {padding: 0;}
.brd-left { border-left: solid 1px #7C7C7C;}
.footerSpacing { padding-left: 40px;}}
@media only screen and (min-width: 1400px){.submenuBox.first {padding-left: 40px;}}
@media only screen and (min-width: 1601px){.navication ul li .subMenu .subMenuBoxes{max-width:1440px;padding-left:0!important;padding-right:0!important;margin:0 auto}
.submenuBox.first{position:relative}
.submenuBox.first{padding-left:0!important}
.submenuBox.first::before{background:#EFF6FF;content:"";height:100%;position:absolute;right:100%;top:0;width:100vw}}
.headerBottomList{display:flex;margin:0}
.headerBottomList li{margin-right:20px}
.headerBottomList li a{display:flex;align-items:center;color:#313f4e;font-size:12px;line-height:16px}
.headerBottomList .dropdown-menu li{margin-right: 0;}
@media only screen and (max-width:992px){.mobileLogo{position:absolute;justify-content:center;display:flex;left:50%;margin:0;transform:translateX(-50%)}
.CartIcons{margin-left:auto}
.headerBottomList li span{display:none}
.headerBottomList{display:flex;padding:0;gap:0px;align-items:center}
.headerBottomList li {margin-right: 10px;}
.headerBottomList li.mobileIcon img { width: 15px !important;}
.logImg{width:21px}
nav{margin:0;padding:0;width:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgb(0 0 0 / .4);overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;z-index:-1}
nav.showMainNav{visibility:visible;opacity:1;z-index:99999}
nav .navication{padding:0;margin:0;width:300px;height:100vh;background-color:#fff;left:-300px;position:relative;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
nav.showMainNav .navication{left:0;visibility:visible;opacity:1}
nav .container-fluid { padding: 0;}
nav .navHeader{padding:10px 0;height:50px}
nav .navHeader .btnNavToggle{width:20%;z-index:99;height:48px;display:inline-block;color:#fff;text-align:center;border:none;position:absolute;right:-44px;top:0}
nav .navHeader .btnNavToggle .iconfont{font-size:20px}
.navHeader .searchdropdown{width:100%;text-align:center;display:inline-block;padding-top:4px}
.navHeader .searchdropdown a{color:#000;font-size:14px}
.navHeader .searchdropdown .fa-angle-down{font-size:20px;display:inline-block;vertical-align:top}
nav .navication ul {    flex-wrap: wrap;  }
nav ul li{width:100%;border-top:1px solid #ddd}
nav ul li a{padding:7px 10px;width:100%;display:flex;justify-content:space-between;color:#000;text-transform:uppercase;font-size:13px; align-items: center;} 
.subMenu{position:fixed;width:300px;background:#fff;height:calc(100vh - 50px);top:50px;overflow-y:auto;transition:all .3s ease-in-out 0s;left:-300px;overflow-x:hidden;z-index:99}  
.subMenu.showDropDown{left:0}  
.submenuBox {padding:0px !important;width: 100% !important;}
.submenuBox.fifth {display: none;}
nav .navication li .subMenu .navTitle{padding:6px 10px;font-size:13px;background:#ddd;position:relative;text-transform:uppercase}
.navication ul li .subMenu li a {  padding: 7px 10px 7px;  font-size: 11px;   justify-content: start;  align-items: center; letter-spacing: 0.5px;  }  
.subMenuBoxes{padding:0 0 30px}
.btnNavToggleNew{position:absolute;right:3px;width:auto;top:-2px;font-size:17px}
.navication  .navHeader .dropdown-menu{color:#000;box-shadow:0 0 16px #0000000D;border:1px solid #D9D9D9;border-radius:0 0 3px 3px;margin:12px 0 0;min-width:168px;padding:3px 6px!important}
.navication ul li .subMenu li a span  {  margin-right: 7px;} 
.navication .navHeader .dropdown-menu li{border: none;display:flex;flex-direction:row-reverse;line-height:16px;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between;padding:10px 14px}
.mbHide {display:none;}
.ftTab{font-size:17px} 
.ftpNav li a{font-size:13px;line-height:34px}
.ftRight{display:flex;margin:40px 0 0}
.ftRightSecond{width:100%;float:left}.ftBtn{width:210px} 
.copyText{margin-top:30px!important}
.headerTopList .headerTopListes li.dropdown img{width:10px}
.adFt p{font-size:13px}
.ftBtn{margin:20px 0 10px}
nav ul.mainNav{gap:0!important}
nav .navication li .subMenu .navTitle.bottoms.mb-0{margin:9px 0!important;padding:0}
.headertrue{gap:0}
.headertrueFirst{display:none}
.headerBottom{padding:20px 0}}
/*********** Footer **********/
footer{background:rgb(49 63 78);padding:81px 0 41px}
.ftTab{font-family:Utopia Std,Times New Roman,Serif;font-size:20px;line-height:27px;color:#fff;margin:0 0 25px}
.adFt p{display:flex;align-items:start;gap:7px;font-size:14px;line-height:28px;color:#ccc;margin:0 0 8px}
.adFt p img{width:20px;height:20px;filter:brightness(0) invert(1)}
.ftpNav li a { color: #CCC;    font-size: 14px;    line-height: 38px;}
.ftpNav li a:hover { color: #fff; }
.ftpSocial{display:flex}
.ftpSocial li{margin-right:20px}
.ftpSocial li img{width:28px;max-width:inherit;filter:brightness(0) invert(1)}
.copyText { margin-top: 30px;}
.copyText p {color: #fff; font-size: 14px; line-height: 22px; margin-bottom: 0;    font-family: 'Times New Roman';}
@media only screen and (max-width:992px){
header .container {width: 100%; padding: 0 20px;}
.mobileLogo{position:absolute;justify-content:center;display:flex;left:50%;margin:0;transform:translateX(-50%)}
.btnNavToggle.menuBtn{position:absolute;left:30px;top:40%}
.ourStoryText{padding:30px}}
@media only screen and (min-width:576px) and (max-width:992px){.mobileLogo img { width: 280px !important;}}
@media only screen and (max-width:480px){.mobileLogo{left:38%}.btnNavToggle.menuBtn{left:15px}}
@media (max-width: 766px) { 
.ftpSocial{justify-content: center;}
.adFt p, .ftpNav li a{font-size: 14px; line-height: 24px;}
.adFt p img{width: 18px; height: 18px;}
.adFt p{margin-bottom: 14px;}
.headerBottomList li:last-child { margin-right: 0;}}
@media (min-width: 1000px) and (max-width: 1100px) {nav ul li a { font-size: 12px;}nav ul li {margin-right: 10px;}}
@media (max-width: 500px) {#searchpopUp form{width:80%}.searchpopUp .input-group{width:100%}.input-group .form-control{position:static;float:inherit}}
.headerBottomList .dropdown-menu {left: inherit; right: 0; top:43px; border-radius: 0;}
.headerBottomList .dropdown-menu li{padding: 5px 0;}
@media (max-width: 980px) {
    .headerBottomList .dropdown-menu{top:30px}
    
}