.page-header { width: 100%; float: left; height: auto !important;}
.headtop{ width: 100%;}
.hedTopIn{ width: 100%; background: #fff;box-shadow: 0px 0px 25px 0px rgba(210, 210, 210, 0.3); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px;}
.fa-tiktok::before {   content: "\e07b"; }
.hedTopIn .footsos{ margin: 0px !important; justify-content: center;}
.hedTopIn .footsos li a{ width: 32px; height: 32px; line-height: 32px; font-size: 15px;}
.hedTopIn .fBtn{padding: 12px 21px;}
.hedTopIn .row{ align-items: center;}
.hedTopIn .footlogo{ margin-top: 0px;}
.midmenu{ width: 100%; position: relative;}
.navbar{ position: relative; width: 100%; padding: 10px 0;}
.navbrand img{ max-width: 100%;}
.navbar-collapse{ z-index: 1;}
.navbar-toggler{ z-index: 11111 !important;}
.menu_sec { display: flex; flex: 2 1 0; align-items: center;}
.right_nav{ justify-content: flex-start;}
.menu_sec li a{ display: inline-block; text-transform: uppercase !important;}
.menu_sec li.nav-item{ padding:0px ;}
.menu_sec li.nav-item span { padding-left: 4px; display: inline-block; }
.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;}
.drop-arw:after{ border: none !important; vertical-align: 0px; display: inline-block;}
.navspan{ display: inline-block; position: relative;}
#cartDropDown img{ max-width: 100%; margin-left: 7px; width: 39px;}
.mini-cart button.dropdown-toggle .cart-counter { position: absolute; top: 0px; left: 21px; padding: 5px 7px; line-height: 1; font-size: 11px; border-radius: 100px; }
.menu_sec .dropdown-menu li:last-child{ border: none;}
.menu_sec .dropdown-menu li a:hover{ color: rgba(64,64,64, 0.8) !important;  width: 100% !important;}
.menu_sec .dropdown-menu li:hover{ background-color: inherit !important; width: 100%;}
.menu_sec .dropdown-menu li {padding-left: 0;border-bottom:  inherit; width: 100%; margin: 0px !important;}
.headRt{ position: absolute; top: 20px; right: 0px;}
.headRt ul{position: relative; display: flex; flex-wrap: wrap; align-items: center;}
.headRt ul{width: 100%;}
.headRt ul li a{ color: rgba(145,145,145, 0.7) !important; font-family: 'Avenir LT 35'; font-size: 18px; font-weight: normal; line-height: 1;padding: 0 ; display: inline-block;text-transform: capitalize;}
.redbtn{background-color: rgb(255 0 0) !important;}
.mini-cart{margin-top: 10px;}
.navbar-expand-lg .navbar-nav{padding-left: 30px;}
.menu_sec li a.dropdown-toggle{padding: 20px 15px;}
.mini-cart button.dropdown-toggle .cart-counter {  background-color: #000!important;}
.dropdown-menu{background: #fff !important;}
.headRt li img{width: 30px;margin-right: 10px; }
.navbrand{ width: 100px; line-height: 0 !important;}

/*Rightpanal*/
.headRt{ position: absolute;  top: 12px;right: 86px;}
.headRt li{ display: inline-block;}
.loginBtn a{ display: inline-block; background: #000; border: 2px solid #fff; width: 106px !important; text-align: center; text-transform: uppercase; text-align: center;font-family: 'Open Sans' !important; padding:12px 7px;font-size: 15px; color: #fff !important; font-weight: 700;}
.mini-cart button.dropdown-toggle{ color: #000 !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:#000 !important;}
.menu_sec .dropdown-menu{  width: 300px !important; border: inherit !important;}
.list-container .list-image .list-image-wrapper { border-color: #000 !important; }
.headtop {position: relative; background:  #111111;  position: relative; display: flex;width: 100%; flex-wrap: wrap; align-items: center;text-align: right}
.midtop{position: relative; width: 100%;  background: #fff; padding: 40px 0;}
.headerlogo{padding: 10px;display: inline-block;width: 25%;}
.headerlogo img{width: 200px; height: 90px; object-fit: cover; }
.midmenu{position: relative; background: #fff; text-align: center;padding: 20px 0;}
.menu_sec li a{font-family: 'Roboto';font-weight: 700 !important;font-size: 17px !important;text-transform: capitalize !important;padding: 15px 15px !important; color: #000 !important;line-height: 20px; position: relative;}
.menu_sec li a:hover{color: rgba(64,64,64, 0.8) !important}
.menu_sec li {margin-right: 0px; position: relative; display: inline-block;}
.menu_sec .dropdown-menu li a { color: #000 !important; font-family: 'Roboto'; font-size: 17px !important; font-weight: bold; line-height: 17px; text-transform: capitalize !important; padding: 10px !important; text-align: center;}
.menu_sec .dropdown-menu li a{ width: 100%;}


@keyframes elementor-headline-dash {
0% {
stroke-dasharray:0 1500;
opacity:1
}
to {
stroke-dasharray:1500 1500;
opacity:0
}
}

@keyframes elementor-headline-dash1 {
0% {
stroke-dasharray:0 1800;
opacity:1
}
to {
stroke-dasharray:1800 1800;
opacity:0
}
}

@keyframes hide-highlight {
0% {
opacity:1;
stroke-dasharray:1500 1500
}
to {
opacity:0;
filter:blur(10px)
}
}

.navbar{ padding: 0px;}
.page-footer{ width: 100%; background: #fff; float: left;padding: 40px 0;background-color: #111111;}
.page-header .midmenu{padding: 0px 15px; background: #000000;}
.manutext{font-size: 18px ;line-height: 25px; color: #fff; display: none; text-transform: uppercase;font-family: 'Lato'; font-weight: 400;}
.mini-cart { margin-top: 10px; position: absolute; top:3px; right: 35px; }
.mini-cart button.dropdown-toggle { background-color: #ffffff; padding: 0; border-radius: 100px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5) !important; box-shadow: 0px 0px 2px rgba(0,0,0,0.5) !important; height: 30px !important; width: 30px !important;}
.navbrand {font-size: 28px; line-height: 36px;   font-family: 'pacifica'; font-weight: bold;color: #000; letter-spacing: 2px; text-transform: uppercase; }
.midmenu { padding: 30px 0; }
.page-footer { width: 100%; background: #fff; background-color: rgb(255, 255, 255); float: left; padding: 40px 0; background-color: #fff; text-align: center;box-shadow: 0px -4px 3px -3px rgba(14 ,14,14,0.5); }
.page-header{ background: #000;}
.midmenu{ background: none; padding: 0px;}
.page-header { min-height: 58px !important; }
.logins a{ padding: 30px 30px !important; background: #fff !important; color: #000 !important; display: inline-block; font-weight: 700;}
.headRt { position: absolute; top: 0; right: 79px; }
.navbrand{ margin-top: 5px;}
.mini-cart { margin-top: 10px; position: absolute; top: 13px; right: 214px; }
.navbar-toggler .icon-bar { width: 100%; height: 3px; background: #fff !important; display: flex; margin:8px 0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.navbar-collapse{ position: relative; width: 100%; border: none; top:47px; left: 0px; text-align: left; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: none !important;}
.navbar-toggler { padding: 5px; line-height: 1; margin-left: 10px; width: 41px; height: 56px; }
.navbar-toggler{ position: relative; z-index: 1;}
.crose { position: absolute; top: 0px; right:46px !important; display: none;}
.navbar-collapse { position: fixed; width: 100%; border: none; top: 0; left: 0px; height: 100%; overflow: auto; background: #000 !important; padding: 120px 0;}
.menu_sec li a{ color: #fff !important;color: #fff !important; width: 100% !important; display: inline-block; text-align: center;}
.menu_sec .dropdown-menu{ position: relative; top: 0px; left: 0px;}
.navbar-toggler.showtoggle{ -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.navbar-toggler.showtoggle .icon-bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.navbar-toggler .icon-bar{ margin: 5px 0;}
.navbar-collapse{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;     transition: all 0.3s ease; display: block !important; top: -150%;}
.navbar-collapse.show{ top: 0px; z-index: 1111;}
.headRt ul li.logins a{font: 400 20px/21px 'Oswald'; text-transform: uppercase; padding: 28px 30px !important;}
.headRtmob{ display: none;}
.menu_sec li.logins{ display: none;}
.openlogo{ display: inline-block; width: 120px; margin-bottom: 20px;}
.navbar-collapse{text-align: center;}
.page-footer { padding-top: 35px !important; padding-bottom: 35px !important; background: #e2e2e2 !important; padding-left: 2.5rem !important; padding-right: 2.5rem !important; float: left; }
.footnav h2 { color: #000000 !important; font-family: 'Open Sans',sans-serif !important; font-weight: 700 !important; font-size: 19px !important; margin: 0px 0 5px 0; }
.footnav a{ color: #000;}
.footnav { width: 100%;text-align: left; }
.stelllogo img { max-width: 100%; }
.footnav ul li, .footnav p { font-family: 'Open Sans', sans-serif; color: #fff !important; font-weight: 600; font-size: 14px !important; color: #000 !important; width: 100%; display: inline-block; line-height: 26px; margin: 0 0 0.5rem; }
.stelllogo{ width: 120px;}
button[data-back-top].visible { display: block; }
button[data-back-top] { position: fixed; right: 10px; bottom: 10px; z-index: 9; width: 50px; height: 50px; border: 0px; outline: none; font-size: 25px; background-color: rgb(51 51 51 / 0.9); color: #fff; border-radius: 5px; display: none; cursor: pointer; }
.powered-by-container .privacy ul li{display: inline-block; width: auto !important;}
.powered-by a{ display: block;}
.powered-by-container p{ line-height: 24px;}

.col-half-filter-bar { max-width: max-content; }
span.select2.select2-container.select2-container--default { width: 100% !important; }
.light-text{ line-height: 1.2;}
.layout-small.list-container .list-details .list-details-left { max-width: 100% !important; }
.col-6.division_range, .col-6.division_range_price { max-width: 100% !important; flex: 0 0 100%; }
.layout-small.list-container .list-cost { margin-top: 10px !important; }
.layout-small.list-container .list-details .list-details-right .list-links{ padding-top: 0 !important;}
.layout-small.list-container .list-title b{ line-height: 1.2 !important;}

.btn.btn-warning, 
.minicart_sidebar_content .close-mini-cart, 
#minicart_sidebar_btn,
.filter-bar.active > button,
.adcartBtn,
.filter-bar.active > button:hover,
button.btn.filter-toggle:hover{ background-color: #000 !important; color: #fff !important;}
.btn.btn-warning:hover, 
.minicart_sidebar_content .close-mini-cart:hover, 
#minicart_sidebar_btn:hover,
#checkout_login .adcartBtn:hover{ background-color: #464646 !important; color: #fff !important;}
.minicart_sidebar img, .intercom-lightweight-app-launcher svg { filter: brightness(0) invert(1) !important; }
.badge.badge-info.season-badge.btn { text-align: left !important; }	
	

@media (min-width: 992px) and (max-width: 9000px) 
{
  .menu_sec .dropdown-menu li a{ white-space: nowrap;}	
  .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 a.nav-link::after, .menu_sec li a.nav-link::before{ border: none !important;}
}

@media (min-width: 992px) and (max-width: 1199px) 
{
  .menu_sec li.nav-item { padding: 6px 0px;}
  .loginBtn a{ width: 61px !important; font-size: 11px;}
  .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;}
  .navbrand img {  max-width: 100%;  width: 200px;}
  .drop-arw{ top: 0px;}
  .menu_sec li a {  padding: 10px 15px !important;  line-height: 13px;  }
  .menu_sec .drop-arw { top: 5px; right: 6px;}
  .headRt ul li a {   padding: 0;}
  .mini-cart button.dropdown-toggle .cart-counter{ left: 22px;}
  .menu_sec li a { padding: 18px 10px !important; line-height: 13px; }
  .menu_sec .drop-arw { top: 14px; right: 6px; }
  .menu_sec li a { font-size: 15px !important}
  .headRt ul li a {  font-size: 16px;}
  .navbrand { font-size: 24px;line-height: 34px}
  .menu_sec .dropdown-menu li a { font-size: 15px !important;}
  .menu_sec li a { padding: 10px 10px !important; line-height: 13px; }
}

@media only screen and (max-width: 991px) 
{
  .page-header { padding: 0px !important;}
  .container { max-width: 100%;}
  .drop-arw{ cursor: pointer;}
  .page-headerInn{ background: #fff; box-shadow: 0px 0px 25px 0px rgba(210, 210, 210, 0.3); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5px;}
  .page-header{ padding: 0 15px;}
  .page-header .container{ padding: 0px;}
  .menu_sec li.nav-item { padding: 4px 3px;}
  .navbar-collapse .navbar-nav {  padding: 0;}
  .menuLogo{ width: 125px; display: inline-block;}
  .menuLogo img{ max-width: 100%;}
  .crose .icon-bar:nth-child(1) {transform: translateY(17px) rotate(45deg); margin-top: 0px;}
  .crose .icon-bar:nth-child(2) { opacity: 0;}  
  .crose .icon-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); margin-top: 6px;} 
  .mini-cart button.dropdown-toggle{margin-left: 0;}
  .midmenu{padding:0px 15px;}
  .crose .icon-bar{ height: 3px; margin: 9px 0;}
  .menu_sec .dropdown-menu { width: 100% !important;}
  .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; margin: 0px !important; padding: 0px !important;}
  .menu_sec li { display: inline-block; position: relative; font-weight: 400; text-align: left;}
  .menu_sec li.nav-item.open-dropdown .drop-arw{ transform: rotate(180deg);}
  .mini-cart .dropdown-menu { left: 0; right: 0px;}
  .mini-cart .dropdown-menu::before, .mini-cart .dropdown-menu::after {left: 10px; right: inherit;}
  .navbar-toggler.closemenu .icon-bar{ margin: 5px 0;}
  .crose{position: absolute; top: 20px; right: 15px; width: 22px !important; height: 27px; border: none !important; }
  .navbar-toggler { padding: 0px !important; line-height: 1; margin-left: 0px !important; }
  .midmenuInn{ border: none;}
  .hedTopIn .midfoot p { font-size: 14px; line-height: 20px; margin-bottom: 5px; }
  .navbar-toggler{ border-radius: 3px; width: 30px;}
  .menu_sec li a.nav-link::after, .menu_sec li a.nav-link::before{ display: none;}
  .menu_sec li.nav-item { padding: 0; margin: 0px; }
  .redbtn { background-color: rgb(255 0 0) !important; width: 100%; }
  .menu_sec li a.active{background: #000000; color: #fff !important; }
  .menu_sec li a.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; display: inline-block !important; position: inherit !important; top: inherit; opacity: 1; background: none !important; }
  .menu_sec .dropdown-menu li a { color: #000 !important; font-family: 'Roboto'; font-size: 15px; font-weight: 400; line-height: 17px; text-transform: capitalize !important; }
  .menu_sec .dropdown-menu li a { text-transform: inherit; padding: 0 !important; font-size: 16px !important; line-height: 20px !important; width: 100%; background: inherit; }
  .menu_sec li a.dropdown-toggle::after { display: none !important; }
  .menu_sec .dropdown-menu li a { text-transform: inherit; padding:0!important; font-size: 16px !important; line-height: 20px !important; width: 100%;padding: 15px !important;}
  .menu_sec .dropdown-menu li{ border: none !important;}
  .menu_sec .dropdown-menu li:hover { background-color:inherit !important; width: 100%; }
  .navbar { position: relative; width: 100%; padding:  0; }
  .midmenuInn { border: none;background: none; box-shadow: none; padding: 0px; }
  .hedTopIn { width: 100%;  background: none; box-shadow:none; }
  .menu_sec .dropdown-menu li a:hover { color: #000 !important; width: 100% !important; }
  .dropdown-menu { background: none !important; }
  .menu_sec .drop-arw{ color: #fff !important;}
  .page-footer { padding: 30px 0;}
  .manutext{ display: block; padding-top: 13px; position: absolute; left: 41px; top: -5px; font-style: normal; }
  .menu_sec .dropdown-menu li a { width: 100% !important; }
  .menu_sec .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: 36px; position: absolute; top: 0; right: 0; height: 54px; line-height: 22px; color: #000; text-align: center; line-height: 58px; }
  .headRtdesk{ display: none;}
  .headRtmob { display: inline-block; position: inherit !important; top: initial !important; right: inherit !important; width: 100%; text-align: center !important; }
  .headRtmob ul{ justify-content: center;}
  .headRt ul li.logins a{padding: 18px 30px !important;}
  .mini-cart{right: 50px;}
  .navbar-toggler{z-index: 1111;}
  .openlogo{ display: inline-block; width: 120px; margin-bottom: 20px;}
  .navbar-collapse{text-align: center;}
  .menu_sec{ float: left; width: 100%;}
  .menu_sec li.logins{ background: none !important;}
  .menu_sec li.logins a { display: inline-block !important; background: #fff !important; color: rgba(145,145,145, 0.7) !important; width: auto !important; font: 400 20px/21px 'Oswald'; text-transform: uppercase !important; }
  .menu_sec li.logins{ text-align: center; display:inline-block;}
  .menu_sec li a{ padding: 15px 34px !important;}
  .menu_sec li{margin: 4px 0 !important; max-width: 264px;}
  .menu_sec .dropdown-menu{background: #fff !important;}
  .menu_sec li.nav-item.open-dropdown .dropdown-menu{ display: block;}
}

@media only screen and (max-width: 767px) 
{
  .footsos { justify-content: inherit; }
  .hedTopIn .contfoot{ padding: 10px 0;}
  .layout-small.list-container .list-details { margin-top: 15px !important; }
}

@media only screen and (max-width: 640px) 
{
  .navbrand img { max-width: 100%; width: auto !important; }
  .manutext { display: block; padding-top: 13px; }
}

@media only screen and (max-width: 575px) 
{
  .page-footer .container { padding: 0}	
  .layout-small.list-container .list-details .list-details-left{ max-width: 100% !important;}
  .footnav{ text-align: center;} 
}

@media only screen and (max-width: 480px) 
{
  .loginBtn a{ width: 75px !important; font-size: 14px;}
  .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;}
  .loginBtn a {  width: 55px !important;  font-size: 10px;}
  .closemenu{ right: 10px;}
  #cartDropDown img { max-width: 100%; margin-left: 7px; width: 43px; }
  .navbrand { width: 79px; line-height: 17px !important; }
  .headRt { right: 45px; }
  .logins a { padding: 19px 18px !important;}
  .navbar-toggler{ height: 39px;}
  .mini-cart { margin-top: 10px; position: absolute; top: 3px; }
  .page-header { min-height: 40px !important; }
  .navbrand { margin-top: 0px; }
}

@media only screen and (max-width: 360px) 
{
  .navbar-toggler .icon-bar{ margin: 6px 0; height: 4px;}
  .manutext{ top: -9px; font-size: 15px;}
  .logins a { padding: 20px 9px !important; font-size: 14px;}
  .navbrand { width: 81px; line-height: 17px !important; }
}

