@media (max-width:2560) {

     .container {
        max-width: 96%;
    }

     .fk-hero-right{
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
    }

}

@media (max-width:1599px) {

    .hero-banner-content h1 {
        font-size: 26px;
    }

    p,
    .footer-top,
    .footer-middle,
    .fooer-copywrite,
    .frogotPass {
        font-size: 14px !important;
    }





    .small-title {
        font-size: 22px;
    }

    .hero-banner {
        height: 60vh;
        padding: 100px;
    }

    .hero-form {
        min-width: 350px;
    }

    .nav-link,
    .footer-btn,
    .btn {
        font-size: 12px;
    }

    .hero-form-title {
        font-size: 16px;
    }

    /* .footer-top img {
        max-width: 160px;
    } */

    .see-our-journey h3 {
        font-size: 24px;
        max-width: 250px;
    }

    .see-our-journey .play-btn {
        bottom: 50px;
    }

    .see-our-journey .play-btn img {
        width: 60px;
        max-height: 60px;
    }

    .rounded-img img {
        max-height: 400px;
    }

    .contactbox {
        padding: 30px;
    }

    .contactbox ul li,
    .contact-address {
        font-size: 12px;
    }

    .contactbox ul li::before {
        top: 5px;
    }

    .contact-iconbox {
        margin: -80px auto 0;
        width: 80px;
        height: 80px;
    }

    .contactbox img {
        max-height: 40px;
        max-width: 40px;
    }

    .main-contactbox {
        margin-bottom: 70px !important;
    }

    .location-box u {
        font-size: 14px;
    }

    .tc-title {
        font-size: 18px;
    }

    .decimal-ol li {
        font-size: 14px;
    }

    .progress-title {
        font-size: 16px;
    }


    .fk-section {
        margin: 70px 0px;
    }

}

@media (max-width:1199px) {
    .hero-form {
        min-width: 300px;
    }

    label {
        font-size: 12px;
    }

    .error_msg {
        font-size: 12px;
    }

    .form-control {
        font-size: 12px;
        padding: 10px 15px;
    }

    .nav-link {
        font-size: 12px;
    }

    .main-container {
        padding: 0 40px;
    }


    .small-title {
        font-size: 16px;
    }

    .hero-form-title {
        font-size: 14px;
    }

    p,
    .footer-top,
    .footer-middle,
    .fooer-copywrite,
    .footer-btn,
    .frogotPass,
    .btn {
        font-size: 12px !important;
    }

    .btn {
        padding: 10px 25px;
    }

    .video-slider {
        margin-left: 0px;
    }

    .video-slider img {
        max-height: 400px;
    }

    .global-reserch-content {
        max-width: 500px;
        margin-left: 40px;
        padding: 50px;
    }

    .service-shipping-content {
        max-width: 500px;
        padding: 10px;
    }

    .see-our-journey h3 {
        left: 60px;
        font-size: 24px;

    }

    /* .main-content {
        padding: 0 50px;
    } */

    .footer-container {
        padding: 0 50px;
    }



    .tc-title {
        font-size: 16px;
    }

    .decimal-ol li {
        font-size: 12px;
    }

    .location-box {
        padding: 30px 15px;
    }

    .location-box u {
        font-size: 12px;
    }

    .fk-section {
        margin: 60px 0px;
    }

    .fk-video-container {
        gap: 50px;
    }

    .fk-video-heading {
        font-size: 36px;
    }

    .fk-image-grid {
        gap: 40px;
    }


    .fk-journey-flex {
        gap: 40px;
    }

    .fk-journey-title {
        font-size: 36px;
    }

    .fk-reach-flex {
        gap: 40px;
    }

    .fk-slider-img {
        height: 380px;
    }

    .fk-hero-left {
        padding: 40px 20px;
    }

    .fk-hero-text,
    .fk-booking-card {
        max-width: 100%;
    }


    .fk-hero-right{
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
    }

}

