@media only screen and (max-width:575.99px) {
.nav-header {
    width: 30%;
}
.blogDetail h2.sec_Head {
    color: #000;
    font-size: .8rem;
}

.header-icons {
    width: 40%;
    float: left;
    height: 55px;
    line-height: 55px;
}
.nav-header img {
    width: 100px;
}
.nav-header img.trck {
    width: unset;
    display: inline-block;
}
.nav-search {
    float: left !important;
}

.navigation-portrait .nav-search {
    padding: 2px 10px !important;
}

.navigation-portrait .nav-search-button {
    width: 17px !important;
    height: 9px !important; 
    line-height: 50px !important;
    font-size: 15px !important;
}

.navigation-portrait .nav-search {
    height: 10px !important;
    margin-right: 0 !important; 
}

/*.slide {
    margin-top:150px;
}*/
.text-with-slider
{
    margin-top:0 !important;
}
.header-icons-list {
    margin-bottom: 0px;
}

#carousel .carousel-item {
    height: 30vh;
    width: 100%;
    min-height: auto;
}

.home-multi-icons .list-style li {
    width:33%;
    display: inline-block;
    margin: 0 !important;
    margin-bottom: 10px !important;
    padding:10px;
}
.reasons-us .list-style li 
{
    width:24%;
}
.home-multi-icons .list-style li p {
    font-size: 90%;
}

.leeford-brands .swiper-slide > img {
    width: 100%;
}

.leeford-brands .brand-text {
    width: 100%;
    margin-left: 0px;
    margin-top: 7%;
}

.leeford-brands .brand-text h1 {
    margin-left: 0px;
}
.home-icons > div > div {
    margin-bottom: 20px;
}


/* Listing Page Style Starts Here */

#show2 {
    margin-top: 15px;
    border: 0;
    width: 100%;
    padding: 10px 20px;
    position: fixed;
    z-index: 999;
    text-align: left;
    background-color: #f7f7f7;
    cursor: pointer;
    bottom: 0;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.7);
}
#show2:focus {
    outline: 0;
}
#two {
    position: absolute;
    width: 100%;
    min-height: 100%;
    padding: 20px;
    overflow: scroll;
    top: 0px !important;
    z-index: 10;
    background-color: #fff;
    padding-top: 30px;

}
.hidden {
     display:none;
}

.filter-clear-all {
    margin-top: 2px;
}
.filter-links {
    display: inline-block !important;
    margin-bottom: 10px;
    color: #116bc4;
    margin-right: 10px;
    float: right;
    text-align: center;
}

.filter-links:hover {
    color: #116bc4;
}
.filter-apply-1 {
    border-right: 1px solid #ddd;
    padding-right: 10px;
}
.filter-clear-all {
    margin-top: 2px;
}
.leftsidebar {
    width: 100%;
}
/* Listing Page Style Ends Here */






/* Cart Page Style */

.cart-prod-price, .cart-qty-style {
    text-align: left;
    margin-top:10px;
}


.footer > div > div:nth-child(2) ul.list-style {
    margin-right: 3rem;
}
.footer > div > div {
    margin-bottom: 10px;
}
.footer-bdr-top {
    text-align: center;
    margin-top: 0px;
    padding-top:5px;
}

.footer-bdr-top p {
    margin-bottom: 0px;
}
.copyright {
    text-align: center;
}

.footer-social {
    float: none;
}
.arrivals-slider .home-btn {
    width: 60%;
    font-size: 12px;
}
.wish-btn {
    right: -10px;
}
.home-p-wishlist .btn {
    margin-right: 0px;
}
}

/* responsiveness */ 

