/********************** Typo ************************* *
 *  1. Small (tablet portrait) > 640px
 *  2. Medium (tablet landscape) > 960px
 *  3. Large (laptop) > 1200px
 *  4. XLarge (desktop) > 1400px
 *  5. XXLarge (desktop) > 1600px
*****************************************************/

/******** 1. Small (tablet portrait) > 640px ********/

@media only screen and (max-width: 639px) {
    .uk-container,
    .uk-container .uk-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .uk-section {
        padding: 30px 0;
    }
    .uk-button {
        padding: 10px 25px;
    }
    .booking-form {
        border-radius: 30px;
        padding: 15px;
    }
    .uk-form-icon {
        width: 18px;
    }
    #booking-form select,
    #booking-form input {
        padding: 28px 20px 9px 25px !important;
    }
    .booking-form label {
        font-size: 14px;
        left: 25px;
        top: 2px;
    }
    #booking-form .uk-input, #booking-form .uk-select {
        font-size: 12px;
    }
    #booking-form * + .uk-grid-margin, #booking-form .uk-grid > .uk-grid-margin {
        margin-top: 15px;
    }
    .form-search {
        width: 50px;
        height: 50px;
    }
    .tour-single-details {
        padding: 10px 15px;
        border-radius: 30px;
    }
    .tour-single-details .tour-meta-single {
        justify-content: center;
        font-size: 12px;
    }
    .tour-single-details .uk-grid-divider {
        margin-left: -15px;
    }
    .tour-single-details .uk-grid-divider > * {
        padding-left: 15px;
    }
    .tour-single-details .uk-grid-divider > :not(.uk-first-column)::before {
        left: 7px;
    }
    .tour-accordion {
        margin-bottom: 0;
    }
    .tour-meta-single img,
    .tour-meta-single svg {
        margin: 0 0 6px 0;
        width: 14px;
        display: block;
    }
    .single-tour-short-description {
        height: 50px;
        overflow: hidden;
    }
    .single-tour-short-description.show-full-content {
        height: inherit;
    }
    .uk-slider-container.uk-slider-container-offset {
        overflow: visible;
    }
    .builder-top {
        padding: 20px 0 20px;
        top: -40px;
    }
    .pagetitle .uk-height-large {
        height: 275px;
    }
    .category-filter,
    .filter {
        margin-left: -8px;
    }
    .category-filter > li,
    .filter > li {
        padding-left: 8px;
    }
    .category-filter > li > a,
    .filter > li > a {
        padding: 5px 10px;
        font-size: 13px;
    }
    #show-more-review {
        margin-top: 10px;
        font-size: 14px;
    }
    .testimonial-content {
        height: 70px;
    }
    .faq-accordion .uk-accordion-title::before {
        width: 1em;
        height: 1em;
    }
    .slider-offset {
        padding: 1px;
    }
    .image-position .uk-panel {
        background-position: 60% bottom !important;
    }
    .tour-details.uk-card-body {
        padding-top: 10px;
    }
    footer {
        text-align: center;
    }
    footer .uk-list a {
        font-size: 14px;
    }
    .sort-btn {
        padding: 7px 20px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
        position: absolute;
    }
    .uk-offcanvas-bar {
        padding-top: 100px;
    }
}
@media only screen and (min-width: 640px) {
    header {
        padding: 20px 0;
    }
    header.uk-active {
        padding: 5px 0;
    }
    h1 {
        font-size: 54px;
    }
    h2 {
        font-size: 44px;
    }
    .uk-h2, .acknowledgement h2, .full-content h2 {
        font-size: 54px;
    }
    h3, .uk-h3 {
        font-size: 40px;
    }
    h4,h5 {
        font-size: 20px;
    }
    .contact-section h3 {
        font-size: 36px;
    }
    p, li {
        font-size: 18px;
    }
    .uk-button {
        font-size: 18px;
    }
    .uk-button-link {
        font-size: 18px;
    }
    .uk-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .uk-container .uk-container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .newsletter-form {
        background-color: #fff;
        border-radius: 20px;
    }
    .newsletter-form .uk-input {
        padding: 20px 0;
    }
    .newsletter-form .uk-button {
        position: absolute;
        margin-top: 0;
        top: 8px;
        right: 20px;
    }
    .uk-panel-padding {
        padding: 100px 0;
    }
    .uk-text-large {
        font-size: 24px;
    }
    blockquote {
        font-size: 25px;
        margin: 35px;
    }
    blockquote p {
        font-size: 25px;
    }
    .tour-accordion .uk-accordion-title {
        font-size: 40px;
    }
    .tour-meta-single {
        display: flex;
    }
    .tour-meta-single img,
    .tour-meta-single svg {
        margin: 0 15px 0 0;
    }
    .testimonial-title {
        font-size: 24px;
    }
    .faq-accordion > li {
        padding: 35px 30px;
    }
    .faq-accordion .uk-accordion-title {
        font-size: 18px;
    }
    footer .uk-list > li:nth-child(n+2), 
    footer .uk-list > li > ul {
        margin-top: 15px;
    }
}

/******* 2. Medium (tablet landscape) > 960px *******/

@media only screen and (max-width: 959px) {
    .video-btn img {
        width: 70px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        width: 100vw;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: 10px 15px 10px 15px;
    }
    .mega-sub-menu ul {
        margin-bottom: 0;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 10px 20px;
        font-size: 18px;
        height: auto;
        border-bottom: 1px solid #eee !important;
    }
    .widget-panel-wrap {
        display: none;
    }
    .widget-panel-wrap.active {
        display: block;
        margin-bottom: 40px;
        text-align: center;
    }
    .faq-accordion .uk-accordion-title::after {
        background-size: cover;
        height: 23px;
        width: 23px;
    }
}

@media only screen and (min-width: 960px) {
    .hero-box h1 {
        font-size: 74px;
    }
    h2 {
        font-size: 54px;
    }
    .cover-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        object-fit: cover;
        object-position: center;
    }
    .checkerboard-padding {
        padding: 30px 100px;
    }
    .overlay-right {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 34.99%, rgba(0, 0, 0, 0.42) 65.87%, rgba(0, 0, 0, 0.24) 100%);
    }
    .overlay-left {
        background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 36.02%, rgba(0, 0, 0, 0.50) 78.43%, rgba(0, 0, 0, 0.70) 99.16%);
    }
    .video-section {
        height: 760px;
    }
    .count-nmb::after {
        position: absolute;
        content: "";
        background: url(../../img/arrow.svg);
        width: 205px;
        height: 38px;
        right: -260px;
        top: 50px;
    }
    .count-box:last-of-type .count-nmb::after {
        width: 0;
    }
    #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        display: flex;
        gap: 60px;
        justify-content: center;
        /* justify-content: space-between;
        justify-content: space-around; */
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
        width: auto;
        padding-right: 60px;
        border-right: 1px solid #eaeaea;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li:last-child {
        border-right: none;
        padding-right: 0;
    }
    .widget-panel-wrap {
        margin-top: 40px ;
    }
}

/************ 3. Large (laptop) > 1200px ************/

@media only screen and (max-width: 1199px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding: 0px 10px 0px 10px;
        font-size: 15px;
    }
    .uk-button-small {
        font-size: 14px;
        padding: 10px 20px;
    }
    .uk-navbar-item.quiz-item {
        font-size: 15px;
    }
    .uk-logo {
        max-width: 150px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
}

/*********** 4. XLarge (desktop) > 1400px ***********/

@media only screen and (min-width: 1400px) {
}

/*********** 5. XXLarge (desktop) > 1600px ***********/

@media only screen and (min-width: 1600px) {}