@media only screen and (max-width: 950px) {
    .offering-card,
    .service-quote-1,
    .service-quote-2 {
        position: unset;
    }
    .heading-paragraph {
        padding: 10px;
    }
    .about-wrapper-container,
    .col-sm-6,
    .faq-accordion-main .inner-faq-accordin,
    .flex-fill .box-center-content,
    .pull-right .bg-img img,
    .section-transport-info .content {
        width: 100%;
    }
    .left-side-shipper-container {
        height: 65%;
    }
    .frame-two-main {
        background-image: none;
        top: 0;
    }
    .content-entry .buttons {
        margin-bottom: 11px;
    }
    .content-entry .content {
        padding: 6rem 3rem 3rem;
    }
    .section-transport {
        padding: 4rem 7rem;
        justify-content: left;
    }
    .quote-outline-button {
        margin-left: 15px;
    }
    .transport-container .content-data p {
        margin: 0;
        padding: 13px;
    }
    .transport-container .content-data .title {
        padding-left: 14px;
    }
    .transport-container .content-data {
        left: 6%;
        width: 90%;
    }
    .form-outer form .page {
        height: auto;
    }
    .modes-cards .padding {
        margin: 0 30px;
    }
    .modes-cards .card .responsive-btn {
        display: block !important;
        position: relative !important;
        background: 0 0 !important;
        margin-bottom: 15px;
    }
    .modes-cards .card .responsive-btn .learn-more {
        opacity: 1;
    }
    .modes-wrapper .card,
    .modes-wrapper .card:hover {
        width: 100% !important;
        height: 450px !important;
    }
    .fleet-points hr {
        width: 100% !important;
    }
    .offering-image-container {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        align-items: center;
        height: 430px;
    }
    .offering-wrapper {
        margin-top: 0;
    }
    .offering-image-container img {
        width: 100%;
        height: 250px;
    }
    .offering-card {
        width: 100%;
        padding: 10px;
    }
    .offering-container {
        height: 1200px;
    }
    .work-wrapper .icon-div {
        flex-direction: column;
        padding: 15px;
    }
    .work-flex {
        display: block;
    }
    .workus-wrapper .first-part {
        background-color: #fff;
        border-bottom: 2px solid #000;
        color: #000;
    }
    .first-part .card-body h4 {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 52px;
        align-items: center;
        color: #000;
        text-transform: capitalize;
    }
    .first-part .card-body p {
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 180%;
        align-items: center;
        text-align: center;
        color: #000;
    }
    .image-content-container {
        flex-direction: column !important;
    }
    .background-image-wrap,
    section.auto-shipping-matter-section,
    section.matter-other-section {
        height: 100%;
    }
    .home-offering-container {
        margin: 0;
        height: 100%;
        width: 100%;
    }
    .offering-image-container {
        display: flex;
        margin-left: 0;
    }
    .home-offering-container .home-offer-heading {
        flex-wrap: wrap;
    }
    .about-content {
        padding: 0;
    }
    .image-frame .main-image {
        width: 334px;
    }
    .image-frame {
        margin-left: 60px;
    }
    .image-frame .frame-one img {
        width: 373px;
        height: 100%;
    }
    .about-page-pragraph {
        overflow-y: scroll;
        height: 171px;
        width: 100%;
    }
    .box-center-content .title {
        font-size: 25px;
    }
    .about-section-two-bg {
        height: 100% !important;
    }
    .culture-container {
        margin-top: 0 !important;
    }
    .about-section-two-content {
        width: 45%;
    }
    .image-frame .main-image-2 {
        width: 318px;
        height: 357px;
    }
    .image-frame .frame-two img {
        height: 70%;
    }
    .image-frame .frame-two {
        top: -15px;
        display: none;
    }
    .navbar-nav .dropdown-toggle {
        color: var(--primary-color);
    }
    .navbar-nav .dropdown-toggle:hover {
        color: #fff;
    }
}
@media only screen and (max-width: 900px) {
    .service-quote-1,
    .service-quote-2 {
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }
    .modes-wrapper .card {
        margin-bottom: 20px;
    }
    .work-flex {
        display: block !important;
    }
    .am-service-container,
    .matter-other-section {
        height: 100% !important;
    }
}
@media only screen and (max-width: 800px) {
    .about-wrapper-container,
    .contact-form .form-container,
    .offering-image-container img {
        width: 100%;
    }
    .home-offers-image {
        margin-right: 0;
    }
    .col-md-6.d-flex.top-margin.flex-fill.mt-2.culture-block.culture-block-1.active,
    .culture-wrap-side-image {
        display: flex;
        justify-content: center;
    }
    .footer-bottom {
        padding-left: 0;
    }
    .main-title-block {
        padding: 10%;
    }
    .main-paragraph-block {
        margin-bottom: 10px;
        padding: 0 10%;
    }
    .title-heading {
        font-size: 50px;
    }
    .flex-mobile-reverse {
        flex-direction: column-reverse;
    }
    .qualities-block {
        margin-top: 20px;
    }
    .offering-image-container {
        display: block;
        margin: 0;
    }
    .home-offering-container {
        width: 95%;
    }
    .offering-card {
        position: unset;
        width: 100%;
        padding: 10px;
    }
    .offering-container {
        height: 1200px;
    }
    .row-responsive {
        margin: 0 !important;
    }
    .mission-statement-heading {
        font-size: 24px;
    }
    .mission-paragraph {
        font-size: 15px;
    }
    .home-offering-container .home-offer-heading {
        flex-wrap: wrap;
    }
    .image-frame {
        margin-left: 0;
    }
    .about-page-pragraph {
        overflow-y: scroll;
        height: 171px;
    }
    .box-center-content .title {
        font-size: 25px;
    }
    .frame-two-main {
        margin-right: 0 !important;
    }
    .workus-wrapper .first-part,
    .workus-wrapper .second-part {
        width: 100%;
        height: 100%;
    }
    .am-service-container,
    .matter-other-section,
    .section.auto-shipping-matter-section {
        height: 100% !important;
    }
}
@media only screen and (max-width: 600px) {
    .service-quote-1,
    .service-quote-2 {
        top: 0;
        right: 0;
        left: 0;
    }
    .about-section-two-content,
    .about-wrapper-container,
    .culture-items,
    .main-subtitle-block,
    .offering-image-container img,
    .pull-right .bg-img img,
    .qualities-block .card,
    .quote-outline-button,
    .section-transport-info .content {
        width: 100%;
    }
    .frame-two-main {
        top: 0;
        background: 0 0;
    }
    .about-content {
        margin-bottom: 0;
    }
    .home-offers-image {
        margin-right: 0;
    }
    .modes-wrapper .section-heading h2 {
        font-size: 31px;
        margin: 1rem;
    }
    .offering-wrapper {
        margin-top: 0;
    }
    .home-offer-heading .primary-color {
        padding-right: 0;
    }
    .text-left {
        text-align: left;
    }
    .work-flex {
        padding: 0;
    }
    .background-image-wrap {
        padding: 32px;
    }
    .heading-paragraph {
        padding: 10px;
    }
    .content-entry .buttons,
    .content-entry .content {
        padding: 2rem;
    }
    .transport-container {
        height: 300px;
    }
    .image-frame .frame-two img,
    .transport-container img {
        height: 100%;
    }
    .transport-container .content-data {
        width: 90%;
        left: 5%;
        right: 5%;
    }
    .transport-container .content-data p {
        font-size: 15px;
        font-weight: 400;
        margin: 1rem 0;
    }
    .image-frame {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .mission-section {
        display: block;
    }
    .mission-section .paragraph-block {
        width: 100%;
        margin: 0;
    }
    .culture-block {
        margin-top: 10px;
    }
    .culture-block .box-center-content,
    .form-outer form .page .field {
        margin: 0;
    }
    .about-form {
        width: 100%;
        padding: 50px;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }
    .contact-transport {
        padding: 4rem 2rem;
    }
    .contact-heading {
        font-size: 38px;
        padding-left: 4rem;
    }
    .contact-subheading {
        padding-left: 4.5rem;
    }
    .orchid .service-heading {
        font-size: 60px;
    }
    .culture-block .side-image {
        display: none;
    }
    .blog-card,
    .buttons .second-btn {
        margin-bottom: 10px;
    }
    .wrapper {
        overflow: hidden;
    }
    .offering-image-container {
        display: block;
        margin: 0;
    }
    .offering-card {
        position: unset;
        width: 100%;
        padding: 10px;
    }
    .offering-container {
        height: 1200px;
    }
    .offering-wrapper .content {
        padding-left: 0 !important;
        width: 100%;
        height: 100%;
    }
    .overlap-image {
        margin-left: 0;
        margin-top: 3rem;
        margin-right: -50px;
    }
    .overlap-image img {
        width: 100%;
        height: 300px;
    }
    .image-heading-statement {
        height: 100px;
        display: flex;
        flex-direction: column;
        margin-top: 3rem;
    }
    .frame-two-image img {
        height: 520px;
    }
    .about-border,
    .about-border::before {
        width: 150px !important;
        left: 30%;
        border-radius: 26px;
    }
    .home-offering-container .home-offer-heading,
    .row-gap {
        flex-wrap: wrap;
    }
    .frame-two-main-background {
        padding: 0 20px;
        margin: 0;
    }
    .about-page-pragraph {
        width: auto;
        height: auto;
    }
    .about-col-two {
        flex-direction: column-reverse;
    }
    .main-mission-statement {
        height: auto;
    }
    .our-services-modes .content {
        padding-left: 0 !important;
    }
    .contact-form {
        padding: 0 !important;
    }
    .contact-form .form-background-color {
        background: linear-gradient(
            180deg,
            rgba(66, 2, 0, 0.87) 0,
            #a22c29 50%,
            rgba(66, 2, 0, 0.87) 99%
        );
    }
    .set-form-background {
        background: 0 0;
    }
    .quote-menu-container .qoutes-services a {
        color: #fff !important;
    }
    .mission-statement-v1 {
        margin: 2.5rem;
    }
    .workus-wrapper .first-part,
    .workus-wrapper .second-part {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 500px) {
    .main-mission-statement {
        height: 700px;
    }
    .image-heading-statement img {
        width: 50px !important;
        height: 50px !important;
    }
    .left-shipper-content {
        text-align: center !important;
    }
    .driven-text {
        font-size: 23px;
        text-align: center;
        width: auto;
    }
    .left-shipper-paragraph,
    .qutes-button {
        width: 50%;
        margin-left: 10rem;
    }
    .left-shipper-paragraph {
        text-align: center;
        font-size: 10px;
        text-wrap: wrap;
    }
    .about-wrapper-container,
    .faq-accordion-main .inner-faq-accordin {
        width: 100%;
    }
    .faq-section {
        padding: 1rem;
    }
    .qualities-block {
        margin-top: 20px;
        flex-direction: column;
    }
    .join-signup-btn,
    .join-sub-title .join-title,
    .join-sub-title .title-md {
        text-align: center;
    }
    .box-responsive {
        justify-content: start;
    }
    .join-us-frame {
        display: none;
    }
    .carrier-join-us-frame .carrier-join-us-image {
        position: unset !important;
    }
    .frame-two-image img {
        height: 520px;
    }
    .row-responsive-box .desc {
        width: 100%;
        text-align: center;
    }
    .row-responsive-box .desc h4 {
        font-size: 15px;
    }
    .home-offering-main-title h3 {
        font-size: 20px !important;
        text-align: center;
    }
    .offering-name-desc {
        text-align: center;
        text-wrap: wrap;
    }
    .background-image-wrap .offering-container {
        width: 100% !important;
    }
    .home-offering-container .home-offer-heading {
        flex-wrap: wrap;
        text-wrap: wrap;
    }
    .home-offering-container {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .home-offers-image {
        margin: 0;
    }
    .offering-image-container {
        width: 100%;
        height: 100%;
    }
    .am-ltl-matter-section {
        height: 100% !important;
    }
}