:root {
    --primery-color: #AA2328;
    --secondary-color: #2C2956;
    --primery-light-color:#EBEFF3;
    --white: #FFF;
    --grey: #757F95;
    --roboto: 'Roboto', sans-serif;
    --Poppins: 'Poppins', sans-serif;
    --Inter: 'Inter', sans-serif;
}
@media(min-width:1200px){
     .container{
        max-width: 1185px;
        margin: auto;
    }
    .video-banner {
      min-height: 702px;
    }

}
@media (min-width: 991px) {
    .news-letter {
        padding: 59px 86px;
    }
}
@media (min-width: 767px){

}
@media(max-width:1399px){
    .about-wrapper {
        padding: 170px 0 100px;
    }
}
@media(max-width:1199px){
     .video-banner {
      min-height: 600px;
    }
    .about-wrapper {
        padding: 120px 0 80px;
    }
    .top-nav{
        padding: 6px 0;
    }
    .top-nav ul.contact-nav li {
        margin-right: 16px;
    }
    .social-icon-nav li:not(:first-of-type) {
        margin-left: 4px;
    }
    .top-nav ul.contact-nav li a{
        font-size: 14px;
            font-size: 14px;
    }
    .btn span::after{
        font-size: 12px;
    }
    .track-o-section img{
            max-width: 370px;
    }
    .track-o-section .content-box .form-group {
        max-width: 450px;
    }
    .about-wrapper {
        padding: 150px 0 80px;
    }
    .section-title h2 {
        font-size: 37px;
    }
     .setp-box {
        padding: 30px 40px 34px 34px;
    }
    .setp-box strong {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .video-wrap{
        height: 400px;
    }
    .video-wrap .play-btn{
        top: 35%;
    }
    #logisticsCarousel .carousel-caption h1,.section-banner h1{
        font-size: 48px;
    }
    #logisticsCarousel .carousel-caption p{
        font-size: 16px;
    }
    #logisticsCarousel .carousel-caption{
        width: 620px;
    }
    .footer-content.v1{
        padding-bottom: 80px;
    }
}
@media(max-width:1199px) and (min-width:992px){
    .about-wrapper .img-box .img-2,.img-box-right .img-2{
        width: 42%;
    }
    .card-box{
        padding: 8px;
    }  
    .card-box .icon-box {
        min-width: 42px;
        height: 42px;
    }
    
    .card-box strong {
        font-size: 14px;
    }
    .card-box p {
        font-size: 14px;
        line-height: 1.4;
    }
   
}
@media (max-width:991px){
    .section-banner{
        height: 280px;
    }
    .copyright-section.v1{
        padding: 8px 0;
    }
    .copyright-section.v1 .copyright-content{
        gap: 8px;
        text-align: center;
        justify-content: center;
    }
     .video-banner {
      min-height: 550px;
    }
     .about-wrapper {
        padding: 100px 0 80px;
    }
    #logisticsCarousel .carousel-caption h1,.section-banner h1 {
        font-size: 40px;
    }
    .py-100{
        padding: 80px 0;
    }
    .mt-40 {
        margin-top: 30px;
    }
    .btn{
        padding: 5px 16px;
    }
    .navbar-nav .nav-link{
        font-size: 16px;
        line-height: 20px;
    }
    .navbar-collapse{
        padding-top: 24px;
    }
    .navbar-nav .nav-item{
        border-bottom: 1px solid var(--primery-light-color);
    }
    .track-o-section .content-box{
        padding: 38px 40px 38px;
    }
    .track-o-section .content-box .form-group {
        max-width: 350px;
    }
    .track-o-section img {
        max-width: 300px;
        right: 4px;
    }
    .setp-box strong {
        margin-bottom: 12px;
    }
    .testimonial-quote{
        padding: 24px;
    }
    .quote-header h4 {
        font-size: 20px;
        line-height: 1.4;
    }
    .track-shipment-form h4 {
      font-size: 20px;
    }
    .news-letter .title {
        font-size: 24px;
    }
    .footer-content.v1 .footer-widget .quick-links li, .footer-content.v1 .footer-widget .our-courses li {
        margin-bottom: 8px;
    }
    .footer-content.v1 .footer-widget .quick-links, .footer-content.v1 .footer-widget .our-courses {
        margin-top: 18px;
    }
    .footer-social-link {
        margin-top: 18px;
    }
}
@media (max-width:767px){
    .section-banner{
        height: 220px;
    }
    .all-btn .btn-p.v2{
        font-size: 14px;
        line-height: 22px;
        padding: 6px 8px;
    }
    .news-letter form{
            padding: 8px 6px 8px 18px;
    }
    .footer-content.v1 .footer-widget .widget-para{
        width: 100%;
    }
    .copyright-section.v1 .para2,.copyright-section.v1 .para{
        font-size: 14px;
        line-height: 1.4;
    }
    .video-banner {
      min-height: 450px;
    }
    #logisticsCarousel .carousel-caption h1,.section-banner h1 {
        font-size: 36px;
        margin: 18px 0 12px;
    }
    #logisticsCarousel .carousel-caption {
        width: 481px;
    }
    #logisticsCarousel .carousel-caption span.upper-title{
        font-size: 18px;
    }
    #logisticsCarousel .carousel-caption p {
        font-size: 14px;
        margin-bottom: 24px;
    }
     .about-wrapper {
        padding: 80px 0 50px;
    }
    .section-title h2 {
        font-size: 32px;
    }
    .py-100{
        padding: 50px 0;
    }
    .top-nav{
        display: none;
    }
    .navbar-brand {
        max-width: 55px;
        padding: 0;
    }
    .track-o-section img{
        display: none;
    }
    .track-o-section .content-box .form-group {
        max-width: 100%;
    }
    .track-o-section .content-box {
        padding: 24px 24px 24px;
        top: -52px;
    }
    .track-o-section .content-box .form-group input {
        padding: 4px 90px 4px 15px;
        line-height: 2.25;
        font-size: 14px;
    }
    .track-o-section .content-box a{
        padding: 4px 12px;
            font-size: 14px;
    }
    .section-title>span.subtitle{
        padding: 3px 18px 3px 45px;
        font-size: 16px;
    }
    .section-title {
        margin-bottom: 28px;
    }
    .mt-40 {
        margin-top: 24px;
    }
    .card-box{
        padding: 8px;
    }  
    .card-box .icon-box {
        min-width: 50px;
        height: 50px;
    }
    
    .card-box strong {
        font-size: 14px;
    }
    .card-box p {
        font-size: 14px;
        line-height: 1.4;
    }
    .card-box .icon-box{
        max-width: 30px;
    }
    .year-box{
        padding: 16px 16px; 
        font-size: 16px;
        width: 120px;
        line-height: 1.2;
    }
    .year-box strong {
        font-size: 30px;    
        line-height: 1.2;
    }
    .about-wrapper .img-box {
        padding-left: 25px;
        
    }
    .about-wrapper .img-box .img-2,.img-box-right .img-2{
        width: 45%;
    }
    .service-content p{
        margin-bottom: 16px;
    }
    .service-content strong{
        margin-bottom: 12px;
         font-size: 18px;
        line-height: 1.2;
    }
    .slick-slider {
        padding-bottom: 36px;
    }
    .slick-dots{
        padding: 4px 14px;
    }
    .slick-track {
        padding: 16px 0;
    }
    .single_counter {
        padding: 16px;
    }
    .single_counter .icon-box {
        min-width: 60px;
        height: 60px;
        padding: 12px;
    }
    .single_counter .icon-box{
        max-width: 24px;
    }
    .single_counter strong {
        font-size: 32px;
    }
    .single_counter strong sup {
        top: -8px;
        margin-left: 4px;
    }
    .single_counter p {
        font-size: 16px;
    }
    .setp-box {
        padding: 18px 40px 34px 18px;
    }
    .testimonial-quote {
        padding: 16px;
    }
    .testimonial-quote p{
        font-size: 16px;
    }
    .testimonial-author-img {
        margin-right: 12px;
        width: 60px;
        height: 60px;
    }
    .testimonial-quote::before{
        bottom: -28px;
        left: 40px;  
        font-size: 48px;
    }
    .testimonial-content{
        margin-top: 20px;
        margin-left: 8px;
    }
    .testimonial-author-info h4 {
        font-size: 16px;
    }
    .testimonial-author-info p{
        font-size: 14px;
    }
    .why-choose-us-accordion .accordion-button {
        padding: 12px 16px;
        font-size: 16px;
        line-height: 22px;
    }
    .why-choose-us-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    .why-choose-us-accordion .accordion-item .accordion-body {
        padding: 0 51px 24px 16px;
    }
    .quote-header{
        padding-bottom: 12px;
        margin-bottom: 24px;
    }
    .quote-content{
        padding: 16px 12px;
    }
    .video-wrap .play-btn{
        height: 60px;
        width: 60px;
    }
        .video-wrap {
        height: 300px;
    }
    .choose-item-info h4{
        font-size: 18px;
            margin-bottom: 4px;
    }
    .choose-item{
        margin: 18px 0;
    }
    .choose-item-icon{
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .choose-item-icon img{
        width: 30px;
    }
    .cta-content h2{
        font-size: 20px;
    }
    .blog-item {
        padding: 12px;
    }
    .blog-item-meta a{
        font-size: 12px;
    }
    .blog-title{
        font-size: 18px;
        margin-bottom: 8px;
    }
    .brand-box{
        padding: 24px 16px;
    }
    .footer-content.v1 .footer-widget .get-in-touch .contact-info-items .contact-info-item .contact-info-content .title ,
    .footer-content.v1 .footer-widget .quick-links li a, .footer-content.v1 .footer-widget .our-courses li a{
        font-size: 14px;
    }
}
@media (max-width:575px){
    #logisticsCarousel .carousel-caption {
        width: 95%;
    }
    #logisticsCarousel .carousel-caption h1,.section-banner h1 {
        font-size: 32px;
        margin: 12px 0 8px;
    }
        #logisticsCarousel .carousel-caption p {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 24px;
    }
        #logisticsCarousel .carousel-caption span.upper-title {
        font-size: 14px;
    }
     #logisticsCarousel .btn{
       padding: 5px 12px;
       font-size: 14px;
     }
    .navbar .btn{
        display: none;
    }
    body {
        font-size: 14px;
    }
    p{
        margin-bottom: 8px;
    }
    .service-content strong {
        font-size: 18px;
    }
    .service-content p {
        font-size: 14px;
        line-height: 1.4;
           margin-bottom: 8px;
    }
    .service-content {
        padding: 24px 16px 12px;
    }
    .why-choose-us-accordion .accordion-item .accordion-header .accordion-button{    
        font-size: 14px;
        line-height: 1.3;
    }
    .why-choose-us-accordion .accordion-item .accordion-body {
        padding: 0 16px 24px 16px;
        font-size: 14px;
        line-height: 1.4;
    }
    .why-choose-us-accordion .accordion-button {
        padding: 8px 8px;
    }
    .why-choose-us-accordion .accordion-item .accordion-header .accordion-button .button-number{
        min-width: 28px;
        max-width: 28px;
        height: 28px;
        margin-right: 8px;
        font-size: 14px;
    }
    .choose-item-info h4{
        font-size: 16px;
    }
    .cta-content p{
        font-size: 14px;
    }
    .news-letter .title {
    font-size: 18px;}
}
@media (max-width:424px){
    #logisticsCarousel .carousel-caption h1,.section-banner h1 {
        font-size: 28px;
    }
     .section-title h2 {
        font-size: 28px;
    }
}
@media (max-width:374px){
 #logisticsCarousel .carousel-caption h1,.section-banner h1 {
        font-size: 24px;
    }
}