/* Media Query */
@media(max-width:1650px) {
    .right .panel-overlay-inner { margin-right: 0;}
    .insta-content {padding: 60px 0 5px 0; }
}

@media(max-width:1400px) {

    header .container {padding-left: 30px;padding-right: 30px; }
    .account-header {gap: 15px;}
    .logo {max-width: 220px;}
    .panel-overlay-inner {max-width: 430px; }
    .badge-container {width: 130px; height: 130px;}
    .badge-container::before { width: 150px; height: 150px;}
    .rotating-badge { width: 110px; height: 110px; }
    .badge-plane .rotating-badge {width: 300px;}
    .badge-plane {right: -180px; }
    .container.container-slider {padding-left: calc((100% - 96%) / 2);}
    .testimonials .badge-container{ width: 180px; height: 180px;}
    .counter-content ul li{ padding: 0 20px;}
    .map-container { margin-top: -150px; }
    .cat-pagination { width: 50px; height: 50px;}
    .cat-pagination img{ max-width: 30px;}
    .number-freight { font-size: 52px; line-height:52px;}
    .text-freight{ font-size: 16px;}
    .freight-flex { padding: 15px 0 25px 0;}


}

@media(max-width:1200px) {

    .account-header .btn-small {width: 40px;justify-content: center;padding: 0;    }
    .account-header .button-text, .insta-cap-men {display: none; }
    .cat-panel{ margin: 30px;}
    .global-text h2 { font-size: 48px;}
    .global-text p { font-size: 16px; line-height: 26px; }
    .testtimonial-carousel { max-width: 650px; }
    .counter-icon { width: 60px; height: 60px;}
    .counter-icon img{ width:35px;}
    .counter-text{ font-size: 48px;}
    .counter-detail { font-size: 18px;}
    .contact-address{ padding: 15px;}
    .contact-address h6 {font-size: 16px;}
    .branch-form .contact-form { padding: 40px 40px; }
    .beanch-freight ul li { width: 22%;}
    .choose-service-box{ padding: 90px 20px 20px 20px; }
    .mail-pricing { padding: 300px 0 80px 0; }
    .bulky-process-box{max-width: 325px; margin: auto;}
    /* .bulky-process-box-inner { height: 325px;} */
    .bulky-process-content p{ font-size: 16px;}
    .bulky-process-icon img { max-width: 130px;}
    .team-list { padding: 100px 0 0 0;}
    .service-post-list { align-items: inherit; }
    .service-title { font-size: 62px; line-height: 80px;}


}

@media(max-width:1100px) {
    
    
    .news-deals-caption .position-relative { scale: 1;}
    .news-deals-caption { padding: 15px; opacity: 1; visibility: visible; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);}
    .news-deals-caption h4, .news-date{ margin-bottom: 10px;}
    .news-deals-caption::before, .news-deals-caption::after { display: none;}
    .active .logistic-thumb{ width: 350px; margin-right: 15px;}
    .welcome-text{ background-size: 50%;}
    .logistic-box .active-h5{ left: 30%;}
    /* .bulky-process-box-inner {height: 300px; } */
    .brochure-download { padding: 50px 30px; }
    .brochure-download a{ max-width: 100%;}
    .disclaimer { padding: 10px;}
    
}

