@media (max-width: 1600px) {
    header .navbar .tb-bdr{ left: 36%;}
    .trip_highlight_inner .tab-content .tripbox_detail h3{ font-size: 26px;}
}

@media (max-width: 1500px) {
    header .navbar .tb-bdr{ left: 34%;}
    .trip_highlight_inner .tab-content .tripbox_detail h3{ font-size: 24px;}
}

@media (max-width: 1400px) {
    h1{ font-size: 46px;}
    header .navbar .tb-bdr{ left: 27%;}
    .hero_banner .caption h1{ font-size: 46px;}

    .newsletter_main .newsletter_box .newsllater_form{ padding: 0px 50px;}

    .trip_highlight_inner .tab-content .tripbox_detail{padding:20px;}
    .trip_highlight_inner .tab-content .tripbox_detail h3{ font-size: 22px;}
    .experiences_main .exp_box .box_dtail{padding:20px;}

    /* Historia Cruise Page */
    .dack_plan_main .dack_information{ min-width: 558px;}
}

@media (max-width: 1360px) {
    header .navbar::before{ height: 100px;}
    header .navbar .tb-bdr{ left: 26%;}
    /* header .navbar-brand {width: 110px; height: 91px;} */
    header .navbar-brand-normal{width: 110px; height: 91px;}

    .inner_banner .caption p{max-width: 60%;}
}

@media (max-width: 1260px) {
    h1 {font-size: 42px;}
    header .container{ position: relative;}
    header .navbar .tb-bdr{display: none;}
    header .btn-primary{ margin-left: 0; margin-right: 4rem;}

    .offcanvas{ display: inline-block;}
	.offcanvas.offcanvas-end{border: none;}
	.offcanvas-header .btn-close{--bs-btn-close-opacity: 1;}
	.offcanvas-header .btn-close:focus{ box-shadow: none;}
	#ResponsiveMenu ul{ margin: 0px; padding: 0px;}
	#ResponsiveMenu ul li{ list-style: none; position: relative; margin: 0px; padding: 0px;}
	#ResponsiveMenu ul li a{ font-family: var(--secondary-font); color: var(--default-font-color); font-size: 18px; padding-left: 0.6rem !important; padding-right: 0.6rem !important; border-bottom: 1px solid #ccc; line-height: 2.75em; text-decoration: none; display: block;}
	#ResponsiveMenu ul li a:hover{ background-color: var(--default-color);}
	#ResponsiveMenu ul li ul li a{ font-family: var(--secondary-font); color: var(--default-font-color); font-size: 14px; padding-left: 1.5rem !important;}
	#ResponsiveMenu ul li ul.dropdown-menu{position: relative !important; transform: inherit !important; border: none;}
	#ResponsiveMenu .dropdown-toggle{ position: absolute; right: 10px; top: 10px; width: 32px; text-align: center;}
	#ResponsiveMenu .dropdown-toggle::after {border: none; display: none;}

    .hero_banner .caption h1 {font-size: 42px;}

    .home_explore_destination .destinations_bio{ padding: 40px 34px;}
    .home_explore_destination .destinations_bio h1{ font-size: 36px;}

    .home_discover_cruise .home_cruise_details{ padding: 40px 34px;}

    .home_private_charters .private_banner .private_hero.lanscap{ right: 60px; left: auto;}

    .newsletter_main .newsletter_box .newsllater_form {padding: 0px 30px;}

    .inner_banner .caption p{max-width: 70%;}
    .subnavigation{ top: 65px;}

    /* Historia Cruise Page */
    .dack_plan_main .dack_plan_slider .carousel-inner{ max-width: 540px;}
    .dack_plan_main .dack_information{ min-width: 468px; padding: 34px;}
    .dack_plan_main .dack_information h3{ font-size: 28px;}
    .dack_plan_main .dack_information ul li{ font-size: 16px;}
}

@media (max-width: 1160px) {
    h1 {font-size: 40px;}

    .hero_banner .caption h1{ font-size: 40px;}

    .feature_wipe_content{ width: 700px;}

    .home_experience_video, .home_explore_destination, .home_discover_cruise, .home_private_charters{ padding-top: 80px;}

    .home_seasonal_offer{ margin-top: 80px; padding: 80px 0px;}

    .newsletter_main{ padding: 80px 0px;}

    footer .ftr_logo img{ max-width: 140px;}
    footer .ftr_logo.historia img{ max-width: 240px;}
    footer .ftr_logo::after, footer .ftr_logo::before{ width: 38%;}

    .experiences_main .exp_box .box_dtail{ padding: 15px;}
    .experiences_main .exp_box .box_dtail h2{ font-size: 20px;}
    .experiences_main .exp_box .box_dtail p{font-size: 14px;}

    /* Historia Cruise Page */
    .dack_plan_main .dack_plan_slider .carousel-inner{ max-width: 480px;}

}

