/* check on 992  */
@media screen and (max-width:1400px) {
    .grid-box .woof_redraw_zone {
        width: 80%;
    }
}


@media screen and (max-width:1024px) {
    .hero .text-box {
        margin: 60px 0 200px 170px;
    }

    .hero .text-box p:before {
        width: 80px;
    }

    .hero .text-box h6 {
        margin-bottom: 10px;
    }

    .hero .text-box p {
        padding-left: 95px;
    }

    .hero .text-box p br {
        display: none;
    }

    .hero .text-box h2 {
        font-size: 45px;
        margin-bottom: 10px;
    }

    .hero .text-box h1 {
        font-size: 65px;
        margin-bottom: 10px;
    }

    .grid-box {
        width: 95%;
        top: -30px;
    }

    .trucker-about .about-detail {
        padding-right: 5%;
    }

    .trusted-transport {
        padding: 70px 0 70px 0;
    }

    .trusted-transport .trusted-col-first {
        padding-right: 20px;
    }

    h2 {
        font-size: 40px;
    }

    .trusted-transport .trusted-col-second {
        padding-left: 1.5rem;
    }

    .trusted-transport .trusted-certified {
        padding: 15px 15px;
        margin: 0px 0px 30px 0px;
    }

    .trusted-transport .trusted-trucker-down {
        margin-top: 50px;
    }

    .trucker-offer {
        padding: 70px 0 95px 0;
    }

    .btn a {
        font-size: 14px;
    }

    .trucker-offer-slide .offer-slide .btn {
        padding: 7px 10px;
    }

    .offer-slider .offer-slide-img {
        height: 180px;
    }

    .trucker-offer h3 {
        font-size: 22px;
    }

    .trucker-offer .col-lg-3 {
        text-align: center;
    }

    .trucker-offer .text-box h2,
    .trucker-offer .text-box h6 {
        margin-bottom: 5px;
    }

    .trucker-offer h3 {
        margin-bottom: 20px;
    }

    .trucker-offer {
        padding: 50px 0 75px 0;
    }

    .testimonial {
        padding: 70px 0 390px 0;
    }

    .testimonial .text-box {
        width: 80%;
    }

    .app-store {
        width: 100%;
    }

    .empty-col {
        display: none;
    }

    .social-img img {
        height: 30px;
        width: 30px;
        padding: 7px;
        margin: 0 4px;
    }

    .payment-img img {
        height: 30px;
        width: 55px;
    }

    .how-work {
        padding: 70px 0;
    }

    .works-width {
        width: 90%;
        background: url(../images/trucker-work-bg-1.webp) 33% 31%, url(../images/trucker-work-bg-2.webp) 42% 59%, url(../images/trucker-work-bg-3.webp) 47% 85%;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    .work-box .img-box:before {
        width: 280.04px;
        height: 290.84px;
        transform: translate(-50%, -50%);
    }

    .work-box .img-box.img-two:before {
        transform: translate(-55%, -50%);
    }

    .work-box .img-box.img-three:before {
        transform: translate(-60%, -50%);
    }

    .work-box .img-box.img-four:before {
        transform: translate(-60%, -50%);
    }

    .how-work .text-box p {
        margin-bottom: 50px;
    }





    .single-product .wpgs-nav.slick-initialized.slick-slider img {
        width: 310px;
        height: 200px;
    }

    .wpgs-for.slick-initialized,
    .wpgs-nav.slick-initialized {
        top: -50px;
    }

    .product-name {
        top: -80px;
    }

    section.single-overview {
        margin: 60px 0;
    }

    .book-vehical-single {
        margin: 60px 0;
    }


    .trucker-main-shop.grid-box .woof_redraw_zone {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        width: 100%;
        column-gap: 15px;
        top: -65px;
    }

    .trucker-main-shop select.gt_selector.notranslate {
        top: 10px !important;
        right: 15px !important;
    }


    .trucker-main-shop .woof_submit_search_form_container {
        overflow: hidden;
    }


    .grid-box .woof_redraw_zone {
        width: 100%;
    }

    .contact-section {
        padding-top: 70px;
    }

    .contact-grid .grid-box p {
        font-size: 15px;
    }

    .contact-grid .grid-box p a {
        font-size: 14px;
    }

    .woocommerce-account .wc-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px;
    }

    #leadmodal .modal-body .bookform h2 {
        font-size: 30px;
    }

    #leadmodal .modal-body .bookform .form-group label {
        margin-bottom: 4px;

    }

    #leadmodal .modal-body .bookform .form-group textarea,
    #leadmodal .modal-body .bookform .form-group select,
    #leadmodal .modal-body .bookform .form-group input {
        margin-bottom: 10px;
        height: 40px;
    }

    #leadmodal .modal-body .bookform {
        padding: 20px 0;
    }

    #leadmodal .modal-body .bookform .form-group label.checkbox_label {
        margin-bottom: 10px;
    }

    .app-store {
        margin-top: 20rem;
    }

}


