/** media query **/
@media (min-width: 1200px) and (max-width: 1300px){

}

@media (min-width: 993px) and (max-width: 1200px){
        .slide-content h2 {
    font-size: 60px;
    line-height: 70px;
}

    .banner-form-container {
        top: 85px;
        right: 10px;
        padding: 20px 30px 0;
        width: 350px;
    }

        .slide-content {
    position: absolute;
    top: 50%;}

    .owl-carousel .item video {
    height: 100%!important;
}

.banner-form-container {
    top: 145px;
}

.owl-carousel .item {
    height: 100%;
}
.close-btn {
    right: 60px !important;
}

.service-card h3 {
    font-size: 20px;
}

.popular-routes-section .route-card h3 {
    font-size: 20px;
}
.banner-form-container .form-group {
    margin-bottom: 10px;
}

.slide-content {
    max-width: 50%;
}

.founder-img {
    height: 550px;
}

.blog-section .blog-list .blog-post img {
    width: 50%;
    height: auto;
}

.sec-title h2 {
    font-size: 32px;
}

.about-section .feature-container .col-lg-6 {
    width: 100%;
}

.about-section .feature-item {
    margin-bottom: 20px;
}

section.blog-details-wrap .right-card-wrap h5 {
    font-size: 24px;
}

section.blog-details-wrap .right-card-wrap {
    padding: 30px;
}

section.blog-details-wrap .search-form input {
    padding: 12px 20px;
}

section.blog-details-wrap .search-form button {
    padding: 12px 20px;
}

section.blog-details-wrap .blog-details-content .blog-details-info h3 {
    font-size: 28px;
}

section.blog-details-wrap .blog-details-content .blog-details-info  h4 {
    font-size: 20px;
}

.related-post .related-post-card .content-wrap h3 {
    font-size: 20px;
    margin: 20px 0 10px;
}

.related-post .img-wrapp img {
    height: 200px;
}

.container-shipping-wrapper .col-md-5 {
    width: 50%;
}

.container-shipping-wrapper .col-md-7 {
    width: 50%;
}

.container-shipping-wrapper .service-item {
    padding: 10px;
    font-size: 18px;
}

.container-shipping-wrapper .arrow {
    font-size: 16px;
}

.cta-section2 h2 {
    font-size: 44px;
    margin-bottom: 10px;
}

.service-hero h2 {
    font-size: 36px;
}

.service-content h3 {
    font-size: 26px;
}

.services-wrapper .services-title {
    font-size: 24px;
}
.services-details-area .service-details-text-wrapp .methods .img-wrap img {
    height: auto;
}

.services-details-area .service-details-text-wrapp .methods .img-wrap {
    flex-wrap: wrap;
}

.services-details-area .service-details-text-wrapp h3 {
    font-size: 28px;
}
section.services-details-area .thumb img {
    height: auto;
}
    
}


@media (min-width: 768px) and (max-width: 992px){
    .services-details-area .service-details-text-wrapp .methods .img-wrap img {
    height: 130px;
}

.contact-right span{
    color: #000 !important;
}

.navbar-collapse {
    margin-top: 20px;
}
    ul#menu-header-menu li.nav-item i {
        padding-left: 10px;
        color: #000;
    }
section.about-us-section .close-btn {
        top: 200px;
        right: 80px;
        width: 40px;
        height: 40px;
    }
.cards-overlay-sec {
    overflow: scroll;
}


    .slide-content h2 {
    font-size: 60px;
    line-height: 70px;
}

section.about-section .text-wrapp {
    padding: 0;
}

.about-section .feature-item {
    margin-bottom: 20px;
}

.about-us-section-wrap .about-img {
    height: 480px;
}

section.who-we-are-wrapper .img-wrap img {
    height: auto;
}

section.who-we-are-wrapper .img-wrap {
    padding: 0;
    margin-bottom: 30px;
}

.banner-form-container {
        position: relative;
        top: 0 !important;
        right: 0;
        width: 100%;
        margin: 0;
    }

    .sec-title p {
    font-size: 20px;
}

.slide-content {max-width: 100%;
  left: 5%;}


.cta-section2 h2 {
    font-size: 44px;
    margin-bottom: 10px;
}

.sec-title h2 {
    font-size: 32px;
}

.step-form-wrapper .section-header h2 {
    font-size: 42px;
}

section.blog-section .row .col-md-6 {
    width: 100%;
}