@media (max-width:991px) {
    .navbar-nav .nav-item.active {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0;
    }

    .navbar-brand {
        width: 25%;
    }

    .navbar-nav .nav-link {
        padding: 15px 30px;
        color: #fff;
    }


    /* .main-container {
        padding: 0 40px;
    } */

    .service-shipping {
        flex-direction: column;
    }

    .global-reserch-ship {
        margin-bottom: 20px;
    }

    .global-reserch-content,
    .service-shipping-content {
        max-width: 100%;
    }

    .service-shipping-content {
        margin: 30px 15px 0 15px;
    }

    .service-shipping-img {
        order: -1;
    }

    .service-shipping-img img {
        border-radius: 24px;
        max-height: 400px;
    }

    .hero-banner-content {
        min-width: 100%;
    }

    .hero-banner {
        padding: 80px 20px;
    }

    .hero-left {
        max-width: 40%;
    }


    .hero-form {
        padding: 15px;
    }

    .fooer-copywrite,
    .footer-top {
        align-items: center;
        text-align: center;
    }

    /* .footer-top img {
        max-width: 25%;
        margin-right: 0;
        margin-bottom: 20px;
    } */

    .home-video-slider {
        padding: 40px;
    }

    .main-container {
        padding: 0 30px;
    }

    .global-reserch {
        margin-bottom: 50px;
    }

    .see-our-journey h3 {
        left: 20px;
        font-size: 24px;
    }

    .service-content,
    .service-images {
        width: 50%;
    }

    .contact-form-container {
        flex-direction: column;
    }

    .contact-form {
        width: 100%;
        margin: 0;
    }

    .contact-location {
        width: 100%;
        display: flex;
    }

    .location-box {
        width: 48%;
        margin: 10px;
    }

    .location-title {
        font-size: 45px;
    }

    .footer-middle ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-middle li::after {
        content: '|';
        margin-left: 10px;
    }

    .footer-middle li:last-child::after {
        content: '';
        /* remove pipe after last item */
    }

    .hero-banner-content h1 {
        font-size: 24px;
    }

    .navbar-collapse {
        background-color: #d90810;
    }


    .fk-image-grid {
        flex-direction: column;
    }

    .fk-section {
        margin: 50px 0px;
    }


    .fk-video-container {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .fk-video-visual {
        width: 100%;
        height: 350px;
        flex: none;
    }

    .fk-video-info {
        width: 100%;
        flex: none;
        padding: 0 10px;

    }

    .fk-video-info .btn-primary {
        margin: 0 auto;
    }

    .fk-services-section {
        padding: 60px 0;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .fk-section-header {
        text-align: center;
        margin-bottom: 40px;
    }

    .fk-section-paragraph {
        margin: 0 auto;
    }

    .fk-slider-img {
        height: 350px;
        object-fit: cover;
        border-radius: 30px;
    }

    .fk-journey-flex {
        flex-direction: column;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
        order: -1;
        margin-bottom: 30px;
    }

    .fk-journey-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .fk-subtitle {
        display: block;
        text-align: center;
    }

    .fk-journey-text p {
        text-align: left;
    }

    .fk-slider-img {
        height: 350px;
        object-fit: cover;
        border-radius: 30px;
    }

    .graybg {
        padding: 60px 0;
    }

    .fk-reach-flex {
        flex-direction: column;
        align-items: center;
    }

    .fk-reach-content {
        text-align: center;
        align-items: center;
        padding: 0;
    }

    .fk-why-section {
        padding: 60px 5%;
        gap: 40px;
    }

    .fk-why-visual {
        width: 100%;
        height: 100%;
        border-radius: 40px;
    }

    .fk-why-section {
        flex-direction: column;
    }

    .service-shipping-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .service-shipping-img {
        order: -1;
    }


    .fk-hero-section {
        display: block;
        min-height: auto;
        overflow-x: hidden;
    }

    .fk-hero-container-inner {
        position: relative;
        top: auto;
        flex-direction: column;
        padding-top: 20px;
    }

    .fk-hero-left {
        flex: none;
        width: 100%;
        padding: 20px 0px;
        order: 2;
    }

    .fk-hero-right {
        flex: none;
        width: 100%;
        display: block;
        order: 1;
        position: relative;
    }

    .fk-image-curve {
        width: 100%;
        height: 300px;
        border-radius: 12px
    }

    .fk-booking-card {
        margin: 20px auto 0;
        padding: 20px;
        width: 100%;
    }

    .button-col {
        display: flex;
        align-items: center;
        padding-top: 28px;
    }

    .fk-dropdown-item a {
        color: #282828
    }

    .navbar-collapse.collapse.show .navbar-nav .fk-dropdown-item .dropdown-menu .nav-link {
        color: #282828;
    }

    .dropdown-menu {
        margin-inline: 12px;
    }

    .fk-journey-content {
       padding: 0;
    }

     .form-section-container {
        flex-direction: column;
    }

    .form-header {
        padding : 0
    }



    .contact-form .btn {
        align-self: center;
    }


     .sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
        padding: 20px 0;
        display: flex;
        overflow-x: auto;
    }


     .office-btn {
        white-space: nowrap;
        padding: 15px 25px;
        border-left: none;
        border-bottom: 3px solid transparent;
        text-align: center;
    }

    .office-btn.active {
        border-left: none;
        border-bottom-color: #e31e24;

    }

    .content-wrapper {
        flex-direction: column;
    }


}

@media (max-width:768px) {
    /* .main-content {
        padding-left: 0;
        padding-right: 0;
    } */

    .hero-banner {
        height: auto;
    }

    .hero-banner-content iframe {
        height: 30vh;
    }

    .video-slider img {
        max-height: 360px;
    }

    .rounded-img img {
        max-height: 360px;
    }

    .footer-container {
        padding: 0 15px;
    }




    .global-reserch-content {
        margin-left: 0px;
    }

    .footer-middle {
        padding: 20px 0;
    }

    .container {
        max-width: 100%;
    }

    .section-space-top {
        margin-top: 40px;
    }

    .service-zigzag {
        flex-direction: column;
    }

    .service-content,
    .service-images {
        width: 100%;
        padding: 20px 0;
    }

    .service-images {
        order: -1;
    }

    .rounded-video video {
        height: 100%;
        width: 100%;
    }

    .input-group-text {
        padding: 5px 15px;
    }

    .input-group-text img {
        width: 80%;
    }

    .footer-social a {
        margin: 20px 0;
    }

  .fk-section {
        margin: 40px 0px;
    }

    .vision-mission-grid {
        flex-direction: column;
        gap: 40px;
    }


    .footer-top {
        flex-direction: column;
    }

    .footer-left {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .track-form {
        flex-direction: column;
        gap: 15px;
    }

    .track-col.btn-col {
        padding-top: 0;
        width: 100%;
    }


    .content-wrapper {
        flex-direction: column;
    }

    .contact-grid {
        justify-content: flex-start;
        align-items: flex-start;
    }





    /* .main-content {
        padding: 40px 30px;
    } */

    .contact-grid {
        /* grid-template-columns: 1fr; */
        gap: 35px;
    }

    .location-section {
        grid-column: 1;
    }

    /* .contact-form {
        grid-template-columns: 1fr;
    } */

    .service-layout {
        flex-direction: column;
        align-items: stretch;
    }

    .service-card {
        padding: 20px;
    }

    .service-wrapper {
        padding-left: 0;
        overflow-x: hidden;
    }

    .service-image {
        margin-left: 0;
        width: 100%;
    }

    .service-image img {
        width: 100%;
        height: auto;
        border-radius: 12px;
        display: block;
    }

    .service-content {
        margin-top: 15px;
    }

    .service-action {
        text-align: left;
        margin-top: 15px;
    }

    .track-col {
        width: 100%
    }

    .login-form {
        flex-direction: column;

    }

    .login-col {
        width: 100%
    }

     .subtitle {
        font-size: 20px;
        text-align: justify;
    }

    p, li{
        font-size: 20px;
        text-align: justify;
    }

    .btn {
        font-size: 24px;
    }






}

@media (max-width:690px) {
    .see-our-journey h3 {
        left: 40px;
        font-size: 30px;
        max-width: 250px;
    }

    .hero-banner {
        height: auto;
    }

    .see-our-journey .play-btn img {
        width: 90px;
        max-height: 100px;
    }

    .see-our-journey .play-btn {
        right: 40px;
        bottom: 60px;
    }

    .contact-location {
        flex-direction: column;
    }

    .location-box {
        width: 100%;
        margin: 10px 0;
    }

    .home-video-slider {
        padding: 0px;
    }

    .home-video-slider-content {
        padding: 40px;
    }

    .fk-section {
        margin: 30px 0px;
    }
}

@media (max-width:576px) {
    .hero-banner {
        height: auto;
    }

    .hero-banner-content {
        flex-direction: column;
    }

    .hero-left {
        min-width: 100%;
        text-align: center;
    }

    .section-space-top {
        margin-top: 20px;
    }

    .service-shipping-img {
        margin: 0 20px;
    }

    .service-shipping-content {
        margin: 0 20px;
        padding: 0;
    }

    .see-our-journey h3 {
        left: 14px;
        font-size: 16px;
        max-width: 210px;
        bottom: 20px;
    }

    .see-our-journey .play-btn img {
        width: 60px;
        max-height: 100px;
    }

    .see-our-journey .play-btn {
        right: 40px;
        bottom: 20px;
    }

    .location-title {
        font-size: 35px;
    }

    .contactbox ul li,
    .contact-address {
        font-size: 16px;
    }

    .hero-banner-content h1 {
        font-size: 20px;
    }

    .contactbox {
        padding: 20px;
    }

    .rounded-img img {
        max-height: 250px;
        width: 100%;
        border-radius: 24px;
    }

    .service-shipping-content {
        margin-top: 15px;
    }

    .service-content,
    .service-images {
        padding: 10px 0;
    }

    .footer-social a {
        margin: 15px 0;
    }

    .fk-section {
        margin: 24px 0px;
    }


    .fk-video-visual {
        height: 250px;
        border-radius: 20px;
    }

    .fk-video-heading {
        font-size: 28px;
    }

    .fk-video-paragraph {
        font-size: 16px;
    }

    .fk-video-info .btn-primary {
        /* width: 100%; */
        justify-content: center;
    }


    .fk-hero-text h1 {
        font-size: 32px;
    }

    .fk-content-booking .fk-input-group {
        flex-direction: column;
        gap: 15px;
    }

    .fk-content-booking #btnBookNow {
        width: 100%;
    }

    .fk-track-grid {
        flex-direction: column;
        align-items: stretch !important;
    }

    .fk-track-grid>div {
        width: 100%;
    }

    .fk-track-grid #btnTrackNow {
        width: 100%;
        margin-top: 10px;
    }

    .fk-card-row {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 15px;
    }

    /* .main-content {
        padding: 30px 20px;
    } */

    .form-header h2 {
        font-size: 28px;
    }

    .fk-journey-title {
        font-size: 28px;
    }

    .fk-slider-img {
        height: 250px;
        border-radius: 20px;
    }

    .fk-journey-text p,
    .fk-journey-list li {
        font-size: 16px;
    }

    .fk-services-section {
        padding: 60px 0;
    }

    .fk-slider-img {
        height: 250px;
        border-radius: 20px;
    }
}

