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

.wrapper, .small-wrapper, .padding-inline-50{padding-inline: 40px;}
body{font-size: 15px; line-height: 28px;}
h1, .heading-1{font-size: 50px; line-height: 60px;}
h2, .heading-2{font-size: 36px; line-height: 46px;}
h3, .heading-3{font-size: 30px; line-height: 42px;}
h4, .heading-4{font-size: 28px; line-height: 35px;}
h5, .heading-5{font-size: 26px; line-height: 30px;}
h6, .heading-6{font-size: 20px; line-height: 30px;}
.font-18{font-size: 17px; line-height: 30px;}
p{font-size: 15px; line-height: 28px;}


.title{margin-bottom: 10px;}
.mb_child_10 >*{margin-bottom: 8px;}
.mb_child_15 >*{margin-bottom: 12px;}
.mb_child_20 >*{margin-bottom: 18px;}
.mb_child_30 >*{margin-bottom: 25px;}


.p_tb_80{padding-block: 70px;}
.p_t_80{padding-top: 70px;}
.p_b_80{padding-bottom: 70px;}
.p_tb_70{padding-block: 60px;}
.p_tb_60{padding-block:50px;}
.p_t_60{padding-top:50px;}
.p_tb_40{padding-block: 35px;}
.p_b_40{padding-bottom: 35px;}
.p_tb_30{padding-block: 25px;}
.p_t_30{padding-top: 25px;}

.info-card{--card-padding: 30px;}
.best-service .slick-list.draggable{padding-right: 20% !important;}
.big-card.pricing-card{padding: 25px;}
.small-card.pricing-card{padding: 25px;}
.black-box-cards{padding: 30px;}
.footer .footer-menu.menu .otr-menu>li:not(:last-child){margin-right: 15px;}
.best-service-slider{margin-left: 40px;}

}

