@media(max-width:1400px){

.section-title h1, .section-title h2, .section-title{

    font-size:45px;

}

}



@media(max-width:1199px){

.my-120 {

    margin-top: 75px;

    margin-bottom: 75px;

}

.mt-120 {

    margin-top: 75px;

}

.mb-120 {

    margin-bottom: 75px;

}

.my-100 {

    margin-top: 60px;

    margin-bottom: 60px;

}

.mt-100 {

    margin-top: 60px;

}

.mb-100 {

    margin-bottom: 60px;

}

.my-80{

    margin-top:50px;

    margin-bottom:50px;

}

.mt-80 {

    margin-top:50px;

}

.mb-80 {

    margin-bottom:50px;

}

.my-60{

    margin-top:40px;

    margin-bottom:40px;

}

.mt-60 {

    margin-top:40px;

}

.mb-60 {

    margin-bottom:30px;

}

.my-40{

    margin-top:30px;

    margin-bottom:30px;

}

.mt-40 {

    margin-top:30px;

}

.mb-40 {

    margin-bottom:30px;

}

.py-120 {

    padding-top: 75px;

    padding-bottom: 75px;

}

.pt-120 {

    padding-top: 75px;

}

.pb-120 {

    padding-bottom: 75px;

}

.py-100 {

    padding-top: 60px;

    padding-bottom: 60px;

}

.pt-100 {

    padding-top: 60px;

}

.pb-100 {

    padding-bottom: 75px;

}

.py-80{

    padding-top:50px;

    padding-bottom:50px;

}

.pt-80 {

    padding-top:50px;

}

.pb-80 {

    padding-bottom:50px;

}

.py-60{

    padding-top:40px;

    padding-bottom:40px;

}

.pt-60 {

    padding-top:40px;

}

.pb-60 {

    padding-bottom:50px;

}

.py-40{

    padding-top:30px;

    padding-bottom:30px;

}

.pt-40 {

    padding-top:30px;

}

.pb-40 {

    padding-bottom:30px;

}

.p-40{

    padding:30px;

}

.header-overlay + *{

    padding-top:115px;

}

.section-title h1, .section-title h2, .section-title, .title h2{

    font-size:40px;

}

.navbar-nav.menu {

    gap: 0 15px;

}

.stat-item {

    padding: 10px 1rem;

}

.section-title.xl h1 {

    font-size: 60px;

}

.contact-form-wrap {

    padding: 2rem;

}

.dispatch-box .phone-num {

    font-size: 1.5rem;

}

.phone-num i {

    font-size: 30px;

    width: 65px;

    height: 65px;

}

.post-item img {

    width: 95px;

    height: 95px;

    border-radius: 8px;

}

.post-item {

    gap: 15px;

}

.post-info .title {

    font-size: 16px;

    line-height: 18px;

}

.mega-menu .sab-nav li{

    width: 50%;

}

.service-card-step .name{

    font-size: 15px;

}

.service-card-step .desc{

    font-size:13px;

    line-height:normal;

}

.theme-btn{

    padding:16px 20px;

}

.banner-section .step{

    line-height:normal;

}

.theme-btn{

    padding:15px 18px;

}

}





@media(max-width:991px){

.section-title h2, .section-title h1, .section-title, .title h2{

    font-size:38px;

}

header .container{

    position:relative;

}

header .navbar-expand-lg .offcanvas{

    padding:0px 10px;

}

.navbar-toggler {

    background: #fff;

}

.header-overlay + *{

    padding-top:100px;

}

.header-overlay{

    z-index:9;

}

.hero-swiper{

    min-height:465px;

}

.stat-item .stat-num{

    font-size:30px;

}

.check-item:last-child {

    margin: 0;

}

.about-img-wrap {

    margin-top: 25px;

}

.section-title.xl h1 {

    font-size: 48px;

}

.testimonial-card p {

    font-size: 16px;

}

.blog-card h5{

    font-size:20px;

}

.blog-card .read-more{

    font-size:16px;

}

.section-title h2 br, .section-title h1 br, .section-title br, .title h2 br{

    display: none;

}

.service-card ul li {

    padding: 0.1rem 0;

}

.hero-content h1 {

    max-width:100%;

}

#mega-menu--mobile nav.navigation li a {

    padding: 5px 0;

    display: block;

}