.about-us-section {padding: 0;}

img.custom-logo {
    width: 80px;
}
  .services-details-area .service-details-text-wrapp {
    padding: 0;
}

.services-more .col-md-4 {
    width: 50%;
    margin-top: 20px;
}

.services-more .sec-title {
    padding-bottom: 15px;
}

.services-more h2::after {
    display: none;
}

section.container-shipping-wrapper .col-md-4 {
    width: 50%;
}

section.container-shipping-wrapper .col-md-8 {
    width: 50%;

}

.container-shipping-wrapper .image-section img {
    height: 430px;
    object-fit: cover;
}
button.navbar-toggler:focus {
    box-shadow: none;
}

.contact-right img {
    width: 30px;
    filter: brightness(0.5);
}

.contact-right a {
    font-size: 16px;
}

.cards-overlay-sec .next-btn{
  margin-top: 0px;
}

.contact-right {
    margin: 10px 0;
    padding-left: 20px;
}


.navbar-nav .nav-link {
    padding: 10px 20px;
    color: #000;
    border-bottom: 1px solid #dfdfdf;
    margin: 0px 15px;
     display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.menu-item-wrapper {
    gap: 0;
}

button.dropdown-toggle-btn {
    padding: 0;
    margin: 0;
    background: #fff;
}

.navbar {
    background: #fff;
}

section.contact-section .contact-form .col-md-6 {
    width: 50% !important;
}

section.contact-section .row .col-md-6 {
    width: 100%;
}

section.contact-section .contact-info {
    margin-bottom: 40px;
}

section.contact-section .sec-title {
    padding-bottom: 15px;
}

.contact-section .contact-form {
    padding: 0;
}
section.blog-details-wrap .right-card-wrap h5 {
    font-size: 22px;
}

section.blog-details-wrap .right-card-wrap {
    padding: 20px;
}

section.blog-details-wrap .search-form button {
    padding: 8px 15px;
    font-size: 14px;
}

section.blog-details-wrap .search-form input {
    padding: 8px 15px;
    font-size: 14px;
}

section.blog-details-wrap .right-card-wrap ul.social-link-wrap li {
    width: 30px;
    height: 30px;
}

section.blog-details-wrap .tag-badge {
    margin-bottom: 0;
    padding: 8px 15px;
    font-size: 14px;
}

section.blog-details-wrap h2 {
    font-size: 26px;
}

section.blog-details-wrap .blog-details-info ul li {
    font-size: 18px;
}

section.blog-details-wrap .blog-details-content .blog-details-info h3 {
    font-size: 24px;
}

section.blog-details-wrap .blog-details-content .blog-details-info  h4 {
    font-size: 22px;
}

.related-post .related-post-card .content-wrap h3 {
    font-size: 18px;
    margin: 20px 0 10px;
}

.related-post .related-post-card .img-wrapp img {
    height: 150px;
}

.container-shipping-wrapper .text-section {
    padding: 0;
}

.container-shipping-wrapper .service-item {
    font-size: 16px;
    padding: 10px;
    margin-bottom: 15px;
}

.container-shipping-wrapper .arrow {
    font-size: 16px;
}
.container-shipping-wrapper .col-md-5 {
    width: 50%;
}

.container-shipping-wrapper .col-md-7 {
    width: 50%;
}
.process-steps {
    display: grid;
    grid-template-columns: 50% 50%;
}

section.services-details-area .thumb img {
    height: auto;
}

.cards-overlay-sec .col-lg-4 {
    width: 50%;
}

.cards-overlay-sec .service-card h3 {
    font-size: 22px;
    margin-bottom: 8px;
}

.cards-overlay-sec .service-card img {
    height: auto;
}

.breadcrumb-section {
    padding: 120px 0 60px;
}
.step-form-wrapper .cargo-options {
        grid-template-columns: repeat(auto-fit, minmax(200px, 2fr)) !important;
      
}

button.back-btn {
    margin-left: 0 !important;
}

div#step3 div#wpcf7-f221-o2 .radio-group {
    flex-direction: row;
}

div#vehicleForm label {
    display: inline-flex;
}

div#vehicleForm span.wpcf7-list-item {
    margin: 0;
}

div#vehicleForm span.wpcf7-form-control.wpcf7-radio {
    justify-content: space-around;
    padding: 2px;
}

    div#vehicleForm .form-group label {
        margin: 8px;
        display: inline-flex;
        padding: 2px;
    }

