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

    .container {

        max-width: 1290px;

    }

}



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

    .container {
        /* width: 100%!important; */
        max-width: 1440px;

    }

}



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

    .container {

        max-width: 1630px;

    }

}



@media only screen and (max-width: 1699px) {

    .map-info-img {

        margin-left: 0;

    }



    .megha-menu-2-width {

        width: 62%;

    }

}



@media only screen and (max-width: 1599px) {

    .location-info h2 {

        font-size: 50px;

    }



    .map-clock {

        width: 15%;

    }



    h3.main-header {

        font-size: 42px;

    }



    h5.sub-header {

        font-size: 22px;

    }



    .main-explore,

    .location-owl,

    #popular-carousel {

        margin-top: 40px
    }



    .wizard-form-margin,

    .main-blog,

    .popular-part,

    .p-reletive {

        margin: 40px auto;

    }



    .about-us {

        margin-bottom: 60px;

    }



    .search {

        width: calc(100% - 20%);

    }



    .c-radio .r-checkmark:after {

        transform: translate(-50%, -50%)
    }



    h6.wizard-heading {

        top: 85%;

    }



    .map-info-img {

        margin: 0;

        max-width: unset;

        width: calc(100% - 500px);

    }



    .map-slider {

        max-width: unset;

        width: 500px;

    }



    .map-info-img svg {

        width: 100%;

    }



    .prev-slide.slick-arrow {

        left: 0;

        z-index: 5;

        opacity: 0;

    }



    .next-slide.slick-arrow {

        right: 0;

        z-index: 5;

        opacity: 0;

    }



    .map-slider-arrow:hover .next-slide {

        right: 0;

        opacity: 1;

    }



    .map-slider-arrow:hover .prev-slide {

        opacity: 1;

        left: 0;

    }



    a.bookmark {

        right: 30px;

    }



    .thing-of-java p {

        font-size: 16px;

    }



    .title-margin {

        margin-bottom: 60px;

    }



    .beaches-info p {

        font-size: 16px;

    }





    .fun-act-info h4 {

        font-size: 42px;

    }



    .fun-act-info p {

        font-size: 20px;

    }



    .event-info h5 {

        font-size: 18px;

    }



    .sub-nav-width {

        margin: 7px;

    }



    .bookmark-main {

        width: 100%;

        margin: 0px 0 20px;

    }



    .bookmark-main-slider {

        margin-top: 40px;

    }



    .bookmark-main-slider .slick-slide {

        margin: 10px;

    }



    .megha-menu-2-width {

        width: 75%;

    }


    .alert-info {
        margin-left: 15px;
    }

    body .container.popular-part {
        max-width: 95%;
    }

    .regions-imgs {
        height: 120px
    }

    .megha-menu-show {
        padding: 22px 80px 10px;
    }
}



@media only screen and (max-width: 1429px) {

    .popular-carousel-item {
        height: 300px;
    }

    .first-fotter br,

    .about-info p br {

        display: none;

    }



    .main-footer {

        margin: 60px 0;

    }



    .about-info {

        width: 50%;

    }



    .about-us {

        align-items: center;

    }



    .main-blog-img {

        height: 700px;

    }



    .blog-info {

        padding: 30px 50px;

    }



    .map-main-info .map-info:nth-last-child(2):after {

        left: -40px;

    }



    .map-main-info .map-info:nth-last-child(2):before {

        right: -40px;

    }



    .map-info p {

        font-size: 16px;

    }



    .sub-main-blog-info h4 {

        font-size: 36px;

    }



    .btn-yellow {

        min-width: 25%;

    }



    h6.wizard-heading br {

        display: none;

    }



    h6.wizard-heading {

        width: 100%;

        top: unset;

        bottom: 20px;

    }



    .slider-text {

        font-size: 150px;

    }



    .my-padding {

        padding: 60px 0;

    }



    .map-slider,

    .map-slider .slick-slide {

        width: 420px !important;
        clear: both;

    }



    .map-info-box ul li {

        font-size: 15px;

    }



    .map-info-img {

        width: calc(100% - 420px);

        position: relative;

        top: unset;

        transform: unset;

    }



    .regions-item {

        width: 25%;

    }



    .regions-indo {

        margin-top: 40px;

    }



    .title-margin {

        margin-bottom: 50px;

    }



    .fun-act-info p {

        font-size: 16px;

    }



    .fun-act-photo {

        left: 40px;

    }



    .highlights-info {

        padding: 0;

    }



    .visitor-item {

        height: 260px;

    }



    .sub-nav-width {

        width: 22%;

    }



    .sub-nav {

        justify-content: center;

    }



    .sub-nav-item {

        padding: 20px 0;

    }



    .sub-nav-item h6 {

        font-size: 18px;

    }



    .fixed-sub-nav .sub-nav {

        flex-wrap: nowrap;

        justify-content: flex-start;

        align-items: unset;

        overflow: auto;

    }



    .fixed-sub-nav .sub-nav .sub-nav-width {

        min-width: fit-content;

        text-align: center;

    }



    .sub-nav::-webkit-scrollbar {

        width: 1px;

        height: 5px;

    }



    .sub-nav::-webkit-scrollbar-track {

        background-image: -moz-linear-gradient(0deg, rgb(255, 239, 229) 0%, rgb(220, 245, 242) 46%, rgb(184, 251, 255) 99%);

        background-image: -webkit-linear-gradient(0deg, rgb(255, 239, 229) 0%, rgb(220, 245, 242) 46%, rgb(184, 251, 255) 99%);

        background-image: -ms-linear-gradient(0deg, rgb(255, 239, 229) 0%, rgb(220, 245, 242) 46%, rgb(184, 251, 255) 99%);

        max-width: 50%;

    }



    .sub-nav::-webkit-scrollbar-thumb {

        background: #ff9800;

        border-radius: 4em
    }



    .thing-of-other.thing-of-java h6 {

        margin: 20px 0 15px;

    }



    a.thing-of-other-vedio {

        height: 400px;

        margin-top: 40px;

    }



    .c-margin {

        margin-top: 60px;

    }



    .yoga-flex {

        margin-bottom: 30px;

    }



    .main-do-img {

        height: 400px;

    }



    .main-do-info h5 {

        font-size: 20px;

        margin-bottom: 15px;

    }



    .thing-of-other.thing-of-java p {

        font-size: 15px;

        margin-bottom: 20px;

    }



    .food-img {

        height: 400px;

    }



    .stay-img {

        height: 400px;

    }



    .megha-menu-2-width {

        width: 85%;

    }



    .blog-category ul li a,

    .blog-tags ul li a {

        font-size: 16px;

    }



    .prev-vertical.slick-arrow,

    .next-vertical.slick-arrow {

        left: 0;

        z-index: 6;

    }



    .regions-ul {

        justify-content: unset;

    }



    .regions-ul li a {

        width: auto;

    }



    .destination-hight {

        height: unset;

    }

    .blog-white-box input.search-submit {
        padding: 6px 10px;
        font-size: 13px;
    }


    .sub-main-blog-info h4 {
        max-width: 500px;
    }

}



