@media screen and (min-width:992px) and (max-width: 1300px) {
    html{
        font-size: 55%;
    }

    .navmenu .navbar-nav>li>a {
        padding-left: 0.9rem;        
    }
    .secThree button.slide-arrow.prev-arrow {
        right: 98%;
    }
    .secThree button.slide-arrow.next-arrow {
        left: 98%;
    }

    .secThree.prodCrd .prod_card .imgBx {
        height: 29rem;
    }

    .secThree.prodCrd .prod_card .cont {     
        height: 28.3rem;
    }

    .sectionTwo.conseilPg .row{
        margin-bottom: 10rem;
    }

    
}


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

    html{
        font-size: 56%;
    }
    h1{
        font-size: 5rem;
        line-height: 5.5rem;
    }
    h2{
        font-size: 3rem;
        line-height: 3.5rem;
    }
    .topBar ul li {
        width: 50%;
        margin-right: 1rem;
    }

    .sectionGap{
        padding: 6rem 0;
    }

    .btn{
        font-size: 2rem;
        padding: 0.5rem 2rem;
    }
    .btn img{
        width: 2rem;
    }

    .topBar ul {
        display: flex;
        align-items: stretch;     
    }

    .topBar ul li a{
        font-size: 1.2rem;
    }

    .topBar span {
        display: block;
        width: 2.5rem;
        height: 2.5rem;
    }

    .topBar ul .rndIcon {     
        line-height: 2.5rem;        
    }

    .topBar ul .rndIcon img {
        width: 1.3rem;
        filter: invert(1);
    }
    .topBar ul li span.acc {
        width: 2rem;        
        
    }

    .topBar ul li .form_group input {
        height: 2.5rem;
        line-height: 2.5rem;
        padding-top: 0rem;
    }

    .navmenu .navbar-toggler{
        font-size: 3rem;
        padding: 0;
        outline: 0;
        box-shadow: none;
        color: var(--secondColor);
        position: relative;
        z-index: 9999;
    }

    .navmenu .navbar-nav li{
        margin-bottom: 2rem;
    }

    /* .navbar-collapse {
        position: fixed;
        left: 0;
        background: white;
        top: 11%;
        right: 0;
        z-index: 999;
    } */

    .navmenu .navbar-nav>li>a{
        padding-left: 0;
    }

    .navmenu .navbar-collapse{
        margin-top: 3rem;
        padding-left: 1rem;
    }

    button.slide-arrow {
        width: 3rem;
        height: 3rem;        
        display: block;        
        text-align: center;
    }
    button.slide-arrow i{
        font-size: 1.5rem;
    }

    .sectionTwo .imgBox{
        width: 100%;
        overflow: hidden;
    }
    .sectionTwo .imgBox img{
        width: 100%;
    }

    .sectionTwo .rtCont h5{
        margin-bottom: 1rem;
    }

    .sectionTwo .rtCont h4 {
        font-size: 2rem;     
        margin-bottom: 1rem;
    }

    .sectionTwo .rtCont p {
        margin-bottom: 1rem;
        font-size: 1.6rem;
    }

    .sectionTwo .rtCont {
        padding-top: 0rem;
    }

     .rtCont .btn{
        font-size: 1.5rem;
    }

     .rtCont .btn img{
         width: 1.5rem;
     }

     .secThree .redBox{
         padding: 4rem 0;
     }

     .secThree .heading h2 {        
        margin-bottom: 1rem;
    }
    .secThree .heading p{
        font-size: 1.8rem;
    }

    .secThree button.slide-arrow.prev-arrow {
        right: auto;
        left: -2rem;
    }
    .secThree button.slide-arrow.next-arrow {
        left: auto;
        right: -2rem;
    }

    .footerSec{
        padding-top: 4rem;
    }
    .footerSec p {
        color: var(--defaultColor);
        font-size: 1.8rem;
    }

    .footerSec .ftrLogoBx{
        margin-bottom: 3rem;
    }
    .cp_rights {
        padding: 1.7rem 0;
        border-top: 0.1rem solid #a2a1a1;
        margin-top: 2rem;
    }

    .cp_rights p {    
        font-size: 1.8rem;
    }

    /* .topBar .col-md-7 li{
        justify-content: flex-end;
    } */
    


    /* inner page */

    .sectionTwo.conseilPg .row{
        align-items: flex-start;
        margin-bottom: 4rem;
    }

    .secThree.prodCrd .prod_card{
        margin-bottom: 3rem;
    }

    section.secThree.prodCrd .row{
        justify-content: center;
    }

    .secThree.prodCrd .prod_card .imgBx {     
        height: 28.5rem;
    }

    .bannerSec .backImg {        
        height: 30rem;
    }

    .bannerSec .backImg img{
        height: 100%;
        object-fit: cover;
    }

    .blogsArea .cardBX {     
        margin-bottom: 3rem;
    }
    .blogsArea .row{
       justify-content: center; 
    }

    .clrBox .btnRow .btn{
        margin-right: 1.5rem;
    }

    section.secThree.prodCrd{
        margin-top: 3.5rem;
    }

    .woocommerce .woocommerce-Addresses.col2-set .col-1, .woocommerce-page .woocommerce-Addresses.col2-set .col-1, .woocommerce .woocommerce-Addresses.col2-set .col-2, .woocommerce-page .woocommerce-Addresses.col2-set .col-2 {

        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

    } 
    .woocommerce .woocommerce-Addresses.col2-set .col-1, .woocommerce-page .woocommerce-Addresses.col2-set .col-1{
        margin-bottom: 28px;
    }


}