@media (max-width: 991px) {
    h1 {font-size: 38px;}
    .btn-primary, .btn-secondary{font-size: 14px; padding: 0.7rem 1.4rem;}

    .hero_banner .caption h1{ font-size: 38px;}
    .hero_banner .caption p{ font-size: 22px;}

    .home_experience_video .jurney_egypt{ font-size: 14px;}
    .feature_wipe_content{ width: 614px; padding: 7.5rem 4.5rem;}

    /* .home_discover_cruise .slick-slide{ margin: 0px;}     */
    .home_discover_cruise .home_cruise_details{ padding: 30px;}
    .home_discover_cruise .home_cruise_details .cruise_logo img{ width: 100%; max-width: 150px;}
    .home_discover_cruise .home_cruise_details h6{ font-size: 22px;}
    .home_discover_cruise .home_cruise_details p{ font-size: 14px;}

    /* .home_explore_destination .slick-slide{ padding: 0px;} */
    .home_explore_destination .destinations_bio{ padding: 20px;}
    .home_explore_destination .destinations_bio .sub_title{ font-size: 14px; margin-bottom: 10px;}
    .home_explore_destination .destinations_bio h1{ font-size: 26px;}
    .home_explore_destination .destinations_bio p{ font-size: 15px;}

    .home_private_charters .private_banner{ margin-top: 1.5rem;}

    .newsletter_main .newsletter_box .newsllater_form {padding: 40px;}

    footer{ background-size: cover;}
    footer h3{ margin-bottom: 1rem;}
    footer h6{ text-align: center;}
    footer .ftr_logo{ margin-bottom: 2.6rem; margin-bottom: 2rem;}
    footer .ftr_logo.historia img{ max-width: 200px;}
    footer .ftr_logo.historia::after, footer .ftr_logo.historia::before{ width: calc(40% - 80px); bottom: 40px;}
    footer .ftr_part{  border-right: 0px; margin-bottom: 1.6rem; height: auto;}
    footer ul.social_ftr{ text-align: center;}
    footer .ftr_btm_bdr{ margin-top: 2rem;}
    footer .copyright{ text-align: center; padding-top: 1rem;}

    footer .ftr_btm_link{ margin-top: 1rem;}
    footer .ftr_btm_link li:first-child, footer .ftr_btm_link li:first-child::after{padding-left:22px;}
    footer .ftr_btm_link{ justify-content: center;}

    .inner_banner{ height: 55vh;}
    .home_private_charters .private_banner .private_hero.lanscap{ right: 150px;}

    /* Historia Cruise Page */
    .dack_plan_main{ background-position: center bottom;}
    .dack_plan_main .dack_plan_slider{ width: 100%; max-width: 696px;  margin-right: auto; margin-left: auto;}
    .dack_plan_main .dack_information{ position: relative; min-width: 100%;}
    .features_main .feature_count .feature_shedow img{ max-width: 100%;}

    /* Ititneraries Page */
    .sticky-wrapper {flex-direction: column; }
    .sticky-sidebar { width: 100%; transform: none !important;}
}

