/* Large Deveice: 1280px. 
=======================================================================
=======================================================================
*/

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

    .header-top-note {
        margin: 0;
    }

    .logo {
        top: 0;
    }

    .header-button-list .btn {
        background: none;
    }

    .header-button-list .btn:not(:last-child) {
        margin-right: 0;
    }

    .main-menu .navbar-nav .nav-link {
        padding: 30px 0;
    }

    .about-thumb {
        margin-bottom: 60px;
    }

    .quote-note a {
        margin-top: 50px;
    }

    .faq-section .section-title h2 {
        font-size: 55px;
    }

    .faq-icon-box {
        display: none;
    }

    .newsletter-form input {
        padding: 25px 20px;
    }

    .newsletter-form {
        margin-top: 40px;
    }

    .testimonial-carousel {
        padding-left: 40px;
    }

    .cta-box {
        padding-left: 50px;
        padding-right: 50px;
    }

    .main-btn .icon.yellow {
        display: none;
    }

    .cta-btns a {
        padding: 15px 28px;
    }

    .main-btn.blue {
        border: none;
    }

    #header-2 .header-info-right {
        display: none;
    }

    .about-area .section-title h2 {
        font-size: 52px;
        line-height: 60px;
    }

    .about-area .pl-70 {
        padding-left: 50px;
    }

    #service-2 .single-service-area {
        padding: 30px;
    }

    .chooseus-area .pl-150 {
        padding-left: 50px;

    }

    .chooseus-area .section-title h2 {
        font-size: 52px;
        line-height: 60px;
    }

    #header-3 .header-button-list .btn {
        background: none;
    }

    .single-counter-box {
        padding: 50px 40px;
    }

    .counter-content-top .big {
        font-size: 60px;
    }

    .logistic-service-area {
        padding: 40px 0px;
    }

    .newsletter-area .section-title h2 {
        font-size: 50px;
    }

    .about-content-wrapper {
        padding: 50px;
    }

}