@media (max-width: 426px) {
    .hero-banner-content h1 {
        font-size: 18px;
    }

    .navbar-brand {
        width: 45%;
    }

    .home-video-bg {
        width: 100%;
    }

    .rounded-video {
        margin-top: 15px;
    }

    .global-reserch,
    .footer-top {
        flex-direction: column;
    }

    /* .footer-top img {
        max-width: 45%;
    } */

    .see-our-journey h3 {
        font-size: 12px;
        bottom: 12px;
    }

    /* .main-content {
        padding: 30px 20px;
    } */

    .form-header h2 {
        font-size: 28px;
    }
}

@media (max-width:376px) {
    .see-our-journey h3 {
        left: 10px;
        max-width: 140px;
    }

    .see-our-journey .play-btn img {
        width: 45px;
    }

    .see-our-journey .play-btn {
        right: 20px;
    }

    .location-title {
        font-size: 25px;
    }

    .contactbox ul li,
    .contact-address {
        font-size: 14px;
    }
}

@media (max-width: 320px) {

    .contactbox ul li,
    .contact-address {
        font-size: 12px;
    }

    .navbar-toggler {
        padding: 6px 10px;
    }

    .hero-banner-content h1 {
        font-size: 16px;
    }

    p,
    .footer-top,
    .footer-middle,
    .fooer-copywrite,
    .footer-btn,
    .frogotPass,
    .btn {
        font-size: 10px !important;
    }

    .hero-form {
        min-width: 250px;
    }

    .hero-right {
        margin-right: 0px;
        margin-left: 0px;
    }

    .hero-form-title {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .hero-form-title img {
        width: 35px;
    }

    label {
        font-size: 10px;
    }

    .form-control {
        font-size: 10px;
    }


}