@media (min-width:280px) and (max-width:767px) {

.nav-menu .menu .menu-item a{color:#000}
.hero-img h1{font-size: 46px;}
.title-div h3 {
    font-size: 24px;}
    .sec_2 {
    padding: 47px 0;}
    .grid-less li{width:50%;}
    .catagry-dv{height:270px;}
    .center-img .mid-img{width: 140px;}
    .left-top {
    position: absolute;
    left: 14px;
    top: -10%;
    max-width: 90px;
}
.right-top {
    right: 27px;
    top: 10px;
    position: absolute;
    max-width: 50px;
}
.left-btm {
    left: -9px;
    position: absolute;
    top: 48%;
    max-width: 100px;
}
.right-btm {
    right: -10px;
    top: 52%;
    position: absolute;
    max-width: 100px;
}
.side-text {
       padding: 70px 0px 20px;}
       .animate-sec {
    margin: 50px 0px 50px;}
    .list-product {
    display: table;
    margin: 20px auto;
}
    .list-product {
    display: table;
    margin: 20px auto;
    text-align: center;
}
.card_img {
    display: table;
    margin: 0 auto;
}
.list-product h6 {
    font-size: 17px;}
    .cata-tit {
    font-size: 20px;}
    .pro-list .title-div {
    margin-bottom: 0px;
}
.title-div {
    margin-bottom: 27px;
}
.pro-list .owl-theme .owl-dots .owl-dot.active span, .pro-list .owl-theme .owl-dots .owl-dot:hover span {
    background: #111111;
}
.pro-list .owl-theme .owl-dots .owl-dot span {
    background: #eb9283;}








    .mob-sec {
    display: block;
}
.form-check-left {
    padding: 10px;
}
button.submit-btn{float:none;width: 100%;}
.custom-brdcrp .breadcrumb-item{}
a.return-page{display: table; text-align: center;    margin: 8px auto;}
.card-up{display: none;}
.col-hdr {
    background: #fafafa;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    border-radius: 0px;
    padding: 5px 5px;
    position: relative;
}
.mob-accd {
    background: #fafafa;
    width: 100%;
    text-align: left;
    border-radius: 0px;
 padding: 10px 7px;
       color: #000000;
    font-size: 14px;
}
.mob-accd:hover{
    background: #fafafa; color:#000;}
.col-hdr span {
    color: #1777b7;
    top: 50%;
    font-weight: 500;
    transform: translateY(-50%);
    right: 20px;
    color: #403331;
    font-size: 18px;
    position: absolute;

}
.col-hdr{background: #fafafa;
    width: 100%;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;
    text-align: left;
    border-radius: 0px;
    padding: 5px 5px; position: relative;}
.col-hdr .fa-shopping-cart{position: absolute;    color: #1777b7; top: 50%;
    transform: translateY(-50%);
 }
 .col-hdr span{ color: #1777b7; top: 50%; font-weight: 500;
    transform: translateY(-50%); right: 20px; color:#403331; font-size: 18px; position: absolute;}

    .img-pro p {
    font-size: 13px;   width:100%;}
    .img-pro span.td-spn {width:100%;}
    .img-div {
    width: 50px;
    height: 53px;
    border: 1px solid #e5e5e5;
    padding: 6px;margin-right:10px;}
    .checkout-sec table td{font-size: 13px;}
    .checkout-sec table tr:last-child td:last-child {
    font-size: 20px;}
    .product-table{padding: 10px;}

section.checkout-sec:before{display:none;}
.img-div img {
    height: 40px;}
    .img-pro {
    min-width: 100px;
}




section.header.bg-light.bg-white-hd .open-nav-menu span, 
section.header.bg-light.bg-white-hd .open-nav-menu span:before, 
section.header.bg-light.bg-white-hd .open-nav-menu span:after {
    background-color: #242424 !important;
}
section.details_sec {
    margin-top: 59px;    padding-bottom: 20px;}

.slider-nav .slick-slide.thumbnail-image .thumbImg{    min-width: auto !important;
    min-height: auto !important;}
    .slick-vertical .slick-slide {
 border: 2px solid transparent !important; 
}

.banner-slider .slider.slider-nav {
    height:100%;
    overflow: hidden;

}
.slider-banner-image {
    height: 100% !important;   margin-top: 9px;
}
.slider-banner-image img{min-height: 400px; }
.details-pro {
    margin-left:0px; margin-top: 20px;
}
.details-pro h3 {
    font-size: 25px;
    margin-bottom: 10px;}

    .details-pro h6{font-size: 20px;}
    .tab-radio li{    padding: 10px 1px 5px 0px;}

    .tab-radio li label span{padding: 7px 9px;}

    .detail_2{    padding: 45px 0px 0px;}
    .fulldiv .grid-less li {
    width: 100%;
}
.fulldiv .grid-less li svg {
display: none;}

.collection-sec {
    background: #ffcbc2;
    margin-top: 108px;
    padding: 36px 0px;
}
.pagination{padding:50px 0px 0px;}

.cart-side-tgle h6 {
    font-size: 16px;
}
.cart-side-tgle p {
    font-size: 15px;}
    .offcanvas-footer {
    bottom: 0px;
    width: 90%;

}
.offcanvas-footer {
    width: 86%;
}
.offcanvas-body{padding-bottom: 300px;}
}

@media (min-width:640px) and (max-width:991px){

.fulldiv .grid-less li svg {
    display: inline-block;
}
.hero-img h1{z-index: 4;}

}
@media (min-width:768px) and (max-width:991px){
section.checkout-sec {
    background: #ffffff;}

.card-up{margin-bottom: 0px;}
.form-check-left{padding-bottom: 0px;}
section.header.bg-light.bg-white-hd .open-nav-menu span, 
section.header.bg-light.bg-white-hd .open-nav-menu span:before, 
section.header.bg-light.bg-white-hd .open-nav-menu span:after {
    background-color: #242424 !important;
}
section.details_sec {
    margin-top: 107px;}

    .accordion-collapse.collapse{display: block !important;}
    footer ul li a {
    font-size: 13px;}

    .side-text{margin-top: 120px}

    .close-nav-menu, .open-nav-menu {
    display: flex;
}
.nav-menu.open {
    visibility: visible;
    right: 0px;
}
.open-nav-menu span:before, .open-nav-menu span:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
        background-color: #fff !important;

    box-sizing: border-box;
}

.nav-menu .menu .menu-item {
    width: 100%;
    font-size: 1rem;
    display: table;
}
.nav-menu .menu .menu-item a{color:#000;font-size: 12px;}
.hero-img h1{z-index: 4;}
.nav-menu .menu .menu-item a {
    padding: 0.4rem 1.15rem;
}
}
@media (min-width:992px) and (max-width:1180px){
.logo-batch img{width: 60px;}

.whyus-sec p{margin: 15px 6px;}
.img-pro{min-width: 160px;}

.pagination{padding:50px 0px 0px;}
}


@media (min-width:768px) and (max-width:1180px){
.details-pro h3 {
    font-size: 25px;}
.details-pro {
    margin-left: 7px;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{    min-width: 50px !important;}
.thumbImg img {
    min-height: 105px !important;
}
.banner-slider .slider.slider-nav {
    max-width: 20%;
}
.banner-slider .slider.slider-for {
    max-width: 79%;
    padding-left: 20px;
}

.cata-tit {
    font-size: 19px;}
    .offcanvas-body{    overflow-y: scroll;
    height: 100vh;}
}



@media (min-width:280px) and (max-width:480px) {

 .collection-sec .catagry-dv {
    height: 211px;
}
 .collection-sec .catagry-dv img {
    position: relative;
    height: 228px;}
 
    .cata-tit {
    font-size: 16px;
}
   }