@media screen and (min-device-width:375px) and (max-device-width:436px) { 

    /*.detail-container .detail-right
    {
      margin-top:150px !important;
    }*/
    .detail-container .detail-right
    {
      bottom: -0px !important;
    }
    .zoom-left #gallery_01
    {
        bottom:-180px !important;
    }
   

}
@media screen and (min-device-width:436px) and (max-device-width:600px) { 

    .zoom-left #gallery_01 
    {
    bottom: -184px !important;
     }
     /* .detail-container .detail-right 
     {
    margin-top:200px !important;
    } */
 
   

}

@media (min-width: 576px) and (max-width:767.99px) {
    
}

@media (min-width: 576px) and (max-width:767.99px) {
    ul.filter.listeeTarget.radio.addresses label{
        flex-wrap: wrap;
        }
       
.nav-header {
    width: 30%;
}

.nav-header img {
    width: 100px;
}
.nav-header img.trck {
    width: unset;
}
.nav-search {
    float: left !important;
}

.navigation-portrait .nav-search {
    padding: 2px 10px !important;
}

.navigation-portrait .nav-search-button {
    width: 17px !important;
    height: 9px !important; 
    line-height: 50px !important;
    font-size: 15px !important;
}

.navigation-portrait .nav-search {
    height: 10px !important;
    margin-right: 0 !important; 
}



.slide {
    margin-top: 75px;
}
.header-icons-list {
    margin-bottom: 0px;
}

.home-multi-icons .list-style li {
    width: 30%;
    display: inline-block;
    margin: 0 !important;
    margin-bottom: 10px !important;
}
.home-multi-icons .list-style li p {
    font-size: 90%;
}



#carousel .carousel-item {
    height: 40vh;
    width: 100%;
    min-height: auto;
}



.home-looking-for .list-style li {
    padding-left: 1rem;
    padding-right: 1rem;
}

.leeford-brands .swiper-slide > img {
    width: 100%;
}

.leeford-brands .brand-text {
    width: 100%;
    margin-left: 0px;
    margin-top: 7%;
}

.leeford-brands .brand-text h1 {
    margin-left: 0px;
}
.home-icons > div > div {
    margin-bottom: 20px;
}

/* Listing Style */



.left-menu h3 {
    margin: 1em 0 0;
}
.listing-bread {
    margin-top: 85px;
}
.listing-right{
    margin-top: 20px;
}
.filterby {
    display: none;
}
.list-discount {
    top: 5px;
    right: -10px;
}

.footer > div > div:nth-child(2) ul.list-style {
    margin-right: 5rem;
}
.footer > div > div {
    margin-bottom: 10px;
}


}


@media only screen and (max-width: 767.99px) {
    #popup, #popupsignin, #popupforgot {
        width: 90% !important;
        height: auto;
    }
    .popup-options .field {
        width: 100%;
    }
    .tbl_res {
      display: block;
      overflow-x: auto;
    }
}

@media (min-width: 768px) and (max-width:991.99px) {

.nav-header {
    width: 30%;
}

.nav-header img {
    width: 100px;
}
.nav-header img.trck {
    width: unset;
}
.nav-search {
    float: left !important;
}

.navigation-portrait .nav-search {
    padding: 2px 10px !important;
}

.navigation-portrait .nav-search-button {
    width: 17px !important;
    height: 9px !important; 
    line-height: 50px !important;
    font-size: 15px !important;
}

.navigation-portrait .nav-search {
    height: 10px !important;
    margin-right: 0 !important; 
}

.slide {
    margin-top:150px;
}
.header-icons-list {
    margin-bottom: 0px;
}

.home-multi-icons .list-style li {
    width: 24%;
    display: inline-block;
    margin: 0 !important;
    margin-bottom: 10px !important;
}
.home-multi-icons .list-style li p {
    font-size: 90%;
}


#carousel .carousel-item {
    height: 50vh;
    width: 100%;
    min-height: auto;
}


.home-looking-for .list-style li {
    padding-left: 1rem;
    padding-right: 1rem;
}

.leeford-brands .swiper-slide > img {
    width: 100%;
}

.leeford-brands .brand-text {
    width: 100%;
    margin-left: 0px;
    margin-top: 7%;
}