/* check on 768 */

@media screen and (max-width:991px) {
    .hero .text-box {
        margin: 100px 0 125px 170px;
    }

    .header_section {
        height: 100%;
        min-height: 100%;
    }

    .hero .text-box h6 {
        font-size: 14px;
    }

    .hero .text-box h2 {
        font-size: 40px;
    }

    .hero .text-box h1 {
        font-size: 55px;
        line-height: 55px;

    }

    .grid-box {
        width: 100%;
        top: -30px;
        column-gap: 20px;
        grid-template-columns: 5fr 5fr 5fr 5fr;
    }

    .grid-box button,
    .grid-box select {
        padding: 10px 10px;
    }


    h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .trucker-about .about-detail {
        padding-right: 2%;
    }

    .trucker-about .about-detail p,
    .trucker-about .about-detail h2,
    .trucker-about .about-detail h6 {
        margin-bottom: 15px;
    }

    .trucker-about .about-detail .btn {
        padding: 10px 20px;
    }

    .trusted-transport {
        padding: 50px 0 50px 0;
    }

    .trusted-transport .trusted-certified h5 {
        font-size: 15px;
    }

    .trusted-transport .trusted-certified p {
        font-size: 14px;
    }

    .testimonial {
        padding: 50px 0 330px 0;
    }

    .testimonial .text-box {
        width: 95%;
    }

    .store-img img {
        width: 40%;
    }

    .app-store {
        padding: 30px 30px;
    }

    .app-store p {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .navbar-toggler-icon {
        background-image: url("../images/menu.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        margin: 8px 0 0 0;
    }

    .header_section .navbar-toggler {
        border: 0;
    }

    header .nav-item a.active::before {
        width: 0px;
        height: 0px;
    }

    .offcanvas-header {
        border-bottom: 1px solid #ffffff61;
    }

    .offcanvas-header .btn-close {
        filter: invert(1);
        opacity: 1;
    }

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

    .empty-col {
        display: block;
    }

    .news-letter {
        margin-bottom: 60px;
    }

    .footer {
        margin-top: -80px;
        padding-bottom: 70px;
    }

    .testimonial .text-box p {
        margin-bottom: 30px;
    }

    .how-work {
        padding: 50px 0;
    }

    .how-work .text-box p {
        width: 100%;
    }

    .work-box .img-box:before {
        width: 220.04px;
        height: 233.84px;
        transform: translate(-50%, -50%);
    }

    .works-width {
        width: 100%;
        background: url(../images/trucker-work-bg-1.webp) 48% 30%, url(../images/trucker-work-bg-2.webp) 47% 58%, url(../images/trucker-work-bg-3.webp) 48% 85%;
        background-repeat: no-repeat;
        background-size: 65%;
    }

    .how-work .text-box h6,
    .how-work .text-box h2 {
        margin-bottom: 10px;
    }

    /* .desktop-btn {
            display: none;
        } */

    .mobile-btn {
        display: block;
        position: absolute;
        top: 9px;
        right: 10%;
    }

    header .btn {
        padding: 9px 26px;
    }

    header .nav-item a.active::before {
        left: 3%;
    }

    header .nav-item a:hover::before {
        left: 3%;
    }

    header .nav-item a {
        margin-left: 0;
        font-size: 18px;
    }

    .offcanvas-body ul li {
        border-bottom: 1px solid #ffffff61;
        padding: 5px 0;
        background-image: url(https://ordertrucker.com/wp-content/themes/ordertrucker/assets/images/trucker-right-arrow.png);
        background-position: right;
        background-repeat: no-repeat;

    }

    .gtranslate_wrapper {
        display: none;
    }

    /* Shop */

    .trucker-shop-listings ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .trucklist-shop-filter,
    .request-quotation {
        padding: 15px;
    }

    .trucker-main-shop .chosen-container-single .chosen-single {
        height: 48px !important;
        padding: 12px 20px !important;
    }

    .trucker-main-shop a.button.wp-element-button.product_type_variable.add_to_cart_button {
        line-height: 12px;
        width: auto;
    }

    .trucker-main-shop img.attachment-woocommerce_thumbnail {
        margin-bottom: 10px !important;
    }


    /* single */

    .hero-trucker-listings .text-box h2 {
        font-size: 40px;
    }

    .hero-trucker-listings .text-box {
        margin: 50px 0 50px 100px;
    }

    .hero-trucker-listings {
        background-position: 20% 0%;
    }

    section.trucker-shop-listings {
        margin-bottom: 40px;
        margin-top: 40px;
    }





    .single-product .wpgs-nav.slick-initialized.slick-slider img {
        width: 272px;
        height: 175px;
        object-fit: cover;
    }

    .single-overview .overview-details {
        margin: 0px 0px 40px 0px;
    }

    .single-overview .overview-details .text-box {
        width: 100%;
    }

    section.single-overview {
        margin: 40px 0;
    }

    .single-overview .img-boxx {
        text-align: center;
    }

    .single-overview .icon-box.play-icon {
        left: 50%;
        top: 52%;
    }

    .book-vehical-single .text-box {
        width: 100%;
    }

    .book-vehical-single form.variations_form.cart {
        display: block;

    }

    .container,
    .container-sm {
        max-width: 767px;
    }

    span.flatpickr-day,
    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover {
        margin: 11px 22px;
    }

    .book-vehical-single .flatpickr-calendar.animate.inline {
        margin-bottom: 50px;
    }

    .from-to-tabel .round-trip {
        padding: 10px 15px;
    }



    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button {
        display: block;
    }

    .woocommerce .review_link_data_wappers a.button {
        display: inline-block;
    }

    .trucker-all-list .button {
        margin-left: 0;
        width: 40%;
        margin-right: 0;
    }

    .search-box .grid-box .woof_redraw_zone {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        width: 100%;
    }

    section.loginbox {
        overflow: hidden;
    }

    .login-details {
        width: 90%;
    }

    .grid-box .woof_redraw_zone {
        padding: 20px 20px;
    }

    .grid-box .chosen-container-single .chosen-single {
        width: 150px !important;
    }

    .slider-small-img.slick-slide {
        width: auto;
        height: auto;
    }

    button.btn.mobile-btn {
        margin: 0 15px;
    }

    a.text-center.mt-2.small.uwp-login-link.btn.mobile-btn {
        /* display: none; */
        top: 0px;
        margin: 0px 119px;
    }

    button.btn.canvas-btn.d-lg-none {
        padding: 8px 10px;
        margin-top: -7px;
    }
    a.text-center.mt-2.small.uwp-login-link.btn.desktop-btn {
        margin-right: 10px;
    }

    select.gt_selector.notranslate {
        color: #000;
        top: 5px;
        right: 5px;
    }

    .woocommerce-checkout .woocommerce ul.order_details li strong {
        font-size: 14px;
    }

    .our-team,
    .our-feature {
        padding: 60px 0;
    }

    .our-team .text-box p,
    .our-feature .text-box p {
        margin-top: 20px;
        padding-bottom: 30px;
        width: 100%;
    }

    .our-feature .feature-width {
        width: 100%;
    }

    .our-feature .feature-box h5 {
        font-size: 18px;
        margin: 10px 0;
    }

    .our-team .team-box {
        padding: 10px;
    }

    .our-team .team-box img {
        margin-bottom: 10px;
    }

    .our-team .team-box h5 {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .our-team .team-box p {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .contact-grid .grid-box {
        padding: 10px;
    }

    .contact-grid .grid-box p {
        font-size: 13px;
    }

    .contact-grid .grid-box p a {
        font-size: 13px;
    }

    .contact-section .form-box .contact-img img {
        margin-bottom: 30px;
    }

    .contact-section .form-box {
        margin-left: 5px;
        margin-right: 5px;
    }

    .trucker-listing-sort .woocommerce .woocommerce-ordering select,
    .woocommerce-page .woocommerce-ordering select {
        padding: 10px;
    }

    .modal.show#leadmodal .modal-dialog {
        max-width: 95%;
    }

    #leadmodal .popup_grid .image-box {
        display: none;
    }

    #leadmodal .popup_grid {
        display: block;
        padding: 15px;
    }

    .header_shop header .nav-item a {
        color: #fff !important;
    }
    .product-slider .slider-single img {
        height: 450px;
    }
    .product-slider .slider-nav img {
        height: 170px;
    }

    .single-overview .overview-details h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:767px) {
    .woocommerce-page .wc-account .col2-set .col-1 {
        width: 100%;
    }
}


/* check on 360 */

@media screen and (max-width:767px) {
    .header_section {
        height: 100%;
        background-position-x: 23%;
    }

    header .nav-item a.active::before {
        left: 6%;
    }

    .hero .text-box {
        margin: 90px 10px 100px;
    }

    .hero .text-box h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .grid-box {
        padding: 15px 20px;
        top: -30px;
        column-gap: 20px;
        row-gap: 15px;
        grid-template-columns: 5fr 5fr;
    }

    .grid-box button,
    .grid-box select {
        height: 40px;
        padding: 10px 15px;
    }

    .trucker-about .about-detail {
        padding-left: 20px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    body {
        font-size: 14px;
        line-height: 20.5px;
    }

    .trucker-about,
    .trusted-transport {
        padding: 30px 10px 30px 0;
    }

    .trusted-transport .trusted-col-first {
        padding-right: 0px;
    }

    h2 {
        font-size: 25px;
        line-height: 30px;
    }

    /* .trusted-transport .col-lg-6.col-md-6 {
            margin: 0 0 0 10px;
        } */
    p {
        font-size: 13px;
    }

    .trusted-transport .trusted-certified p {
        font-size: 13px;
    }

    .trusted-transport .trusted-certified h5 {
        font-size: 14px;
    }

    .trusted-transport .trusted-certified {
        padding: 10px 10px;
    }

    .offer-slider .slick-dots {
        bottom: -45px;
    }

    .offer-slider .offer-slide-img {
        height: 200px;
    }

    .testimonial {
        padding: 30px 0 180px 0;
    }

    .footer_mobile_img {
        display: none;
    }

    .app-store {
        padding: 30px 30px;
    }

    .app-store h2 {
        margin-bottom: 20px;
    }

    .app-store p {
        margin-bottom: 20px;
    }

    .store-img img {
        width: 43%;
    }

    .app-store {
        top: -110px;
    }

    .empty-col {
        display: none;
    }

    .social-mob {
        margin-top: 30px;
    }

    .footer {
        padding-bottom: 40px;
    }

    .app-store .img-box {
        display: none;
    }

    .testimonial .text-box h2,
    .testimonial .text-box h6 {
        margin-bottom: 10px;
    }

    .works-width {
        background-size: 0%;
    }

    .how-work {
        padding: 30px 0 40px;
    }

    .how-work .text-box p {
        margin-bottom: 30px;
    }

    h3 {
        font-size: 22px;
        line-height: 25px;
    }

    .how-work .work-box {
        margin-bottom: 50px;
    }
    .product-name h4 {
        font-size: 20px;
    }
    .work-box .img-box.img-four:before {
        transform: translate(-60%, -47%);
        width: 210px;
        height: 200px;
    }

    .how-work h3 {
        margin-bottom: 10px;
    }

    .mobile-btn {
        right: 18%;
        top: 12px;
    }

    /* shop */
    .hero-trucker-listings .text-box {
        margin: 0px 0px 0px 0px;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        float: none;
        margin: 0px 0 20px 0;
    }

    .trucklist-shop-filter .filters h3,
    .request-quotation .text-box h3 {
        font-size: 15px;
    }

    .trucklist-shop-filter .filters h3 {
        padding-bottom: 10px;
    }

    .trucklist-shop-filter .woof_container_inner h4 {
        font-size: 12px;
    }

    .trucker-main-shop .chosen-container-single .chosen-single span {
        font-size: 12px;
    }

    section.trucker-shop-listings {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .trucker-shop-listings ul.products {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .trucker-all-list {
        padding: 10px;
    }



    .hero-trucker-listings .text-box {
        margin: 90px 10px 100px;
    }

    .hero-trucker-listings {
        background-position: 33% 0%;
    }

    .hero-trucker-listings .text-box h2 {
        line-height: 50px;
    }



    .single-product .wpgs-nav.slick-initialized.slick-slider img {
        width: 158px;
        height: 125px;

    }

    .wpgs-for.slick-initialized.slick-slider img {
        height: 555px;
    }

    .grid-box .chosen-container-single .chosen-single {
        width: 82% !important;
    }

    .grid-box .woof_redraw_zone {
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
        column-gap: 15px;
        top: -65px;
    }

    .grid-box button,
    .grid-box select {
        height: 45px;
        padding: 0px 0px;
        width: 100%;
    }

    .grid-box {
        padding: 0px 0px;
    }

    .grid-box .chosen-container-single .chosen-single {
        width: 100% !important;
    }

    .book-vehical-single .flatpickr-calendar.animate.inline {
        padding: 10px;
    }

    span.flatpickr-day,
    .flatpickr-day.flatpickr-disabled,
    .flatpickr-day.flatpickr-disabled:hover {
        margin: 7px 0px;
    }

    .book-vehical-single form.variations_form.cart {
        padding: 20px 0;
    }




    .book-vehical-single table.variations {
        margin: 0 10px;
    }

    .book-vehical-single .from-to-tabel .round-trip {
        margin-right: 5%;
    }

    .book-vehical-single .from-to-tabel {
        margin: 10px 15px;
    }

    button.single_add_to_cart_button.button.alt.wp-element-button.disabled.wc-variation-selection-needed {
        margin: 0 20px;
    }

    .loginpage .login-bg h4 {
        font-size: 27px;
    }


    section.loginpage {
        position: absolute;
    }

    .loginpage .login-bg .img-box img {
        top: 170px;
    }

    .loginpage .login-bg .img-box:before {
        left: 65%;
        top: 75%;
    }

    .loginpage .col-md-8 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .loginpage .bsui .card-body {
        margin: 0;
        padding: 0;
    }

    .loginpage .privacy-copyrigt-forms .privacy-forms {
        position: absolute;
        bottom: -15px;
        left: 2%;
    }

    .loginpage .privacy-copyrigt-forms .copyright-forms {
        bottom: 0px;
        right: 7%;
        position: absolute;
    }

    .loginpage .bsui p {
        margin-top: 0;
        margin-bottom: 5px;
    }

    a.text-center.mt-2.small.uwp-login-link.btn.mobile-btn {
        display: none;
    }

    button.btn.canvas-btn.d-lg-none {
        padding: 9px !important;
    }

    .woocommerce-checkout .footer,
    .woocommerce-cart .footer {
        padding-top: 40px;
    }

    .page-template-contact_us .footer,
    .page-template-how-it-work .footer,
    .woocommerce-shop .footer,
    .single-product .footer {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .trucker-about .service-agency h5 {
        font-size: 17px;
        margin: 10px 0;
    }

    .trusted-transport .call-text {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .trusted-transport .call-text h5 a {
        font-size: 17px;
    }

    .our-team,
    .our-feature {
        padding: 40px 0;
    }

    .our-feature .text-box p {
        padding-bottom: 30px;
    }

    .our-team .team-box {
        margin-bottom: 15px;
    }

    .our-team .team-box h5 {
        font-size: 18px;
    }

    .our-team .team-box p {
        font-size: 15px;
    }

    .our-team .team-box {
        padding: 15px;
    }

    .our-team .team-box img {
        margin-bottom: 15px;
        width: 100%;
    }

    .contact-grid {
        display: block;
    }

    .contact-grid .grid-box {
        margin-bottom: 15px;
    }

    .contact-section .form-box {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    .contact-section .d-grid {
        display: block !important;
    }

    .contact-section {
        padding-top: 40px;
    }

    .woof_products_top_panel li {
        float: none;
    }

    .woocommerce-checkout .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        display: block;
        text-align: left;
        overflow: hidden;
    }

    .woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }

    .woocommerce-order-details .woocommerce-table__line-item.order_item .review_link_data_wappers {
        display: block;
    }

    .woocommerce-order-details .woocommerce-table__line-item.order_item .review_link_data_wappers a {
        font-size: 12px !important;
        margin-bottom: 10px;
    }

    .woocommerce .star-rating {
        float: left;
    }

    .woocommerce-account .wc-account .woocommerce-MyAccount-navigation {
        padding: 12px;

    }

    .woocommerce-account .wc-account .woocommerce-MyAccount-navigation ul li a {
        font-size: 15px;
    }

    .woocommerce-checkout .woocommerce .container {
        padding: 20px 10px;
    }

    .app-store {
        margin-top: 11rem;
    }

    .loginpage .login-bg {
        display: none;
    }

    .close-btn {
        right: 20px;
        top: 20px;
    }

    .login-details h2 {
        font-size: 25px;
    }

    .login-details .card-body h3 {
        font-size: 22px;
    }

    .login-details .card-body {
        padding: 0;
    }

    a.d-block.text-center.mt-2.small.uwp-forgot-password-link {
        margin-top: 0px !important;
    }
    button.btn.canvas-btn.d-lg-none {
        margin-top: 3px;
    }
    .product-slider .slider-single img {
        height: 350px;
    }
    .product-slider .slider-nav img {
        height: 100px;
    }
    .single-overview .overview-details h1 {
        font-size: 25px;
    }
    .product-slider .product-name .book-btn-product {
        margin-top: 0;
        float: none;
        margin-bottom: 15px;
        width: fit-content;
    }
    #leadmodal .modal-body button.close {
    border: 1px solid;
    margin-right: 25px;
    margin-top: 6px;
}
}