section.step-form-wrapper label {
    font-size: 14px;
}

label {
    font-size: 14px !important;
}

}

@media(max-width: 575px){
    .step-form-wrapper .cargo-options {
        grid-template-columns: repeat(auto-fit, minmax(200px, 2fr)) !important;    
      
}

    section.about-us-section .close-btn {
        top: 100px;
        right: 30px;
        width: 30px;
        height: 30px;
    }

.step-form-wrapper .cargo-icon {
        font-size: 40px;
        margin-bottom: 0;
}

.step-form-wrapper .cargo-option {
        padding: 20px;
    }
}
@media(max-width: 767px){
.navbar {
    background: #fff;
}

.contact-details .wpcf7-list-item label {
    align-items: center !important;
}


.wpcf7-list-item{
    margin-right: 0;
}

.owl-carousel .item video{
    width: 100%;
    height: 450px !important;
}

    .owl-carousel .item {
    height: 100%;
}

section.hero-section {
    padding-bottom: 0 !important;
}

section.step-form-wrapper {
    padding-top: 0 !important;
}
.step-form-wrapper .cargo-option p {
    color: #6c757d;
    margin-bottom: 0;
    font-size: 12px;
}

.step-form-wrapper .cargo-option {
        padding: 6px;
        margin: 4px;
    }
.contact-right span{
    color: #000 !important;
}
.cards-overlay-sec {
    overflow: scroll;
}

    .close-btn {
        top: 135px;
        right: 20px;
        width: 30px;
        height: 30px;
    }

.step-form-wrapper .cargo-options {
        grid-template-columns: repeat(auto-fit, minmax(119px, 1fr)) !important;
        gap: 10px;
 }


 .step-form-wrapper .cargo-option h4{
    font-size: 14px;
 }
section.about-section .text-wrapp {
    padding: 0;
}

.about-us-section-wrap .about-img {
    height: 440px;
}

section.who-we-are-wrapper .img-wrap img {
    height: auto;
    margin-bottom: 20px;
}

section.who-we-are-wrapper .img-wrap {
    padding: 0;
}

.services-details-area .service-details-text-wrapp .methods .img-wrap {
    flex-wrap: wrap;
}

.services-details-area .service-details-text-wrapp .methods .img-wrap img {
    height: auto;
}

section.services-details-area .thumb img {
    height: auto;
}

.sec-title p {
    font-size: 20px;
}
    button.navbar-toggler:focus {
    box-shadow: none;
}

.contact-right img {
    width: 30px;
    filter: brightness(0.5);
}

.contact-right a {
    font-size: 16px;
}

.contact-right {
    margin: 10px 0;
    padding-left: 10px;
}

.navbar-nav .nav-link {
    padding: 10px 20px;
    color: #000;
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

ul#menu-header-menu li.nav-item i{
    color: #000;
}

    .navbar {
    background-color: #ffffff;}

    .slide-content h2 {
    font-size: 42px;
    line-height: 50px;
}

button.navbar-toggler:focus {
    box-shadow: none;
}

img.custom-logo {
    width: 90px;
}

.banner-form-container {
        position: relative;
        top: 0 !important;
        right: 0;
        width: 100%;
        margin: 0;
    }

.slide-content {max-width: 100%;
  left: 5%;}

.slide-content p {
    font-size: 20px;
}

.breadcrumb-section {
    padding: 120px 0 50px !important;
}

a.floating-btn {
    font-size: 14px;
}
.slide-content a.btn-theme{
    font-size: 14px;
}
.step-form-wrapper .section-header h2 {
    font-size: 32px;
}

.step-form-wrapper .section-title h2 {
    font-size: 28px;
}

.about-us-section h1 {
    font-size: 28px;
}

.services-section h2 {
    font-size: 28px;
}

.cta-section h2 {
    font-size: 28px;
}

.popular-routes-section h2 {
    font-size: 28px;
}

.why-choose-us-section h2 {
    font-size: 28px;
}

.sec-title h2 {
    font-size: 28px;
}

.blog-section .featured-post h3 {
    font-size: 22px;
}

.cta-section2 h2 {
    font-size: 32px;
}

.cta-section2 .subtext {
    font-size: 18px;
}

section.blog-wrap .card-content {
    width: 100%;
}

section.blog-wrap .card-wrapp {
    flex-direction: column;
}

section.blog-wrap .img-wrapp {
    width: 100%;
}

section.blog-wrap .img-wrapp img {
    height: 200px;
}

section.blog-wrap .date-badge {top: 23%;}

section.blog-wrap .row .col-md-12:nth-child(even) .date-badge {top: 23%;}

section.blog-wrap .row .col-md-12:nth-child(even) .img-wrapp{
    order: 1;
}

section.blog-wrap .row .col-md-12:nth-child(even) .card-content{
    order: 2;
} 

.blog-section .blog-list .blog-post {
    flex-direction: column;
}

.blog-section .blog-list .blog-post img {
    width: 100%;
    height: auto;
}

.services-details-area .service-details-text-wrapp {
    padding: 0;
}

.services-details-area .services-more .service-more-item img {
    height: auto;
}

.breadcrumb-content h2 {
    font-size: 30px;
}

.services-more .row {
    gap: 20px;
}
.contact-details .sec-title h2 {
    font-size: 22px;
}

.contact-details .mb-4 {
    margin-bottom: 15px !important;
}

.contact-details .sec-title.text-center {
    padding-bottom: 15px;
}

.container-shipping-wrapper .service-item {
    font-size: 14px;
    padding: 10px;
}

.container-shipping-wrapper .arrow {
    font-size: 15px;
}

section.about-section.section-2.about-us-section-wrap {
    padding: 50px 0;
}

.feature-item {
    margin-top: 20px;
}

.footer-section .footer-top {
    padding-bottom: 0;
}

section{
    padding: 50px 0 !important;
}

.container-shipping-wrapper .text-section{
    padding: 0;
}

section.contact-section .contact-info {
    margin-bottom: 40px;
}

section.contact-section .sec-title {
    padding-bottom: 15px;
}

.contact-section .contact-form {
    padding: 0;
}
.contact-section .info-box h4 {
    font-size: 20px;
}

.contact-section .info-box .icon-wrap {
    margin-right: 15px;
}
.contact-section .info-box .content {
    width: 80%;
}

.contact-section .info-box .content a {
    color: var(--bs-body-color);
}

.contact-section .info-box .content a:hover {color: #ff6200}

.quote-form-wrap {
    padding: 50px 0;
}
section.map-wrap iframe {
    height: 200px;
}

section.blog-wrap .card-content h2 {
    font-size: 20px;
}

section.blog-wrap .card-content {
    padding-left: 20px;
    padding-right: 20px;
}

section.blog-details-wrap .sec-title h2 {
    font-size: 22px;
}

section.blog-details-wrap .blog-details-info ul li {
    font-size: 16px;
}

section.blog-details-wrap .blog-details-info ul {
    padding-bottom: 10px;
}

section.blog-details-wrap .sec-title {padding-bottom: 10px !important;}

section.blog-details-wrap .blog-details-content .blog-details-info h3 {
    font-size: 24px;
}

section.blog-details-wrap .blog-details-content .blog-details-info h4 {
    font-size: 18px;
}

.step-form-wrapper .content-container {
        padding: 0;
    }
    .step-form-wrapper .cargo-icon {
margin-bottom: 10px;
}
section.blog-details-wrap .right-card-wrap h5 {
    font-size: 24px;
}

.related-post {
    grid-template-columns: 100%;
}

.related-post .related-post-card .content-wrap h3 {
    font-size: 20px;
}

.service-hero-content h2.display-5 {
    font-size: 26px;
}

.services-wrapper .services-title {
    font-size: 24px;
}
.services-details-area .widget-title {
    font-size: 24px;
}

.services-details-area .service-details-text-wrapp h3 {
    font-size: 22px;
}

.services-details-area .service-details-text-wrapp .process-step {
    flex-direction: column;
}

.step-form-wrapper .back-btn{
    font-size: 14px;
    margin-left: 0;
    margin-top: 50px;
}

.step-form-wrapper .form-header h3 {
    font-size: 20px;
}

.step-form-wrapper .form-header p {
    font-size: 16px;
}

.step-form-wrapper .form-label {
    font-size: 14px;
}

.step-form-wrapper  br {display: none;}

.step-form-wrapper .form-control, .step-form-wrapper .form-select {
    font-size: 13px;
}

span.wpcf7-form-control.wpcf7-radio {gap: 40px;}

div#vehicleForm div#wpcf7-f386-o6 .form-row {
    flex-direction: column;
}

div#vehicleForm div#wpcf7-f386-o6 .form-row-triple {
    flex-direction: column;
}

div#vehicleForm .form-group label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

div#inventoryForm span.wpcf7-list-item.first {
    margin: 0;
}