.leeford-brands .brand-text h1 {
    margin-left: 0px;
}

/* Listing Style */



.listing-bread {
    margin-top: 115px;
}
.inner-pages-style
    {
        margin-top:145px;
    }


}


@media (min-width: 992px) and (max-width: 1199.99px) {
.header-icons {
    width: 13%;
    float: right;
    height: 55px;
    line-height: 60px;
}
.nav-header img {
    width: 100px;
}
.nav-header img.trck {
    width: unset;
}

.slide {
    margin-top:128px;
}
.header-icons-list {
    margin-bottom: 0px;
}

.home-multi-icons .list-style li {
    width: 24%;
    display: inline-block;
    margin: 0 !important;
    margin-bottom: 10px !important;
}
.home-multi-icons .list-style li p {
    font-size: 90%;
}
#carousel .carousel-item {
    height: 70vh;
}

.inner-pages-style {
    margin-top:130px;
}

}


@media (min-width: 1200px) and (max-width: 1366.99px) {
    .nav-menu > li > a {
        font-size: 13px !important;
    }
        .section_pad.respHead {
            padding: 2rem;
        }
        .root_Wrap {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }
        .home-new-2 .products-area{
            margin-bottom: 0;
        }

}

@media only screen and (max-width:1300px) {
    .root_Wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
    
    .shopping-cart
    {
        top:75px;
        right:20px;
    }
    .concernImg + h5 {
        font-size: 1rem;
    }
    .sec_Head {
        font-size: 1.1rem;
    }

}

@media only screen and (max-width:1043px) {
    .nav-brand
    {
        max-width:27% !important;
    }


}
@media only screen and (max-width: 991.99px) {
    .inner-pages-style {
        margin-top:138px;
    }

    .prod-box .item-img-2{display:none;}
    .list-heart {position: absolute; top: 0; left: 0;}
}

@media only screen and (min-width: 992px) {

.prod-box .img-holder{margin-top:3px; text-align:center; height:250px; overflow:hidden; position:relative;}
.prod-box .item-img-2{display:none;}
.prod-box .img-holder:hover .item-img-2{display:block;}
.prod-box .img-holder:hover .item-img-1{display:none;}
.prod-box .img-holder img {max-height:100%}

/*.listing-prod-hover {
    display: none;
    text-align: center;
    position: absolute;
    width: 97%;
}
.product-div:hover .listing-prod-hover {
   display: block;
}*/
.product-div {
    /*margin-bottom: -50px;*/
    position: relative;
}
.product-div:hover {
    padding-bottom: 0;
    margin-bottom: 17px;
    z-index: 9; 
}

.listing-prod-hover2 {
    display: none;
}
.product-div:hover .listing-prod-hover2 {
   display: block;
}
.list-heart {
    position: absolute;
    right: 10px;
    top: 10px;
}

}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .categoryOuter img{
        max-width: 150px;
    }
    .root_Wrap{
        grid-template-columns: repeat(2,1fr);
    }
.single-p-dec
{
    margin-top:0;
}
.nav-header .search-box
{
    width:50% !important;
}
.search-btn-style
{
    right:0 !important;
}
.header-icons
{
    width:17%;
}
.zoom-left
{
    margin-bottom:20px;
}




}



