@media screen and (max-width: 1399px) {
    .navbar-nav {
        gap: 10px;
    }
    .s2_counter{
        padding: 32px;
    } 
    .s4_box a{
        left: 45px;
    }
    .s7_img img {
        height: 235px;
        width: 220px;
    }
    .s10_box img{
        height: 230px;
    }
    .sec_1 .row {
        transform: translateY(-150px);
    }
    .h_bann_heading h1 {
        font-size: 3.5rem;
    }
    .theme_btn{
        padding: 10px 25px;
        font-size: 15px;
    }
    .s1_box{
        padding: 38px 21px;
    }
    .nav-item .nav-link {
        padding: 7px 3px !important;
    }

}
@media screen and (max-width: 1199px) {
    .head_contact ul{
        gap: 11px !important;
    }
    .head_btn .theme_btn{
        font-size: 14px;
        padding: 10px 20px;
    }
    .nav-link{
        font-size: 12px !important;
    }
    .h_bann_heading h1 {
        font-size: 3.3rem;
    }
    .s1_box{
        padding: 35px 16px;
    }
    .sec_1 .row {
        transform: translateY(-115px);
    }
    .s2_img1 {
        width: 211px;
        height: 145px;
    }
    .s2_img2 {
        width: 193px;
        height: 219px;
    }
    .s2_counter {
        padding: 18px;
    }
    .s2_list ul li{
        font-size: 11px;
    }
    .s4_heading,.s6_heading{
        width: 100%;
    } 
    .s4_box a {
        left: 30px;
        padding: 10px 25px;
        font-size: 14px;
    }
    .s7_img img {
        height: 172px;
        width: 176px;
    }
    .s7_box {
        padding: 10px;
        height: 95%;
    }
    .s8_box_bottom{
        width: 95%;
        padding: 4px 0px;
    }
    .s10_box img{
        height: 199px;
    }
    .s11_box{
        padding: 20px 15px 20px 15px;
    }
    .theme_btn{
        padding: 10px 20px;
    }
    .btn_container{
        gap: 19px !important;
    }
}
@media screen and (max-width: 991px){
    .navbar-collapse {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        background-color: #123075;
        transition: all 0.5s ease-in-out;
        transform: translateY(100%);
        padding: 40px;
      }
      .shopping-cart .table td{
        padding: 12px;
      }
      .shopping-summery thead tr th{
        font-size: 11px;
      }
      .shopping-cart .total-amount .left .coupon form input{
        margin-bottom:  10px;
      }
      .shopping-cart .total-amount .left .coupon form .btn,.shopping-cart .total-amount .left .coupon form input{
        width: 100%;
        margin-left: 0;
      }
      .button5 .theme_btn {
        text-align: center;
        padding: 8px 20px;
        letter-spacing: 1px;
    }
    .single-service{
        margin-bottom: 35px;
    }
    .shop-services{
        padding: 55px 0;
    }
      .shopping-cart .table p{
        margin-bottom: 5px;
      }
    .s1_box{
        border-radius: 10px;
    }
    .button_pulse i{
        margin-right: 10px !important;
    }
   .s2_left .s2_img,.s2_list,.s5_contact,.s5_days,.head_icon ul {
       justify-content: center;
    }
    .s2_img2 {
    width: 252px;
    height: 242px;
}
.s2_img1 {
    width: 250px;
    height: 177px;
}
.s2_right,.s5-left,.s7_heading,.s11_left{
    text-align: center;
}
.s2_list ul li{
    font-size: 15px;
}
.s4_box a {
    left: 68px;
    padding: 7px 5px;
    font-size: 12px;
}
.s5_contact ul{
    text-align: left;
}
.s7_img img {
    height: 200px;
    width: 250px;
}
.s10_box img {
    height: 145px;
}
.navbar-light .navbar-toggler{
    border-color: #FF2400 !important;
    background-color: #FF2400 !important;
    color: #FF2400 !important;
    order: 1;
}

.navbar-light .navbar-toggler-icon{
    filter: brightness(0) invert(1);
}
.head_contact ul{
    flex-wrap: wrap;
}
.sec_1 .row{
    transform: translateY(-100px);
}
.sec_9{
    padding: 65px 0px;
}
.nav-link {
    font-size: 16px !important;
}
}
@media screen and (max-width: 767px){
    .h_bann_heading h1{
        font-size: 2.2rem;
    }
    .h_bann_heading p{
        width: 100%;
    }
    .s2_list ul li{
        text-align: left;
        font-size: 13px;
    }
    .s4_heading h2{
        font-size: 27px;
    }
    .s4_box a {
        left: 114px;
        padding: 8px 30px;
    }
    .s5_contact ul {
        display: flex;
        gap: 20px;
        justify-content: center;
    }
    .sec_form .row{
        margin-bottom: 0 !important;
    }
    .sec_form input{
        margin-bottom: 20px;
    }
    .s6_heading h2{
        font-size: 36px;
    }
    .s7_img img {
        height: 175px;
        width: 206px;
    }
    .sec_hd{
        font-size: 35px;
    }
    footer .row{
        justify-content: center;
    }
    .shopping-cart .table td {
        padding: 7px;
    }
    .shopping-summery tbody .product-name a{
        font-size: 14px;
    }
    .shopping-cart .table p{
        font-size: 13px;
    }
    .total-amount .left{
        margin-bottom: 30px;
    }
    .shopping-cart .total-amount .right{
        padding: 0;
        margin-top: 20px;
    }
    .shop-newsletter .newsletter-inner input{
        margin-bottom: 20px;
    }
    .shopping-cart{
        overflow: hidden;
    }
    
}
@media screen and (max-width: 630px){
    .shopping-summery tbody tr{
        display: flex;
        flex-wrap: wrap;
        align-items: end;
        gap: 15px;
    }
    .shopping-summery thead .main-hading{
        display: none;
    }
}
@media screen and (max-width: 575px){
    .sec_1 .row {
        transform: translateY(-10px);
    }
    .s3_img,.s10_box,.sec_9,.s11_box{
        text-align: center;
    }
    .s4_box a{
        display: inline-block;
        width: 100%;
        left: 0;
    }
    .s5-left h2 {
        font-size: 27px;
        padding: 0;
    }
    .s5_contact{
        gap: 0px !important;
    }
    .s5_days h5{
        font-size: 18px;
    }
    .s6-box{
        text-align: center;
    }
    .s10_box img {
        min-height: 200px;  
    }
    .s11_box{
        margin-bottom: 10px;
    }
    .s2_img1 {
        width: 186px;
        height: 131px;
    }
    .s2_img2 {
        width: 129px;
        height: 148px;
    }
    .count{
        font-size: 32px;
    } 
    .btn_container {
        gap: 10px !important;
}
.bg{
    width: 43px;
    height: 46px;
}
.button_pulse a i{
    padding: 15px;
    margin-right: 5px !important;
}
.btn_container  .theme_btn{
    font-size: 14px;
    padding: 10px 13px;
}
.s2_counter {
    padding: 7px;
}
.s5_contact ul{
    flex-wrap: wrap;
}
.cont_text{
    font-size: 13px;
}
.shopping-cart .col-12{
    overflow: scroll;
}
.navbar-nav{
    gap: 0px;
}
}