@media screen and (max-width:768px){
    .woocommerce-cart .coupon #coupon_code {
        width: 50%;
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        margin-top: 30px;
    }
}


@media screen and (max-width:767px) {
   
    .sectionGap{
        padding: 4rem 0;
    }
    .mt_10 {
        margin-top: 2rem;
    }
    .topBar ul li{
        border: 0;        
        margin-right: 0.4rem;
    }
    .topBar ul li:first-child{
        justify-content: flex-start;
        margin-right: 0;
    }

    .topBar ul li:last-child{
        justify-content: flex-start;
    }
    .topBar ul.justify-content-end li:nth-child(2){
        justify-content: flex-start;        
    }
    .topBar ul li a {
        font-size: 1.6rem;
    }

    .topBar ul li span.acc{
        width: 2.5rem;
    }
    .topBar ul li span.acc img {
        width: 2rem;
    }

    ul.slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    ul.slick-dots li{
        margin: 0.6rem;
    }
    ul.slick-dots li button {
        font-size: 0;
        border: 0;
        background-color: rgb(255 255 255 / 62%);
        width: 1.2rem;
        height: 1.2rem;
        padding: 0;
        border-radius: 100%;
        transition: all 0.5s linear;
        transform: scale(0.7);
    }
    ul.slick-dots li.slick-active button{    
        background-color: rgb(255 255 255 / 100%);
        transform: scale(0.8);

    }
    .bannerSec .backImg{
        height: 26rem;
    }
    .bannerSec .backImg img {
        height: 100%;
        object-fit: cover;
    }

    .contentBox .text h1 {
        font-size: 3rem;
        line-height: 3.5rem;
        margin-bottom: 1rem;
    }

    .contentBox .text .btn {
        font-size: 1.5rem;
    }
    .contentBox .text .btn img{
        width: 1.6rem;
    }

    .sectionTwo .imgBox {
        width: 100%;
        overflow: hidden;
        margin-bottom: 2rem;
    }

    .secThree .heading{
        width: 100%;
    }

    .secThree ul.slick-dots{
        top: 100%;
        bottom: auto;
    }

    .secThree.sec4 ul.slick-dots button{
        background-color: rgb(231 45 47 / 40%);
    }
    .secThree.sec4 ul.slick-dots li.slick-active button{
        background-color: rgb(231 45 47 / 100%);
    }

   
    .topBar ul.justify-content-end{
        flex-wrap: wrap;
    }
    .topBar ul.justify-content-end li{
        width: 50%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
      
    }
    .topBar ul.justify-content-end li:first-child{
        order:3;
        width: 100%;
        
    }

    .topBar ul.justify-content-end li:first-child form{
        display: block;
        width: 100%;
        
    }
    .topBar ul li .form_group input{
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        padding-top: 0.5rem;
        padding-bottom: 0;
    }
    .cp_rights p {
        font-size: 1.5rem;
    }

    .footerSec{
        background-position: center top;
    }

    /* inner page */

    .sectionTwo.conseilPg .row {
        margin-bottom: 5rem;     
    }

    .sectionTwo .bxCons {
        text-align: center;
        margin-bottom: 3rem;
    }

    .clrBox ul li::before {     
        top: 4px;
        transform: translateY(0);
    }
    .clrBox{
        margin-top: 3rem;
    }
    .clrBox .btnRow .btn{
        margin-top: 1rem;
        margin-right: 0;
        width: 100%;
    }

    section.secThree.prodCrd {
        margin-top: 3rem;
    }

    .woocommerce-page #customer_details, .woocommerce .col2-set, .woocommerce-page .col2-set{margin-right: 0;margin-left: 0;}
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0;
    }

   /* .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{margin-top: 30px;} */
    
    
}

@media screen and (max-width:479px){
    .woocommerce-cart .coupon #coupon_code, .woocommerce-cart .coupon button[name="apply_coupon"]{
        width: 100% !important;
        float: none;
        margin-top: 10px;
    }
    .woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form h3,.woocommerce-page .entry-header .entry-title{font-size: 38px;}
}

@media screen and (max-width:460px){
    /* .topBar ul li a {
        font-size: 1.3rem;
    } */

    .blogsArea .cardBX .imgBX{
        overflow: hidden;
    }
    .blogsArea .cardBX .imgBX img{
        width: 100%;
    }
    .topBar ul li a {
        font-size: 1.2rem;
    }

}