@media only screen and (max-width:767px) {
    .webSwiper{
        display: none;
    }
    .mobSwiper{
        display: block;
    }
    .nav-brand
    {
        max-width:22% !important;
    }
    .contact-f-sec
    {
    margin-bottom:30px;
    }
    .search-btn-style
    {
        right:0;
    }
    .detail-right
    {
        margin-top:30px;
    }
    .p-logos
    {
        width:33%;
        margin-bottom:20px;
    }
    .p-logos:nth-of-type(3)
    {
        border-right: none;

    }
    header.section_pad {
        width: 100%;
    }
    .section_pad {
        padding: 1rem 0;
        width: calc(100% - 2.5rem);
        margin: auto;
    }
    .blog-sec-area {
        padding-bottom: 10px;
        padding-top: 0;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
        font-size: 10px;
    }
    .root_Wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .concern_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .sec_Pad {
        padding: 1rem 0;
        width: calc(100% - 5rem);
    }
    .tab_ul {
        padding: 1rem;
    }
    .section_marginTB {
        margin: 0rem 0 15px;
    }
    .single-blog .card-info{
        height: auto;
        padding: 15px;
    }
    .sec_Pad.seo_sec{
    margin-bottom: 20px;
   }
   .support-sec{
    padding-top: 2rem;
    padding-bottom: 2rem;
   }
   #footer {
    margin-bottom: 10px;
    margin-top: 5px !important;
}

}
@media only screen and (max-width:600px) {
    .concernImg img{
        width: 100px;
        height: 100px;
    }
    .instagram-field .lightwidget__caption{
        display: none;
    }
    .lightwidget__caption{
        display: none;
    }
    .row.swiper.deal_Swiper.swiper-container-initialized.swiper-container-horizontal{
        margin: 0 auto;
    }
    .home-new-2 .products-area{
        padding: 10px;
        min-height: auto;
    }
    .m-p-off
    {
        padding-top:20px !important;
    }
    .single-p-dec
    {
        margin-top:0px;
    }
    .inner-pages-style
    {
        margin-top:133px;
    }
    .inner-pages-style.blogDetail, .inner-pages-style.blogListing
    {
        margin-top:100px;
    }
    
    .detail-container .detail-right
    {
        margin-top:10px;
    }
    /* .zoom-left #gallery_01
    {
        bottom:-80px;
        
    } */
    .zoom-left #gallery_01 {
        /* display: block;
        bottom: -360px !important;
        z-index: 9;
        display: flex !important; */
    }
    #carousel .carousel-item
    {
        margin-top:70px;
    }
    .header
    {
        padding-bottom:10px !important;
    }
   header
   {
    padding-bottom:10px;
    top:34px !important;
   }
   .wish-listing a:focus
   {
     border:none;
     box-shadow:none;    
   }
   #zoom_03
   {
    height:auto !important  ;
   }
   /*.buy-btn
   {
    max-width:100%;
   }*/
   .home-btn {
    width: 70%;
    font-size: 12px;
}
   /* .buy-btn.home-btn
   {
     width:100% !important;
   } */
 
   /* Detail Page Style Starts */

#gallery_01 {
    position: absolute;
    left: 20px;
    bottom:-20px;
    z-index:1;
    width: 100% !important;
    /*display: none;*/
}
.elevatezoom-gallery {
    width: 20%;
}
.zoomWrapper {
    margin-left: 0 !important;
    height: 345px !important;
}
#zoom_03 {
    width: 100% !important;
}
.detail-right {
    margin-top: 20px;
}
.detail-container
{
    padding-left: 10px !important;
    /*padding-right: 37px !important;*/
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    left:0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    right:0;
}
.listing-page-pad
{
    margin-top:145px;
}
.left-menu
{
    max-width:350px;
}
.filter-sidebar
{
    margin-top:200px;
}
.menu-icons {
    position: absolute;
    right: 0;
    top: 10%;
}
.buy-btn-pad
{
    padding: 6px 12px !important;
    font-size: 12px !important;
}


}
@media only screen and (max-width:400px) {
    header 
    {
        top:40px;
    }
    .product-rating-text {
        height: 100px;
    }
}