div#inventoryForm span {
    margin: 0;
}

    section.about-us-section .close-btn {
  top: 120px;
        right: 70px;
        width: 30px;
        height: 30px;
    }

div#step3 .form-container div#wpcf7-f221-o2 .radio-group
 {
    flex-direction: row;
}

.popup-title h2 {
    font-size: 20px !important;
}

.cards-overlay-sec .service-card h3 {
    font-size: 18px;
}

button.next-btn.back.close-btn {
    margin: 0;
}

div#vehicleForm div#wpcf7-f386-o7 .form-row {
    flex-direction: column;
}

div#vehicleForm div#wpcf7-f386-o7 .form-row-triple {
    flex-direction: column;
    gap: 0px;
}

div#step3 form.wpcf7-form.init .radio-group {
    flex-direction: row;
}

div#step3 form.wpcf7-form.init .wpcf7-list-item{
    margin-left: 0;
}

}


@media(max-width: 480px){
    section.who-we-are-wrapper .cargo-options {
    grid-template-columns: 1fr !important;
}

    section.about-us-section .close-btn {
        top: 100px;
        right: 30px;
        width: 30px;
        height: 30px;
    }
div#inventoryForm .form-wrap .wpcf7-radio {
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

section.form-section .form-wrap span.wpcf7-form-control.wpcf7-radio {
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
}

section.form-wrapp-section .form-wrap span.wpcf7-form-control.wpcf7-radio {
    flex-direction: column;
    align-items: self-start;
    gap: 10px;
}

section.form-wrapp-section .form-wrap .wpcf7-list-item {
    margin: 0;
}
.contact-details span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-direction: column;
}

