:root {
    --pc: rgba(59, 78, 142, 1)
}

/* for laptop devices 1366 */

@media (min-width: 1200px) and (max-width: 1500px) {

    header .nav-link {
        font-size: 13px;
    }

    hgroup h2 {
        font-size: 55px;
    }

    hgroup h3 {
        font-size: 40px;
    }
    .mob-head , .mob-head + button{display: none;}
    .banner-mobile{display: none;}

}


/* bigger screen pc */
@media (min-width: 1400px) { .mob-head , .mob-head + button{display: none;}.banner-mobile{display: none;}}



/* Normal desktop :992px. */

@media (min-width: 1024px) and (max-width: 1199px) {
    .banner-mobile{display: none;}
     .mob-head , .mob-head + button{display: none;}

    hgroup h2 {
        font-size: 44px;
    }

    hgroup h3 {
        font-size: 28px;
    }

    .animated-button .text {
        font-size: 14px;
    }

    figcaption h2 {
        font-size: 17px;
    }

    figcaption a {
        font-size: 13px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1000px;
    }

    header .nav-link {
        font-size: 13px;
    }

    header .navbar-nav {
        gap: 7px;
    }

    p {
        font-size: 14px;
    }

    .color-box-light p {
        font-size: 13px;
    }

    .about>div:nth-child(even) {
        padding: 0 10px;
    }

    .container.custom-right {
        max-width: -webkit-fill-available;
        margin-right: calc((100% - 1000px) / 2);
    }

    .t-figure h3 {
        font-size: 20px;
    }

    .cont-head h3,
    .reg-box h2 {
        font-size: 18px;
    }

    figcaption {
        padding: 2rem;
    }

    h1 {
        font-size: 37px;
    }

    .inp-email+a {
        font-size: 14px;
    }

    .count-box h2 {
        font-size: 33px;
    }

    footer h3 {
        font-size: 15px;
    }

    footer .links-ul li p,
    footer .links-ul li a {
        font-size: 13px;
        line-height: 24px;
    }
}