@media only screen and (max-width:480px) {
    .categoryOuter img {
        width: 70%;
    }
    .item-grid.prod-box{
        height: auto;
    }
    .concern_Swiper .swiper-button-next, .concern_Swiper .swiper-button-prev{
        display: none;
    }
    .sort{
        text-align: center;
    }
    .nav-toggle{
        margin-top: -15px;
    }
    .nav-brand{
        margin-top: 10px;
    }
    .openBtn {
        padding: 2px 15px 0px;
    }
    .sort select{
        float: none;
    }
    .listing-img-holder {
        height: 130px;
    }
    .buy-btn.listingOld{
        width: 65%;
    }
    .product-rating-text {
        height: 100px;
    } 
      .main_Layout{
        margin-top: 100px;
    }
    .home-page.main_Layout .swiper-button-next, .home-page.main_Layout .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
        font-size: 14px;
        top: 55% !important;
    }
    .categoryOuter h5 {
        font-weight: 800;
        color: #333;
        font-size: 1rem;
    }
    .nav-pills .nav-link{
        font-size: 1rem;
    }
    .headingSplit a{
        font-size: 12px;
        white-space: nowrap;
    }
    .sec_Head{
        font-size: 1.4rem;
    }
    .shopping-cart
    {
        width:297px;
        top:110px;
    }
    .root_Wrap,
    .concern_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .sec_Pad {
        padding: 0;
        width: calc(100% - 2.5rem);
        box-sizing: border-box;
        overflow: hidden;
         margin: 20px auto 0px;   
    }
    .instagram-field {
        padding: 0px 15px;
    }

    .blog-sec.section_pad {
        margin: 0 auto;
        padding: 10px 20px;
    }  
    .section_pad .blog-single-title {
        padding: 0px 0 20px;
    }
      .gender {
        width: 100%;
    }
    .detailMob .str-rating{
        float: right;
    }
    /*.menu-icons
    {
        position: absolute;
        right: 20px;
        top: 59px;
    }*/
    .top-header-area .nav-header .search-box
    {
        margin-top:34px ;
    }
    .nav-toggle
    {
        top:70% !important  ;
    }
    .btn-add
    {
        padding-left: 18px;
        text-align: left;
    }
    #AddtoCart .grey-btn-style
    {
        padding: 7px 16px;
        width:100%;
        line-height:25px;
        margin-right:6px;
    }
    .zoomContainer {
        display: none !important;
    }
    .wishlist-btn-style
    {
        margin-top:10px;
    }
    img.headingIcon {
        width: 20px;
        margin-right: 10px;
    }
    .home-page.main_Layout.home-new-2 .prod-name {
        font-size: 15px;
    }
    .home-page.main_Layout.home-new-2 .price_new {
        color: #fa4a0c;
        font-size: 18px;
        font-weight: 700;
    }
    .home-page.main_Layout.home-new-2 .rateingIfo h4 {
        margin-bottom: 0;
        font-size: 1rem;
    }
    .categoryOuter{
        flex-direction: column-reverse;
        padding: 1rem;
    }
}
    
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 14px; margin-bottom: 0px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 20px; height: 20px; display: block; background: #9797c0; top: 15px; left: 12%; margin-top: -12px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 10px; height: 10px; background: #7e7ebd; border-radius: 50px; position: absolute; top: 5px; left: 5px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 70px; box-shadow: none; margin: -3px 0; 
    margin-left: 10%;}
    
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #9797c0;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 0%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 0; /*width: 50%;*/ width: 5px; height: 70px;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 0%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard .active {
    background:none;
    border:0;
}






@media only screen and (min-width: 576px) {
/* Track Order Style Starts Here */

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 14px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px; text-align: center;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 20px; height: 20px; display: block; background: #9797c0; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 10px; height: 10px; background: #7e7ebd; border-radius: 50px; position: absolute; top: 5px; left: 5px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 5px !important; box-shadow: none; margin: 18px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #9797c0;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width:100%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard .active {
background:none;
border:0;
}


/* Track Order Style Ends Here */
}

@media screen and (min-device-width:320px) and (max-device-width:399px) {
    .categoryOuter img {
        padding: 1rem;
        max-width: 100%;
        width: 55%;
    }
 }