section.form-wrapp-section .form-wrap .wpcf7-list-item label {
    align-items: center;
}

section.form-wrapp-section .wpcf7-list-item {
    margin: 0;
}

section.form-wrapp-section .wpcf7-list-item label {
    align-items: center;
    margin-top: 0;
}

}

@media(max-width: 360px){
.slide-content h2 {
    font-size: 36px;
}
    div#inventoryForm .choose-btn .d-flex {
        flex-direction: column;
    }
        section.about-us-section .close-btn {
        top: 410px;
        right: 50px;
        width: 30px;
        height: 30px;
        margin-top: 0;
    }
/* a.floating-btn {
    right: -52px;
} */

.slide-content p {
    max-width: 85%;
}

.step-form-wrapper .section-title h2 {
    font-size: 26px;
}

.about-us-section h1 {
    font-size: 22px;
}

.about-us-section h2 {
    font-size: 18px;
}

.cta-section h2 {
    font-size: 32px;
}

.sec-title h2 {
    font-size: 28px;
}


.popular-routes-section .route-card h3 {
    font-size: 20px;
}

.sec-title p {
    font-size: 18px;
}

section.who-we-are-wrapper .img-wrap img {height: auto;width: 100%;}

section.who-we-are-wrapper .img-wrap {
    padding: 0;
    margin-bottom: 20px;
}

section.who-we-are-wrapper {
    padding: 40px 0;
}

section {
    padding: 50px 0 !important;
}

section.who-we-are-wrapper .nav-tabs .nav-link {padding: 9px 15px;font-size: 14px;}

li.nav-item {
    width: 100%;
}

section.who-we-are-wrapper .nav-tabs {gap: 10px;flex-wrap: nowrap;}

.why-choose-us-section .feature-item h3 {
    font-size: 18px;
}

.founder-img {height: 400px;}

section.why-choose-us-section.bg-white {
    padding-bottom: 0 !important;
}

.col-lg-4.col-md-12.image-container {
    margin-bottom: 0;
}

.container-shipping-wrapper .image-section img {
    height: 350px;
}

.container-shipping-wrapper .card-title {
    font-size: 20px;
    margin: 8px 0;
}

.container-shipping-wrapper .card {max-width: 265px;}

.step-form-wrapper .cargo-icon {
        font-size: 40px;
        margin-bottom: 0;
}

}


@media (min-width: 992px) { /* lg and up */
    .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
    }


}