.industrial-capacity .service-card {

    padding: 25px 20px;

}

.service-card h4{

    font-size:26px;

}

.adv-card {

    padding: 25px 20px;

}

.adv-icon {

    width: 52px;

    height: 52px;

}

.adv-icon i {

    font-size: 1.5rem;

}

.adv-card h4 {

    font-size: 22px;

}

.step-number {

    width: 62px;

    height: 62px;

    font-size: 24px;

}

.recovery-workflow .card-step {

    padding: 0;

}

.row-reverse-mobile {

    flex-direction: column-reverse;

}

.section-title h3 {

    font-size: 42px;

}

}



@media(max-width:767px){

.my-120 {

    margin-top:50px;

    margin-bottom:50px;

}

.mt-120 {

    margin-top:50px;

}

.mb-120 {

    margin-bottom:50px;

}

.my-100 {

    margin-top:40px;

    margin-bottom:40px;

}

.mt-100 {

    margin-top:40px;

}

.mb-100 {

    margin-bottom:40px;

}

.my-80{

    margin-top:35px;

    margin-bottom:35px;

}

.mt-80 {

    margin-top:35px;

}

.mb-80 {

    margin-bottom:35px;

}

.py-120 {

    padding-top:50px;

    padding-bottom:50px;

}

.pt-120 {

    padding-top:50px;

}

.pb-120 {

    padding-bottom:50px;

}

.py-100 {

    padding-top:40px;

    padding-bottom:40px;

}

.pt-100 {

    padding-top:40px;

}

.pb-100 {

    padding-bottom:40px;

}

.py-80{

    padding-top:35px;

    padding-bottom:35px;

}

.pt-80{

    padding-top:35px;

}

.pb-80{

    padding-bottom:35px;

}

.title h1, .title h2{

    font-size:30px;

}

.nav-f li{

    margin-bottom:14px;

}

header .navbar-brand img{

    max-height:55px;

}

.nav-f h5{

    font-size:18px;

}

.section-title h2, .section-title h1, .section-title, .title h2{

    font-size:34px;

}

.service-card h4{

    font-size:28px;

}

.why-title{

    font-size:18px;

}

.section-title.xl h1{

    font-size:38px;

}

.phone-num i{

    font-size:24px;

    width:52px;

    height:52px;

}

.footer-brand{

    font-size:26px;

}

.footer-nav{

    flex-wrap:wrap;

    column-gap:14px;

    margin:20px 0;

}

.footer-copy{

    margin-top:30px;

}

.why-img:before{

    top:-15px;

    left:-15px;

    border-top:5px solid #df1411;

    border-left:5px solid #df1411;

}

.why-img:after{

    bottom:-15px;

    right:-15px;

    border-bottom:5px solid #df1411;

    border-right:5px solid #df1411;

}

.noBanner .hero-content p{

    max-width:100%;

}

.hero-content p{

    font-size:16px;

}

.slide-bg img{

    object-fit:cover;

}

.hero-swiper{

    min-height:auto;

    height:fit-content;

}

.hero-swiper .swiper-slide{

    padding:20px 0 0;

}

.desc-block, .side-panel{

    padding:20px;

}

.service-card{

    justify-content:center;

}

.column-2{

    column-count:1;

}

.step-num{

    display:none;

}

.booking-form{

    padding:20px 15px;

}

.form-header{

    padding:20px 15px 16px;

}

.theme-btn{

    font-size:16px;

    padding:16px 18px;

}

.step {

    font-size: 14px;

}

.service-card-step .desc {

    line-height:normal;

}

.service-card-step .icon {

    line-height: normal;

}

.section-title h3 {

    font-size: 38px;

}

}