@media only screen and (max-width: 1199px) {

    .search-box {

        max-width: 75%;

    }



    .sub-info br,

    .main-header br,

    .location-info h2 br,

    .map-info:nth-last-child(1) br {

        display: none;

    }



    .sub-info {

        width: 50%;

    }



    form#regForm {

        width: 100%;

    }



    .about-info {

        width: 80%;

    }



    .about-us {

        margin: 0;

    }



    .p-reletive,

    .popular-part {

        margin-bottom: 0;

    }



    .sub-main-blog-info h4 {

        font-size: 30px
    }



    .blog-info {

        padding: 15px 30px;

    }



    .map-main-info {

        flex-wrap: wrap;

    }



    .location-info h2 {

        font-size: 38px
    }



    .map-main-info .map-info {

        margin-bottom: 20px;

    }



    .map-main-info .map-info:nth-last-child(2):before {

        display: none;

    }



    .map-main-info .map-info:nth-last-child(2):after {

        left: -25%;

    }



    .map-info:nth-last-child(1) {

        width: 100%;

        text-align: center;

    }



    .map-clock {

        left: 40px;

        bottom: 40px;

    }



    .map-margin {

        margin: 0;

    }



    .final-result-owl {

        margin-top: 30px;

        padding: 10px;

    }



    #final-owl .owl-nav {

        display: none;

    }



    .final-result h4 {

        font-size: 36px;

    }



    a.btn.btn-yellow.btn-result {

        margin-top: 10px;

        ;

    }



    h6.wizard-heading {

        bottom: 0;

    }



    .c-radio,

    .checkboxs {

        font-size: 15px;

        font-weight: 400;

    }



    .final-owl-info h4 {

        font-size: 18px;

    }



    .slider-text {

        font-size: 130px;

    }



    .header-social a {

        margin-right: 0;

    }



    .search-open.search-box-2 input {

        background-color: #fff;

        padding: 0 20px;

    }



    .inner-slider-info h1 {

        font-size: 74px;

    }



    .prev-slide.slick-arrow,

    .next-slide.slick-arrow {

        width: 50px;

        height: 50px;

        top: 35.7%;

    }



    .regions-photo {

        height: 280px;

    }



    .must-see-info p {

        font-size: 18px;

    }



    .subscribe-back {

        min-height: 400px;

    }



    .mail-input {

        min-height: unset;

        padding: 15px;

    }



    .first-fotter p {

        font-size: 16px;

    }



    .f-header {

        font-size: 24px;

    }



    .beaches-img {

        height: 250px;

        margin-bottom: 22px;

    }



    .beaches-info h6 {

        font-size: 22px;

        line-height: 1.5;

    }



    .fun-dark-blue {

        padding: 30px;

        height: 250px;

    }



    .fun-act-info p {

        font-size: 15px;

    }



    .fun-act-info h4 {

        font-size: 35px;

    }



    .highlight-sub-info h5 {

        font-size: 26px;

    }



    .highlight-sub-info p {

        font-size: 16px;

    }



    .event-info h5 {

        font-size: 16px;

    }



    .event-info span {

        font-size: 14px;

        margin-bottom: 10px;

    }



    .visitor-item {

        height: 250px;

    }



    .highlights-img {

        height: 480px;

    }



    .sub-nav-item svg {

        width: 30px;

        height: 30px;

    }



    .sub-nav-item h6 {

        font-size: 18px;

    }



    .sub-nav {

        align-items: unset;

    }



    .main-do-main h4 {

        margin: 30px 0 30px;

    }



    .main-do {

        margin-bottom: 40px;

    }



    .bookmark-main-img {

        height: 270px;

    }



    .megha-menu-2-width {

        width: 100%;

    }



    .blog-detial-img {

        height: 400px;

    }



    .blog-detail-main p {

        font-size: 15px;

    }



    .blog-detial-1 {

        margin-top: 40px;

    }



    .r-mar {

        padding: 0;

    }



    .blog-detail-main h3 {

        margin: 30px 0;

    }



    .regions-imgs {

        height: 120px;

    }



    .regions-imgs-info p {

        font-size: 15px;

    }



    .regions-imgs-sub-info p {

        font-size: 15px;

    }



    .regions-imgs-sub-info a {

        width: 40px;

    }

    .item.item_5 {
        min-width: 30%;
        margin: 0 15px 15px;
    }

    .final-owl-img {
        height: 180px;
    }

    .final-owl-item {
        height: auto;
        padding-bottom: 20px;
    }

}



