body { font-family: 'Noto Sans';}
.container { max-width: 1200px;}
.page-header { width: 100%; float: left; position: absolute; top: 0px; left: 0px; height: auto !important; padding: 13px 0;}
.navbar{ position: relative; width: 100%;}
.navbrand{ width: 122px;}
.navbrand img{ max-width: 100%;}
.menu_sec li{ display: flex; justify-content: space-between; position: relative; font-weight: 400;}
.menu_sec li a{ font-size: 16px !important; padding: 10px !important; display: inline-block; position: relative; color: #fff !important; text-transform: uppercase; font-weight: 400 !important; font-family: 'Noto Sans'; white-space: nowrap; letter-spacing: .03em;}
.navbar{ padding: 0px;}
.right_nav{ justify-content: flex-start;}
.menu_sec li a{ display: inline-block; text-transform: capitalize !important;}
.menu_sec li.nav-item{ padding: 35px 3px;}
.menu_sec li.nav-item:hover a{ color: #2fc1ff !important;}
.menu_sec li.nav-item.actv a{ color: #2fc1ff !important;}
.menu_sec{ margin-right: 33%;}
.menu_sec li.nav-item span{ margin-left: 3px;}
.menu_sec li:hover a:before{ transform: translate3d(0,0,0); opacity: 1;}
.menu_sec li:hover a:after{ transform: translate3d(0,0,0); opacity: 1;}
.navbar-collapse{ margin: 0px !important;}
.left_nav{ justify-content: flex-end; padding-right: 180px;}
.drop-arw:after{ border: none !important; vertical-align: 0px; display: inline-block;}
.navspan{ display: inline-block; position: relative;}
.drop-arw{line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0; display: inline-block;transition: transform .3s ease-out; width: 10px; position: absolute; top: 7px; right: 0px; height: 22px;line-height: 22px;}

.menu_sec .dropdown-menu{ box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 !important;
-moz-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 !important;
-webkit-box-shadow: rgba(0,0,0,.25) 0 3px 11px 0 !important; top: 71px !important; background-color: rgba(255,255,255,.9) !important; position: absolute; width: 200px; left: 15px; border-radius: 0px; float: left;}

.menu_sec .dropdown-menu li a{ text-transform: inherit; padding: 15px 30px 15px 15px !important; font-size: 14px !important; width: 100%;}
.menu_sec .dropdown-menu li a:hover{ background-color: rgba(81,111,85,.54) !important;}

/*Rightpanal*/
.headRt{ position: absolute; top: 40px; right: 0px;}
.headRt li{ display: inline-block;}
.loginBtn a{ display: inline-block; background: #2fc1ff; text-align: center; text-transform: uppercase; text-align: center;font-family:'Noto Sans' !important; padding:14px 35px;font-size: 0.875rem; color:#000000 !important; font-weight: 700; border-radius: 41px;}
.loginBtn a:hover{ background: #08acf2;}
.mini-cart button.dropdown-toggle{ color: #2fc1ff !important;}
.mini-cart button.dropdown-toggle .cart-counter{ background:#2fc1ff !important; border: 2px solid #2fc1ff !important; }
.mini-cart .dropdown-menu{ left: inherit; right: 0px;}
.close-mini-cart{ position: absolute; top: 0px; right: 0px;}
.add-to-cart:hover {  background: #000 !important;}
.add-to-cart { color: #fff !important; padding: 10px 21px 10px !important; background:#2980df !important;}
.soshead{ display: none; width: 100%;}
.soshead li{ width: auto !important; display: inline-block;}
.soshead li a {
  width: 30px !important;
  color: #000;
  padding: 10px;
  display: inline-block !important;
  font-size: 17px !important;
}
.list-container .list-image .list-image-wrapper {
  border-color:#2980df !important;
}
.page-header{ z-index: 1;}


.ban{ width: 100%;position: relative;}
.ban:before{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)); content: "";}
.ban img{ width: 100%;}

/*footer*/

.page-footer{ background:#191919; width: 100%; float: left; padding: 45px 0px; text-align: center;}
.footLst{ width: 100%;}
.page-footer p{ color: #d3d3d3; font-size: 16px; line-height: 25px;margin-bottom: 10px;}
.footLst li{ display: inline-block; font-family: 'Noto Sans' !important; font-weight: 500 !important; color: #d3d3d3; font-size: 16px; line-height: 38px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px !important;}
.footLst li img{ max-width: 100%; padding-right: 5px; }
.powered-by-container a, .powered-by-container a:hover, .powered-by p, .powered-by p a, .powerbotm p { color: #d3d3d3 !important; font-family: 'Noto Sans' !important;}
.powered-by-container a, .powered-by p{ font-size: 16px; line-height: 20px;}
.powerbotm{ margin-top: 0px; width: 100%;}
.menuLogo{ display: none;}
.powered-by-container a, .powered-by-container .privacy ul li{ color: #fff !important;}
.powered-by-container, .powered-by-container a, .powered-by-container li, .powered-by-container p{  color: #d3d3d3 !important;}










@media (min-width: 992px) and (max-width: 9000px) 
{
	
.menu_sec li.dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; margin:0px; border: none;
    padding: 0px;
   border-radius: 0; right: inherit; padding: 0px; box-shadow: inherit; }

.menu_sec li.dropdown:hover .dropdown-menu { display: block;}	
	
.menu_sec li.dropdown .dropdown-menu{ opacity: 1;
pointer-events: all;
transform: translateY(0);}
.menu_sec li:hover .drop-arw{ transform: rotate(180deg);}

.ban img {
  width: 100%;
  height: 147px;
  object-fit: cover;
  object-position: top;
}


}

@media (min-width: 992px) and (max-width: 1199px) 
{
.menu_sec{ margin-top: -15px;}
.navbrand { width: 100px; margin-top: -15px;}	
.menu_sec li.nav-item { padding: 6px 3px;}
.left_nav { padding-right: 90px;}
.mini-cart button.dropdown-toggle{ margin-left: 5px;}
.headRt{ top: 18px;}
.loginBtn a{font-size: 13px; padding: 11px 19px;}
.mini-cart button.dropdown-toggle{ height: 33px; width: 33px; font-size: 15px;}
.mini-cart button.dropdown-toggle .cart-counter{ padding: 2px 3px; font-size: 10px;}
.ban img{ height: 98px;}
.menu_sec {
  margin-right: 29%;
}
	
}

@media only screen and (max-width: 991px) {

.navbrand { width: 93px;}
.container { max-width: 100%;}
.headRt { top: 29px; right:74px; left: inherit;}
.page-header{ padding: 0px;}
.navbar-toggler{ position: absolute; top: 26px; right: 15px; width: 43px; height: 43px; border: none !important; padding:5px 11px;}
.navbar-toggler .icon-bar { width: 100%; height: 2px; background: #fff !important; display: flex; margin: 4px 0;}
.navbar-collapse{ position: absolute; width: 100%; border: none; top: 100%; left: 0px; text-align: center; padding: 0; border-bottom: 2px solid #593a2a;}
.page-header .container{ padding: 0px;}
.menu_sec{ margin: 0px;}
.menu_sec li a{ color: #000 !important;}
.navbar-toggler.showtoggle .icon-bar{ margin: 6px 0;}




.mini-cart button.dropdown-toggle{ margin-left: 3px;}

.drop-arw{ cursor: pointer;}
.navbar-toggler{ background: #2fc1ff; border-radius: 2px;}
.loginBtn a{ padding: 12px 22px; font-size: 11px;}

.menu_sec li.nav-item { text-align: left; border-bottom: 1px solid #dddddd; padding: 0px;}
.menu_sec li.nav-item a{ width: 100%; padding:14px 20px !important;}


.navbar-collapse .navbar-nav {  padding: 0;}
.menuLogo{ width: 125px; display: inline-block;}
.menuLogo img{ max-width: 100%;}
.closemenu { position: absolute; top: 9px; right: 28px;}
.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.showtoggle .icon-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg);} 


.menu_sec li.nav-item.open-dropdown .dropdown-menu{ display: block;}
.menu_sec .dropdown-menu{ width: 100%; position: relative; box-shadow: none !important; left: inherit !important; top: inherit !important; border: none !important;}
.menu_sec li { display: inline-block; position: relative; font-weight: 400; width: 100%; text-align: center;}
.menu_sec .dropdown-menu li a { text-transform: inherit; padding:13px 20px !important; font-size: 14px !important; width: 100%;}
.menu_sec .dropdown-menu li a:hover {  background: none !important;}
.menu_sec li.nav-item.open-dropdown .drop-arw{ transform: rotate(180deg);}
.navbar-toggler.closemenu .icon-bar{ margin: 5px 0;}
.soshead{ display: inline-block; margin-top: 20px;}
.ban img{ height: 98px; object-fit:cover; object-position: top;}




}



@media only screen and (max-width: 767px) {
.page-header {
  min-height: 101px !important;
}


}
@media only screen and (max-width: 640px) {
.page-header{ padding: 0px !important; min-height: 87px !important;}
.ban img{ height: 99px;}


}
@media only screen and (max-width: 480px) {
.ban img {
  height: 90px;
}
.mini-cart button.dropdown-toggle{ width: 30px; height: 30px; font-size: 10px;}
.mini-cart button.dropdown-toggle .cart-counter{top: -3px;left: 22px;padding: 0px 2px;}

.closemenu{ right: 10px;}

.loginBtn a {
  padding: 12px 12px;
  font-size: 11px;
}
}


@media only screen and (max-width: 400px) {
.navbrand {
  width: 68px;
}
.loginBtn a {
  padding: 8px 12px;
  font-size: 10px;
}
.navbar-toggler{ width: 36px; height: 36px;}
.navbar-toggler{ top: 3px;}
.page-header {  min-height: 79px !important;}
.navbar-toggler{ right: 4px;}
.page-header{ padding:0px !important; min-height: 65px !important;}
.ban img{ height: 65px;}
.headRt {
  top: 18px;
  right: 56px;
  left: inherit;
}
.navbar-toggler {
  top: 14px;
}



}