@media(max-width:990px) {


    header {padding: 10px 0;}
    .account-header .btn-small {width: auto;justify-content: center;padding: 0 18px; border: 1px solid var(--primary);}
    .account-header .btn-small.btn-warning { border: none;}
    .account-header .button-text {display: inline; }
    .account-header {margin-right: 40px;}
    .nav .account-header {margin: 0 15px;flex-wrap: wrap; }
    .panel-overlay-inner {max-width: 280px;}
    .panel-overlay-inner h3{ font-size: 21px;}
    .service-box{ width: 50%; padding: 30px; }
    .service-box:nth-child(1), .service-box:nth-child(3), .service-box:nth-child(5){
        border-left: none;
    }
    .service-box:nth-child(5), .service-box:nth-child(6){
        border-bottom: none;
    }
     .service-box:nth-child(4){
        border-bottom: 1px solid #eee;
    }
    .service-box:nth-child(4), .service-box:nth-child(6){border-left: 1px solid #eee;}
    .badge-plane {  right: -120px; top: 0;}
    .badge-plane .rotating-badge {  width: 150px; }
    .shape_02{ max-width: 50px;}
    .choose-us .shape_02{ max-width: 200px;}
    .choose-big-thumg{ margin-bottom: 70px;}
    .choose-fixed-thumb{ right: 20px;}
    .choose-right-panel{ padding: 0;}
    .testimonials .badge-container { position: static; margin: auto; }
    .testtimonial-carousel { max-width: 100%;  text-align: center;  }
    .testtimonial-carousel .owl-dots {position: static;width: auto;flex-direction: row;padding: 16px;transform: inherit;
        display: inline-flex; margin: 30px auto auto auto;}
    .review-rate{ justify-content: center; margin-top: 20px;}
    .testimonials .main-title { margin-bottom: 40px;}
    .testtimonial-flex { justify-content: center; text-align: left; }
    .partner-logo img { -webkit-filter:inherit; filter: inherit;}
     .counter-content ul li { padding: 0 10px; }
    .counter-text{ font-size: 36px;}
    .counter-detail { font-size: 15px;}
    .contact-wrapper {padding: 30px; margin: 50px 0 0 0; }
     .map-container {  margin-top: -50px;  }
     .beanch-freight ul li { width: 20%;}

    .quote-block{ padding: 50px 130px; }
    .quote-block h4{ line-height: 38px;}
    .logistic-box-area { flex-direction: column; }
    .logistic-box { width: 100%; height: 70px; margin: 0 0 20px 0; border-radius: 10px; }
    .logistic-box img{ border-radius: 6px;}
    .logistic-box-inner { height: auto;flex-direction: column;}
    .active .logistic-thumb { width: 100%;  margin: 20px 0 0 0;  height: auto; order: 2; }
    .logistic-box.active {width: 100%; transition: all linear 0.6s;height: auto;}
    .logistic-box .active-h5{ display: none;}
    .logistic-thumb { order: 2;}
    .logistic-detail { align-items: flex-end; padding: 0;}
    .logistic-box .count {margin: 0; width: 50px; height: 50px; font-size: 21px;}
    .logistic-box h5 { display: block; color: #000; position: absolute; margin-top: 15px; opacity: 1; }   
    .logistic-box.active .count { margin: 0 0 20px 0px;}
    .newsletter-wrapper h3 { max-width: 300px; text-align: center;}
    .choose-service-box{ padding:90px 10px 20px 10px; }
    .btn-small-outline .button-text { margin-right: 8px; }
    .choose-service-more-btn .btn-small-outline{ padding: 5px 5px 5px 18px; }
    .mail-pricing .col-sm-12.col-md-6.col-lg-3 { margin-bottom: 100px;}
    .mail-pricing { padding-bottom: 0;}
    .ocean-feature-label{min-width: 170px; font-size: 18px;}
    .choose-service-box-inner { flex-wrap: wrap; }
    .choose-service-box-inner .choose-service-detail { height: auto; flex: inherit; padding: 20px 0 0 0; }
    .outline-title { font-size: 52px;}
    .bulky-title { font-size: 72px;}
    .ship-bulky-section h2 { margin-bottom: 30px;}
    .ship-bulky-process ul li { width: 50%;}
    .cost-comparision h2{ font-size: 36px;}
    .cost-comparision h2::before{ height: 22px;}
    .vs { font-size: 72px; line-height: 72px; }
    .vs::before { width: 76px; height: 76px;}
    .newsletter-wrapper{ gap: 25px; padding: 32px 32px 32px 180px;}
    .newsletter-wrapper form{ max-width: 320px;}
    .testimonials-box { padding: 20px 25px; }
    .text-top-cli::after { right: -25px; }
    .content-team-text { max-width: 100%; padding-left: 0; }
    .team-member-detail .team-social{ opacity: 1; margin-top:10px; margin-bottom: 0px;}
    .team-member-detail span {font-size: 16px;}
    .job-position-section h4{ font-size: 21px;}
    .freight-text-wrapper { max-width: 100%; margin-right: 0; margin-left: 0; padding: 30px; }
    .job-position-section, .freight-type { padding: 50px 0; }
    .tag-blog-detail { padding: 15px; }
    .tag-blog-detail > div { gap: 10px; }
    .tag-blog-detail label {font-size: 16px;}
    .tag-blog-detail ul { gap: 15px; font-size: 15px; }
    .tag-blog-detail .team-social { gap: 5px;}
    .service-post-image { width: 100%; border-radius: 15px 15px 0 0; }
    .service-post-body { width: 100%; }
    .best-logistic{ height: 400px; margin-top: 50px;}
    .best-logistic-title { font-size: 52px; line-height: 60px; }
    .step {  width: 100%; margin-bottom: 40px;  }
    .timeline-container { flex-direction: column; padding-top: 20px; border-top: none;  }
    .easy-dot { top: 0; }
    .brochure-download { padding: 25px;}
    .logistic-service-box{padding: 0 15px;}
    .shopping-flex-brand ul li { width: 33.33%; }

}

@media(max-width:767px) {

    .py-80{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-80{
        padding-top: 50px;
    }
    .pb-80{
        padding-bottom: 50px;
    }
    header { padding: 20px 0; }
    header .container { padding-left: 20px; padding-right: 20px; }
    .search-bar {height: 50px;}
    .search-bar button[type="submit"] {width: 38px; height: 38px; margin-right: 5px;}
    .search-bar button[type="submit"] img { width: 20px; }
    .cat-panel { flex-direction: column;gap: 60px; margin: 10px;}
    .panel-overlay-inner {max-width: 90%; }
    .panel.left, .panel.right {clip-path: none !important;border-radius: 20px; }
    .our-services { padding: 50px 0; }
    .insta-content h2{ font-size: 42px;}
    .short-description-title{ font-size: 16px;}
    .insta-content .short-description-title { margin-bottom: 30px;}
    .container.container-slider {padding-left: calc((100% - 90%) / 2);}
    .news-carousel .owl-nav{ margin-top: 10px;}
	.news-carousel .owl-nav button {width: 30px; height: 30px; border-width: 1px !important;}
	.news-carousel .owl-nav button span { background-size: 18px !important;}
    .our-news, .choose-us{ padding: 50px 0;}
    .global-content{ padding: 25px;}
    .hero-image, .global-text {width: 100%; padding: 0;}
    .global-text h2 { font-size: 36px; }
    .testi-blog h5{ line-height: 28px;}
    .faq { padding: 50px 0;}
    .insta-content, .mailbox-panel .insta-content { padding: 60px 0 68px 0; background-size: contain;}
    .counter-content ul li { padding: 25px 0;width: 100%; align-items: flex-start; border-bottom: 1px solid #ccc; }
    .counter-text {font-size: 48px;}
    .counter-detail {font-size: 24px;}
    .counter-content{ padding: 40px 0;}
    .counter-content ul li:last-child{ border: none; padding-bottom: 0;}
    .contact-form { max-width: 100%;}
    .branch-wrapper {flex-wrap: wrap;}
    .beanch-freight {width: 100%;flex: inherit;}
    .branch-form {margin-left: auto; max-width: 90%;margin-top: -70px; margin-right: auto;}
    .beanch-freight::before { width: 150px; height: 150px; left: -5px; top: -5px;} 
    .branch-form::before { width: 150px; height: 150px;left: -5px; bottom: -5px;}   
    .branch-form .contact-form {  padding: 25px;  }
    .beanch-freight ul { gap: 15px;}
    .beanch-freight ul li { width: 27%; }
    .team-social { display: flex; opacity: 1; position: static; margin-top:25px; justify-content: center;}
    .team-social a { background: #212121; border-color: #212121; width: 30px; height: 30px; padding: 5px;}
    .employe-detail span{ padding-top: 20px;}
    .figure, .figure img, .figure::after { border-radius: 10px; }
    .search-bar input[type="text"], .search-bar input:-internal-autofill-selected{ font-size: 18px;}
    .comment{ margin-top: 30px; padding: 25px;}
    .category-detail .category-post-date span { font-size: 32px;}
    .category-detail .category-post-date { width: 80px; height: 80px; top: -40px; right: 20px; font-size: 12px;}
    .category-detail p { line-height: 24px;}
    .category-detail ul { margin: 10px 0; line-height: 24px; font-size: 14px;}
    .category-detail .quote-block { padding: 20px 40px 20px 40px;}
    .category-detail .quote-icon.left{ left: -40px;}
    .quote-block h5{ line-height: 30px;}
    .detail-pagination { justify-content: center; margin-bottom: 20px; gap: 20px; flex-wrap: wrap;}
    .detail-pagination h3 {order: 3; display: block; width: 100%; text-align: center;}
    .cat-pagination { width: 36px; height: 36px; }
    .cat-pagination img { max-width: 22px; }
    .sidebar { margin-top: 25px;}
    .choose-service-box { padding: 90px 15px 20px 15px; margin-bottom: 100px; height: auto; }
    .choose-service-row .col-sm-12:last-child .choose-service-box { margin-bottom: 0; }
    .choose-service-row{ margin-bottom: 0;}
    .choose-service-row small { color: var(--bs-white); }
    .mail-pricing { padding: 50px 0 0 0; }
    .rates-wrapper .quote-block { padding-top: 0; padding-bottom: 0;}
    .ocean-shipping-wrapper{ padding: 20px; background: var(--primary); margin-top: 50px;}
    .ocean-title, .ship-bulky-process h2 { font-size: 42px; line-height: 46px; }
    .ocean-shipping-wrapper .row .col-sm-12.col-md-4:last-child .ocean-feature-box { margin-bottom: 0; }
    .choose-horizontal-service .choose-service-box { margin-bottom: 30px; }
    .ocean-feature-box ul li { padding: 10px 0; font-size: 16px; min-height: inherit;}
    .ocean-feature-box{height: auto; margin-bottom: 50px;}
    .outline-title { font-size: 42px; line-height: 50px; }
    .ship-banner { border-radius: 15px;}
    .ship-bulky-process ul li { padding: 10px;}
    .bulky-process-box { max-width: 250px;}
    /* .bulky-process-box-inner { height: 250px; } */
    .bulky-process-content p { font-size: 14px; line-height: 18px; }
    .bulky-process-icon img { max-width: 100px; }
    .bulky-process-content h5{ margin-bottom: 10px;}
    .ship-bulky-process{ padding: 50px 0;}
    .cost-comparision-title { margin: 50px 0; }
    .disclaimer { flex-wrap: wrap;}
    .team-list { padding: 50px 0 0 0; }
    .team-flex { margin-top: 40px;}
    .team-list .main-title{ margin-bottom: 10px;}
    .team-member img { filter: inherit; }
    .content-team-text p{ line-height: 24px; font-size: 16px;}
    .responsive-table th { font-size: 18px;}
    .tag-blog-detail { padding: 15px; flex-wrap: wrap;}
    .tag-blog-detail .team-social { margin: 0; }
    .service-post-list { margin-bottom: 25px;}
    .freight-service-label { right: 20px; top: 20px; border-radius: 5px; width: 50px; height: 50px; padding: 8px; }
    .service-post-body { padding: 25px; }
    .service-title { font-size: 42px; line-height: 50px; }
    .service-post-body p { font-size: 16px; line-height: 26px;}
    .best-logistic-title { font-size: 36px; line-height: 42px; }
    .shopping-brand-title { width: 100%; border-bottom: 1px solid #ccc; border-right: 0; padding: 20px; }
    .shopping-flex-brand ul { width: 100%; padding: 20px; text-align: center;}
    .dangerous-goods .ocean-title { font-size: 36px; line-height: 38px; }
	
	/* Comment */
	.comment-box { flex-direction: column; }
	.comment-author img { width: 60px; height: 60px; }
	.comment-text::before { left: 25px; top: -10px; border-top: none; border-right: 10px solid transparent; border-bottom: 10px solid #f7f7f7; border-left: 10px solid transparent;
	}
	.comment-reply-panel { margin-left: 45px; }
	.comment-text { padding: 15px; font-size: 14px;}
	.comment-content { flex: 1; width: 100%;}

}

@media(max-width:575px) {
    .container.container-slider { padding: 0 20px; }
    .services-grid{ gap: 10px;}
    .service-box { border: 1px solid #eee !important; width: 100%;    }
    .service-box p, .mailbox-step li:nth-child(2) a::before{ display: none;}
    .mailbox-step{ flex-wrap: wrap;}
    .mailbox-step li{ width: calc(50% - 10px);}
    .mailbox-step li a{ width: 100%;}
    .partners .owl-dots{ gap:10;}
    .partners .owl-dots .owl-dot{ width: 25px;}
     footer .shape_01 { left:0; transform: translateX(0); }
    .newsletter-wrapper { padding: 20px; flex-wrap: wrap; justify-content: flex-end; gap: 15px; text-align: center;}
    .newsletter-wrapper form{ margin-top: 10px;}
    .newsletter-wrapper form input[type="submit"]{ padding: 0 10px;}
    .tracking-image { max-width:60px; left: -3px; bottom: auto; top: -5px;}
     footer h6{ margin-top: 30px;}

    /* Faq page*/
    .inner-banner { height: 300px;}
    .sub-para {font-size: 15px;line-height: 25px;}
    .branch-list { flex-wrap: wrap; background: #fff;}
    .branch-box{ width: 100%;}
    .branch-wrapper .shape_02{ left: 86%;}
    .quote-block { padding: 20px 40px;}
    .quote-block h4 { line-height: 30px; }
    .quote-icon.left { top: -10px; left: -40px;}
    .quote-icon.right { bottom: -10px; right: -40px; }
    .quote-icon { width: 30px;}
    .welcome-text p { font-size: 16px; line-height: 24px;}
    .logistic-soluation{ padding-bottom: 50px;}

    /*  */
    .ocean-brand-social { flex-wrap: wrap; gap: 15px; justify-content: center; }
    .ocean-shipping-wrapper p{ font-size: 18px;}
    .bulky-item-step{ margin-bottom: 25px; height: auto;}
    .ship-bulky-process ul li { width:100%;}
    .bulky-process-box { max-width: 300px; }
    /* .bulky-process-box-inner { height: 284px; } */
    .bulky-process-icon img { max-width: 120px; }
    .bulky-process-content p { font-size: 14px; line-height: 24px; }
    .client-quote { right: -10px; bottom: -17px; width: 34px; height: 34px; padding: 5px;}
    .testimonials-box::before{width: 62px;height: 54px;}

    .responsive-table thead { display: none; }

    .responsive-table, 
    .responsive-table tbody, 
    .responsive-table tr, 
    .responsive-table td {
    display: block;
    width: 100%;
    }
    .responsive-table tr { margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 10px; }
    .responsive-table td { text-align: right; padding-left: 50%; position: relative; border: none; border-bottom: 1px solid #eee; }
    .responsive-table td::before { content: attr(data-label); position: absolute; left: 15px; top: 15px; white-space: nowrap;
        font-weight: bold; color: #555; text-align: left;
    }
    .responsive-table th:last-child, .responsive-table td:last-child {  width: 100%; border: none;}  
    .responsive-table th, .responsive-table td { padding:15px 15px 15px 110px;}
    .freight-text-wrapper{ padding-bottom: 0; }
    .freight-text-wrapper ul li:last-child .freight-flex{ padding-bottom: 0; }
    .content-team-text ul{ gap: 0;}
    .content-team-text ul li{ width: 100%;}
    .newsletter-wrapper h4{ font-size: 20px;}
    .contact-form.job-form{ padding: 20px; margin-top: 30px; border-radius: 15px; }
    .latest-post-detail h6 { font-size: 16px;}
    .deals-event, .category-detail { background-image: url(../images/globe.svg);}
    .logistic-service-box, .logistic-service-box:first-child, .logistic-service-box:last-child {
        padding: 0 15px;
        width: 100%;
        border: 1px solid #ccc;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        border-radius: 15px;
        padding: 25px;
        margin: 15px 0;
        text-align: center;
    }
    .logistic-service-box p{ font-size: 16px; line-height: 24px;}
    .shopping-logo-title { text-align: center; }
    .shopping-flex-brand ul li { width: 50%; }
    .website-carousel .partner-logo { padding: 5px 15px; }
    .ocean-choose-text{ padding-left: 0;}
    .bulky-item-step p { font-size: 18px; line-height: 28px; }
	
	.apply-modal-content{ max-width:90%;}
	
	#table-2 th, #table-2 td { padding: 8px 15px; }
	
	.pagination-wrapper .page-link { font-size: 16px; width: 37px; height: 37px; border-radius: 5px; }
	
	.search-results .news-post img.attachment-large.size-large.wp-post-image {
		width: auto;
		height: auto;
	}
	.search-results .search-post img {
	  height: 250px !important;
	  object-fit: cover;
	}
    
}