@media only screen and (max-width: 991px) {
    body .container.popular-part {
        max-width: 100%;
    }

    .sub-main-blog-info h4 {
        max-width: 300px;
    }

    /**********  Responsive Menu Bootstrap **********/

    /**  menu  **/

    .toggler {

        width: 50px;

        height: 50px;

        line-height: 50px;

        padding: 0;

        border-radius: 5px;

        background-color: #fff;

        border: 1px solid #7bc00b;

        text-align: center;

        z-index: 99;

        display: block;

        transition: all 0.5s;

        margin-left: 20px;

    }



    .show-menu .toggler {

        width: 40px;

        height: 40px;

        position: fixed;

        top: 20px;

        right: 20px;

        border: none;

    }



    .toggler span {

        position: relative;

        width: 60%;

        height: 2px;

        background-color: #7bc00b;

        display: inline-block;

        vertical-align: top;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    a#bookmark-head {

        margin: 0;
    }

    div#wrap {
        margin-top: -2px;
    }


    .toggler span::before,

    .toggler span::after {

        position: absolute;

        content: "";

        width: 100%;

        height: 2px;

        background-color: #7bc00b;

        right: 0;

        transition: all 0.5s;

        animation: openCloseByeSpan 300ms linear forwards;

    }



    .toggler span::before {

        top: -6px;

    }



    .toggler span::after {

        top: 6px;

    }



    .show-menu .toggler span::before,

    .show-menu .toggler span::after {

        left: 0;

        right: 0;

        margin: auto;

        transform: rotate(45deg);

        top: -5px;

    }



    .show-menu .toggler span::after {

        transform: rotate(-45deg);

    }



    .show-menu .toggler span {

        height: 0;

    }



    #navbarNav {

        background: #fff;

        /* box-shadow: 0 0px 0 10px #fff inset, 0 0 0 11px #fff inset; */

        margin: 60px 0px 0px;

        position: fixed;

        top: -2px;

        right: 0;

        display: block !important;

        width: 100%;

        text-align: center;

        bottom: 0;

        -webkit-transition: all 0.5s ease 0s;

        -moz-transition: all 0.5s ease 0s;

        -ms-transition: all 0.5s ease 0s;

        -o-transition: all 0.5s ease 0s;

        transition: all 0.5s ease 0s;

        -webkit-transform: translateX(110%);

        -moz-transform: translateX(110%);

        -ms-transform: translateX(110%);

        -o-transform: translateX(110%);

        transform: translateX(110%);

        height: auto !important;

        overflow: auto;

    }



    .show-menu #navbarNav {

        -webkit-transform: translateX(0%);

        -moz-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -o-transform: translateX(0%);

        transform: translateX(0%);

    }



    .navbar-nav .nav-item {

        margin-left: 0;

    }



    .menu {

        --color: #06535b;

        width: 26px;

        height: 36px;

        padding: 0;

        margin: 0;

        outline: none;

        position: relative;

        border: none;

        background: none;

        cursor: pointer;

        -webkit-appearence: none;

        -webkit-tap-highlight-color: transparent;

    }



    .bookmark-link-mobile {

        display: none;

    }



    .menu svg {

        width: 54px;

        height: 48px;

        top: -6px;

        left: -14px;

        stroke: var(--color);

        stroke-width: 4px;

        stroke-linecap: round;

        stroke-linejoin: round;

        fill: none;

        display: block;

        position: absolute;

    }



    .menu svg path {

        -webkit-transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);

        transition: stroke-dasharray var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration, 0.85s) var(--easing, ease) var(--delay, 0s);

        stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px);

        stroke-dashoffset: var(--offset, 126px);

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    .menu svg path:nth-child(2) {

        --duration: .7s;

        --easing: ease-in;

        --offset: 100px;

        --array-2: 74px;

    }



    .menu svg path:nth-child(3) {

        --offset: 133px;

        --array-2: 107px;

    }



    .menu.active svg path {

        --offset: 57px;

    }

    .navbar-toggler {
        order: 2;
        margin-left: 10px !important;
    }


    .menu.active svg path:nth-child(1),

    .menu.active svg path:nth-child(3) {

        --delay: .15s;

        --easing: cubic-bezier(.2, .4, .2, 1.1);

    }



    .menu.active svg path:nth-child(2) {

        --duration: .4s;

        --offset: 2px;

        --array-1: 1px;

    }



    .menu.active svg path:nth-child(3) {

        --offset: 58px;

    }



    .navbar .navbar-nav .nav-link {

        margin: 30px 10px;

    }



    .header-last2 {

        display: block !important;

    }



    a#bookmark-head {

        /* margin-top: 4px; */
        z-index: 99;

    }



    .navbar-toggler[aria-expanded="true"] i:before {

        content: "\f00d";

    }



    .navbar-toggler[aria-expanded="false"] i {

        color: #ffa71f
    }



    .navbar-toggler[aria-expanded="true"] i {

        color: #ffa71f
    }



    .navbar-toggler {

        padding: 0;

        position: relative;

        z-index: 2;

    }



    .show-menu section,

    .show-menu footer {

        filter: blur(5px);

    }



    .hide-social {

        position: absolute;

        bottom: 20px;

        display: flex;

        left: 50%;

        transform: translateX(-50%);

    }



    .hide-social a {

        background: #e6f3ee;

    }



    .header-last2 .header-social {

        justify-content: center;

        margin-top: 20px;

    }



    li.nav-item.megha-menu {

        justify-content: center;

        align-items: center;

        position: relative;

    }

    .desktop-menuu {
        display: none;
    }

    ul.m-sub-menu {
        display: none;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    ul.m-sub-menu li a {
        display: block;
        font-size: 16px;
        padding: 6px;
        background: #35919B;
        color: #fff;
        margin: 1px 0;
        text-transform: uppercase;
    }

    a.m-menu-main-link {
        display: block;
        font-size: 17px;
        background: #14666e;
        border: 0.5px solid #fff;
        color: #fff;
        text-transform: uppercase;
        padding: 8px 0;
    }

    ul.m-menu-ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    a.m-menu-link {
        display: block;
        font-size: 18px;
        background: #06535b;
        border: 0.5px solid #fff;
        color: #fff !important;
        text-transform: uppercase;
        padding: 8px 0;
        cursor: pointer;
    }

    a.m-menu-link i {
        margin-left: 15px;
        position: absolute;
    }

    a.m-menu-main-link i {
        position: absolute;
    }


    .navbar-expand-lg .navbar-collapse.mobile-menuu {
        display: block !important;
    }


    /**  Menu  **/

    /**********  Responsive Menu  **********/

    .search-box {

        max-width: 100%;

    }



    .slider-info h4 {

        font-size: 62px;

    }



    .slider-info {

        width: 75%;

    }



    .sub-info p {

        font-size: 16px;

    }


    h3.main-header,

    .main-explore-part-data h4 {

        font-size: 32px;

    }



    .popular-carousel-item {

        height: 320px
    }



    .popular-carousel-item-info a {

        font-size: 16px;

        text-align: center;

    }



    .btn-yellow2 {

        padding: 8px 20px;

    }



    .navbar-expand-lg {

        min-height: unset;

        padding: 10px 15px;

    }



    a.navbar-brand {

        width: 65px;

    }



    .d-margin {

        margin-top: 64px;

    }



    .inner-page-slider {

        height: calc(100vh - 64px);

    }



    .wizard-img-details {

        height: 80%;

        background-size: cover;

    }



    .wizard-btn button {

        width: 40%;

    }



    .checkboxs,

    .c-radio {

        font-size: 14px;

    }



    .wizard-img-details .checkmark,

    .wizard-img-details .r-checkmark {

        width: 20px;

        height: 20px;

    }



    .sub-tab {

        flex-wrap: wrap;

        justify-content: center;

    }



    .sub-tab label {

        width: 45%;

        margin: 6px;

    }



    .wizard-btn button#prevBtn {

        display: inline-block !important;

    }



    h6.wizard-heading br,

    .map-info br {

        display: none;

    }



    h6.wizard-heading {

        font-size: 22px;

        top: 90%;

    }



    .wizard-form-margin {

        margin-bottom: 0;

    }



    .location-img {

        width: 75%;

    }



    .location-info {

        padding: 40px;

        height: unset;

    }



    .map-info {

        width: 100%;

        text-align: center;

    }



    .sub-main-blog-info h4 {

        font-size: 24px;

    }



    .main-footer {

        flex-wrap: wrap;

    }



    .first-fotter,

    .second-fotter,

    .third-fotter,

    .fourth-fotter {

        width: 40%;

        margin: 20px;

    }



    .first-fotter {

        max-width: unset;

    }



    .main-footer {

        margin: 40px 0 0;

    }



    .map-info h4 {

        font-size: 32px;

    }



    .tab.final-result {

        margin-top: 40px;

    }



    .final-result h4 {

        font-size: 28px;

    }



    a.btn.btn-yellow.btn-result {

        font-size: 14px;

        padding: 10px 20px;

        font-weight: 400;

    }



    .final-owl-item {

        height: 200px;

    }



    .final-owl-img {

        height: 140px;

    }



    .final-owl-info h4 {

        font-size: 16px;

        margin-top: 16px;

    }



    .final-result-owl {

        margin-top: 10px;

    }



    .tab.final-result {

        margin-top: 40px;

    }



    h6.wizard-heading {

        top: unset;

        bottom: 0;

        margin-bottom: 0;

    }



    .carousel-client-navs,
    .recommended-nav {

        display: none;

    }



    .slider-text {

        font-size: 110px;

        background-position: -30px -320px;

    }



    .inner-slider-info h1 {

        font-size: 64px;

    }



    .inner-slider-social-info ul a {

        width: 40px;

        height: 40px;

        font-size: 16px;

    }



    li.breadcrumb-item a,

    li.breadcrumb-item.active {

        font-size: 16px;

    }



    a.bookmark {

        width: 50px;

        height: 50px;

        line-height: 50px;

    }



    a.bookmark svg {

        width: 20px;

        height: 20px;

    }



    .map-info-img {

        width: 100%;

        order: -1;

        height: 400px;

    }



    .slideshow {

        flex-wrap: wrap;

    }



    .prev-slide.slick-arrow,

    .next-slide.slick-arrow {

        display: none;

    }

    .regions-item {

        width: 33.33%;

    }

    .must-see-big {
        min-height: 400px;
        max-height: 400px;

    }

    .must-see-small {

        height: 200px;

    }

    #button.back-to-top {

        width: 50px;

        height: 50px;

    }

    #button.back-to-top::after {

        font-size: 24px;

        line-height: 50px;

    }

    /* .map-slider,

    .map-slider .slick-slide {

        width: 100%;

    } */

    /* .slick-track {

        width: 100% !important;

    } */

    ul.attractions.regions-ul li,

    .regions-ul li {
        margin-right: 0px;
        text-align: left;
    }

    .attractions {

        display: flex;

    }

    ul.attractions.regions-ul li a,

    .regions-ul li a {

        font-size: 15px;

    }

    .mobile-none {

        display: none;

    }

    .mobile-show {

        display: block !important;

    }

    .header-megha-map {

        margin: 30px 0;

    }

    .attractions-title {

        font-size: 18px;

    }

    .nav-tabs .nav-link {

        font-size: 18px !important;

        padding: 5px 0 5px 0 !important;

        margin: 0 20px 0 0 !important;

    }

    .megha-menu-show {

        margin: 0 auto;

        width: 95%;

        left: 50%;

        transform: translateX(-50%);

        top: 60px;

        padding: 20px;

        margin-bottom: 40px;

    }

    .wizard-form-margin,

    .popular-part {

        margin-top: 0;

    }

    .wizard-form-img,

    .location-owl-carousel {

        margin-top: 40px;

    }

    .res-mar {

        margin-top: 30px;

    }

    .sub-info {

        margin-top: 12px;
    }

    .thing-of-other-img {

        height: 350px;

        margin-top: 30px;

    }



    .thing-of-java ul li {

        font-size: 14px;

    }



    .thing-of-java h6 {

        font-size: 22px;

        margin: 15px 0 30px !important;

    }



    .beaches-info {

        margin-bottom: 10px;

    }

    .beaches-info h6 {

        font-size: 18px;

        margin-bottom: 8px;

    }



    .beaches-info p {

        font-size: 15px;

    }



    .slick-arrow {

        display: none !important;

    }



    .other-slider .beaches-info {

        margin: 0 !important;

    }



    .fun-act-photo {

        width: 250px;

        height: 250px;

    }




    .visitor-flex {

        flex-wrap: wrap;

    }



    .visitor-item {

        width: 33.33%;

        margin-bottom: 25px;

    }



    .event-info h5 br {

        display: none;

    }



    .event-img {

        height: 250px;

    }



    .highlight-sub-info p {

        font-size: 15px;

    }



    .nav-with-num {

        width: max-content;

        padding: 8px 30px;

        margin: 0;

    }



    .pagingInfo {

        font-size: 14px;

    }



    .highlights-img {

        height: 450px;

    }



    .sub-fixed-menu.fixed-sub-nav {

        top: 68.41px;
        z-index: 9;

    }



    .thing-of-other.thing-of-java h6 {

        margin: 20px 0 15px !important;

    }



    .c-margin {

        margin-top: 40px;

    }



    .yoga-heading h6 {

        margin: 0 !important;

        font-size: 16px;

    }



    .yoga-icon {

        width: 50px;

        height: 50px;

        padding: 8px;

    }



    .yoga-flex {

        margin-bottom: 20px;

    }



    .how-get-yoga p {

        margin: 0 !important;

    }



    a.btn.btn-white,

    a.btn.btn-white span {

        font-size: 16px;

    }



    .stay-main {

        padding-bottom: 40px;

    }



    .sub-headers-2 {

        margin-top: 30px;

    }



    .thing-of-java h6 {

        font-size: 20px;

    }



    .faq-link {

        font-size: 16px;

    }



    .card-body p {

        font-size: 14px;

    }



    .card {

        margin-bottom: 20px;

    }



    .bookmark-main-img {

        height: 250px;

    }



    .bookmark-main-info {

        padding: 12px 24px;

    }

    .bookmark-main-info h6 {

        font-size: 20px;

    }

    .bookmark-main-info a {

        width: 25px;

        height: 21px;

    }

    .bookmark-icon {

        width: 40px;

        height: 40px;

        line-height: 44px;

        font-size: 15px;

        top: 15px;

        right: 15px;

    }



    .megha-flexs {

        flex-wrap: wrap;

    }



    .megha-flex-1 {

        width: 100%;

    }



    .megha-flex-2 {

        width: 100%;

    }



    ul.attractions.regions-ul {

        padding: 15px;

        /* justify-content: center; */

    }



    /* .regions-ul {

        justify-content: center;

    } */



    .megha-flex-width .regions-imgs {

        margin: 0 auto;

    }



    ul.attractions.regions-ul li,



    .header-drop a i {

        font-weight: 200;

    }



    .header-drop .fa-caret-down:before {

        content: "\f067";

    }


    /* .header-drop.megha-show #menus2 .fa-caret-down:before {
            content: "\f068";
            color: #ff9800;
        }
        .header-drop.megha-show #menus1 .fa-caret-down:before {
            content: "\f068";
            color: #ff9800;
        } */

    .megha-menu:hover .megha-menu-padding {
        display: none !important;
    }

    .megha-menu-padding {
        display: none !important;
    }

    /* .megha-menu-padding.megha-menu-padding-show {
        display: block!important;
    }
    .megha-menu-padding2.megha-menu-padding-show2{
        display: block!important;
    } */
    .megha-menu-padding.megha-menu-padding3.megha-menu-padding-show {
        display: block !important;
    }

    .megha-menu-padding.megha-menu-padding4.megha-menu-padding-show {
        display: block !important;
    }




    .sub-info-arrow {

        display: none;

    }



    .my-order {

        order: -1;

    }



    .blog-category ul {

        display: flex;

        flex-wrap: wrap;

        margin: 0;

    }



    .blog-category ul li a {

        margin-right: 30px;

    }



    .blog-white-box {

        padding: 30px;

    }



    .blog-white-box h5 {

        font-size: 18px;

    }



    .blog-category {

        margin: 30px 0;

    }



    .bookmark-blog {

        top: 35px;

        right: 30px;

    }



    .m_pagination {

        margin-top: 30px;

    }



    .pagination a,
    .pagination span {

        font-size: 14px;

    }



    .blog-detail-main h3 {

        margin: 20px 0;

    }



    .blog-details-social-info {

        margin-bottom: 25px;

    }



    .prev-slide.slick-arrow,

    .next-slide.slick-arrow {

        display: block !important;

        position: relative;

        opacity: 1;

        top: 0 !important;


    }



    .map-slider-arrow {

        display: flex;

        justify-content: space-between;

        width: 100%;

        align-items: center;

    }



    .m_pagination {

        display: none;

    }

    button.btn.btn-yellow.btn-result {
        min-height: unset;
    }

    .tab.final-result {
        margin-top: 30px;
    }

    .map-info-img {
        height: unset;
    }

    .indo-map svg {
        height: auto !important;
        margin: 30px 0 60px;
    }

}