@media (max-width: 767px) {
    h1 {font-size: 32px;}
    /* header .sticky-header .navbar-brand {width: 70px; height: 44px; background-size: auto 100%; overflow: hidden;} */
    header .sticky-header .navbar-brand-sticky{width: 70px; height: 44px; background-size: auto 100%; overflow: hidden;}
    header .btn-primary{ margin-right: 3rem;}
    .offcanvas.offcanvas-end{ width: 100%;}

    .hero_banner .caption{ top: 50%;}
    .hero_banner .caption h1{  font-size: 32px;}

    .feature_wipe_main, .newsletter_main{ padding: 3.5rem 0;}
    .feature_wipe_main{ min-height: 600px;}
    .feature_wipe_content{width: calc(100vw - 32px); margin: 0 auto; padding: 2.5rem 2rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .feature_wipe_content h1{ margin-bottom: 1rem;}
    .feature_wipe_content .sub_title{ margin-bottom: 1rem;}

    .home_experience_video, .home_explore_destination, .home_discover_cruise, .home_private_charters{ padding-top: 3.5rem;}
    .home_seasonal_offer{ margin-top: 3.5rem; padding: 3.5rem 0;}
    .home_private_charters .private_banner{ margin-top: 3.5rem;}

    .home_seasonal_offer .seasonal_offer h1{ margin-bottom: 1rem;}
    .home_seasonal_offer .seasonal_offer p{ font-size: 16px; line-height: 22px;}

    .home_private_charters{ padding-bottom: 0;}
    .home_private_charters .private_banner .private_hero{width: 350px; height: 450px;}
    .home_private_charters .private_banner .private_hero.lanscap{ width: 350px; height: 200px; bottom: -20px;}
    .newsletter_main .newsletter_box .newsllater_form{ padding: 2rem;}

    footer{padding: 3.5rem 0 3rem 0;}
    footer .ftr_logo::after, footer .ftr_logo::before {width: 32%;}

    .inner_banner .caption h1{ font-size: 40px;}
    .inner_banner .caption p{ max-width: 100%; font-size: 16px; line-height: 22px;}
    .subnavigation{ top: 60px;}
    .subnavigation_main{ padding: 0 10px;}
    .subnavigation_title{ display: none;}
    .experiences_main .exp_box .box_dtail{ padding: 30px;}
    .experiences_main .exp_box .box_dtail h2{ font-size: 22px;}
    .experiences_main .exp_box .box_dtail p{ font-size: 16px;}
    .trip_highlight_main{ padding-top: 3rem;}
    .trip_highlight_inner{ margin-top: 1.5rem; padding-bottom: 3rem;}
    .trip_highlight_inner .tab-content{margin-top: 1.5rem;}
    .experiences_main{ padding-top: 3rem;}

}


@media (max-width: 599px) {
    h1 {font-size:28px;}

    header .navbar-brand {width: 100px; height: 81px;}
    header .btn-primary{ margin-right: 2.4rem; padding: 0.6rem 1rem;}
    .hero_banner .caption p {font-size: 20px;}
    .hero_banner .scroll_btn{ bottom: 14px;}
    .hero_banner .scroll_btn h6{ font-size: 14px;}

    .home_discover_cruise .home_cruise_details .cruise_logo img{width: 100%; max-width: 150px;}
    .home_private_charters .private_banner{ margin-top: 1.5rem;}

    .newsletter_main .sign_newsletter_title{ margin-bottom: 1.6rem;}

    footer h3{ font-size: 20px;}

    .subnavigation{min-height: 3.2rem;}
    .subnav-track{gap: 1rem;}
    .subnav-track a{ font-size: 14px;}
    .trip_highlight_inner .tab-content .owl-carousel{ padding: 0;}
}

@media (max-width: 479px) {
    h1 {font-size:25px;}
    .hero_banner .caption p {font-size: 18px;}
    .home_private_charters .private_banner .private_hero{width: 250px; height: 300px;}
    .home_private_charters .private_banner .private_hero.lanscap {width: 280px; height: 130px; right: 50px;}

    .home_discover_cruise .home_cruise_details{ padding: 24px;}
    .home_discover_cruise .home_cruise_details h6{ font-size: 18px;}

    .newsletter_main .newsletter_box .newsllater_form .newsletter-fild .form-control{ font-size: 14px; height: 54px; padding: 0rem 1.2rem;}
    .newsletter_main .newsletter_box .newsllater_form .newsletter-fild .btn{ height: 54px;}
    .newsletter_main .newsletter_box .newsllater_form .newsletter-fild .btn svg{ width: 26px; height: 26px;}

    footer h3{ font-size: 18px;}
    footer .ftr_logo img {max-width: 110px;}
    footer .ftr_part{ margin-bottom: 1rem;}
    footer .ftr_btm_link li{padding: 0px 12px 0px 16px;}
    footer .ftr_btm_link li:first-child, footer .ftr_btm_link li:first-child::after{padding-left: 12px;}
    footer .ftr_btm_link li a{ font-size: 14px;}
    footer .copyright, footer .copyright a{ font-size: 14px;}

    .inner_banner .caption h1{ font-size: 32px;}
    .inner_banner .caption p{ font-size: 16px; line-height: 20px;}

    .subnavigation{ top: 56px;}
}