@media(max-width:575px){

header .navbar-brand{

    margin:5px 0;

}

.title h3{

    font-size:30px;

}

.stat-item .stat-num {

    font-size:24px;

}

.section-title h2, .section-title h1, .section-title, .title h2 {

    font-size:32px;

}

.service-card h4 {

    font-size:24px;

}

.service-card {

    padding: 1.2rem;

}

.hero-content h1 br{display: none;}

.why-item {

    margin-bottom: 1.2rem;

}

.cta-band {

    padding:3rem 0;

}

.step-number {

    width: 55px;

    height: 55px;

    font-size: 22px;

}

.card-step {

    margin-bottom: 30px;

}

.section-block h2 {

    font-size: 1.8rem;

    line-height: normal;

}

}



@media(max-width:480px){

.my-40{

    margin-top:25px;

    margin-bottom:25px;

}

.py-40{

    padding-top:25px;

    padding-bottom:25px;

}

.p-40{

    padding:25px;

}

.title h1, .title h2{

    font-size:28px;

    margin-bottom:20px;

}

.title h4{

    font-size:20px;

}

.column-2{

    column-count:1;

}

.nav-f .social_footer li a{

    width:52px;

    height:52px;

    font-size:18px;

}

.nav-f li{

    margin-bottom:10px;

}

.title h1, .title h2{

    line-height:normal;

}

.p-28{

    padding:22px;

}

.title .tag{

    font-size:14px;

}

.section-title.xl h1, .section-title h2, 

.section-title h1, .section-title, .title h2{

    font-size:30px;

}

.blog-card .card-body{

    padding:1rem;

}

.contact-form-wrap{

    padding:1.5rem;

}

.dispatch-box .phone-num{

    font-size:1.2rem;

}

.why-img:after, .why-img:before{

    width:80px;

    height:80px;

}

.about-section .stat-item {

    padding:10px 1rem;

    height:100%;

}

.testimonial-card{

    padding:55px 20px 30px 20px;

}

.testimonial-card::before{

    left:1rem;

    font-size:70px;

}

.text-muted {

    line-height: 22px;

}

.cta-band{

    padding:2.5rem 0;

}

.faq-sect .accordion-button{

    padding:15px !important;

}

.mb-5{

    margin-bottom:2rem !important;

}

.card-step p{

    line-height:22px;

}

.section-block h2 {

    font-size:1.5rem;

}

.service-grid{

    grid-template-columns:repeat(2, 1fr);

}

.service-card-step .icon, .service-card-step .name{

    line-height:normal;

}

.service-card-step .desc, .truck-card .tprice, .service-card-step .price{

    font-size:13px;

    line-height:normal;

}

.banner-section .step, .truck-card .tname, .truck-card .tsub{

    line-height:normal;

}

.footer-row{

    flex-wrap:wrap;

    gap:10px;

}

.form-group label{

    font-size:12px;

}

.hero-content p{

    margin:1.2rem 0 1rem;

}

.step{

    font-size:13px;

    line-height:normal;

}

.section-title h3 {

    font-size: 36px;

}

.hero-content h1 {

    font-size:40px;

}

}



@media(max-width:376px){

.why-img img{

    height:325px;

}

.cta-band{

    padding:2rem 0;

}

.desc-block, .side-panel{

    padding:15px;

}

.card-step p{

    line-height:20px;

}

.step-number{

    width: 55px;

    height: 55px;

    font-size: 22px;

    margin-bottom: 15px;

}

.dist-price {

    font-size: 16px;

}

.theme-btn {

    font-size: 15px;

    padding: 14px 15px;

}

.truck-card {

    padding: 8px;

}

.form-row {

    grid-template-columns: auto;

}

.hero-content h1 {

    font-size:38px;

}

}