@media only screen and (max-width: 767px) {
    .megha-flex-width2 {
        width: unset;
        margin: 8px auto;
    }

    .megha-flex-width .regions-imgs {
        width: unset;
    }

    ul.attractions.attractions23.regions-ul {
        justify-content: center;
    }

    ul.attractions.attractions23.regions-ul li {
        width: 100% !important;
        /* text-align: center; */
    }

    .sub-main-blog-info h4 {
        max-width: 100%;
    }

    .d-margin {

        margin-top: 58.41px;

    }



    .navbar-expand-lg {

        padding: 5px 15px;

    }



    .inner-page-slider {

        height: auto;

    }



    .search-box {

        padding: 20px;

    }



    .sub-part {

        display: block;

    }



    .sub-info {

        width: 100%;

    }



    section {

        padding: 40px 0;

    }



    .main-explore,

    .location-owl,

    #popular-carousel {

        margin-top: 30px;

    }


    .carousel-client-nav button {

        width: 40px;

        height: 40px;

    }

    .carousel-client-nav button.owl-prev:before {

        left: 58%;

    }

    .carousel-client-nav button.owl-next:before,
    .carousel-client-nav button.owl-prev:before {

        width: 32px;

        height: 16px;

        z-index: 1;

    }

    .carousel-client-nav button.owl-next:before {

        left: 42%;

    }



    .sub-explore {

        margin-top: 20px;

    }



    .sub-explore img {

        width: 100%;

    }



    .wizard-form-img {

        min-height: 500px;

    }



    .wizard-form-img img {

        width: 100%;

        height: 500px;

        object-fit: cover;

    }



    .wizard-btn img {

        height: auto !important;

    }



    h6.wizard-heading {

        width: 100%;

    }



    .main-location {

        display: block;

    }



    .location-img {

        width: 100%;

        height: 300px;

    }



    .location-info {

        position: relative;

        width: 100%;

    }



    .main-location {

        height: auto;

    }



    .map-info h4 {

        font-size: 28px;

    }



    .main-blog-img {

        height: 400px;

        width: 100%;

    }



    .blog-info {

        position: relative;

        width: 100%;

        transform: unset;

    }



    .about-us {

        flex-wrap: wrap;

    }



    .about-info {

        width: 100%;

        order: 1
    }



    .about-info a {

        margin-top: 20px
    }



    .subscribe-info {

        width: 95%;

    }



    .subscribe-back {

        min-height: 400px;

    }



    .mail-input {

        min-height: 90px;

    }



    .first-fotter p {

        font-size: 16px;

        margin: 15px 0;

    }



    .arrow {

        width: 12%;

    }



    .recommended-nav {

        opacity: 0
    }



    .carousel-client-navs button.owl-prev:before,

    .carousel-client-navs button.owl-next:before {

        width: 25px;

        height: 12px;

    }



    .carousel-client-navs button {

        width: 50px;

        height: 50px;

    }



    .carousel-client-navs button.owl-prev:after,

    .carousel-client-navs button.owl-next:after {

        width: 15px;

        height: 15px;

    }



    .slider-text {

        font-size: 80px;

        background-position: -125px -350px;

    }



    .slider-info h4 {

        font-size: 42px;

    }



    .final-result-owl {

        margin-bottom: 100px;

    }



    #button.back-to-top::after {

        font-size: 1em;

        line-height: 40px;

    }



    #button.back-to-top {

        width: 40px;

        height: 40px;

    }



    .inner-slider-social-info ul {

        padding-bottom: 15px;

    }



    .inner-slider-social-info {

        bottom: 15px;

    }



    .inner-slider-info h1 {

        font-size: 44px;

    }



    .inner-slider-info h5 {

        font-size: 18px;

    }



    .inner-slider-info {

        top: 40%;

    }



    a.bookmark {

        right: 10px;

        bottom: 20px;

        width: 40px;

        height: 40px;

        line-height: 40px;

    }



    .my-padding {

        padding: 40px 0;

    }



    .map-info-img {

        /* height: 300px; */

        /* margin-top: 40px; */

    }



    .map-info-img svg {

        width: 100%;

        min-width: 100%;

        height: unset;

    }



    .main-map {

        margin: 0;

    }



    .regions-item {

        width: 50%;

    }



    .must-see {

        flex-wrap: wrap;

    }



    .must-see-big {

        width: 100%;

    }



    .must-small-main {

        width: 100%;

        order: -1;

    }



    .must-see-small {

        max-height: unset;

        margin: 14px 0;

    }



    .title-margin {

        margin-bottom: 30px;

    }



    .thing-of-java p {

        font-size: 14px;

    }



    .thing-of-other-img {

        height: 300px;

    }



    .beaches-info p {

        font-size: 14px;

        padding: 0;

    }



    .col-lg-4:nth-last-child(1) .beaches-info {

        margin-bottom: 0;

    }



    .f-logo {

        width: 70px;

    }



    .fun-act-photo {

        width: 200px;

        height: 200px;

        left: 20px;

    }



    .fun-dark-blue {

        height: 200px;

    }



    .fun-act-info h4 {

        font-size: 26px;

    }



    .fun-act-info p {
        font-size: 14px;
        line-height: 1.7;
    }



    .highlights-img {

        height: 300px;

    }



    .nav-with-num {

        margin: 20px 0;

    }



    .highlight-sub-info p {

        margin-bottom: 20px !important;

        font-size: 14px;

    }



    .btn-yellow2 {

        font-size: 15px;

    }



    .visitor-item {

        width: 50%;

    }



    .fourth-fotter p br {

        display: none;

    }



    .sub-fixed-menu.fixed-sub-nav {

        top: 57.41px;

    }



    .sub-nav {

        flex-wrap: nowrap;

        justify-content: flex-start;

        overflow: auto;

    }



    .sub-nav-width {

        width: unset;

        min-width: fit-content;

    }



    .sub-fixed-menu {

        position: sticky;

        top: 57.41px;

        z-index: 5;

        padding: 20px;

    }



    .sub-nav-item {

        display: flex;

        align-items: center;

    }



    .sub-nav-item svg {

        margin-bottom: 0;

        margin-right: 15px;

    }



    .get-around-flex {

        flex-wrap: wrap;

    }



    .get-around-img {

        width: 250px;

        height: 250px;

    }



    .get-around-info {

        /* width: 50%; */

        padding-left: 20px;

    }



    .emoji-view .checkmark {

        width: 50px;

        height: 50px;

    }



    .modal-content {

        margin: 15px;

    }



    .rating-flex {

        height: 75px;

    }



    .btn-close {

        width: 40px;

        height: 40px;

        font-size: 18px;

    }



    .btn-close i {

        line-height: 40px;

    }



    .modal-header img {

        width: 75px;

    }



    .feed-back-info h6 {

        font-size: 16px;

    }



    .feed-back-info p {

        font-size: 15px;

    }



    .megha-sub-flex {

        flex-wrap: wrap;

    }



    .beach-item {

        height: 260px;

    }



    .search-box.search-box-slider {

        min-height: auto;

    }



    .search-box {

        padding: 10px;

        min-height: auto;

        margin: -40px auto -60px;

        opacity: 0.8;
    }



    .search-box.search-box-slider input {

        min-height: 35px;

    }



    .search-box.search-box-slider .btn-yellow {

        min-height: 35px;

        font-size: 15px;

    }

    .item.item_5 {
        min-width: 50%;
    }

    .alert-info {
        margin: 15px;
    }

    .first-fotter p {
        white-space: break-spaces;
    }
}



