#hero {
    background-position: center top;
}
img.main-logo {
    height: auto;
    margin-left: -15px;
}
.ofstick {
    display: none;
}
header.sticky img.main-logo {
    margin-top: unset;
    position: relative;
    top: unset;
    left: -8px;
}
header.sticky img.main-logo {
    height: 56px;
    width: auto;
    padding: 0;
}
header.sticky img.main-logo.nostick {
    display: none !important;
}
header.sticky img.main-logo.ofstick {
    display: block;
    filter: none;
}
ul.stickMenu {
    display: none;
}
header.sticky ul.mainMenu {
    display: none;
}
header.sticky ul.stickMenu {
    display: block;
    float: right;
}
header.sticky .stickBar #main-logo .main-logo {
    display: block;
}
header {
    z-index: 2999;
}
#search {
    display: block;
    margin: 135px 0;
    width: 100%;
    padding: 20px;
    overflow: hidden;
    z-index: 99;
    background: linear-gradient(to top, rgb(255 255 255 / 40%), rgb(255 255 255 / 80%));
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
}
#search .tab-content {
    padding: 15px 0 0;
    background: transparent;
}
#search .nav-tabs>li.active>a {
    color: var(--secondary-color);
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--secondary-color); 
    font-weight: 500;
}
#search .nav-tabs>li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border-bottom: 1px dotted var(--text-color);
}
#search .form-control {
    background: #ffffff8f;
}
main {
    background-color: var(--white);
}
.lightBbg {
    background: #53535314;
}
ul.mainMenu>li>a {
    padding: 8px 16px 8px 16px;
    background: #fff7ce;
    border-radius: 20px;
    color: var(--black);
    font-weight: 500;
    box-shadow: 0 0 5px 0 #333;
}
ul.mainMenu>li>.exploreBtn {
    color: var(--dark-text);
    padding: 8px 16px 8px 16px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
}
.tp-fullwidth-forcer {
    height: 657px !important;
}
.tabs nav {
    background: var(--white);
    height: 40px;
    border-radius: 30px;
}
.tabs nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    height: 38px;
    border: 1px solid #bcbec5;
    border-radius: 20px;
}
.owl-theme.list_carousel .owl-next i, .owl-theme.list_carousel .owl-prev i,
.owl-theme.list_four .owl-next i, .owl-theme.list_four .owl-prev i {
    background: var(--white);
    border-radius: 50%;
    font-size: 42px;
    box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%);
    color: var(--secondary-color);
}
.owl-theme.list_carousel .owl-prev, .owl-theme.list_four .owl-prev {
    left: -15px;
}
.owl-theme.list_carousel .owl-next, .owl-theme.list_four .owl-next {
    right: -15px;
}
@media screen and (max-width: 52.375em) {
    .tabs nav a {
        padding: 2px 8px;
    }
}
.menuDeals span {
    display: block;
}
.main-menu ul.mainMenu li.megamenu .menu-wrapper:before {
    position: absolute;
    bottom: 100%;
    right: 37%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-bottom-color: #ff842f;
    border-width: 8px;
}
.main-menu ul.mainMenu li.megamenu:last-child .menu-wrapper:before {
    bottom: 100%;
    right: 22%;
}
.main-menu ul ul.menuDeals li a {
    line-height: 1.5;
}
.main-menu ul ul.menuDeals li:hover>a {
    font-weight: normal;
}
.main-menu ul ul {
    border-top: 2px solid #fbfbfb;
}
.main-menu ul ul:before {
    border-bottom-color: var(--white);
}
.order1 {
    order: 1;
}
.order2 {
    order: 2;
}
.sidenavLinks {
    display: none;
}
.footerDiv {
    display: none;
}
.flexDirectionCR {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.ls-bg {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
.avl {
    display: block;
    padding-bottom: 30px;
}
.planTrip .icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.planTrip img {
    height: 64px;
    width: auto;
    filter: invert(52%) sepia(74%) saturate(3806%) hue-rotate(352deg) brightness(97%) contrast(100%);
}
.owl-stage {
    display: flex;
}
.planTrip .feature_home_2 h3 {
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--font-primary);
    line-height: 22px;
}
.planTrip .feature_home_2 p {
    line-height: 1.47;
}
.ad.activity {
    height: 402px;
}
.ad img {
    height: 100%;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 3px 7px -5px rgb(0 0 0 / 75%);
    aspect-ratio: 9/16
}
.dotted-border {
    border-bottom: 1px dotted #ff1414;
    padding-bottom: 8px;
    margin-bottom: 32px;
}
.heading {
    font-family: var(--font-primary);
    font-weight: 500;
}
.pkgrates {
    font-size: 0.875rem;
    display: flex;
    gap: 20px;
}
.pkgrates .pcost {
    color: var(--dark-text);
    font-size: 1.25rem;
    display: inline-block;
    line-height: 20px;
    font-weight: 500;
}
.hotel_container, .tour_container {
    background: transparent;
    box-shadow: none;
}
.act_container {
    border: 1px solid #bcbec5;
}
.act_container .location {
    font-size: 13px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_container .cost {
    font-size: 1.325rem;
    color: #efc649;
    filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 30%));
}
.act_container .rates {
    bottom: 0px;
    padding: 0 10px 8px;
    justify-content: flex-start;
    background: linear-gradient(to top, #000000a3, transparent);
    font-size: .9375rem;
    font-weight: 400;
}
.categories_grid .img1 {
    border-top-left-radius: 0;
    border-top-right-radius: 16px;
    animation: loading 1.7s infinite linear;
    background: #e2e5f4;
    background-image: linear-gradient(to right, #e2e5f4 0%, #e9edff 20%, #e2e5f4 40%, #e2e5f4 100%);
    background-repeat: no-repeat;
}
.categories_grid .img2 {
    border-top-right-radius: 0;
}
.categories_grid .img1,
.categories_grid .img2,
.categories_grid .img3,
.categories_grid .img4 {
    height: 200px;
    animation: loading 1.7s infinite linear;
    background: #e2e5f4;
    background-image: linear-gradient(to right, #e2e5f4 0%, #e9edff 20%, #e2e5f4 40%, #e2e5f4 100%);
    background-repeat: no-repeat;
}
.categories_grid .img3, .categories_grid a .wrapper.for3 {
    border-bottom-left-radius: 0px;    
}
.categories_grid .img4 {
    border-bottom-right-radius: 0px; 
}
.categories_grid a .last-img {
    border-bottom-right-radius: 0px;
}
#fre-ask-quest .card {
    border-radius: 8px;
    border: 1px solid #bcbec5;
}
.card-header {
    border-color: #bcbec5;
    border-radius: 8px !important;
}
#fre-ask-quest .main_title {
    position: sticky;
    top: 130px;
}
#fre-ask-quest h2 {
    text-align: left;
    font-size: 2rem;
    line-height: 48px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
#fre-ask-quest a {
    color: var(--dark-text);
}
#fre-ask-quest .card-body {
    padding: .75rem 1.25rem;
    font-size: .9375rem;
    line-height: 1.475 !important;
    border-top: 1px solid #bcbec5;
}
#fre-ask-quest .card-body a {
    color: var(--secondary-color);
}
a.secondaryBtn {
    display: inline-block;
    background: var(--secondary-color) !important;
    color: var(--white);
    padding: 8px 12px;
    border-radius: 4px;
}
.rec-hotels {
    background: #f5f5f5;
}
#promo {
    z-index: 3000;
}
#promo .modal-dialog {
    width: 800px;
}
#promo .modal-dialog.fest {
    width: 480px;
}
#promo .modal-content,
#promo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#promo .modal-header {
    padding: 8px;
    border: none;
}
#promo .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #333;
    opacity: 1;
}
.background-image {
    height: 100vh;
}
.opacity-mask {
    background: linear-gradient(to right, #00000024, transparent);
}
.main_title h2 {
    text-transform: none;
    font-weight: 600;
    font-family: var(--font-primary);
}
.banner_2 p.title {
    font-size: 1.25rem;
    font-weight: bold;
}
.banner_2 .opacity-mask {
    background: linear-gradient(to left, rgb(0 0 0 / 82%), rgb(0 0 0 / 69%));
}
a.box_news h3 {
    font-family: var(--font-secondary);
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 10px;
}
.box_news.first {
    color: var(--white);
}
a.box_news p {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}
a.box_news .post-date {
    display: block;
    color: var(--text-color);
    font-size: .875rem;
    font-style: italic;
}
a.box_news .post-date span {
    font-weight: 500;
}
.andaman {
    position: relative;
}
.andaman .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: var(--white);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}
.andaman p {
    font-size: 1.125rem;
    margin-bottom: 7px;
    font-weight: 500;
    filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 30%));
}
.andaman a {
    color: #151414;
    padding: 6px 8px !important;
    border-radius: 10px;
    font-size: 14px;
}
.andaman a i {
    font-size: 2.5rem;
    color: var(--white);
    opacity: .8;
}
.ea-menu {
    margin: -10px -30px -15px;
}
#wave {
    background: var(--white);
}
#wave:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100% 50%;
    width: 54%;
    height: 80px;
    background-color: white;
    right: 0;
    top: 44px;
}
#wave:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100% 50%;
    width: 55%;
    height: 70px;
    background-color: #f1f5f9;
    left: 0;
    top: 26px;
}
.overlayed {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #00000069, #00000000);
    z-index: 1;
}
.short_info h3 {
    color: var(--white);
    margin: 0;
    display: inline-block;
    padding: 0;
    font-size: 1rem;
    border-radius: 4px;
    line-height: 20px;
    filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 30%));
    letter-spacing: .2px;
    font-family: var(--font-primary);
    font-weight: 500;
}
.rates {
    position: absolute;
    bottom: 8px;
    right: 0;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: var(--white);
    z-index: 2;
    font-size: .9375rem;
}
.cost {
    font-size: 1.25rem;
    display: block;
    line-height: 20px;
    font-weight: 500;
}
.rackRate {
    text-decoration: line-through;
}
.disabled-link {
    pointer-events: none;
    background: #f5f5f5 !important;
    color: #aaa !important;
}
.box_news.first {
    padding-left: 0;
    height: 100%;
}
.box_news.first figure {
    width: 100%;
    height: 332px;
    border-radius: 8px;
}
.box_news.first img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.box_news .cont {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    z-index: 2;
}
.hotels-area {
    background: url(img/banner/hotel-bg.html) center;
    background-size: cover;
    position: relative;
}
.hotels-area .overlayed {
    height: 100%;
    background: linear-gradient(to top, #00000060, #00000000);
}
.hotels-area .sidebar {
    background: #00000038;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
.hotels-area .section-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.subspan {
    color: #ffa707;
}
.hotels-area h2 {
    font-size: 40px;
    color: var(--white);
    filter: drop-shadow(1px 1px 0px black);
}
.hotels-area .desc {
    color: #dfdfdf;
    margin-bottom: 40px;
    font-size: 26px;
    font-weight: bold;
    filter: drop-shadow(1px 1px 0px black);
}
.hotels-area .hotels-link {
    border: 2px solid #ffffff;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    filter: drop-shadow(1px 1px 0px black);
}
.hotels-area h3.heading {
    color: var(--white);
    filter: drop-shadow(1px 0px 1px rgb(0 0 0 / 78%));
    letter-spacing: 2px;
}
.hotels-area p.para {
    color: var(--white);
    filter: drop-shadow(1px 0px 1px rgb(0 0 0 / 78%));
    text-align: center;
}
.hotels-area .tabs nav ul li {
    background: #00000038;
    border-bottom: transparent;
}
.hotels-area .tabs nav ul li a:hover {
    background: #f75f11;
    color: var(--white);
}
.hotels-area .tabs nav a {
    color: var(--white);
}
.hotels-area .tabs nav li.tab-current {
    border-bottom: 2px solid #f75f11;
}
.tabs .tab-current a {
    color: var(--white) !important;
    background: var(--cm-color) !important;
    border-radius: 20px;
    border: 1px solid var(--cm-color);
}
.tabs nav ul {
    display: flex;
    gap: 8px;
}
#tabs li.tab-current .tabsCircle {
    background: var(--white);
}
#tabs li .tabsCircle {
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--cm-color);
}
.tabs nav ul li {
    flex: 1;
    background: transparent;
    box-shadow: none;
    border: none;
    margin: 0;
}
.tabs nav li.tab-current {
    border-bottom: none;
}
.submenu .show-submenu {
    display: flex;
    align-items: center;
    gap: 3px;
}
.owl-theme.list_carousel .item .ribbon_3 {
    bottom: 120px;
    left: 26px;
    top: unset;
    z-index: 2;
}
.ribbon_3.popular span {
    background: #ffb736;
    font-size: 11px;
    font-weight: 400;
    color: var(--black);
    line-height: 21px;
    transform: none;
    box-shadow: none;
    text-shadow: none;
    position: absolute;
    top: unset;
    bottom: 2px;
    left: -12px;
    letter-spacing: 1px;
}
.z2 {
    z-index: 2;
    padding-left: 60px;
}
#moreContent {
    display: none;
}
#myBtn {
    display: block;
    text-align: right;
    color: #3574b5;
    cursor: pointer;
    font-size: .875rem;
}
.htlimg {
    max-height: 200px;
    width: 100% !important;
    height: auto !important;
}
.pkg {
    color: var(--dark-text);
    text-decoration: underline;
}
.pkgimg {
    max-height: 200px;
    width: 100% !important;
    height: auto !important;
}
.categories_grid a .wrapper .price {
    color: #FFC107;
}
.sepdash {
    border-bottom: 1px dashed #bcbec5;
}
.moff1, .moff2, .moff3 {
    color: var(--black);
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.moff1 {
    background: linear-gradient(to right, #ffac95, transparent);
}
.moff2 {
    background: linear-gradient(to right, #ffbe24, transparent);
}
.moff3 {
    background: linear-gradient(to right, #d1ffd3, transparent);
}
.short_info .cpkg {
    filter: drop-shadow(1px 3px 3px rgb(255 255 255 / 100%)) !important;
}
.overlayed.gt{
    background: linear-gradient(to bottom, #002f0b7a, #00000000);
    top: 0;
    height: 120px;
}
.stays {
    font-size: .8125rem;
    margin: 8px 0;
    height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.stays i {
    color: #e00105;
}
.stays .nt {
    color: var(--black);
}
.stays .nt:after {
    content: '\ea32';
    color: #2196f3;
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.3em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}
.stays .nt:last-child:after {
    display: none;
}
.packages .tour_container .img_container {
    border-radius: 16px;
}
.packages .tour_container .tour_title {
    padding: 10px 0;
}
.pkg-action {
    display: flex; gap: 10px; padding: 0 0 10px; margin-top: 10px;
}
.pkg-action .btn {
    display: block; width: 100%; background: var(--cm-color); color: var(--white); font-size: 14px; line-height: 24px; padding: 7px; 
}
.callback {
    display: inline-block; height: 40px; width: 40px; line-height: 40px; font-size: 15px; padding: 0; text-align: center;
}
.honeymoons {
    background: #f1f4ff;
    padding: 20px;
    margin: -15px;
    border: 1px solid #cacedb;
    border-radius: 8px;
    box-shadow: rgb(24 48 78 / 39%) 0px 20px 15px -20px;
}
.honeymoons .tour_container .tour_title {
    text-align: left;
    padding: 10px 0 0;
}
.honeymoons .pkgrates {
    font-size: 14px;
    margin-top: 8px;
    gap: 8px;
}
.honeymoons .pkgrates .pcost {
    font-size: 1.125rem;
}
.honeymoons .hnbanner {
    height: 310px;
    object-fit: cover;
}
.honeymoons .offer {
    font-size: 13px;
    color: var(--dark-text);
    text-transform: uppercase;
    letter-spacing: .5px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 500;
} 
.honeymoons .vpkg {
    background: var(--dark-text);
    color: var(--white);
    padding: 4px 8px;
    font-size: 13px;
    border-radius: 3px;
}
.offer span {
    font-weight: 500;
    font-size: 16px;
    color: #ff1414;
}
.discount-amount {
    font-size: 12px; background: #e0ffe7; border: 1px dashed #1b602b; padding: 4px 8px; color: #1b602b; border-radius: 3px; text-transform: uppercase; line-height: 18px;font-weight: 500;
}
@media (max-width: 991px) {
    #top_line {
        display: none;
    }
    header.mainHeader {
        background: #fff !important;
        padding: 3px 0;
    }
    #main-logo .main-logo {
        display: block;
        margin: 0;
    }
    img.main-logo.nostick {
        display: none !important;
    }
    .stickBar {
        align-items: center;
    }
    .centered {
        display: flex;
        align-items: center;
    }
    header.sticky ul.stickMenu {
        display: none;
    }
    .mainMenu {
        display: none;
    }
    .tab-content {
        padding: 15px;
        margin-bottom: 0;
    }
    .ls-slide h3,
    .ls-slide p,
    .ls-slide a {
        display: none;
    }
    ul#top_links a {
        color: #333 !important;
    }
    ul#top_links a {
        color: #333;
    }
    img.main-logo {
        height: 56px;
        width: auto;
        padding: 0px;
    }
    .mLink {
        display: block !important;
    }
    .dLink {
        display: none !important;
    }
    #search {
        margin: 90px 0 0;
        border-radius: 0;
        box-shadow: none;
    }
    #search .nav-tabs {
        margin-top: 0;
        gap: 5px;
    }
    #search .nav-tabs li {
        flex: 1;
    }
    #search .nav-tabs>li a {
        justify-content: center;
        margin: 0;
    }
    .footer a {
        width: 120px;
    }
    .andaman-content h2 {
        font-size: 1.5rem;
    }
    .andaman-content p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        display: -webkit-box;
    }
    .main_title h2 {
        font-size: clamp(1rem, 5vw, 1.5rem);
    }
}
@media (max-width: 767px) {
    #hero {
        height: 500px;
    }
    #search {
        margin: 60px 0 0 !important;
        padding: 20px;
        top: 30px;
        left: 0;
        width: 100%;
        background: var(--white);
        margin: 0;
    }
    .aboutAndamanVacations span {
        font-size: 1.25rem;
    }
    .ad {
        display: none;
    }
    .andaman-content {
        padding: 30px 16px;
    }
    .andaman-content h2 {
        font-size: 1.5rem;
    }
    .andaman-content p.para {
        text-align: justify;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        display: -webkit-box;
        line-height: 20px;
    }
    #wave:before {
        top: 46px;
    }
    .mobFlex {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .mHide {
        display: none !important;
    }
    .avl {
        display: none;
        padding-bottom: 0;
    }
    #layerslider {
        display: none;
    }
    .tabs nav a {
        padding: 2px 12px;
    }
    .tabs nav {
        margin: 15px -15px 0;
        border: none;
        border-bottom: 1px solid #bcbec5;
        border-radius: unset;
    }
    #tabs li .tabsCircle {
        display: none;
    }
    .tab-current a {
        border-bottom: 2px solid var(--cm-color) !important;
        border-radius: 0;
    }
    .footerDiv {
        display: block;
    }
    .flexDirectionCR {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .planTrip img.icon {
        height: 70px;
        padding-right: 15px;
    }
    .planTrip h3 {
        font-size: 1rem;
        margin-top: 0px;
        margin-bottom: 5px;
        text-align: left;
    }
    .planTrip .feature_home_2 p {
        font-size: 0.875rem;
        text-align: justify;
        line-height: 1.5;
    }
    .planTrip .item {
        border-bottom: 1px solid #cacbcb8f;
        padding: 10px;
    }

    .planTrip .item:last-child {
        border-bottom: none;
    }
    .sidenavLinks {
        display: block;
    }
    .owl-dots {
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .footerDiv {
        display: block;
    }
    .z2 {
        padding-left: 15px;
    }
    #promo .modal-header {
        padding: 0;
    }
    #promo .modal-dialog img {
        height: 200px;
        border-radius: 0.3rem 0.3rem 0 0;
    }
    .mflexnowrap {
        display: flex;
        flex-wrap: nowrap;
    }
    .pkgAdv .pr {
        padding-right: 0;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    #search {
        margin: 68px 0 0 !important;
        background: linear-gradient(to top, rgb(255 255 255 / 54%), rgb(255 255 255 / 84%));
        backdrop-filter: blur(4px);
        border-radius: 4px;
    }
}
@media (max-width: 575px) {
    #search .nav-tabs>li i:before {
        font-size: 20px;
    }
    #search .nav-tabs>li>a {
        text-align: center;
        display: block;
        border-radius: 10px !important;
        background: transparent !important;
        color: #000 !important;
        border: 1px solid #c9c9c9;
        padding: 8px 8px;
        font-size: 13px;
    }
    #search .nav-tabs>li.active>a {
        background: var(--white) !important;
        color: var(--cm-color) !important;
        border: 1px solid var(--cm-color);
    }
    .tab-content {
        padding: 15px 0px;
    }
    .planTrip {
        display: none;
    }
    #search .nav-tabs {
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
        background: var(--white);
        margin-left: 0 !important;
        border-bottom: 0;
    }
    #search .tab-content {
        border-radius: 0 !important;
    }
    #search .nav-tabs>li {
        flex: 1;
    }
    .andaman-content h2 {
        font-size: 1.125rem;
    }
    #promo .modal-dialog {
        width: 96%;
        margin: 80px auto;
    }
    .box_news .mcont {
        position: absolute;
        bottom: 0;
        padding: 1rem;
        z-index: 2;
    }
    a.box_news figure {
        height: 332px;
        margin-bottom: 0;
    }
    a.box_news figure img {
        height: 100%;
        object-fit: cover;
    }
    .mmb0 {
        margin-bottom: 0 !important;
    }
    .mcont h3, .mcont p {
        color: var(--white) !important;
    }
    .honeymoons .text-btn {
        font-size: 13px !important;
        padding: 6px 6px 6px 14px;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .intro_title {
        display: none;
    }
}
@media (max-width: 480px) {
    #hero {
        height: 320px;
        background-position: right;
        overflow: visible;
    }
    .intro_title .mainTitle {
        font-size: 1.25rem;
        margin-top: 80px;
        margin-bottom: 0.875rem;
    }
    .intro_title .mainTitle span {
        font-size: 1.5rem;
    }
    header.mainHeader {
        background: transparent !important;
    }
    header.mainHeader.sticky {
        background: #fff !important;
    }
    .cmn-toggle-switch span,
    .cmn-toggle-switch span::before,
    .cmn-toggle-switch span::after {
        background-color: var(--white);
    }
    .intro_title {
        padding: 0 20px 0;
        text-align: center;
    }
    .intro_title h3 {
        font-size: 1.25rem;
        line-height: 30px;
        text-transform: capitalize;
        margin-top: 0px;
        margin-bottom: 8px;
    }
    .intro_title h3 span {
        display: block;
        font-size: 1.5rem;
        color: var(--white);
    }
    .intro_title p {
        font-size: .875rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
    .intro_title .btn-area {
        display: flex;
    }
    .intro_title .button_intro {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 22px;
        flex: 2;
    }
    .intro_title .watchV {
        flex: 1;
    }
    #search {
        margin: 24px 0 0 !important;
        border-radius: 16px 16px 0 0;
        padding: 16px 5% 16px;
        box-shadow: 0 -5px 10px 0px rgb(31 38 135 / 45%);
    }
    .button_intro {
        font-size: 12px !important;
        padding: 8px 16px !important;
        border-radius: 36px !important;
    }
    .owl-carousel.pkgAdv.owl-drag .owl-item {
        width: 248px !important;
        height: 146px !important;
        margin-right: 1rem;
    }
    .owl-carousel.pkgAdv .item {
        padding: 0;
    }
    .pkgAdv.owl-theme .owl-nav.disabled+.owl-dots {
        display: none;
    }
    .pkgAdv {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .pkgAdv .img_container,
    .pkgAdv img {
        height: 190px;
    }
    .pt {
        padding-top: 445px;
    }
}
@media (min-width: 991px) {
    img.main-logo {
        position: absolute;
        top: 50px;
        margin: 0;
        left: -36px;
        filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 30%));
    }
}