@media (max-width:480px)
{
    .mobileHeaderWrap
    {
        display: block;
    }
    .desktopLogo
    {
        display: none;
    }
    .mobileHide
    {
        display: none;
    }
    .desktopHideCloseBtn
    {
        display: block;
    }
    .siteHeader .container
    {
        padding:0;
    }
    .signInButton
    {
        display: block;
    }
    .mobileHeaderWrap .row
    {
        display: flex;
        align-items: center;
    }
    .leftNavHeader
    {
        flex: 0 0 auto;
        width: 25%;
        display: flex;
        padding-left: 0;
    }
    .leftNavHeader .navbar-toggler
    {
        border:0;
        padding:0;
        margin-right: 0.5rem;
    }
    .leftNavHeader .navbar-toggler:focus,
    .leftNavHeader .navbar-toggler:active,
    .leftNavHeader .navbar-toggler:hover
    {
        outline: 0;
        border:0;
        box-shadow: 0 0 0;
    }
    .rightMenuIcon
    {
        font-size: 21px;
    }
    .middleNavHeader
    {
        flex: 0 0 auto;
        width: 50%;
        margin: auto;
        text-align: center;
    }
    .middleNavHeader img
    {
        width: 60%;
        margin: auto;
    }
    .rightNavHeader
    {
        flex: 0 0 auto;
        width: 25%;
        display: flex;
    }
    .wishlistIcon
    {
        margin-left:0.5rem;
    }
    .wishlistIcon i
    {
        color: #2A2A2A;
    }
    .dropdown-menu[data-bs-popper] 
    {
        left: unset;
        right: 0;
    }
    .overlay .closebtn 
    {
        top: 8px;
        right: 15px;
    }
    .overlay-content 
    {
        top: 36%;
        width: 90%;
    }
    .overlay-content h3 
    {
        font-size: 22px;
        line-height: 33px;
    }
    .overlay input[type=text]
    {
        width: 80%;
    }
    .overlay button
    {
        width: 20%;
    }
    .fullscreenRightImg 
    {
        width: 75%;
    }
    .headerBannerWrap 
    {
        height: calc(70vh - 64px);
    }
    .categoryBannerWrap 
    {
        height: 70vh;
    }
    .insideBannerText 
    {
        max-width: 100%;
        background: rgba(0,0,0,0.6);
    }
    .insideBannerText h2
    {
        font-size: 2.2rem;
        line-height: 2.7rem;
        padding:0 1rem;
        margin-bottom: 0.7rem;
    }
    .insideBannerText p 
    {
        font-size: 1.12rem;
        line-height: 1.5rem;
        margin-bottom: 0.7rem;
        padding:0 1rem;
    }
    .leftSideText .insideBannerText 
    {
        padding-left: 0;
        text-align: center;
        align-items: center;
        background: rgba(0,0,0,0.0);
    }
    .leftSideText .insideBannerText p 
    {
        max-width: 100%;
        color: #27282C;
    }
    .bottomSideText .insideBannerText 
    {
        justify-content: center;
    }
    .bottomSideText .insideBannerText h2 
    {
        text-align: center;
    }
    .bestSellerHeading 
    {
        font-size: 2.25rem;
        line-height: 3.25rem;
    }
    .category3 .insideBannerText 
    {
        background: rgba(0,0,0,0.4);
    }
    .category3 .insideBannerText h2
    {
        color:#fff !important;
    }
    .category3 .insideBannerText p
    {
        color:#fff !important;
    }
    /*.category3 .insideBannerText a 
    {
        color: #fff;
        border: 2px solid #fff;
    }*/
    .bottomBlackBoxWrap
    {
        padding:2rem;
    }
    .bottomBlackBoxWrap .insideContainer .row 
    {
        margin: 0;
    }
    .bottomBlackBoxWrap .insideContainer 
    {
        margin: 2rem 0;
        padding: 1.2rem;
    }
    .shipmentReturnBox
    {
        margin-bottom: 1.2rem;
    }
    .newsletterSmallBox h4 
    {
        font-size: 1.15rem;
    }
    .siteFooter 
    {
        padding-top: 2rem;
    }
    .footerNav,
    .footerSocialNav
    {
        margin-bottom: 1.5rem;
    }
    .paymentOptionWrap img
    {
        width: 100%;
    }
    .navbar-collapse
    {
        height: 100%;
        width: 100%;
        /*position: fixed;*/
        z-index: 10;
        top: 0;
        left: 0;
        padding:1px 0px 0;
        
    }
    .overlayMenuLayer.show
    {
        background-color: rgba(255,255,255, 0.97);
        transition: 0.3s;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        content:'';
        z-index: 9;
    }
    .navbar-collapse .closebtn 
    {
        position: absolute;
        top: 0px;
        left: 12px;
        font-size: 52px;
        cursor: pointer;
        color: #333;
    }
    .siteHeader .navbar-collapse ul 
    {
        padding: 0;
    }
    .siteHeader .navbar-collapse ul li 
    {
        padding: 0;
        margin-bottom: 12px;
    }
    .top-3 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account 
    {
        right: 0;
    }
}
@media (min-width:481px) and (max-width:767px)
{
    .mobileHeaderWrap
    {
        display: block;
    }
    .desktopLogo
    {
        display: none;
    }
    .mobileHide
    {
        display: none;
    }
    .desktopHideCloseBtn
    {
        display: block;
    }
    .siteHeader .container
    {
        padding:0;
    }
    .signInButton
    {
        display: block;
    }
    .mobileHeaderWrap .row
    {
        display: flex;
        align-items: center;
    }
    .leftNavHeader
    {
        flex: 0 0 auto;
        width: 25%;
        display: flex;
        padding-left: 0;
    }
    .leftNavHeader .navbar-toggler
    {
        border:0;
        padding:0;
        margin-right: 0.5rem;
    }
    .leftNavHeader .navbar-toggler:focus,
    .leftNavHeader .navbar-toggler:active,
    .leftNavHeader .navbar-toggler:hover
    {
        outline: 0;
        border:0;
        box-shadow: 0 0 0;
    }
    .rightMenuIcon
    {
        font-size: 21px;
    }
    .middleNavHeader
    {
        flex: 0 0 auto;
        width: 50%;
        margin: auto;
        text-align: center;
    }
    .middleNavHeader img
    {
        width: 60%;
        margin: auto;
    }
    .rightNavHeader
    {
        flex: 0 0 auto;
        width: 25%;
        display: flex;
    }
    .wishlistIcon
    {
        margin-left:0.5rem;
    }
    .wishlistIcon i
    {
        color: #2A2A2A;
    }
    .dropdown-menu[data-bs-popper] 
    {
        left: unset;
        right: 0;
    }
    .overlay .closebtn 
    {
        top: 8px;
        right: 15px;
    }
    .overlay-content 
    {
        top: 36%;
        width: 90%;
    }
    .overlay-content h3 
    {
        font-size: 22px;
        line-height: 33px;
    }
    .overlay input[type=text]
    {
        width: 80%;
    }
    .overlay button
    {
        width: 20%;
    }
    .fullscreenRightImg 
    {
        width: 75%;
    }
    .headerBannerWrap 
    {
        height: calc(100vh - 64px);
    }
    .categoryBannerWrap 
    {
        height: 70vh;
    }
    .insideBannerText 
    {
        max-width: 100%;
        background: rgba(0,0,0,0.6);
    }
    .insideBannerText h2
    {
        font-size: 2.5rem;
        line-height: 3rem;
        padding: 0 1rem;
    }
    .insideBannerText p 
    {
        font-size: 1.12rem;
        line-height: 1.5rem;
        padding: 0 1rem;
    }
    .leftSideText .insideBannerText 
    {
        padding-left: 0;
        text-align: center;
        align-items: center;
        background: rgba(0,0,0,0.0);
    }
    .leftSideText .insideBannerText p 
    {
        max-width: 100%;
        color: #27282C;
    }
    .bottomSideText .insideBannerText 
    {
        justify-content: center;
    }
    .bottomSideText .insideBannerText h2 
    {
        text-align: center;
    }
    .bestSellerHeading 
    {
        font-size: 2.25rem;
        line-height: 3.25rem;
    }
    .category3 .insideBannerText 
    {
        background: rgba(0,0,0,0.4);
    }
    .category3 .insideBannerText h2
    {
        color:#fff !important;
    }
    .category3 .insideBannerText p
    {
        color:#fff !important;
    }
    /*.category3 .insideBannerText a 
    {
        color: #fff;
        border: 2px solid #fff;
    }*/
    .bottomBlackBoxWrap
    {
        padding:2rem;
    }
    .bottomBlackBoxWrap .insideContainer .row 
    {
        margin: 0;
    }
    .bottomBlackBoxWrap .insideContainer 
    {
        margin: 2rem 0;
        padding: 1.2rem;
    }
    .shipmentReturnBox
    {
        margin-bottom: 1.2rem;
    }
    .newsletterSmallBox h4 
    {
        font-size: 1.15rem;
    }
    .siteFooter 
    {
        padding-top: 2rem;
    }
    .footerNav,
    .footerSocialNav
    {
        margin-bottom: 1.5rem;
    }
    .paymentOptionWrap img
    {
        width: 100%;
    }
    .navbar-collapse
    {
        height: 100%;
        width: 100%;
        /*position: fixed;*/
        z-index: 10;
        top: 0;
        left: 0;
        padding:1px 0px 0;
        
    }
    .overlayMenuLayer.show
    {
        background-color: rgba(255,255,255, 0.97);
        transition: 0.3s;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        content:'';
        z-index: 9;
    }
    .navbar-collapse .closebtn 
    {
        position: absolute;
        top: 0px;
        left: 12px;
        font-size: 52px;
        cursor: pointer;
        color: #333;
    }
    .siteHeader .navbar-collapse ul 
    {
        padding: 0;
    }
    .siteHeader .navbar-collapse ul li 
    {
        padding: 0;
        margin-bottom: 12px;
    }
    .top-3 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account 
    {
        right: 0;
    }
}
@media (min-width:768px) and (max-width:1023px)
{
    .collapse.navbar-collapse
    {
        display: block !important;
    }
    .siteHeader .navbar-collapse ul {
        padding: 0 1rem;
        flex-direction: row;
    }
    .siteHeader .navbar-collapse ul li {
        padding: 0 0.8rem 0 0;
    }
    .siteHeader .navbar-collapse ul li a{
        font-size: 0.75rem;
    }
    .desktopLogo img {
        width: 5.889rem;
    }
    .openSearchBtn{
        font-size: 0.75rem;
    }
    .rightBarMenu li a {
        font-size: 0.75rem;
    }
    .customBagDropdown .dropdown-toggle span
    {
        font-size: 0.75rem;
    }
}
@media (width:1024px)
{
    .siteHeader .navbar-collapse ul li a 
    {
        font-size: 0.875rem;
    }  
    .insideBannerText h2 
    {
        font-size: 3.5rem;
    }  
}