@media only screen and (max-width: 575px) {



    .first-fotter,

    .second-fotter,

    .third-fotter,

    .fourth-fotter {

        width: 100%;

        margin: 10px;

    }



    .second-fotter ul {

        display: flex;

        flex-wrap: wrap;

    }



    .second-fotter ul li a {

        margin: 10px 10px 10px 0;

    }



    .f-header {

        font-size: 22px;

        margin-bottom: 10px;

    }



    .arrow {

        width: 6%;

    }



    .sub-tab label {

        width: 80%;

    }



    .wizard-form-img {

        min-height: 600px;

        clip-path: polygon(50% 0%, 100% 0, 100% 50%, 100% 100%, 50% 98%, 0 100%, 0% 50%, 0 0);

    }



    .wizard-form-img img {

        height: 600px;

    }



    .wizard-form-img:after {

        display: none;

    }



    .wizard-info h4,

    .map-info h4 {

        font-size: 22px;

    }



    .location-info h2 {

        font-size: 28px;

    }



    .location-info p,

    .map-info p {

        font-size: 14px;

    }



    .popular-part {

        margin: 0;

    }



    .wizard-step {

        justify-content: flex-start;

        margin-left: 20px;

    }


    /* 
    .vidio {

        height: calc(100vh - 380px);

    } */



    .final-owl-img {

        height: 250px;

    }



    .final-owl-item {

        height: 320px;

    }



    .slider-text {

        font-size: 54px;

        background-position: 95px 110px;
    }



    .slider-info h4 {

        font-size: 34px;

        margin-bottom: 10px;

    }



    .inner-page-slider {

        height: 400px;

    }



    .map-info-photo {

        height: 150px;

    }



    .btn.btn-map-ab {

        font-size: 16px;

        padding: 9px 20px;

    }



    .map-info-box ul li {

        margin: 0px 28px 12px 0;

        font-weight: 400;

        font-size: 14px;

    }



    .sub-info p {

        font-size: 15px;

    }



    .main-explore-part-data h4 {

        font-size: 22px;

    }



    .sub-explore-data a {

        font-size: 18px;

    }



    .sub-main-blog-info h4 {

        font-size: 20px;

        line-height: 1.6;

    }



    .blog-info {

        padding: 20px;

    }



    .media-img {

        width: 95px;

        height: 95px;

    }



    .about-info p,

    .first-fotter p {

        font-size: 14px;

        line-height: 2;

    }



    body p {

        font-size: 14px;

    }



    .fourth-fotter a img,

    .fourth-fotter p img {

        width: 15px;

    }



    .res-mar {

        margin-top: 0;

    }



    li.breadcrumb-item a,

    li.breadcrumb-item.active {

        font-size: 14px;

    }



    .f-header {

        margin-bottom: 15px;

    }



    .first-fotter,

    .second-fotter,

    .third-fotter,

    .fourth-fotter {

        margin: 15px 0;

    }



    .fourth-fotter p br {

        display: none;

    }



    .map-info-img {

        height: 250px;

    }



    .thing-of-java h6 {

        font-size: 18px;

    }



    .thing-of-java ul {

        padding: 40px 20px 40px 40px;

    }



    .thing-of-java p,

    .thing-of-java ul li {

        font-size: 15px;
        line-height: 1.7;

        margin-bottom: 12px;

    }



    .thing-of-other-img {

        height: 250px;

    }



    .beaches-img {

        height: 200px;

    }



    .beaches-info h6 {

        font-size: 16px;

    }



    .beaches-info p {

        font-size: 15px;

    }



    .fun-act-photo {

        width: 150px;

        height: 150px;

        left: 12px;

    }



    .fun-dark-blue {

        height: 150px;

        padding: 10px;

    }



    .fun-act-info h4 {

        font-size: 22px;

    }



    .fun-act-info p {

        font-size: 15px;

    }


    .fun-act-photo {

        width: 150px;

        height: 150px;

        left: 12px;

    }



    .fun-dark-blue {

        height: 150px;

        padding: 10px;

    }



    .fun-act-info h4 {

        font-size: 22px;

    }



    .fun-act-info p {

        font-size: 14px;

    }





    .event-img {

        height: 200px;

    }



    .event-info h5 {

        font-size: 14px;

    }



    .sub-nav-item h6 {

        font-size: 15px;

    }



    .get-around-img {

        width: 100%;

    }



    .get-around-info {

        width: 100%;

        padding: 0;

    }



    .get-around-flex {

        margin-bottom: 30px;

    }



    .get-around-flex p {

        margin-bottom: 0 !important;

    }



    .get-around-flex:nth-last-child(1) {

        margin-bottom: 0;

    }



    .how-get-yoga {

        padding: 30px;

    }



    .main-do-img {

        height: 300px;

    }



    .stay-img {

        height: 300px;

        margin-bottom: 20px;

    }



    .stay-main {

        padding-bottom: 20px;

    }



    .sub-headers-2 {

        margin-top: 20px;

    }



    .food-img {

        height: 300px;

    }



    .food-info {

        margin-top: 10px;

    }



    .card-body p {

        padding: 22px;

    }



    .faq-link {

        padding: 14px 40px 14px 22px;

        font-size: 15px;

        line-height: 1.6;

    }



    .breadcrumb-item {

        margin: 5px 0;

    }



    .bookmark-main-slider {

        margin-top: 20px;

    }



    .rating-body {

        padding: 0;

    }



    .beach-item {

        height: 300px;

    }



    .beaches-img {

        height: 250px;

    }



    .blog-category ul li a,

    .blog-tags ul li a {

        font-size: 14px;

    }



    .blog-white-box h5 {

        font-size: 16px;

        margin-bottom: 18px;

    }



    .blog-white-box {

        padding: 20px;

    }



    .blog-item {

        margin: 15px 0;

    }



    .blog-search input {

        font-size: 16px;

        min-height: 50px;

    }



    .blog-detial-img {

        height: 300px;

    }



    .blog-detial-1 h5 {

        font-size: 18px;

        margin-bottom: 15px;

    }



    .blog-detial-1 .blog-detial-img {

        margin-top: 20px;

    }



    .blog-detial-img {

        margin-bottom: 20px;

    }



    .blog-item-info p {

        font-size: 15px;

    }



    .list-grow p,

    .list-grow div {

        width: 100%;

        margin: 0;

    }



    .copyright p {

        text-align: left;

    }

    .map-slider-arrow {
        height: 450px;
    }

    .item.item_5 {
        min-width: 95%;
    }

    .indo-map-kalimantan.indo-map svg {
        min-width: auto;
    }

    .a2a_svg svg {
        width: 22px !important;
        height: 22px !important;
    }

    .a2a_svg {
        height: unset !important;
    }

    a.bookmark {
        top: 20px;
        right: 20px;
        bottom: auto;
    }
}