@media only screen and (max-width: 1024px) {
    .wrapper, .small-wrapper, .padding-inline-50{padding-inline: 30px;}
    
    body{font-size: 14px; line-height: 26px;}
    h1, .heading-1{font-size: 40px; line-height: 46px;}
    h2, .heading-2{font-size: 30px; line-height: 40px;}
    h3, .heading-3{font-size: 28px; line-height: 34px;}
    h4, .heading-4{font-size: 24px; line-height: 32px;}
    h5, .heading-5{font-size: 22px; line-height: 30px;}
    h6, .heading-6{font-size: 18px; line-height:26px;}
    .font-18{font-size: 16px; line-height: 28px;}
    p{font-size: 15px; line-height: 26px;}
    
    
    
    .mb_child_10 >*{margin-bottom: 6px;}
    .mb_child_15 >*{margin-bottom: 10px;}
    .mb_child_20 >*{margin-bottom: 15px;}
    .mb_child_30 >*{margin-bottom: 20px;}
    
    
    .p_tb_80{padding-block:50px;}
    .p_t_80{padding-top: 50px;}
    .p_b_80{padding-bottom: 50px;}
    .p_tb_70{padding-block: 45px;}
    .p_tb_60{padding-block:40px;}
    .p_t_60{padding-top:40px;}
    .p_tb_40{padding-block: 30px;}
    .p_b_40{padding-bottom: 30px;}
    .p_tb_30{padding-block: 20px;}
    .p_t_30{padding-top: 20px;}
    
    .row{ margin-inline: -10px;}
    .row>div{padding: 10px;}
    /* .col_2{width:100%;} */
    .col_3{width:50%;}
    .col_4{width:33.33%;}
    .col_5{width:25%;}
    .w_40{width: 40%;}
    
    .title{margin-bottom: 8px;}
    .a_btn{padding: 6px 20px;}
    .a_btn.size-small{padding: 4px 15px;}
    .info-card{--card-padding: 25px;}
    .info-card .info-list.list-icons li{padding: 10px 10px 10px 55px;}
    .best-service .slick-list.draggable{padding-right: 20% !important;}
    .big-card.pricing-card{padding: 20px;}
    .small-card.pricing-card{padding: 20px;}
    .best-service-card .text{padding: 20px;}
    .footer .footer-menu.menu .otr-menu>li:not(:last-child){margin-right: 10px;}
    .best-service-slider{margin-left: 30px;}
    .pricing .col_2{width: 100%;}
    .pricing .col_4{width: 50%;}
    .upcoming-box .image{padding: 20px 20px 0 20px;}

    .banner-text p{font-size: 18px; line-height: 26px;}
    .header-otr{padding-block: 10px;}
    .menu .otr-menu>li:not(:last-child){margin-right: 10px;}
    .logo{max-width: 170px;}
    .navbar{width: calc(100% - 370px);}
    .best-service-col{padding-left: 0;}
    .faq-section{--faq-padding :20px}
    .footer-nav{margin-left: auto;}
    .footer .follow-us{margin-inline: auto;}
    .black-box-cards{padding: 20px;}

    /* =========menu css ======= */
.menu-icon, .menu-close{display: inline-block; vertical-align: middle; color: var(--theme-primary); font-size: 30px;}
.menu-close{margin-bottom: 20px;display: table; margin-left: auto;}
.menu-icon{margin-left: 10px;}
.header-otr .navbar{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; z-index: 20; top: 0; left: -100%; transition: var(--theme-transition); padding: 0;}
.header-otr .navbar.show-menu{ left: 0;}
.header-otr .navbar .menu{background-color: var(--white); max-width: 400px; width: 80%; height: 100%; padding: 30px; overflow-y: auto;}
.header-otr .menu .otr-menu>li{display: block; margin-bottom: 10px;}
.header-otr .menu .otr-menu>li:not(:last-child){margin-right: 0;}
.header-otr .navbar .menu li a{background-color: var(--theme-primary); display: block; padding: 8px 15px; border-radius:4px; color: var(--white);}
/* ========== menu css end ================ */

}

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

    .wrapper, .small-wrapper, .padding-inline-50{padding-inline:20px;}
    
    body{font-size: 14px; line-height: 24px;}
    h1, .heading-1{font-size: 30px; line-height: 36px;}
    h2, .heading-2{font-size: 26px; line-height: 32px;}
    h3, .heading-3{font-size: 22px; line-height: 28px;}
    h4, .heading-4{font-size: 20px; line-height: 26px;}
    h5, .heading-5{font-size: 18px; line-height: 24px;}
    h6, .heading-6{font-size: 17px; line-height:24px;}
    .font-18{font-size: 15px; line-height: 24px;}
    p{font-size: 14px; line-height: 24px;}
    
    
    .mb_child_15 >*{margin-bottom: 8px;}
    .mb_child_20 >*{margin-bottom: 12px;}
    .mb_child_30 >*{margin-bottom: 18px;}
    
    
    .p_tb_80{padding-block:40px;}
    .p_t_80{padding-top: 40px;}
    .p_b_80{padding-bottom: 40px;}
    .p_tb_70{padding-block: 30px;}
    .p_tb_60{padding-block:30px;}
    .p_t_60{padding-top:30px;}
    .p_tb_40{padding-block: 25px;}
    .p_b_40{padding-bottom: 25px;}
    .p_tb_30{padding-block: 15px;}
    .p_t_30{padding-top: 15px;}
    
    /* .row{ margin-inline: -5px;}
    .row>div{padding: 5px;} */
    .col_2{width:100%;}
    .col_3{width:100%;}
    .col_4{width:50%;}
    .col_5{width:50%;}

    .banner-text p{font-size: 16px; line-height: 22px;}
    .upcoming-box .image{ max-width: 400px; margin-inline:auto ;}
    .info-card .info-list.list-icons li::before{top: 12px; left: 10px;}
    .info-card .info-list.list-icons li{padding-left: 40px;}
    .best-service-col .w_40, .best-service-col .w_60{width: 100%;}
    .list-icons li::before{width:20px; height:20px; }
    .footer .logo{width: 100%; max-width: 80%;}
    .footer .logo .logo-img{display: table; margin-inline: auto;}
    .footer .row{justify-content: center;}
    .footer-nav{width: 50%; margin-left:0;}
    .footer .menu .otr-menu>li{display: block; margin-bottom: 10px; margin-right: 0px !important;}
    .footer .follow-us{max-width: 50%; }
}

@media only screen and (max-width: 479px){
    .wrapper, .small-wrapper, .padding-inline-50{padding-inline: 15px;}

    .row{ margin-inline: 0;}
    .row>div{padding: 5px;}
    .a_btn{padding: 4px 10px;}
    .pricing .col_4{width: 100%;}
    .best-service-card .text{padding: 15px;}
    .black-box{padding-inline: 15px;}
    .black-box .button-box{margin-top: 15px;}
    .faq-section{--faq-padding :15px}
    .footer .social-list{justify-content: end;}
    .black-box-cards{padding: 15px;}

}