/*header css start here*/
.header .navbar
{
    background-color: #fff;
    padding: .5rem 2rem;
    border-bottom: 1px solid #eee;
}
.header .navbar li a
{
    color: #000;
    text-transform: uppercase;
    font-size: 12.5px;
}
@media (min-width: 768px){
    .header .navbar li a
    {
        padding-right: .35rem !important;
        padding-left: .35rem !important;
    }
}
body.w-store .header .navbar li a:hover , body.w-store .header .navbar li a.router-link-active
{
    color:#bf1616;
}
body.a-store .header .navbar li a:hover , body.a-store .header .navbar li a.router-link-active
{
    color:#fbb03b;
}
.header .navbar li:hover a + .dropdown-menu
{
    display:block;
}
.header .navbar .dropdown-menu
{
    border: none;
    padding: 10px 10px;
    background-color: rgba(0,0,0,.5);
    border-radius: 0px;
    left: -13px;
    min-width: 200px;
    top: 98%;
}
.header .navbar .dropdown-menu a
{
    padding: .4rem .8rem;
    color: #fff;
    font-size: 12px;
}
.header .mobile-heading
{
    display: none;
}
.header .navbar .dropdown-menu a:hover
{
    background-color: transparent;
    text-decoration: underline;
}
.navbar-brand
{
    padding: 0px;
}
.navbar-brand img
{
    max-width: 93px;
    padding: 0px;
}
body.a-store .navbar-brand img
{
    max-width: none;
    height: 50px;
}
.header .form-inline
{
    width: 18%;
    position: relative;
}
.header .form-inline .form-control
{
    margin: 0px !important;
    width: 100%;
    padding: .5rem .75rem;
}
.header .right-menu li a:after
{
    display: none;
}
.header .right-menu li a.dropdown-toggle
{
    text-align: center;
    font-size: 11px;
    line-height: 11px;
}
body.w-store .header .right-menu li a:hover
{
    color:#bf1616;
}
body.w-store .header .right-menu li a:hover:before
{
    color:#bf1616 !important;
}
body.a-store .header .right-menu li a:hover
{
    color:#fbb03b;
}
body.a-store .header .right-menu li a:hover:before
{
    color:#fbb03b !important;
}
.header .right-menu li.login a.dropdown-toggle:before
{
    font-size: 27px;
    font-family: font-icon;
    content: "\e801";
    color: #000;
    display: block;
    height: 28px;
    line-height: 28px;  
}
.header .right-menu li
{
    margin-left: 20px;
}
.header .right-menu li.cart a.dropdown-toggle:before
{
    font-size: 27px;
    font-family: font-icon;
    content: "\e80c";
    color: #000;
    display: block;
    height: 28px;
    line-height: 28px;  
}
.header .right-menu li.cart .counter-number
{
    position: absolute;
    width: 15px;
    height: 15px;
    background: #000;
    color: #fff;
    padding: 1.5px;
    border-radius: 15px;
    top: 6px;
    right: 5px;
}
.header .form-inline .btn-success
{
    position: absolute;
    right: 0px;
    background-color: transparent;
    border: none;
    font-size: 0px;
    padding: 0px;
    width: 40px;
}
.header .form-inline .btn-success:focus
{
    background-color: transparent;
    border: none !important;
    outline:  none !important;
    box-shadow: none !important;
    transition:none !important;
    
}
body.w-store .header .form-inline .btn-success:focus
{
    color:#bf1616;
}
body.a-store .header .form-inline .btn-success:focus
{
    color:#fbb03b;
}
.header .form-inline .btn-success:before
{
    content: "\e807";
    font-family: font-icon !important;
    font-size: 26px;
    color: #000;
}
body.w-store .header .form-inline .btn-success:focus:before
{
    color:#bf1616;
}
body.w-store .header .form-inline .btn-success:hover:before
{
    color:#bf1616;
}
body.a-store .header .form-inline .btn-success:focus:before
{
    color:#fbb03b;
}
body.a-store .header .form-inline .btn-success:hover:before
{
    color:#fbb03b;
}
/*header css end here*/
/*footer css start here*/
footer .shipping-container 
{
    max-width: 900px;
    padding: 30px 15px;
    margin: 0px auto;
    padding-top: 50px;
}
footer .shipping-container .col-4 
{
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    position: relative;
}
footer .shipping-container .cash-icon:before {
    content: "\e800";
    
    font-family: font-icon;
    position: relative;
    display: block;
    font-size: 37px;
}
body.w-store footer .shipping-container .cash-icon:before
{
    color: #bf1616;
}
body.a-store footer .shipping-container .cash-icon:before
{
    color: #fbb03b;
}
footer .shipping-container .col-4:after 
{
    content: "";
    background-color: #000;
    position: absolute;
    width: 2px;
    height: 35px;
    right: -2.5px;
    top: 40px;
    font-size: 37px;
}
footer .shipping-container .free-icon:before {
    content: "\e804";
    font-family: font-icon;
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 52px;
}
body.w-store footer .shipping-container .free-icon:before 
{
    color: #bf1616;
}
body.a-store footer .shipping-container .free-icon:before 
{
    color: #fbb03b;
}
footer .shipping-container .easy-icon:before 
{
    content: "\e806";
    font-family: font-icon;
    position: relative;
    display: block;
    font-size: 37px;
}
body.w-store footer .shipping-container .easy-icon:before 
{
    color: #bf1616;
}
body.a-store footer .shipping-container .easy-icon:before 
{
    color: #fbb03b;
}
footer .shipping-container .easy-icon:after
{
    display: none;
}
footer .gray-bg
{
    background-color: #f7f7f7;
}
footer .footer-links li
{
    margin: 3px 1%;
}
footer .footer-links a
{
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    text-decoration: none;
    padding: 10px 0;
}
body.w-store footer .footer-links a:hover
{
    color: #bf1616;
}
body.a-store footer .footer-links a:hover
{
    color: #fbb03b;
}
footer .social-links  a 
{
    color: #000;
    font-size: 25px;
    margin: 0 20px;
    text-decoration: none;
}
footer .social-links ul
{
    padding: 0px;
}
body.w-store footer .social-links a:hover
{
    color: #bf1616;
}
body.a-store footer .social-links a:hover
{
    color: #fbb03b;
}
footer .social-links  a span
{
    font-size: 0px;
}
footer .customer-care-detail p
{
    color: #333;
    font-size: 12px;
    width:100%;
}
footer .copyright-main p
{
    margin: 0px;
    padding: 15px 0px;
    color: #000;
    font-size: var(--font-size-regular);
}
/*footer css end here*/
/*header footer responsive css*/
@media screen and (max-width: 1200px) 
{
.header .navbar
{
    padding: .5rem 1rem;
}
.header .navbar li a
{
    font-size: 11.5px;
}
.header .form-inline
{
    width: 135px;
}
.header .right-menu li
{
    margin-left: 10px;
}
}
@media screen and (max-width: 1024px) 
{
.header .navbar li a {
    font-size: 11px;
}
.navbar-brand img {
    max-width: 80px;
}
.header .right-menu li.login a.dropdown-toggle:before
{
    font-size: 20px;
}
.header .right-menu li.cart a.dropdown-toggle:before {
    font-size: 20px;
}
.header .right-menu li a.dropdown-toggle
{
    font-size: 10px;
}
.header .right-menu li {
    margin-left: 5px;
}
.header .form-inline .btn-success:before
{
    font-size: 20px;
}
.header .form-inline .form-control
{
    padding: .3rem .5rem;
}
}
@media screen and (max-width: 997px) 
{
    body.a-store .navbar-brand img {
        max-width: none;
        height: 60px;
    }
    .header .navbar li a {
        letter-spacing: 0.5px;
        font-family: Avenir-Roman;
        font-size: 14px;
    }
    .header .mobile-heading
    {
        display: block;
        background-color: #fff;
    }
    .header .menu-mobile
    {
        width: 100%;
        height: 100%;
    }
    .header .navbar
    {
        padding-left: 45px;
    }
    .header .navbar-collapse
    {
        position: fixed;
        height: 100%;
        width: 100%;
        display: block;
        top: 0;
        z-index: 9;
        background: rgba(0,0,0,.6);
        left:-100%;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    .header .navbar-collapse.active
    {
        left:0%;
    }
    .header .mobile-heading
    {
        padding: 15px 28px;
        
        max-width: 80%;
        width: 100%;
        position: relative;
    }
    body.w-store .header .mobile-heading
    {
        background-color: #bf1616;
    }
    body.a-store .header .mobile-heading
    {
        background-color: #fbb03b;
    }
    .header .mobile-heading h2
    {
        color:#fff;
        font-size: 20px;
        text-transform: uppercase;
        margin: 0px;
    }
    .header .mobile-heading .close
    {
        position: absolute;
        right: 20px;
        top: 14px;
        color: #fff;
        opacity: 1;
        font-size: 20px;
    }
    .header .navbar-collapse .navbar-nav
    {
        padding: 15px;
        background-color: #fff;
        max-height: calc(100% - 54px);
        min-height: calc(100% - 54px);
        overflow: auto;
        max-width: 80%;
        width: 100%;
        flex-direction: column;
    }
    .header .navbar-collapse .navbar-nav .nav-item
    {
        border-bottom: 1px solid #e2e2e2;
    }
    .header .navbar-collapse .navbar-nav .nav-item a
    {
        padding: 15px;
    }
    .header .navbar-collapse .navbar-nav .nav-item:last-child
    {
        border: none;
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown::before
    {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        float: right;
        padding: 13px 7px;
        font-size: 21px;
        width: 100%;
        text-align: right;
        position: absolute;
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu
    {
        position: relative;
        padding: 0;
        padding-left: 30px;
        margin: 0px;
        background-color: #fff;
        max-height: 0px;
        height: auto;
        overflow: hidden;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        border: none;
        display: block;
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a
    {
        color: var(--font-dark-blue);
        padding: 8px;
    }
    body.w-store .header .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a.router-link-active
    {
        color: #bf1616;
    }
    body.a-store .header .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu a.router-link-active
    {
        color: #fbb03b
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown:hover
    {
        padding-bottom: 10px;
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown:hover .dropdown-menu
    {
        max-height: 500px;
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown:hover::before
    {
        content:"\f106";
    }
    .header .navbar-collapse .navbar-nav .nav-item.dropdown > a
    {
        width: calc(100% - 35px);
    }
    .header .navbar-toggler
    {
        display: block;
        position: absolute;
        left: 9px;
        padding: 0;
    }
    .header .navbar-toggler-icon
    {
        width: 25px;
        margin-top: -1px;
    }
    .header .navbar-toggler-icon span
    {
        height: 2px;
        width: 100%;
        background-color: #000;
        display: block;
        margin: 6px 0px;
    }
    .header .navbar-nav.right-menu
    {
        position: absolute;
        right:10px;
    }
    .header .form-inline
    {
        position: absolute;
        right:125px;
    }
    body {
        padding-top: 77px !important;
    }
}
@media screen and (max-width: 767px) 
{
    .breadcrumb
    {
        padding: .3rem 10px !important;
    }
    .breadcrumb li 
    {
        font-size: 12px !important;
    }
    body.a-store .navbar-brand img {
        max-width: none !important;
        /* height: 45px !important; */
    }
    .header .right-menu li a.dropdown-toggle
    {
        font-size: 7px;
    }
    .header .navbar-nav.right-menu li.login .dropdown-menu
    {
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        width: 90px;
        min-width: 150px;
    }
    
    body {
        padding: 0px !important;
    }
    footer .shipping-container
    {
        padding-top: 20px;
    }
    footer .shipping-container .cash-icon:before
    {
        font-size: 27px;
    }
    footer .shipping-container .free-icon:before
    {
        font-size: 48px;
        line-height: 42px;
    }
    footer .shipping-container .easy-icon:before
    {
        font-size: 27px;
    }
    footer .shipping-container .col-4
    {
        font-size: 12px;
    }
    footer .shipping-container .col-4:after
    {
        width: 1px;
        background-color: #a0a0a0;
        height: 15px;
    }
    footer .gray-bg
    {
        padding: 0px;
    }
    footer .footer-links a
    {
        font-size: var(--font-size-regular);
        padding: 10px 5px;
    }
    footer .social-links a
    {
        font-size:  var(--font-size-heading);
        margin: 0 18px;
    }
    .header .navbar-nav.right-menu
    {
        display:block;
        width:80px;
        text-align: right;
    }
    .header .navbar-nav.right-menu li
    {
        display: inline-block;
        margin-right: 5px;
    }
    .header .right-menu li.cart .counter-number
    {
        right: -6px;
    }
    .header .navbar-brand img 
    {
        max-width: 60px;
    }
    .header .form-inline 
    {
        width: 124px;
        right: 90px;
        top: 13px;
    }
    .minicart-content{
        width: 300px !important;
        top: 51px;
    }
}
@media screen and (max-width: 360px){
    body.a-store .navbar-brand img {
        max-width: none !important;
        margin: 9px 0px;
        height: 28px !important;
    }
}
/*header footer responsive css*/