@media only screen and (max-width: 480px) {

    .search input::placeholder {

        font-size: 15px;

    }



    .search-box {

        padding: 10px;

        min-height: auto;

    }



    .search-box.search-box-slider input {

        min-height: 35px;

    }



    .search-box.search-box-slider .btn-yellow {

        min-height: 35px;

        font-size: 15px;

    }



    .slider-info {

        width: 100%;

        padding: 0 15px;

    }



    .btn-yellow {

        font-size: 14px;

    }



    h3.main-header {

        font-size: 24px;

    }



    h5.sub-header {

        font-size: 17px;

    }



    .blog-info .media-body h5 {

        font-size: 16px;

    }



    .blog-info .media .media-body a {

        font-size: 14px;

    }



    .mail-input {

        padding: 10px;

    }



    .subscribe-info {

        left: 10px;

    }



    /*

    .btn-yellow {

        font-size: 15px;

    } */



    .btn-yellow {

        min-width: 30%;

    }



    .slider-info h4 {

        font-size: 26px;

    }



    .slider-text {

        font-size: 50px;

        background-position: 70px 110px;

    }



    h3.main-header,

    .main-explore-part-data h4 {

        font-size: 22px;

    }



    h6.wizard-heading {

        font-size: 16px;

        bottom: 10px;

    }



    .location-info h2,

    .wizard-info h4,

    .map-info h4 {

        font-size: 20px;

    }



    .location-info {

        padding: 40px 15px;

    }



    .location-info p {

        line-height: 2;

    }



    .sub-main-blog-info h4 {

        font-size: 18px;

    }



    .blog-info .media-body h5 {

        font-size: 14px;

        line-height: 1.6;

    }



    .media-img {

        width: 75px;

        height: 75px;

    }



    .blog-info .media .media-body a {

        font-size: 15px;

    }



    .wizard-form-margin,

    .main-blog,

    .popular-part,

    .p-reletive {

        margin: 25px 0;

    }



    .about-info a,

    .mail-input input {

        font-size: 14px;

    }



    .subscribe-info p,

    .second-fotter ul li a {

        font-size: 14px;

    }



    .third-fotter ul li a {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }



    .fourth-fotter p {

        margin-top: 0;

    }



    .fourth-fotter p {

        text-indent: -33px;

        margin-left: 35px;

    }



    .fourth-fotter a,

    .fourth-fotter p {

        margin: 20px 0;

        font-size: 14px;

    }



    .inner-slider-social-info {

        bottom: 30px;

    }



    .inner-slider-social-info ul a {

        width: 30px;

        height: 30px;

        font-size: 14px;

    }


    .must-see-small {

        width: 100%;

    }



    .must-small-wrap {

        max-width: 100%;

        width: 100%;

    }



    .must-see-big {

        margin: 0 15px;

    }



    .map-info-img {

        height: unset;

        margin-bottom: 25px;

    }



    .inner-slider-info h1 {

        font-size: 34px;

    }



    .fun-act-photo {

        width: 100px;

        height: 100px;

        top: 50%;

        transform: translateY(-50%);

    }



    .fun-dark-blue {

        margin: 0;

    }



    .fun-act-info h4 {

        margin-bottom: 8px;

    }



    .highlight-sub-info p {

        font-size: 15px;

    }



    .highlight-sub-info h5 {

        font-size: 22px;

    }



    .pagingInfo {

        font-size: 15px;

    }



    .nav-with-num {

        margin: 18px 0 15px;

    }



    .visitor-item {

        width: 100%;

    }



    .regions-indo {

        margin-top: 20px;

    }



    .sub-nav-width {

        width: 30%;

    }



    .food-img,

    .stay-img,

    .main-do-img {

        height: 250px;

    }



    .get-around-img {

        height: 200px;

    }



    a.feed-back {

        margin: 15px 0;

        width: 100%;

    }



    .emoji-view .checkmark {

        width: 40px;

        height: 40px;

    }



    .rating-flex {

        width: 98%;

    }



    .rating-flex {

        height: 65px;

    }



    .emoji-view .checkmark {

        top: 40px;

    }



    .inner-slider-info {

        padding: 0 20px;

    }



    .inner-slider-info {

        padding: 0 20px;

    }



    .breadcrumb {

        padding: 0 20px;

    }



    .beach-item {

        height: 250px;

    }



    .blog-detial-img {

        height: 250px;

    }



    .blog-detail-main p {

        font-size: 13px;

    }



    .blog-detial-1 {

        margin-top: 30px;

    }



    .blog-item-info h6 a {

        font-size: 16px;

    }



    .blog-item-info p {

        font-size: 13px;

    }



    .blog-detail-tag ul li a {

        padding: 12px;

    }



    .about-slider-info {

        width: 75%;

    }



    .map-slider,

    .map-slider .slick-slide {

        width: 300px !important;

    }



    .map-info-box ul li,

    .map-info-box p {

        font-size: 15px;

    }



    /* .prev-slide.slick-arrow,

    .next-slide.slick-arrow {

        opacity: 0 !important;

    } */

    .btn.btn-map-ab {

        font-size: 14px;

    }



    .map-info-photo {

        height: 100px;

    }



    .prev-slide.slick-arrow,

    .next-slide.slick-arrow {

        min-width: 40px;

    }



    .prev-slide.slick-arrow {

        margin-right: -30px;

    }



    .next-slide.slick-arrow {

        margin-left: -30px;

    }

    ul.attractions.regions-ul li a,
    .regions-ul li a {
        white-space: normal;
    }

}



@media only screen and (max-width: 350px) {

    .slider-text {

        font-size: 48px;

    }



    .blog-detial-img {

        height: 200px;

    }



    .about-slider-info {

        width: 80%;

    }



    .prev-slide.slick-arrow {

        margin-right: -40px;

    }



    .next-slide.slick-arrow {

        margin-left: -40px;

    }

    ul.attractions.regions-ul li,
    .regions-ul li {
        width: 100% !important;
    }

}


/*map*/

@media only screen and (max-width: 1699px) {
    .map-position-1 {
        top: 35px;
    }

    .map-position-2 {
        top: 30px;
    }

    .map-position-3 {
        top: 40px;
    }

    .map-position-4 {
        bottom: 60px;
    }

    .map-position-5 {
        bottom: 40px;
    }

    body .container {
        width: 1340px;
    }
}

@media only screen and (max-width: 1599px) {
    .map-position-1 {
        top: 15px;
    }

    .map-position-2 {
        top: 0px;
    }

    .map-position-3 {
        top: 10px;
        right: 21%;
    }

    .map-position-4 {
        bottom: 5%;
        left: 33%;
    }

    .map-position-5 {
        bottom: 0;
    }

    .slideshow {
        width: 95%;
        margin: 0 auto;
    }

    .map-slider-arrow:hover .prev-slide {
        left: -20px;
        top: 40%;
    }

    .map-slider-arrow:hover .next-slide {
        right: -20px;
        top: 40%;
    }
}

@media only screen and (max-width: 1429px) {
    .map-item-img {
        width: 130px;
        height: 90px;
        padding: 4px;
    }

    .map-item-img img {
        border-radius: 7px;
    }

    .map-item-img:before {
        height: 130px;
        width: 20px;
    }

    .map-item-info h6 {
        font-size: 18px;
    }

    .map-item-img-2:before {
        top: 100px;
    }

    .map-slider-arrow:hover .prev-slide {
        left: -20px;
        top: 37.5%;
    }

    .map-slider-arrow:hover .next-slide {
        right: -20px;
        top: 37.5%;
    }

    body .container {
        width: 1320px;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        z-index: 9;
    }

    div#owl-map-slider1:hover button.owl-next,
    div#map-slider:hover button.owl-next {
        right: -30px;
    }

    div#owl-map-slider1:hover button.owl-prev,
    div#map-slider:hover button.owl-prev {
        left: -30px;
    }

    div#owl-map-slider1 button.owl-prev,
    div#map-slider button.owl-prev {
        left: -20px;
    }

    div#owl-map-slider1 button.owl-next,
    div#map-slider button.owl-next {
        right: -20px;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 38%;
    }

    .c-map-wrap {
        margin-top: 30px;
    }

    form.search-form label input {
        font-size: 11px;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 29%;
    }
}

@media only screen and (max-width: 1300px) {
    body .container {
        width: 1180px;
    }
}