/* Tablet Layout: 768px. 
========================================================================
========================================================================
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .nav-link span i {
        position: absolute;
        top: 10px;
        right: 12px;
    }

    .header-top-area {
        display: none;
    }

    .logo {
        top: 10px;
    }

    .main-btn .icon.yellow {
        display: none;
    }

    .service-search-wrapper {
        padding: 50px;
    }

    .service-search-wrapper .form-group-wrapper .form-group {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-search-wrapper .form-group-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(2) {
        margin-left: 0;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(3) {
        text-align: center;
        margin-top: 30px;
    }

    .service-search-wrapper {
        padding-top: 20px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 40px;
        margin-bottom: 120px;
    }

    .service-search-wrapper .form-group-wrapper .form-group {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(1) {
        margin-right: 0;
    }

    .service-section-content::after {
        margin-top: -45px;
    }

    .main-btn {
        padding: 12px 35px;
        padding-right: 30px;
    }

    .header-info-right {
        display: none;
    }

    .about-thumb {
        margin-bottom: 60px;
    }

    .faq-section .section-title {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .newsletter-area .section-title {
        margin-bottom: 0
    }

    .single-testimonial .content p {
        font-size: 17px;
    }

    .single-testimonial .content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0;
    }

    .single-testimonial {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-testimonial .thumb {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .testimonial-meta .name {
        font-size: 20px;
    }

    .cta-btns {
        display: block;
        text-align: center;
        margin-top: 50px;
    }

    .cta-btns a {
        padding: 15px 36px;
        padding-right: 36px;
        padding-right: 30px;
    }


    .footer-contact-widget {
        margin-top: 50px;
    }

    .header-top .site-info {
        text-align: center;
    }

    .header-top .contact-info {
        text-align: center;
        margin-bottom: 10px;
    }

    .search-box button {
        display: none;
    }

    .header-area .navigation {
        padding: 0 30px;
        margin-top: -65px;
        margin-top: 0;
    }

    #header-2 .navigation {
        background: #fff;
        padding: 0 30px;
    }

    #header-3.header-area li.nav-item .nav-link {
        color: #004976;
    }

    .main-menu .navbar-nav .nav-link {
        padding: 15px;
    }

    #header-2 .main-menu .navbar-nav .nav-link {
        padding: 15px;
    }

    .about-content-area {
        margin-top: 50px;
    }

    .feature-content {
        margin-top: 30px;
    }

    .single-freight-area {
        margin-bottom: 50px;
    }

    .cta-thumb {
        display: none;
    }

    .cta-wrapper {
        transform: translateY(0px);
    }

    .single-counter-box {
        padding: 50px 35px;
    }

    .counter-content-top .big {
        font-size: 60px;
    }

    .navbar-toggler {
        padding: 5px 15px;
        font-size: 20px;
        line-height: 1;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 99999;
    }

    #header-2 .navbar-toggler {
        padding: 5px 15px;
        font-size: 20px;
        line-height: 1;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 99999;
    }

    .navbar-toggler-icon {
        display: block;
        width: 30px;
        height: 2px;
        background-color: #0099F7;
        margin: 6px 0;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .active .navbar-toggler-icon:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 7px;
    }

    .active .navbar-toggler-icon:nth-of-type(2) {
        opacity: 0;
    }

    .active .navbar-toggler-icon:nth-of-type(3) {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 7px;
    }

    .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 69px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 16px;
        -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        margin-top: 15px;
        max-height: 320px !important;
        overflow-y: scroll !important;
    }

    #header-2 .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 16px;
        -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        margin-top: 15px;
        max-height: 320px !important;
        overflow-y: scroll !important;
    }

    .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 14px;
        font-size: 16px;
        background: none;
        border: 0;
        color: #094074;
    }

    .dropdown-menu {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: none;
        right: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left;
        border-top: 0;
        -webkit-transition: 0s;
        transition: 0s;
    }

    .main-menu ul.dropdown-menu {
        padding: 10px;
        border: none;
    }

    .main-menu .dropdown-menu li a {
        font-size: 16px;
        display: block;
        padding: 12px;
        padding-left: 12px;
        -webkit-transition: .3s;
        transition: .3s;
        padding-left: 30px;
    }

    .main-menu .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: 0;
        cursor: pointer !important;
    }

    .dropdown-menu::after {
        display: none;
    }

    .section-title h2 {
        font-size: 55px;
        line-height: 65px;
    }

    .single-slide-item h1 {
        font-size: 75px;
        line-height: 90px;
    }

    .single-slide-item p {
        font-size: 17px;
        line-height: 27px;
    }

    .hero-area-content .main-btn {
        font-size: 15px;
    }

    .feature-area .single-feature-item {
        margin-bottom: 80px;
        text-align: center;
    }

    .feat-icon {
        padding: 40px 30px;
    }

    .feat-content {
        padding: 40px;
        border-top: 1px solid #eee;
    }

    .info-img {
        margin-top: 50px;
    }

    .single-service-area {
        height: 350px;
    }

    .chooseus-area .feature-img {
        text-align: center;
    }

    .contact-us-inner {
        border-bottom: 1px solid #eee;
    }

    .contact-form-wrapper {
        margin-top: 450px;
    }

    .contact-section .contact-info {
        text-align: left;
    }

    .footer-area p {
        margin-top: 15px;
    }

    .footer-area .contact-info {
        text-align: left;
    }

    #home-3 .single-slide-item h1 {
        font-size: 70px;
        line-height: 85px;
    }

    #about-3 .about-bg {
        margin-top: 30px;
        text-align: center;
    }

    #cta-2.cta-area h2 {
        font-size: 45px;
        line-height: 60px;

    }

    .info-content-area {
        margin-top: 40px;
    }

    .question-section {
        display: none;
    }

    .helpline-section {
        display: none;
    }

    .single-service-bg {
        margin-bottom: 30px;
    }
}

/* Mobile Layout: 320px. 
=====================================================================
=====================================================================
*/

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

    .nav-link span i {
        position: absolute;
        top: 10px;
        right: 12px;
    }

    .header-top-area {
        display: none;
    }

    .logo {
        top: 10px;
    }

    .main-btn .icon.yellow {
        display: none;
    }

    .service-search-wrapper {
        padding: 50px;
        margin-bottom: 80px;
    }

    .service-search-wrapper .form-group-wrapper .form-group {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-search-wrapper .form-group-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(2) {
        margin-left: 0;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(3) {
        text-align: center;
        margin-top: 30px;
    }

    .service-search-wrapper {
        padding-top: 20px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 40px;
        margin-bottom: 120px;
    }

    .service-search-wrapper .form-group-wrapper .form-group {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(1) {
        margin-right: 0;
    }

    .main-btn {
        padding: 12px 35px;
        padding-right: 30px;
    }

    .header-info-right {
        display: none;
    }

    .about-thumb {
        margin-bottom: 60px;
    }

    .service-section-content::after {
        margin-top: -65px;
    }

    .quote-note {
        margin-top: 40px;
    }

    .faq-icon-box {
        top: 60%;
        right: 95px;
        margin-top: 0;
    }

    .accordion.faqs .card .card-header .btn-link {
        font-size: 14px;
        padding: 25px 15px;
    }

    .accordion.faqs .card .card-header .btn-link::after {
        display: none;
    }

    .single-logistics-item .logistics-content {
        padding: 32px 20px;
        padding-right: 0;
    }

    .single-logistics-item {
        margin-bottom: 50px;
    }

    .newsletter-form input {
        padding: 20px;
    }

    .newsletter-form .main-btn {
        position: relative;
        right: -60px;
        bottom: -50px;
    }

    .single-testimonial .content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0;
    }

    .single-testimonial {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-testimonial .thumb {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .faq-section .section-title {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .newsletter-area .section-title {
        margin-bottom: 0
    }

    .single-testimonial .content p {
        font-size: 15px;
    }

    .testimonial-meta .name {
        font-size: 16px;
    }

    .testimonial-meta .designation {
        font-size: 13px;
    }

    .cta-box {
        padding-left: 50px;
        padding-right: 50px;
    }

    .cta-btns {
        display: block;
        text-align: center;
        margin-top: 50px;
    }

    .cta-btns a {
        padding: 15px 36px;
        padding-right: 36px;
        padding-right: 30px;
    }

    .footer-contact-widget {
        margin-top: 50px;
    }

    .service-menu {
        margin-top: 50px;
    }

    .header-top .site-info {
        text-align: center;
    }

    .header-top .contact-info {
        font-size: 15px;
        text-align: center;
        margin-bottom: 10px;
    }

    .header-top .social-area {
        margin-top: 10px;
    }

    .header-area .sub-title {
        display: none;
    }

    .search-box button {
        display: none;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .section-title h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 10px 0;
    }

    .header-area .navigation {
        padding: 0;
        margin-top: -65px;
        margin-top: 0;
    }

    #header-2 .navigation {
        background: #fff;
        padding: 0 30px;
    }

    .about-content-area {
        margin-top: 50px;
    }

    .feature-content {
        margin-top: 30px;
    }

    .about-section .section-content p {
        font-size: 16px;
    }

    .about-list .single-item {
        flex-basis: 100%;
    }

    .about-featured-area {
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }

    .about-featured-area:after {
        display: none;
    }

    .about-area .pl-70 {
        padding-left: 40px;
    }

    .single-freight-area {
        margin-bottom: 50px;
    }

    .cta-thumb {
        display: none;
    }

    .cta-wrapper {
        transform: translateY(0px);
    }

    .chooseus-area .pl-150 {
        padding-left: 50px;

    }

    .blog-area .section-title {
        margin-bottom: 0
    }

    .blog-area .main-btn {
        margin-top: 0;
        display: none;
    }

    .ftu-box {
        padding: 25px;
        text-align: center;
    }

    .ftu-btns a {
        padding: 11px 35px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        margin: 10px;
    }

    .ftu-title span {
        font-size: 20px;
    }

    .ftu-box .ftu-title {
        font-size: 35px;
    }

    .ftu-btns {
        flex-direction: column;
    }

    .counter-area .pop-up-video {
        display: none;
    }

    .counter-area.bg-cover {
        height: 1000px;
    }


    .header-area .main-btn {
        display: none;
    }

    .main-menu .navbar-nav .nav-link {
        padding: 15px;
    }

    .responsive-logo {
        display: block;
        width: 180px;
        margin-top: 10px;
        float: left;
        position: relative;
        top: 0;
        left: 0px;
        z-index: 999;
    }

    #header-2 .main-menu .navbar-nav .nav-link {
        padding: 15px;
    }

    #header-3.header-area li.nav-item .nav-link {
        color: #004976;
    }

    .navbar-toggler {
        padding: 5px 15px;
        font-size: 20px;
        line-height: 1;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 99999;
    }

    #header-2 .navbar-toggler {
        padding: 5px 15px;
        font-size: 20px;
        line-height: 1;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 99999;
    }

    .navbar-toggler-icon {
        display: block;
        width: 30px;
        height: 2px;
        background-color: #0099F7;
        margin: 6px 0;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .active .navbar-toggler-icon:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 7px;
    }

    .active .navbar-toggler-icon:nth-of-type(2) {
        opacity: 0;
    }

    .active .navbar-toggler-icon:nth-of-type(3) {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 7px;
    }

    .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 69px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 16px;
        -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        margin-top: 15px;
        max-height: 320px !important;
        overflow-y: scroll !important;
    }

    #header-2 .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 16px;
        -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        margin-top: 15px;
        max-height: 320px !important;
        overflow-y: scroll !important;
    }


    .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 14px;
        font-size: 16px;
        background: none;
        border: 0;
        color: #094074;
    }

    .dropdown-menu {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: none;
        right: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left;
        border-top: 0;
        -webkit-transition: 0s;
        transition: 0s;
    }

    .main-menu .dropdown-menu li a {
        font-size: 15px;
        display: block;
        padding: 12px;
        padding-left: 12px;
        -webkit-transition: .3s;
        transition: .3s;
        padding-left: 30px;
    }

    .main-menu .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: 0;
        cursor: pointer !important;
    }

    .dropdown-menu::after {
        display: none;
    }

    .main-menu ul.dropdown-menu {
        padding: 7px 15px;
        border: none;
    }

    .single-slide-item {
        text-align: center;
    }

    .single-slide-item h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .single-slide-item h1::before {
        display: none;
    }

    .single-slide-item p {
        font-size: 16px;
        line-height: 24px;
    }

    .hero-area-content .main-btn {
        font-size: 16px;
    }

    .feature-area {
        padding: 0 30px;
    }

    [class*="col-12"]:not(:last-child) .single-feature-item {
        margin-bottom: 80px;
        text-align: center;
    }

    .feat-icon {
        padding: 30px;
    }

    .feat-content {
        padding: 40px;
        border-top: 1px solid #eee;
    }

    .testimonial-content p {
        font-size: 16px;
    }

    .info-img {
        margin-top: 40px;
    }

    .single-service-area {
        height: 330px;
    }

    #logistics .single-service-area {
        height: 350px;
    }

    .single-serv-item {
        height: 380px;
    }

    .cta-content h4 span {
        font-size: 16px;
        line-height: 26px;
        margin: 20px 0;
    }

    .single-carousel-item p {
        font-size: 16px;
        line-height: 27px;
    }

    .feature-content h5 {
        font-size: 18px;
    }

    .contact-us-inner {
        border-bottom: 1px solid #eee;
    }

    .contact-form-wrapper {
        margin-top: 1060px;
    }

    .contact-section .contact-info {
        text-align: left;
    }

    .single-blog-item {
        margin-bottom: 40px;
    }


    .about-us-area .section-title h2 {
        font-size: 27px;
    }

    .contact-us-content h2 {
        font-size: 32px;
    }

    .footer-area p {
        margin-top: 10px;
    }

    .copyright-line {
        text-align: center;
    }

    p.privacy {
        text-align: center;
    }

    #home-2 .hero-area-content .main-btn {
        margin-left: 0;
        margin-top: 30px;
    }

    #home-2 .single-slide-item h6 {
        padding-left: 0;
    }

    .about-content-wrapper {
        padding: 30px;
    }

    #home-3 .single-slide-item {
        height: 750px;
    }

    #home-3 .single-slide-item h1 {
        font-size: 45px;
        line-height: 55px;
    }

    #about-3 .about-bg {
        display: none;
    }

    .single-feat-item.feat-3.last-child.bg-cover {
        margin-bottom: 0;
    }

    .cta-area {
        text-align: center;
    }

    .cta-area h2 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 20px;
    }

    #cta-2.cta-area h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .cta-area .contact-info {
        text-align: center;
    }

    .cta-area .contact-info h5 {
        font-size: 18px;
    }

    .cta-area .contact-info i {
        font-size: 25px;
    }

    .info-content-area {
        margin-top: 40px;
    }

    .contact-form {
        padding: 30px;
        margin-top: 30px;
    }

    .question-section {
        display: none;
    }

    .helpline-section {
        display: none;
    }

    .quotation-dtl p {
        padding: 0;
        font-size: 13px;
    }

    #service-page .single-service {
        padding: 0;
    }


    .single-comments-section p span {
        padding-left: 0;
    }

    .quotation-form {
        padding: 60px 40px;
    }

    #service-page .single-service h2 {
        font-size: 30px;
    }

}

