body::after, .page-wrapper::after {height: 0px;}
.page-header{ position: relative;}
.logo{ width: 109px; display: inline-block; margin-top: -4px; }
.logo img{ width: 100%; /*max-width: 108.3px;*/ max-width: 102.5px;}
.container {     padding: 0 15px;     max-width: 1246px !important; }
.header-top .container{ display: block !important;}
.mainheader{ width: 100%;}
.navbar-brand{ padding: 0.7rem 1rem;}
.nav-item.dropdown{ position: relative;}
.nav-item.dropdown .dropdown-menu a{ border-bottom: 1px solid #ccc; font-size: 12px !important; padding: 10px !important;line-height: 15px !important;display: inline-block; width: 100%;}
.nav-item.dropdown .dropdown-menu{ padding: 0px !important; margin: 0px }
.nav-item.dropdown .dropdown-menu a:last-child{ border: none;}
.nav-item.dropdown .dropdown-menu a:hover{color: #1068a5 !important;background: #CCC !important;}
.navbar-nav {     flex-wrap: wrap;     justify-content: end;     width: 100%;     text-align: end; }
.navbar-nav a{ color: #fff !important; font: 600 1.5rem/1.2 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; padding:31px 11px !important; text-transform: capitalize !important; white-space: nowrap;}
.navbar-nav .sub-nav-item a{ font-size: 16px !important;}
.mini-cart button.dropdown-toggle .cart-counter{ padding: 0px !important;}
.page-header{ min-height: auto;}

.nav-item{ position: relative;}
ul.justify-content-start .nav-item:last-child:before{ display: none;}
.join-btn {   color: #6c6c6c !important; }
.dropdown-toggle {   position: absolute;   top: calc(50% - 5px);   right: 9px;   color: #fff !important; font-size: 11px; }
.dropdown-toggle::after {border-top: 5px solid; border-right: 5px solid transparent; border-bottom: 0; border-left: 5px solid transparent; border:0;}
.mainheader .nav-item.dropdown a{ padding-right: 12px !important;}
.mainheader .nav-item{ padding:0;}
.mainheader li .dropdown-wrap{display: flex;}
.mainheader li .dropdown-wrap a{display: flex;}
.mainheader li.nav-dropdown:hover .dropdown-toggle{ color: #fff !important; opacity: .7;}
.mainheader li.nav-dropdown:hover .dropdown-wrap a.nav-link{ opacity: .7;}
.mainheader li.nav-dropdown:hover .sub-nav-item .dropdown-wrap  a.nav-link{ opacity: 1;}
.mainheader li.nav-dropdown:hover .sub-nav-item .dropdown-wrap  a.nav-link:hover{ opacity: .7;}

.mainheader li.nav-dropdown .nav-link{ padding-right: 30px !important;}
.navbar-nav{ margin-right: 31px;}
.navbar{ padding: 4px 0px 0 !important;}
.nav-item.dropdown .dropdown-menu{ border: 1px solid #cacaca; min-width: 250px;}
.dropdown-menu{ margin: 0px; padding: 8px 0;}
.navbar-collapse {     margin-left: 0; }
.adminbtn {     padding: 6px 8px;     color: #fff !important;     padding: 6px 8px !important;height: 48px;     font-size: 18px;     min-width: 64px;     box-sizing: border-box;     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;     font-family: 'Anton', sans-serif;     font-weight: 500;     line-height: 39px;     border-radius: 4px;     letter-spacing: 0.035rem;     text-transform: uppercase;display: inline-block; }
.mini-cart button.dropdown-toggle{ width: auto !important; height: auto !important; background: none !important; border: none !important; border-radius:0px !important; box-shadow: none !important;margin: 0px !important; padding: 0px !important;}
.mini-cart button.dropdown-toggle .cart-counter {     position: absolute;     top: inherit;     left: inherit;     padding: inherit;     line-height: 1;     font-size: 13px;     border-radius: inherit;font-family: 'Open Sans', sans-serif; }
.mini-cart button.dropdown-toggle .cart-counter {     background: none !important;     color: #a6a8ac !important; }
.navbar-expand-lg .navbar-nav .nav-link.join-btn {   color: #6c6c6c !important; }
.mini-cart button.dropdown-toggle:active{ background: none !important;}
.mini-cart button.dropdown-toggle:active .cart-counter{ background: none !important;}
.adminbtn{ top: 1px !important; right: inherit !important;}
.mini-cart .dropdown-menu {   z-index: 11111111111;   left: inherit;   right: 0px; }
/*common css*/
.page-body .page-title-bar .page-bar-title::after{ left:25px !important;}
.page-body .page-title-bar .page-bar-title::after{ display: none;}
.page-body .page-title-bar .page-bar-title b{ position: relative;}
.page-body .page-title-bar .page-bar-title:after {     content: '';     display: block;     border-width: 0 15px 15px 15px;     border-color: transparent transparent #fff;     border-style: solid;     width: 0;     height: 0;     position: absolute;     bottom: -1px;     left: 70px; }
.add-to-cart{ color: #fff !important; padding: 10px 21px 10px !important; background: #242764 !important;}
.add-to-cart:hover{ background: #000 !important;}
.page-body .page-title-bar { background-color: #eae8e8 !important; background-size: cover; background-position: top center; color: #000;  margin-top:0px; }
.page-body .page-title-bar .page-bar-title b { font-weight: normal;}
.d-desknone{ display: none;}
.overlay.shows{     top: 0;     left: 0;     right: 0;     bottom: 0;     display: flex;     z-index: 1;     position: fixed;     align-items: center;     justify-content: center;     background-color: rgba(0, 0, 0, 0.5);     -webkit-tap-highlight-color: transparent;-webkit-transition: all 0.3s ease;        -moz-transition: all 0.3s ease;             transition: all 0.3s ease; }
.empty-cart-info{ color: #142c5d !important;}
.fotlogo{ display: inline-block;}
.fotlogo img{ max-width: 100%;}
.footbotm p{ font-size: 14px; color: #0a0a0a;line-height: 25px;}
.footbotm p a{ color: #1779ba !important;}
.containerbox{ width: 100%; background: #fff;}
.logoD{ display: none;}
.close-mini-cart {     position: absolute;     top: 0px;     right: 0px;     display: none; }
.navbar-nav .dropdown-menu{ background: #fff; width: auto !important; border-radius: 0px !important; border: none !important; padding: 0px !important;}
.navbar-nav .dropdown-menu li a:hover{ background: #022274 !important;}
.backTops{right: 75px; background: #464646; position: fixed; bottom: 0px;height: 35px;width: 48px; text-align: center; color: #fff;z-index: 100000; line-height: 35px; font-size: 20px; color: #fff !important; border-radius: 5px 5px 0 0; display: none;}
.backTops:hover{ background: #022274;}
.backTops{ border: none;}
button[data-back-top].visible {   display: block; }
.foottop{ width: 100%;}
.foottop{ width: 100%; padding: 60px 0; background: #000;}
.footbotm{ width: 100%; text-align: center; padding: 5px 0 40px; background: #000;}
.footbotm p{ color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; margin: 5px 0;}
.footbotm p a{ color: #fff !important;}
.fottp{ width: 100%; display: flex; align-items: flex-start;}
.fottp .colms{ width: 33.333%; padding: 10px; text-align: left;}
.fottp .colms p { width: 100%; max-width: 320px; }
.footlogo img{ width: 100%; max-width: 150px; height: auto; margin-top: 0px;} 
.fottp ul li{ display: inline-block; font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.5; margin-bottom: 12px; width: 100%;}
.fottp ul li a{ color: #9d9d9d; font-size: 16px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; text-transform: capitalize; letter-spacing: 0.2px;}  
.fottp ul li i{ width: 1.25em;}
.fottp ul{max-width: 100%; text-align: left; margin: 0px auto;}
.fottp ul li a:hover{ color:#ff5c01  !important;}
.mini-cart button.dropdown-toggle .cart-counter {   position: absolute;   top: 0px;   right: 0px;   width: 16px;   height: 17px;   background: #022274 !important;   border-radius: 100%;   font-size: 9px;   line-height: 17px;   text-align: center;   color: #fff !important; }
.page-footer{ width: 100%; float: left;}
.mini-cart-item-list .mini-cart-item{ width: 100%; height: auto; text-align: left;}

.navbar-nav {   margin-right: 95px; }
.mainheader .nav-item:hover .dropdown-menu li a{  color: #fff !important;}
.mainheader .nav-item:hover .dropdown-menu li a:hover{ background: transparent !important; color: #fff !important;}
.mainheader .nav-item .dropdown-menu li a{ white-space: nowrap; padding:13px 15px !important;width: 100%;}
.navbar-nav .dropdown-menu{ background: rgba(0,0,0,0.9) !important;}
.mainheader .nav-item:hover .dropdown-menu li a{ color: #fff !important; font-size: 14px !important; letter-spacing: 0.3px; padding: 12px 20px !important; }
.foottop{ padding-bottom: 50px;}

.page-header .header-top, .mainheader{     background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 16ex, rgba(255, 255, 255, 0) 16ex) !important; padding: 10px 0 0; box-shadow: none ; background: rgba(0,0,0,0.7);}
.page-header .header-top{background: #000;}
.mainheader{ padding-top: 0;}
.header-email-wrapper a { display: block; font-size: 18px; color: #fff !important; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; }
.header-email-wrapper a:hover{color: #ff5c01 !important;}
.header-email-wrapper a i{ color: #ff5c01; font-size: 32px; display: inline-block; vertical-align: middle; padding-right: 15px;}
.header-contact-number, .header-contact-icon{ display: inline-block; vertical-align: top; }
.header-contact-icon i{color: #ff5c01; font-size: 32px; display: inline-block; vertical-align: middle; padding-right: 15px; padding-top: 4px;}
.header-contact-number-wrapper { display: block; padding-bottom: 1rem; }
.header-contact-number-wrapper span{display: block; font-size: 17px; line-height: 1.2; color: #ff5c01 !important; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; }
.header-contact-number-wrapper a{display: block; font-size: 17px; line-height: 1.5; color: #fff !important; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; }
.header-social-wrapper { display: block; }
.header-social-wrapper li {     display: inline-block; height: 32px; width: 32px; border: 1px solid #fff; border-radius: 3px; margin: 0 2px;}
.header-social-wrapper li a i { height: 32px; width: 32px; display: block; line-height: 32px; text-align: center; color: #fff; font-size: 16px; }
.header-social-wrapper li a:hover i{ opacity: .8;}
.mainheader li .dropdown-wrap a:hover { opacity: .7; }

.foot-addres { display: block; }
.foot-addres-icon { display: inline-block; }
.foot-addres-icon i { font-size: 32px; color: #ff5c01; }
.foot-addres-contant { display: inline-block; vertical-align: top; padding-left: 15px;}
.foot-addres-contant p{ font-size: 17px; line-height: 1.4; color: #666; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-style: normal; text-align: left; font-weight: 500;}
.foot-google { display: block; font-size: 17px; line-height: 1.2; color: #666; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; text-align: center;}
.foot-google img { width: 100%; max-width: 254px; margin-bottom: 30px;}
.foot-google p{ margin-bottom: 30px; display: block;}
.foot-google span{ font-size: 21px; margin-bottom: 30px; padding: 0 30px; display: block;}
.fottp .foot-google ul { max-width: 100%; text-align: center; margin: 0px auto; }
.fottp .foot-google ul li { display: inline-block; width: auto;}
.fottp .foot-google ul li a { display: block; height: 32px; width: 32px; line-height: 32px; text-align: center; border: 1px solid #9d9d9d; border-radius: 50%; margin: 0 4px; color: #2c2a60; }
.footmiddle{ display: block; background: #000;}
.footmiddle .footmiddle-wrapper { padding: 25px 0 10px; text-align: center; border-top: 1px solid #2c2a60; }
.footmiddle .footmiddle-wrapper a { color: #fff; font-size: 16px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; border-right: 2px solid #9d9d9d; line-height: 1; padding: 0 10px;}
.footmiddle .footmiddle-wrapper a:last-child{ border-right: 0; padding-left: 5px;}
.footmiddle .footmiddle-wrapper a:hover{ color:#ff5c01;}
.powered-by-container a:hover { text-decoration: none; color: #ff5c01 !important; }
li.nav-item.nav-dropdown .dropdown-menu{ display: none !important;}
li.nav-item.nav-dropdown.open-dropdown .dropdown-menu{ display: block !important;}

#minicart_sidebar_btn, .adcartBtn, .intercom-lightweight-app-launcher{ background: #022274 !important;}
#minicart_sidebar_btn:hover, .inputForm .adcartBtn:hover{ background: #000 !important; color:#fff !important;}
.intercom-lightweight-app-launcher:hover{background: #022274 !important;}
.minicart_sidebar img, .intercom-lightweight-app-launcher svg { filter: brightness(0) invert(1) !important; }

a.badge.badge-info.season-badge.btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,
button.btn.btn-md.search-btn,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md,
button.btn.filter-toggle,
a.btn.btn-danger.btn-block.btn-lg,
.card.flat-card .card-header, 
.page-tab-content, .panel .panel-heading,
a.btn.btn-badge.btn-warning.d-inline-block,
a.btn.btn-badge.btn-warning.d-inline-block.all--events,
button.btn.location-btn,
button.btn.btn-sm.ml-auto.close-mini-cart,
.page-checkout a.link.btn.btn-block.btn-warning,
a.btn.btn-warning.btn-md.upcoming-btn,
button.btn.btn-lg.btn-block
{ background-color: #022274 !important; color: #fff !important; }

/* hover bg change */
a.btn.btn-badge.btn-warning.d-inline-block:hover,
a.badge.badge-info.season-badge.btn:hover,
button.btn.btn-md.search-btn:hover, 
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md:hover, 
a.btn.btn-warning.btn-md.upcoming-btn:hover,
button.btn.btn-solid.addtocartbutton.add-to-cart:hover,
button.btn.location-btn:hover{ background-color:#000 !important;}
/* hover bg */

.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.leaderboard .nav-tabs .nav-item .nav-link { color: #878787 !important; }
.leaderboard .nav-tabs .nav-item .nav-link.active { color: #36454f !important; }
.panel .panel-heading { background-color: #022274 !important; color: #fff !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !important; color:#000 !important;}
.team-list ul li a, .sub-panel .panel-heading small{ color:#000;}
.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #022274 !important; }
.filter-bar .btn{ padding:7px 11px;}

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

@media (max-width:575px) 
{
    .details-body #leaderboard .nav-tabs .nav-item { width: 50% !important; }
}

@media(min-width:1200px)
{
  .navbar-collapse .navbar-nav .nav-dropdown:hover > .dropdown-menu { display: block !important; padding: 20px !important; border-top: 2px solid #ff5c01 !important;}
  .navbar-toggler { display: none; }
  .navbar-collapse .navbar-nav .subsub-nav-item .dropdown-menu{ right: -250px !important; left: inherit ; top: 0px;}  
  .navbar-collapse .navbar-nav .subsub-nav-item:hover .dropdown-menu {     display: block !important; }  
  .navbar-nav > .nav-item:hover > .dropdown-wrap, .nav-dropdown.open-dropdown > .dropdown-wrap {color: #EC1B23 !important;}
  .fusion-switched-side{ left: inherit; right: 0px;}
}

@media(min-width:992px)
{
  .nav-item.dropdown .dropdown-menu{ opacity: 0;text-shadow: none; transition: .24s;}
  .nav-item.dropdown:hover .dropdown-menu { display: block !important; opacity: 1; transform: initial;}
}

@media(max-width:1249px) and (min-width:1200px) 
{
  .navbar-collapse .navbar-nav .nav-item .nav-link { font-size: 20px; }
}

@media(max-width:1199px) and (min-width:992px) 
{
  .page-header .header-top .navbrand { max-width: 80px;}
  .navbar-collapse .navbar-nav .nav-item .dropdown-wrap { font-size: 17px;}
  .page-header { min-height: 87px;}
  .header-main .nav-item:first-child{margin-left: 54px;}
  .navbar-collapse.collapse { display: flex !important; }
  .navbar-nav { margin-right: 0; display: block ; text-align: left;}
  .mainheader .nav-item{ display: inline-block;  width: auto;}
  li.nav-item.nav-dropdown.open-dropdown .dropdown-menu{ display: block; position: absolute;}
  li.nav-item.nav-dropdown .dropdown-menu{ display: none; }
}

@media screen and (max-width:1199px)
{
  .fottp ul{max-width: 100%;}
  .fottp p{ font-size: 14px; line-height: 1.3;}
  .foot-google span{ padding: 0; font-size: 20px;}
  .foot-addres-icon i { font-size: 28px; }
}

@media(max-width:992px) and (min-width:768px) 
{
  .foot-addres-contant{ padding-left: 10px;  width: calc(100% - 38px);}
}

@media screen and (max-width:991px)
{
  .page-header .header-top .navbar > .navbrand { display: block; margin: 0 auto;}
  .dropdown-toggle::after { margin-left: auto; }
  .page-header .header-top .navbrand {width: auto;}
  .navbar-toggler { margin-left: 0; margin-right:15px;}
  .page-header .header-top .navbrand a img { max-height: 45px; }
  .nav-item::before{ display: none !important;}
  .navbar-nav li.nav-item { border-bottom: 1px solid rgba(0,0,0,.03); }
  .nav-item.dropdown .dropdown-menu { background-color: transparent !important;}
  .nav-item.dropdown .dropdown-menu .dropdown-item { color: #fff; text-align: left;     padding: 11px 35px 7px;}
  .navbar-collapse .navbar-nav .nav-item { padding-bottom: 0px !important;}
  .navbar-collapse .navbar-nav .nav-item.show .dropdown-menu {display: block;}
  .page-header { min-height: 92px;}
  .page-header .header-top nav.navbar { padding-top: 5px; padding-bottom: 5px; }
  .page-header .header-top .navbar-collapse .navbrand { display: none; }
  .navbar-collapse .navbar-nav { justify-content: normal; width: 100%; align-items: normal; padding: 0px; position: relative; z-index: 1; background: #fff;}
  .navbar-nav li.nav-item{ margin: 0px !important; border: none;}
  .navbar-nav a{ padding: 8px 22px !important; font-size: 16px;}
  .nav-item{ padding: 5px 0 !important;}

  .page-header .container{ max-width: 100%;}
  .page-header .header-top .navbar > .navbrand{ margin: 0px; float: left;}
  .header-top .navbar {     justify-content: center;     padding: 0px !important;     display: inline-block; }
  .page-header .header-top .navbrand a {     display: block;     width: 104px; }
  .navbrand{ width: inherit !important;}
  .page-header{ border: none;}
  .dropdown-toggle{ top: 21px; right: 15px;}
  .page-header::before {display: none;}
  .containerbox{ background: none;}
  .page-header {   min-height: auto; }
  .navbar-collapse .navbar-nav .nav-item{ text-align: left;}
  .mini-cart button.dropdown-toggle{ text-align: center !important;}
  .nav-item {   padding: 0 !important; }
  .closebtn {   position: absolute;   top: 0;   right: 16px;   font-size: 36px;   margin-left: 50px;   display: block;   color: #fff !important;   padding: 8px 8px 8px 22px;   line-height: 25px; }
  .nav-logo {   width: 200px;   padding: 20px 20px 10px; }
  .close-mini-cart{ display: inline-block !important;}
  .navbar-toggler {   background-color: none; }
  /*  */
  body.hide-scroll .navbar-toggler{ padding: 0 8px 0 3px;}
	body.hide-scroll .navbar-toggler span:nth-child(1){ transform: translate(0, 8px) rotate(-45deg);}
	body.hide-scroll .navbar-toggler span:nth-child(2){ opacity:0;}
	body.hide-scroll .navbar-toggler span:nth-child(3){ transform: translate(0, -8px) rotate(45deg);}
  .navbar-toggler.showtoggle .mline + .mline{  margin-top:2px;}  
  .navbar-toggler{ margin: 16px 6px; background: none; border: none; width: 35px; font-size: 0px; line-height: 0px;}
  .navbar-toggler span {     display: inline-block;     width: 100%;     height:4px;     background-color:#ff5c01;     line-height: 0px;     margin: 2px 0;     border-radius: 0px;  }
  .page-header .header-top .navbar > .navbrand{ padding: 12px 0; width: 155px;}
  .navbar-light .navbar-toggler{ float: none; position: absolute; right: 0; top: -90px;}
  .page-header .header-top nav.navbar{ padding: 0px;}
  .navbar-nav{ display:block; padding: 5% !important; border-top: 3px solid #ff5c01; margin-top: -1px; }
  .navbar-nav { margin-right: 0; }
  .navbar-collapse{ text-align: center;}
  .mainheader{padding: 20px 0;}
  .navbar-collapse .navbar-nav .nav-item .nav-link{ width: 100%;padding: 10px 50px !important; font-size: 19px !important;}
  .navbar-collapse .dropdown-toggle i{ display: none !important;}
  .navbar-collapse .nav-dropdown.open-dropdown .dropdown-menu{ display: block !important;}
  .navbar-nav .dropdown-menu{ width: 100% !important;}
  .navbar-collapse .navbar-nav .nav-item .nav-link{border: none !important; border-bottom: 1px solid rgba(0,0,0,.03) !important;}
  body.hide-scroll {   overflow-y: inherit !important; }
  .navbar-collapse{ background: #fff; width: 100%; position: absolute; top: 100%; left: 0px;}
  .navbar-toggler .mline{-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;}
  .logo { width: 100px;}
  /**/
  .header-top .row .col-md-3 { display: none; }
  .header-top .row .col-md-3:first-child{ display: block;}
  .navbar-nav a, .dropdown-toggle{ color: #000 !important;}
  .navbar-nav .dropdown-menu { display: block !important; background: #fff !important; padding: 0 30px !important;}
  li.nav-item.nav-dropdown a.nav-link{ background:rgba(0,0,0,.03); }
  li.nav-item.nav-dropdown .sub-nav-item a.nav-link{ background:#fff; }
  .mainheader{ padding: 0 !important;}
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.show { display: block !important; }
  li.nav-item.nav-dropdown .dropdown-menu { display: block !important; }
}

@media screen and (max-width:767px)
{
  ul.bottom-nav { text-align: center; padding-bottom: 5px; }
  .bottom-nav li { margin-bottom: 8px; }
  ul.social-icons { width: 100%; order: 0 !important; margin-bottom: 10px; }
  .header-top-bar ul.social-icons { margin-bottom: 0px; }
  html.checkout { padding-bottom: 61px;}
  .page-header .header-top .container {   padding: 0 18px; }
  .page-header .header-top .navbar > .navbrand {     padding: 12px 0; }
  .navbar-nav{ text-align: left;}
  .nav-item::before { display: none;}
  .dropdown-toggle{ display: block; color: #000 !important;}
  .navbar-brand{ padding: 10px 0;}
  .navbar-brand img{ max-width: 100%;}
  .mini-cart #cartDropDown{ text-align: center !important;}
  .fottp .colms{ width: 100%; text-align: center;}
  .fottp{ display: inline-block;}
  .foottop { padding-bottom: 10px; }
}

@media only screen and (max-width: 767px) 
{
  .page-footer{ text-align: center;}
  .page-footer .col-md-6{ margin: 10px 0;}
  .fottp .colms p{margin: 0 auto 30px;}
  .fottp ul{ text-align: center;}
}

@media only screen and (max-width: 575px) 
{
  .page-header .header-top .navbrand a {     display: block;     width: 77px; }
  .page-header .header-top .navbar > .navbrand{ padding: 12px 0 10px;}
  .navbar-brand {     padding: 10px 0;     width: 213px; }
  .navbar-collapse .navbar-nav .nav-item .nav-link{ padding-left: 20px !important; padding-right: 20px !important;}
  .footlogo img {     max-width: 150px; height: auto;}
}

@media only screen and (max-width: 400px) 
{
  .navbar-collapse .navbar-nav .nav-item .nav-link{ padding-left: 15px !important; padding-right: 15px !important;}
}