@media only screen and (max-width: 1199px) {
    .highlights-item.slick-slide .slick-arrow {
        display: block !important;
    }

    .highlights-item.slick-slide .slick-arrow img {
        width: 35px;
        margin: 0;
    }

    .highlights-item.slick-slide .pagingInfo {
        margin: 0 10px;
    }

    .map-item-img {
        width: 100px;
        height: 60px;
        margin-top: 10px;
    }

    .map-item-img:after {
        width: 12px;
        height: 12px;
        bottom: -6px;
        border-bottom-right-radius: 0;
    }

    .map-item-img-4:after {
        top: -6px;
        border-radius: 0;
    }

    .map-position-1 {
        top: 0;
    }

    .map-item-img-2:before {
        top: 40px;
    }

    .map-item-img-3:before {
        top: 50px;
    }

    .map-item-img-4:before {
        bottom: 15px;
    }

    .map-item-img-4 {
        margin: 0 0 15px 0;
    }

    .fun-act-info {
        padding-left: 40%;
    }

    .megha-flex-1 h6.attractions-title {
        width: calc(100% - 30px);
    }

    /* .c-map-wrap {
        flex-wrap: wrap;
    }

    .map-info-img {
        order: -1;
        width: 100%;
        margin-bottom: 20px;
    } */
    .c-map-left {
        width: 380px;
    }

    .c-map-left .owl-item.active,
    .c-map-left .owl-item {
        width: 380px !important;
    }

    .map-slider .owl-item {
        width: 400px !important;
        margin: 0;
    }

    #map-slider.owl-carousel .owl-item {
        width: 380px !important;
    }

    .btn.btn-map-ab {
        font-size: 16px;
    }

    div#owl-map-slider1:hover button.owl-prev,
    div#map-slider:hover button.owl-prev {
        left: -40px;
    }

    div#owl-map-slider1:hover button.owl-next,
    div#map-slider:hover button.owl-next {
        right: -40px;
    }

    div#owl-map-slider1 button.owl-next,
    div#map-slider button.owl-next {
        right: -30px;
    }

    div#owl-map-slider1 button.owl-prev,
    div#map-slider button.owl-prev {
        left: -30px;
    }

    div#owl-map-slider1 button img,
    div#map-slider button img {
        width: 50px;
    }

    a.extra-link {
        padding: 0 20px;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 27.5%;
    }

    .map-info-img {
        height: 100%;
    }
}

@media only screen and (max-width: 991px) {
    .map-item-img:before {
        height: 90px;
        width: 13px;
    }

    .map-item-info h6 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .map-item-info span {
        font-size: 13px;
    }

    .map-item-img-4:before {
        bottom: 15px;
    }

    .map-position-4 {
        bottom: 12px;
    }

    .map-position-1 {
        top: -20px;
        left: 15%;
    }

    .map-position-2 {
        top: 30px;
        left: 37%;
    }

    .map-position-3 {
        top: 70px;
    }

    .map-position-4 {
        bottom: 40px;
    }

    .map-position-5 {
        bottom: 50px;
    }

    .c-map-wrap {
        flex-wrap: wrap;
    }

    .c-map-left {
        margin: auto;
    }

    div#owl-map-slider1 button.owl-prev {
        left: -40px;
    }

    div#owl-map-slider1 button.owl-next {
        right: -40px;
    }

    div#owl-map-slider1:hover button.owl-prev {
        left: -30px;
    }

    div#owl-map-slider1:hover button.owl-next {
        right: -30px;
    }

    .sub-info-arrow {
        display: flex;
    }

    .sub-info-arrow .slick-arrow {
        display: block !important;
    }

    .sub-part {
        align-items: center;
    }

    .sub-info-arrow .slick-arrow img {
        width: 50px;
    }

    .sub-info-arrow {
        display: flex;
    }

    .sub-info-arrow .slick-arrow {
        display: block !important;
    }

    .sub-part {
        align-items: center;
    }

    .sub-info-arrow .slick-arrow img {
        width: 50px;
    }

    a.extra-link {
        text-align: center;
    }

    .blog-m-order {
        order: 1;
        min-height: 500px;
    }

    .carousel-client-navs {
        display: flex;
        position: relative;
        transform: unset;
        left: 0;
        bottom: 0;
        margin-left: 0;
        margin-top: 20px;
    }

    .carousel-client-navs .slick-arrow {
        display: block !important;

    }

    form.widget_wysija {
        border: 2px solid #fff;
        background-color: #ffffff5e;
    }

    .carousel-client-nav .owl-prev {
        left: 0;
    }

    .carousel-client-nav .owl-next {
        right: 0;
    }

    .carousel-client-nav.disabled {
        display: none !important;
    }

    .order-blog-details {
        order: -1;
    }

    .fun-act-info {
        padding-left: 45%;
    }

    .blog-item-img .bookmark-icon {
        right: 25px;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 28%;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        z-index: 999999;
    }

    .c-map-wrap .owl-nav {
        /* z-index: 1; */
    }

    .sbi_item {
        width: 33.33%;
    }
}

@media only screen and (max-width: 867px) {
    .map-item-img:before {
        height: 90px;
        width: 13px;
    }

    .map-item-info h6 {
        font-size: 14px;
        margin-bottom: 0;
    }

    .map-item-info span {
        font-size: 13px;
    }

    .map-item-img-4:before {
        bottom: 15px;
    }

    .map-position-4 {
        bottom: 25px;
    }

    .map-position-5 {
        bottom: 20px;
        right: 35%;
    }

    .map-position-3 {
        top: 10px;
        right: 19%;
    }

    .map-slider-arrow:hover .prev-slide {
        left: 0;
    }

    .map-slider-arrow:hover .next-slide {
        right: 0;
    }

    .slideshow {
        width: 100%;
    }

    .padding-childd:nth-child(1) {
        padding-top: 50px !important;
    }

    span.taggs-ull {
        display: flex;
        width: 100%;
        overflow: auto;
        flex-wrap: nowrap;
        padding-bottom: 15px;
    }

    span.taggs-ull a {
        white-space: nowrap;
    }

}

@media only screen and (max-width: 767px) {
    .map-item-img {
        width: 60px;
        height: 30px;
        padding: 0;
        margin: 8px auto;
    }

    .map-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .map-item-info h6 {
        font-size: 15px;
    }

    .map-item-info span {
        font-size: 9px;
    }

    .map-item-img:before {
        width: 8px;
        height: 50px;
    }

    .map-item-img-1:before {
        top: 30px;
    }

    .map-item-img-2:before {
        top: 30px;
    }

    .map-item-img-3:before {
        top: 30px;
    }

    .map-position-5 {
        bottom: 45px;
    }

    .map-position-4 {
        bottom: 32px;
    }

    .map-position-3 {
        top: 70px;
    }

    .wizard-btn2 button {
        width: 50px;
        height: 40px;
    }

    .wizard-btn2 button img {
        object-fit: contain;
    }

    .sub-part {
        justify-content: flex-start;
    }

    .sub-info-arrow {
        justify-content: flex-end;
    }

    a.extra-link {
        margin: 15px 0 10px;
        padding: 0 15px;
    }

    .sub-info-arrow {
        justify-content: flex-start;
    }

    .highlight-sub-info {
        margin: 10px 0;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 27.5%;
    }

    .c-map-wrap {
        margin-top: 0;
    }

    ul.slick-dots li {
        width: 8px;
        height: 8px;
        background: #06535b;
        border-radius: 100%;
    }

    ul.slick-dots li.slick-active {
        background: #ff9800;
    }

    ul.slick-dots li button {
        display: none;
    }

    .sub-info-arrow .slick-arrow {
        display: none !important;
    }

    .regions-item {
        padding: 5px;
    }

    .regions-indo {
        padding: 0 10px;
        margin-top: 25px;
    }

    .must-see-small {
        margin: 7px 0;
    }

    .must-small-wrap {
        max-width: calc(50% - 7px);
    }

    .must-see-big {
        margin: 5px 15px;
    }

    .must-small-main {
        margin: 5px 15px;
    }

    .sub-fixed-menu .sub-nav-width .sub-nav-item {
        padding: 6px 0 !important;
    }

    .sub-fixed-menu {
        padding: 5px 10px !important;
    }

    .sub-fixed-menu .sub-nav-width .sub-nav-item h6 {
        font-size: 13px !important;
    }

    .visitor-item {
        padding: 0 7px;
        margin-bottom: 12px;
    }

    .visitor-flex {
        padding: 0 10px;
    }

    section.my-padding.padding-childd {
        padding: 0 0 30px 0;
    }

    section.my-padding.padding-childd .title-margin {
        margin-bottom: 0;
    }

    .beach-width {
        margin: 0 5px;
    }

    .other-width {
        padding: 0 8px;
    }

    .sub-part.title-margin.align-items-end .sub-headers .sub-header.sub-header3 {
        margin: 30px 0 20px;
    }

    .padding-childd:nth-child(1) .slick-dots {
        bottom: -45px;
    }

    .res-mar {
        padding-top: 0;
    }

    .padding-childd:nth-child(1) {
        padding-top: 20px !important
    }

    a.extra-link.extra-link-mobile {
        display: block;
    }

    div#popular-itineraries-owl .owl-dots {
        margin: 0;
    }

    div#popular-itineraries-owl .beaches-info p {
        margin-bottom: 0 !important;
    }

    div#place-to-visit-owl .owl-dots {
        margin: 0;
    }

    div#place-to-visit-owl .beaches-info p {
        margin: 0;
    }

    div#more-experiences-owl .owl-dots {
        margin: 0;
    }

    .sbi_item {
        width: 50%;
    }
}