/* Wide Mobile Layout: 480px. 
=====================================================================
=====================================================================
*/

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

    .nav-link span i {
        position: absolute;
        top: 10px;
        right: 12px;
    }

    .header-top-area {
        display: none;
    }

    .logo {
        top: 10px;
    }

    .main-btn .icon.yellow {
        display: none;
    }

    .service-search-wrapper {
        padding: 50px;
        margin-bottom: 80px;
    }

    .service-search-wrapper .form-group-wrapper .form-group {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-search-wrapper .form-group-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(2) {
        margin-left: 0;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(3) {
        text-align: center;
        margin-top: 30px;
    }

    .service-search-wrapper {
        padding-top: 20px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 40px;
        margin-bottom: 120px;
    }

    .service-search-wrapper .form-group-wrapper .form-group {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-search-wrapper .form-group-wrapper .form-group:nth-child(1) {
        margin-right: 0;
    }

    .main-btn {
        padding: 12px 35px;
        padding-right: 30px;
    }

    .header-info-right {
        display: none;
    }

    .about-thumb {
        margin-bottom: 60px;
    }

    .service-section-content::after {
        margin-top: -65px;
    }

    .quote-note {
        margin-top: 40px;
    }

    .accordion.faqs .card .card-header .btn-link {
        padding: 25px 15px;
    }

    .single-testimonial .content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-left: 0;
    }

    .single-testimonial {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .single-testimonial .thumb {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .faq-section .section-title {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .newsletter-area .section-title {
        margin-bottom: 0
    }

    .single-testimonial .content p {
        font-size: 17px;
    }

    .testimonial-meta .name {
        font-size: 20px;
    }

    .cta-box {
        padding-left: 50px;
        padding-right: 50px;
    }

    .cta-btns {
        display: block;
        text-align: center;
        margin-top: 50px;
    }

    .cta-btns a {
        padding: 15px 36px;
        padding-right: 36px;
        padding-right: 30px;
    }

    .footer-contact-widget {
        margin-top: 50px;
    }

    .service-menu {
        margin-top: 50px;
    }

    .header-top .site-info {
        text-align: center;
    }

    .header-top .contact-info {
        font-size: 15px;
        text-align: center;
        margin-bottom: 10px;
    }

    .header-top .social-area {
        margin-top: 10px;
    }

    .header-area .sub-title {
        display: none;
    }

    .search-box button {
        display: none;
    }

    .section-title h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .header-area .navigation {
        padding: 0;
        margin-top: -65px;
        margin-top: 0;
    }

    #header-2 .navigation {
        background: #fff;
        padding: 0 30px;
    }

    .about-content-area {
        margin-top: 50px;
    }

    .feature-content {
        margin-top: 30px;
    }

    .about-featured-area {
        position: relative;
        text-align: center;
        margin-bottom: 30px;
    }

    .about-featured-area:after {
        display: none;
    }

    .about-area .pl-70 {
        padding-left: 40px;
    }

    .single-freight-area {
        margin-bottom: 50px;
    }

    .cta-thumb {
        display: none;
    }

    .cta-wrapper {
        transform: translateY(0px);
    }

    .chooseus-area .pl-150 {
        padding-left: 50px;

    }

    .blog-area .section-title {
        margin-bottom: 0
    }

    .blog-area .main-btn {
        margin-top: 0;
    }

    .counter-area .pop-up-video {
        display: none;
    }

    .counter-area.bg-cover {
        height: 1000px;
    }


    .header-area .main-btn {
        display: none;
    }

    .main-menu .navbar-nav .nav-link {
        padding: 15px;
    }

    .responsive-logo {
        display: block;
        width: 180px;
        margin-top: 10px;
        float: left;
        position: relative;
        top: 0;
        left: 0px;
        z-index: 999;
    }

    #header-2 .main-menu .navbar-nav .nav-link {
        padding: 15px;
    }

    #header-3 .main-menu .navbar-nav .nav-link {
        color: inherit;
    }

    .navbar-toggler {
        padding: 5px 15px;
        font-size: 20px;
        line-height: 1;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 99999;
    }

    #header-2 .navbar-toggler {
        padding: 5px 15px;
        font-size: 20px;
        line-height: 1;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 20px;
        right: 0;
        z-index: 99999;
    }

    .navbar-toggler-icon {
        display: block;
        width: 30px;
        height: 2px;
        background-color: #0099F7;
        margin: 6px 0;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .active .navbar-toggler-icon:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 7px;
    }

    .active .navbar-toggler-icon:nth-of-type(2) {
        opacity: 0;
    }

    .active .navbar-toggler-icon:nth-of-type(3) {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 7px;
    }

    .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 69px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 16px;
        -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        margin-top: 15px;
        max-height: 320px !important;
        overflow-y: scroll !important;
    }

    #header-2 .main-menu .navbar .navbar-collapse {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 16px;
        -webkit-box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 26px 48px 0 rgba(0, 0, 0, 0.15);
        margin-top: 15px;
        max-height: 320px !important;
        overflow-y: scroll !important;
    }


    .navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 14px;
        font-size: 16px;
        background: none;
        border: 0;
        color: #094074;
    }

    .dropdown-menu {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
        top: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: none;
        right: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left;
        border-top: 0;
        -webkit-transition: 0s;
        transition: 0s;
    }

    .main-menu .dropdown-menu li a {
        font-size: 15px;
        display: block;
        padding: 12px;
        padding-left: 12px;
        -webkit-transition: .3s;
        transition: .3s;
        padding-left: 30px;
    }

    .main-menu .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: 0;
        cursor: pointer !important;
    }

    .main-menu ul.dropdown-menu {
        padding: 7px 15px;
        border: none;
    }

    .dropdown-menu::after {
        display: none;
    }

    .single-slide-item {
        text-align: center;
    }

    .single-slide-item h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .single-slide-item h1::before {
        display: none;
    }

    .single-slide-item p {
        font-size: 18px;
        line-height: 24px;
    }

    .hero-area-content .main-btn {
        font-size: 16px;
    }

    .feature-area {
        padding: 0 30px;
    }

    [class*="col-12"]:not(:last-child) .single-feature-item {
        margin-bottom: 80px;
        text-align: center;
    }

    .feat-icon {
        padding: 30px;
    }

    .feat-content {
        padding: 40px;
        border-top: 1px solid #eee;
    }

    .testimonial-content p {
        font-size: 16px;
    }

    .info-img {
        margin-top: 40px;
    }

    .single-service-area {
        height: 330px;
    }

    #logistics .single-service-area {
        height: 350px;
    }

    .single-serv-item {
        height: 380px;
    }

    .cta-content h4 span {
        font-size: 16px;
        line-height: 26px;
        margin: 20px 0;
    }

    .single-carousel-item p {
        font-size: 16px;
        line-height: 27px;
    }

    .feature-content h5 {
        font-size: 18px;
    }

    .contact-us-inner {
        border-bottom: 1px solid #eee;
    }

    .contact-form-wrapper {
        margin-top: 1060px;
    }

    .contact-section .contact-info {
        text-align: left;
    }

    .single-blog-item {
        margin-bottom: 40px;
    }


    .about-us-area .section-title h2 {
        font-size: 27px;
    }

    .contact-us-content h2 {
        font-size: 32px;
    }

    .footer-area p {
        margin-top: 10px;
    }

    .copyright-line {
        text-align: center;
    }

    p.privacy {
        text-align: center;
    }

    #home-2 .hero-area-content .main-btn {
        margin-left: 0;
        margin-top: 30px;
    }

    #home-2 .single-slide-item h6 {
        padding-left: 0;
    }

    .about-content-wrapper {
        padding: 30px;
    }

    #home-3 .single-slide-item {
        height: 750px;
    }

    #home-3 .single-slide-item h1 {
        font-size: 45px;
        line-height: 55px;
    }

    #about-3 .about-bg {
        display: none;
    }

    .single-feat-item.feat-3.last-child.bg-cover {
        margin-bottom: 0;
    }

    .cta-area {
        text-align: center;
    }

    .cta-area h2 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 20px;
    }

    #cta-2.cta-area h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .cta-area .contact-info {
        text-align: center;
    }

    .cta-area .contact-info h5 {
        font-size: 18px;
    }

    .cta-area .contact-info i {
        font-size: 25px;
    }

    .info-content-area {
        margin-top: 40px;
    }

    .contact-form {
        padding: 30px;
        margin-top: 30px;
    }

    .question-section {
        display: none;
    }

    .helpline-section {
        display: none;
    }

    .quotation-dtl p {
        padding: 0;
        font-size: 13px;
    }

    #service-page .single-service {
        padding: 0;
    }


    .single-comments-section p span {
        padding-left: 0;
    }

    .quotation-form {
        padding: 60px 40px;
    }

    #service-page .single-service h2 {
        font-size: 30px;
    }

}