/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {   .ban-images {
        display: grid;
        height: 100%;
        grid-template-columns: repeat(1, 1fr);
        height: 100%;
    }

    .ban-img {
        height: 500px;
    }

    figcaption {
        padding: 3rem;
    }

    .img-l,
    .img-r {
        display: none;
    }

    hgroup h3 {
        font-size: 35px;
    }

    hgroup h2 {
        font-size: 40px;
    }

    p {
        font-size: 14px;
    }

    .about>div:nth-child(even) {
        flex-basis: 350px;
        padding: 10px;
    }

    .animated-button .text {
        font-size: 13px;
    }

    .container.custom-right div[class*="col"] {
        width: 100%;
    }

    .container.custom-right {
        max-width: -webkit-fill-available;
        margin-right: .5rem;
    }

    .color-box-light p {
        font-size: 13px;
    }

    .counter {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        padding: 40px;
        gap: 50px;
    }

    .reviews .owl-carousel .owl-item .rev-img img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

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

    .qot {
        display: none;
    }

    .review-box {
        display: block;
        padding: 1rem;
    }

    .owl-theme .owl-nav {
        display: none;
    }

    .site-footer div[class*="col"] {
        width: 100%;
    }

    .g-5,
    .gy-5 {
        --bs-gutter-y: 1rem;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 1rem;
    }

    figcaption a {
        font-size: 13px;
    }

    .mobile-menu {

        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 1000;
        padding: 20px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .mobile-menu.active {
        display: block;
    }

    .mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-menu li {
        position: relative;
        padding: 10px 0;
        /* border-bottom: 1px solid #eee; */
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 1rem;
    }

    .offcanvas {
        box-sizing: content-box;
    }

    .mobile-menu a {
        text-decoration: none;
        color: #696969;
        font-weight: 500;
        font-size: 18px;
        display: block;
        padding: 8px 0;
        /* font-family: var(--iv-reg); */
        text-transform: capitalize;
    }

    header .navbar-toggler {
        display: none;
    }

    .has-submenu button[aria-expanded="true"] a {
        color: var(--pc);
    }

    .mobile-menu__secondary a {
        font-size: 16px;
    }

    .mobile-menu__secondary,
    .mobile-menu__tertiary {
        display: none;
        padding-left: 20px;
    }

    .mobile-menu__secondary.active,
    .mobile-menu__tertiary.active {
        display: block;
        background: #fff;
        padding: 10px;
    }

    .has-submenu:has([aria-expanded="true"])>a {
        color: var(--pc);
    }

    .mobile-menu__primary>li {
        border-bottom: 1px solid #cdcd;
    }

    .mobile-menu__primary>li:last-child {
        border-bottom: 0;
    }

    .submenu-toggle {
        position: absolute;
        right: 0;
        top: 10px;
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .ham-btn {
        background: transparent;
        border: none;
        outline: none;
    }

    .submenu-toggle .toggle-icon {
        display: block;
    }

    .submenu-toggle[aria-expanded="true"] .toggle-icon {
        transform: rotate(180deg);
    }

    .mobile-menu__tertiary a {
        font-size: 14px;
    }

    a+div [aria-expanded="true"] {
        color: var(--pc);
    }

    h1 {
        font-size: 27px;
    }

    .img-right {
        display: none;
    }

    .rev-cont {
        padding: 1rem;
    }


    .holidays div[class*='col'] {
        width: 100%;
    }

    .booking-detail div[class*='col'] {
        width: 100%;
    }

    .mySwiper {
        height: 100px;
    }

    .incl-ul {

        grid-template-columns: repeat(1, 1fr);

    }

    .enq-box ul {

        grid-template-columns: repeat(1, 1fr);

    }
    .form-body{padding: 1rem;}

    .det-head h2 {
        font-size: 27px;
    }

    .contact div[class*='col'] {
        width: 100%;
    }

    .reg-office .row {
        display: block;
    }
    .reg-box{margin-bottom: 7px;}

    .border-col .col-3 {
        border-right: 1px solid transparent;
    }

    .about-inner div[class*='col'],
    .services-inner div[class*='col'] {
        width: 100%;
    }

    .ticket-booking div[class*='col'] {
        width: 100%;
    }

    .ab-img {
        margin-bottom: 3rem;
    }

    .t-figure {
        height: 300px;
        margin-top: 5px;
    }

    .t-figure h3 {
        font-size: 20px;
    }

    .offer-box p {
        font-size: 14px;
    }

    .offer-box {
        padding: 1.5rem;
    }

    .after-line::after {
        display: none;
    }

    .banner-sub {

        padding: 5rem 0;
    }

    .mobile-menu__tertiary {
        background-color: #f9f9f9;
        margin-left: -20px;
        padding-left: 40px;
    }

    .form-modal h2.title {
        font-size: 20px;
        color: #c9ac4c;
    }

    .form-modal hgroup h3 {
        font-size: 13px;
    }

    .form-modal p {
        font-size: 13px;
        line-height: normal;
    }

    header {
        position: relative;
        background: #fff;
    }
}





/* small mobile :767px. */

@media (max-width: 767px) {}



/* Large Mobile :480px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ban-images {
        display: grid;
        height: 100%;
        grid-template-columns: repeat(1, 1fr);
        height: 100%;
    }

    .ban-img {
        height: 500px;
    }

    figcaption {
        padding: 3rem;
    }

    .img-l,
    .img-r {
        display: none;
    }

    hgroup h3 {
        font-size: 35px;
    }

    hgroup h2 {
        font-size: 40px;
    }

    p {
        font-size: 14px;
    }

    .about>div:nth-child(even) {
        flex-basis: 350px;
        padding: 10px;
    }

    .animated-button .text {
        font-size: 13px;
    }

    .container.custom-right div[class*="col"] {
        width: 100%;
    }

    .container.custom-right {
        max-width: -webkit-fill-available;
        margin-right: .5rem;
    }

    .color-box-light p {
        font-size: 13px;
    }

    .counter {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        padding: 40px;
        gap: 50px;
    }

    .reviews .owl-carousel .owl-item .rev-img img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

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

    .qot {
        display: none;
    }

    .review-box {
        display: block;
        padding: 1rem;
    }

    .reviews    .owl-theme .owl-nav {
        display: none;
    }

    .site-footer div[class*="col"] {
        width: 100%;
    }

    .g-5,
    .gy-5 {
        --bs-gutter-y: 1rem;
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 1rem;
    }

    figcaption a {
        font-size: 13px;
    }

    .mobile-menu {

        position: fixed;
        top: 50px;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        z-index: 1000;
        padding: 20px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .mobile-menu.active {
        display: block;
    }

    .mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-menu li {
        position: relative;
        padding: 10px 0;
        /* border-bottom: 1px solid #eee; */
    }

    .g-5,
    .gx-5 {
        --bs-gutter-x: 1rem;
    }

    .offcanvas {
        box-sizing: content-box;
    }

    .mobile-menu a {
        text-decoration: none;
        color: #696969;
        font-weight: 500;
        font-size: 18px;
        display: block;
        padding: 8px 0;
        /* font-family: var(--iv-reg); */
        text-transform: capitalize;
    }

    header .navbar-toggler {
        display: none;
    }

    .has-submenu button[aria-expanded="true"] a {
        color: var(--pc);
    }

    .mobile-menu__secondary a {
        font-size: 16px;
    }

    .mobile-menu__secondary,
    .mobile-menu__tertiary {
        display: none;
        padding-left: 20px;
    }

    .mobile-menu__secondary.active,
    .mobile-menu__tertiary.active {
        display: block;
        background: #fff;
        padding: 10px;
    }

    .has-submenu:has([aria-expanded="true"])>a {
        color: var(--pc);
    }

    .mobile-menu__primary>li {
        border-bottom: 1px solid #cdcd;
    }

    .mobile-menu__primary>li:last-child {
        border-bottom: 0;
    }

    .submenu-toggle {
        position: absolute;
        right: 0;
        top: 10px;
        background: none;
        border: none;
        font-size: 20px;
        cursor: pointer;
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .ham-btn {
        background: transparent;
        border: none;
        outline: none;
    }

    .submenu-toggle .toggle-icon {
        display: block;
    }

    .submenu-toggle[aria-expanded="true"] .toggle-icon {
        transform: rotate(180deg);
    }

    .mobile-menu__tertiary a {
        font-size: 14px;
    }

    a+div [aria-expanded="true"] {
        color: var(--pc);
    }

    h1 {
        font-size: 27px;
    }

    .img-right {
        display: none;
    }

    .rev-cont {
        padding: 1rem;
    }


    .holidays div[class*='col'] {
        width: 100%;
    }

    .booking-detail div[class*='col'] {
        width: 100%;
    }

    .mySwiper {
        height: 100px;
    }

    .incl-ul {

        grid-template-columns: repeat(1, 1fr);

    }

    .enq-box ul {

        grid-template-columns: repeat(1, 1fr);

    }
    .form-body{padding: 1rem;}

    .det-head h2 {
        font-size: 27px;
    }

    .contact div[class*='col'] {
        width: 100%;
    }

    .reg-office .row {
        display: block;
    }
    .reg-box{margin-bottom: 7px;}

    .border-col .col-3 {
        border-right: 1px solid transparent;
    }

    .about-inner div[class*='col'],
    .services-inner div[class*='col'] {
        width: 100%;
    }

    .ticket-booking div[class*='col'] {
        width: 100%;
    }

    .ab-img {
        margin-bottom: 3rem;
    }

    .t-figure {
        height: 300px;
        margin-top: 5px;
    }

    .t-figure h3 {
        font-size: 20px;
    }

    .offer-box p {
        font-size: 14px;
    }

    .offer-box {
        padding: 1.5rem;
    }

    .after-line::after {
        display: none;
    }

    .banner-sub {

        padding: 5rem 0;
    }

    .mobile-menu__tertiary {
        background-color: #f9f9f9;
        margin-left: -20px;
        padding-left: 40px;
    }

    .form-modal h2.title {
        font-size: 20px;
        color: #c9ac4c;
    }

    .form-modal hgroup h3 {
        font-size: 13px;
    }

    .form-modal p {
        font-size: 13px;
        line-height: normal;
    }

    header {
        position: relative;
        background: #fff;
    }
    .banner-home{display: none;}

    .banner-mobile .owl-nav .owl-next{position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: #fff !important;}
    .banner-mobile .owl-nav .owl-prev{position: absolute;top: 50%;left: 0;transform: translateY(-50%);background: #fff !important;}
    .banner-mobile .owl-nav button img{width: 35px;}
    .about{padding: 3rem 0;}
    .review-box{min-height: 510px;}
    .inter-text h2{font-size: 20px;}
    .det-title{font-size: 20px;}
    .inter-trip-detail div[class*='col']{width: 100%;}
    .wp-block-heading{font-size: 20px;}
    .img-ul {
    list-style: none;
    padding: 0;
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
    margin: 2rem 0;
}
.form-body.detial-form {
    position: relative;
    top: 0;
    margin-bottom: 3rem;
}

}

/* ipad pro */