body { font-family: 'Cabin'; font-size: 16px; line-height: 25px;}
body::after, .page-wrapper::after {height: 0px;}
.close-mini-cart{ display: none;}
.mini-cart button.dropdown-toggle .cart-counter { top: 0px; right: 0; left: inherit; background: #fff !important; padding: 0px !important; width: 14px; height: 14px; line-height: 14px; font-size: 10px;}
.mini-cart .dropdown-menu{ left: inherit !important; right: 0px !important;}

/*Header*/ 
.page-header{position: relative; float: left; background: none; /*box-shadow: 0 0 45px 10px rgba(9,12,69,0.4);*/ z-index: 1;}
.logo{ width: 226px; float: left;}
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:24px;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 10px; color: #fff;font-family: 'Cabin'; font-weight: 500; font-size: 16px; display: inline-block; line-height: 27px; text-transform: inherit;}
.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff;}
.drop-arw{ top: 14px; position: absolute; right: 4px;}
.navbar-nav li.nav-item{ margin: 0 10px;}
.nav-item.dropdown .dropdown-menu{ background: #090c45;}
.navbar-nav a:hover{ color: #ccc;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px; justify-content: center;}
.navbar-collapse { margin-left: 0px;}

.headSos{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: 38px; height: 38px; background: #0e1f45; display: inline-block; border-radius: 100%; color: #fff;padding: 0px !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: #c13e46;}
/*Header*/  

/*Footer*/
.page-footer{ width: 100%; float: left; background: #161616; padding: 20px 0;}
.footTop{ width: 100%; text-align: center;}
.footTop h4{ color: rgb(247, 247, 247); text-transform: uppercase; font-size: 22px; line-height: 34px; margin-bottom: 20px; letter-spacing: 1px; font-weight: 700;}
.footTop h6{  color: rgb(247, 247, 247); font-weight: 700; margin-bottom: 16px; font-family: 'Lato'; margin-top: 16px;}
.footTop p, .footerBottm p, .footerBottm li{ color: rgb(169, 169, 169); font-size: 16px;}
.footerBottm li{ display: inline-block;}
.footerBottm li a, .footerBottm p a{ display: inline-block; color: rgb(169, 169, 169);}
.footerBottm li a:hover, .footerBottm p a:hover{ color: #fff;}


@media(min-width:992px)
{
	.nav-item.dropdown .dropdown-menu{ display: block !important; opacity: 0;text-shadow: none; transform: scaleY(0); transform-origin: top;transition: .24s; -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; }
	.nav-item.dropdown:hover .dropdown-menu {display: block !important; opacity: 1; transform: initial;pointer-events: all; transform: translateY(0px) !important;}
}

@media(max-width:992px) and (min-width:9000px) 
{
}
@media screen and (max-width:1360px)
{
}

@media screen and (max-width:1300px)
{
}

@media(max-width:1199px) and (min-width:992px) 
{
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
}

@media screen and (max-width:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 50px; background: none;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#fff;display:inline-block;border-radius:10px;float:left;-webkit-transform-origin:21px;-ms-transform-origin:21px;transform-origin:21px;-webkit-transition:-webkit-transform 0.2s,opacity 0.1s;transition:transform 0.2s,opacity 0.1s;}
	.navbar-toggler .icon-bar + .icon-bar{margin:7px 0 0;}
	.navbar-toggler.showactv .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
	.navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
	.navbar-toggler.showactv .icon-bar{margin:1px 0 !important;}
	.navbar-collapse{position:fixed;top:0px;left:-240px;height:100%;overflow:auto;background:#090c45;display:block !important;width:240px;border:none;margin:0px;z-index:111; transition: all 0.3s ease;}
	.navbar-collapse.show{ left: 0px;}
	.navbar-collapse .navbar-nav{padding:0px;}
	.navbar-nav a,.navbar-collapse .navbar-nav .nav-item .nav-link{width:100%;}
	.drop-arw{top:0;position:absolute;right:0;width:20px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
	.page-header{z-index:111;}
	.logo { width: 110px; }
	.mainheader { padding: 10px 0; }
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
	.logo { width: 130px; }
	.headSos { top: 46px; transform: inherit; }
}

@media screen and (max-width:575px)
{
	.logo { width: 110px; }
	.headSos { top:36px; transform: inherit; }
}

@media screen and (max-width:480px)
{
	.logo { width: 90px; }
	.headSos { top: 26px; transform: inherit; }
}

@media screen and (max-width:400px)
{
}

/* new theme */
.page-body .page-title-bar{ background-color: #0e1f45 !important;}
.page-body .page-title-bar .page-bar-title, 
.page-title-bar .list-container .list-details .list-details-left .list-title,
.page-title-bar .list-container .list-details .list-details-left { color:#fff !important;}
a.btn.btn-badge.btn-warning.d-inline-block{ background-color:#fff !important; color:#0e1f45 !important;}

.card.flat-card .card-header, .page-tab-content, .panel .panel-heading{background-color:#0e1f45 !important; color:#fff !important;}
.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active{color: #0e1f45 !important;}

button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md, a.btn.btn-warning.btn-md.upcoming-btn{background-color:#0e1f45 !important; color:#fff !important;}
.filter-bar .btn{ padding:7px 12px;}
@media screen and (max-width: 1250px)
{
	.filter-bar .btn{ padding:7px 11px;}
}

@media(max-width:1199px) and (min-width:992px) 
{
	.filter-bar .btn{ padding:7px 8px;}
}
@media(max-width:991px) and (min-width:768px) 
{
	.filter-bar .btn{ padding:6px 3px;}
}