@media only screen and (max-width: 675px) {
    .map-item-img {
        width: 60px;
        height: 30px;
        padding: 0;
        margin: 8px auto;
    }

    .map-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .map-item-info h6 {
        font-size: 15px;
    }

    .map-item-info span {
        font-size: 9px;
    }

    .map-item-img:before {
        width: 8px;
        height: 50px;
    }

    .map-item-img-1:before {
        top: 30px;
    }

    .map-item-img-2:before {
        top: 30px;
    }

    .map-item-img-3:before {
        top: 30px;
    }

    .map-position-5 {
        bottom: 20px;
    }

    .map-position-3 {
        top: 40px;
    }

    .map-position-4 {
        bottom: 12px;
    }

    .search-box {
        margin: -100px auto 0px;
    }

    .carousel-client-navs {
        display: none;
    }

    .subscribe-info {
        position: unset;
        top: 0;
        transform: unset;
    }


    form.widget_wysija {
        position: absolute;
        bottom: 20px;
        min-height: unset;
        padding: 10px;
        margin-right: 15px;
    }

    .wizard-form-img,
    .location-owl-carousel {
        margin-top: 25px;
    }

    .container.wizard-form-margin {
        margin-top: 0;
    }

    .mail-input {
        background-color: #ffffff6e;
    }

    .map-position-2 {
        top: 15px;
    }

    .map-position-1 {
        top: -5px;
    }

    .map-position-3 {
        top: 15px;
    }

    .map-position-4 {
        bottom: 20px;
        left: 30%;
    }

    .map-position-5 {
        bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .mc4wp-form-1199.mc4wp-form {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }
}

@media only screen and (max-width: 575px) {
    .map-position-1 {
        top: -20px;
        left: 60px;
    }

    .map-position-2 {
        top: -5px;
        left: 36%;
    }

    .map-position-3 {
        top: -10px;
        right: 70px;
    }

    .map-position-4 {
        bottom: -2px;
        left: 30%;
    }

    .map-position-5 {
        bottom: -20px;
        right: 130px;
    }

    .extra-info h6 {
        font-size: 15px;
    }

    .get-around-img {
        margin: 0 0 20px 0;
    }

    form.widget_wysija {
        min-height: unset;
        padding: 10px;
    }

    form.widget_wysija input.wysija-submit.wysija-submit-field {
        padding: 0 15px;
        font-size: 15px;
    }

    .must-see-big {
        min-height: 200px;
        max-height: 200px;
    }

    .map-slider .owl-item {
        width: 350px !important;
    }

    .c-map-left {
        width: 350px;
    }

    .c-map-left .owl-item.active,
    .c-map-left .owl-item {
        width: 350px !important;
    }

    .map-info-photo {
        height: 120px;
    }

    .btn.btn-map-ab {
        font-size: 14px;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 20%;
    }

    .sub-info-arrow .slick-arrow img {
        width: 40px;
    }

    .sub-nav-item {
        padding: 10px 0;
    }

    .sub-nav-item svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .visitor-item {
        width: 50%;
    }

    .sub-main-blog-info h4 {
        padding-right: 20px;
    }

    #map-slider.owl-carousel .owl-item {
        width: 350px !important;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 25%;
    }

    .regions-item {
        width: 50%;
    }

    .bookmark-main-img {
        height: 180px;
    }

    .bookmark-main-info h6 {
        font-size: 18px;
    }

    .carousel-client-navs .slick-arrow img {
        width: 40px;
    }

    .carousel-client-nav {
        display: none;
    }

    .popular-carousel-item {
        height: 250px;
    }

    .fun-act-photo {
        position: relative;
        top: unset;
        transform: unset;
        margin: 0;
        min-width: 100px;
        width: 100px;
        height: 100px;
    }

    .fun-act-info {
        padding-left: 30px;
    }

    .btn.btn-white {
        padding: 10px 20px;
        font-size: 13px;
    }

    .btn.btn-white span {
        font-size: 13px;
    }

    .btn.btn-white svg {
        width: 18px;
        height: 18px;
    }

    .indo-map svg {
        margin-bottom: 30px;
    }

    .error-page h1 {
        font-size: 160px;
    }

    .thing-of-java ul {
        padding: 10px 0 0 30px;
    }

    .c-map-wrap .owl-nav {
        min-height: 240px;
    }

    a.extra-link {
        display: none;
    }

    a.extra-link.extra-link-mobile {
        display: block;
        text-align: left;
        padding: 0;
    }

    div#beachess-owl-4 .owl-dots {
        margin: 0;
        bottom: 15px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    div#beachess-owl-4 {
        padding-bottom: 20px;
    }

    div#beachess-owl-0 .owl-dots,
    div#beachess-owl-1 .owl-dots,
    div#beachess-owl-2 .owl-dots,
    div#beachess-owl-3 .owl-dots,
    div#beachess-owl-4 .owl-dots,
    div#beachess-owl-5 .owl-dots,
    div#beachess-owl-6 .owl-dots,
    div#beachess-owl-7 .owl-dots {
        margin-bottom: 0;
    }

    div#beachess-owl-0,
    div#beachess-owl-1,
    div#beachess-owl-2,
    div#beachess-owl-3,
    div#beachess-owl-4,
    div#beachess-owl-5,
    div#beachess-owl-6,
    div#beachess-owl-7 {
        margin-bottom: 0;
    }

    section.pb-0.things-to-pb-0 {
        padding: 15px 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .map-position-1 {
        top: -33px;
        left: 47px;
    }

    .map-item-img {
        width: 50px;
        height: 25px;
    }

    .map-item-info h6 {
        font-size: 10px;
    }

    .map-item-info span {
        font-size: 8px;
        margin-top: 1px;
        display: block;
    }

    .map-position-2 {
        top: -30px;
        left: 35%;
    }

    .map-position-3 {
        top: -25px;
        right: 55px;
    }

    .map-position-4 {
        left: 30%;
        bottom: -19px;
    }

    .map-position-5 {
        bottom: -25px;
        right: 100px;
    }

    form.widget_wysija {
        padding-left: 0;
    }

    .map-slider .owl-item {
        width: 300px !important;
    }

    .c-map-left {
        width: 300px;
    }

    .c-map-left .owl-item.active,
    .c-map-left .owl-item {
        width: 300px !important;
    }

    .pagination a,
    .pagination span {
        font-size: 10px;
    }

    .blog-item-img {
        height: 200px;
    }

    .blog-item-img.blog-item-img22 {
        height: 250px;
    }

    .beaches-img {
        height: 150px;
    }

    .visitor-item {
        height: 180px;
    }

    #map-slider.owl-carousel .owl-item {
        width: 300px !important;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 24%;
    }

    #wrap input[type="search"]:focus {
        width: 100px;
    }

    .regions-item {
        width: 50%;
    }

    .regions-photo {
        height: 180px;
    }

    .regions-map {
        height: 70px;
        top: 15px;
    }

    .region-info {
        bottom: 10px;
    }

    .beach-item {
        height: 180px;
    }

    .subscribe-back {
        background-position: 95% 100%;
        min-height: 350px;
    }

    .sub-nav-width {
        padding: 0 6px;
    }

    .sub-nav-item svg {
        margin-right: 6px;
    }

    .sub-fixed-menu .sub-nav-width .sub-nav-item h6 {
        font-size: 12px !important;
    }

    input.btn.btn-yellow.btn-yellow-mail {
        min-width: 40%;
        max-width: 40%;
        font-size: 14px;
    }

    h2.search-title {
        margin-top: 0;
        font-size: 22px
    }

    .sbi_item {
        padding: 5px;
    }

    .sbi_photo_wrap {
        height: 200px;
    }
}

@media only screen and (max-width: 349px) {
    .map-position-3 {
        top: -20px;
        right: 5px;
    }

    .map-position-4 {
        bottom: -25px;
    }

    .wizard-btn2 button {
        width: 40px;
    }

    .blog-info .media-body h5 {
        font-size: 11px;
    }

    .map-slider .owl-item {
        width: 280px !important;
    }

    .c-map-left {
        width: 280px;
    }

    .c-map-left .owl-item.active,
    .c-map-left .owl-item {
        width: 280px !important;
    }

    #map-slider.owl-carousel .owl-item {
        width: 280px !important;
    }

    div#owl-map-slider1 .owl-nav button,
    div#map-slider .owl-nav button {
        top: 24%;
    }

    .error-page h1 {
        font-size: 120px;
    }

    .map-position-2 {
        top: -40px;
        left: 40%;
    }

    .map-position-1 {
        top: -40px;
        left: 40px;
    }

    .map-position-3 {
        right: 40px;
        top: -35px;
    }

    .map-position-5 {
        right: 80px;
        bottom: -30px;
    }

    .map-position-4 {
        left: 30%;
    }
}

@media only screen and (max-width: 379px) {
    .must-small-wrap {
        max-width: 100%;
    }
}