/* RESPONSIVE */

.container { /*width: calc(100% - 70px);*/
}

@media only screen and (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

/*576 - 500*/
@media only screen and (min-width: 768px) {
    .container {
        max-width: 690px;
    }
}

/*790 - 700*/
@media only screen and (min-width: 992px) {
    .container {
        /*max-width: 920px;*/
        max-width: 100%;
        padding: 0 30px;
    }
}

/*1000 - 930*/
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1080px;
        /*max-width: 1160px;*/
        /*max-width: 1080px;*/
        /*max-width: 1240px;*/
        /*max-width: 1130px;*/
    }

    .item-featured-1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .item-featured-1 .card {
        display: block;
    }

    .item-featured-1 .card .card-image {
        width: 60%;
        padding-bottom: 33.75%;

        /*
        width: 48.64%;
        padding-bottom: 27.36%;

        width: 50%;
        padding-bottom: 28.125%;

        width: 56%;
        padding-bottom: 31.5%;

        width: 60%;
        padding-bottom: 33.75%;

         */
        float: right;
    }

    .item-featured-1 .card .card-body {
        width: 40%;

        /*
        width: 40%;

        width: 51.36%;
         */
        margin: 0;
        padding: 0 30px 0 0;
        float: left;
    }

    .item-featured-1 .card .card-title {
        font-size: 320%;
        line-height: 100%;
        font-weight: bold;
        letter-spacing: 0.05rem;
        margin: 0 0 6px;
        padding: 0 0 10px;
        /*
        font-size: 260%;
        font-weight: bold;
        letter-spacing: -0.05rem;
        margin: 0 0 16px;
         */
    }

    .item-featured-1 .card .card-text {
        font-size: 150%;
        line-height: 130%;
        color: #555555;
    }

    .item-featured-2 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .item-featured-2 .card .card-body {

    }

    .item-featured-2 .card .card-title {
        font-size: 200%;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .item-featured-2 .card .card-text {
        font-size: 110%;
        color: #555555;
    }

    /*
        #sidebar {
            margin-left: 0;
        }

        #sidebar.active {
            margin-left: -15rem;
        }

        #content.active {
            width: 100%;
            margin: 0;
        }

        .page-content {
            width: calc(100% - 15rem);
            margin-left: 15rem;
        }

     */
}

/*1000 - 930*/
@media only screen and (min-width: 1300px) {
    .container {
        /*max-width: 1080px;*/
        /*max-width: 1240px;*/
        /*max-width: 1260px;*/
    }

    #sidebar {
        margin-left: 0;
    }

    #sidebar.active {
        margin-left: -15rem;
    }

    #content, footer, .footer-logos {
        width: calc(100% - 15rem);
        margin-left: 15rem;
    }

    #content.active, footer.active, .footer-logos.active {
        width: 100%;
        margin: 0;
    }

    /*
    #content, footer, .footer-logos {
        width: 100%;
        margin: 0;
    }

    #content.active, footer.active, .footer-logos.active {
        width: calc(100% - 15rem);
        margin-left: 15rem;
    }
     */
}

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

    .container {
        /*max-width: 1560px;*/
    }

    .nav-main {
        padding-left: 0;
    }

    #content, #content.active, footer, .footer-logos, footer.active, .footer-logos.active {
        width: 100%;
        margin: 0;
    }

    /*
    .item-content-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

     */
}


/*1260 - 1190*/

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

    .nav-main .wrapper {
        padding: 0 15px;
    }

    #navbarSearchWrapper {
        width: 120px;
        margin: 0;
    }

    #nav-explorer .nav-link {
        width: 60px;
    }

    #nav-explorer .nav-item.home .nav-link span {
        max-width: 80px;
    }

    .item-slides .item .slide {
        margin-left: 0;
    }

    .item-wrap .item-col-2 > .item-news,
    .item-wrap .item-col-2 > .item-news img,
    #mapHeader,
    #mapHeader img {
        width: 100%;
        height: auto;
    }
}

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

    /* DEV */
    /*
    body {
        background: rgba(255, 20, 147, 0.3);
    }
    .destination .cat-bg-soft {
        background: none;
    }
     */
    .item-wrap .item-col-1,
    .item-wrap .item-col-2 {
        width: calc(100%);
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    .gallery-wrapper {
        float: none;
    }

    .item-gallery {
        width: 100%;
        height: auto;
        height: 56.25vw;
    }

    #content.active #overlay {
        display: block;
    }

    #navbarExplorerWrapper {
        width: auto;
        position: absolute;
        left: 0;
        top: 54px;

        display: none;
    }

    #nav-explorer {
        width: auto;
        position: relative;
    }

    #nav-explorer .navbar-nav {
        display: flex;
        flex-direction: row;
        scroll-behavior: smooth;
        overflow: scroll hidden;
        overflow-x: auto;
    }

    #nav-explorer .nav-link {
        height: 54px;
        padding-top: 6px;
    }

    #nav-explorer .nav-item.home {
        margin-right: 0;
        padding-right: 0;
    }
}

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

    /* HOME - SECTION FEATURED */

    .section-featured .cat-title,
    .section-featured .cat-list,
    .items-home {
        text-align: left;
    }

    .items-home {
        margin-bottom: 3rem;
    }

    .items-home.items .card .card-title {
        font-size: 160%;
        padding: 0;
    }

    .items-related-home .items .card .card-title {
        font-size: 110%;
    }

    /* ITEM - COL MAIN */

    .item-wrap.closed .item-col {
        padding: 0;
    }

    .item-wrap .item-col-1 > .wrapper {
        padding: 0;
        border: none;
        background: none;
    }

    /* ITEM - COL SIDE */

    .item-wrap .item-col-2 {
        padding-left: 15px;
    }

    .item-wrap .item-col-2 > .wrapper {
        width: auto;
        float: none;
    }

    /* SITE */

    .item-slides-wrapper {
        overflow: hidden;
    }

    .item-slides-wrapper .item-slides > * {
        display: none;
    }

    .item-slides-wrapper .item-slides.slick-initialized > * {
        display: block;
    }

    .item-slides-wrapper .item > .container {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    body.site.has-slides .item-site-wrapper {
        margin-top: 0;
    }

    body.site .item-title {
        margin: 0;
    }

    .item-slides .item .slide {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .item-slides .item .caption {
        bottom: 20px;
        right: 20px;
        width: calc(100% - 125px);
        margin: 0;
    }

    .item-slides .item .caption .line {
        font-size: 0.9rem;
        padding: 0.4rem 0.6rem;
    }

    .item-slides .item .caption .line-1 {
        font-size: 1rem;
    }

    .item-gallery-sep {
        display: none;
    }

    .item-site-wrapper {
        height: auto;
    }

    .item-site-wrapper > .container {
        padding: 0;
    }

    .item-site-wrapper > .container > .row {
        margin: 0;
    }

    .item-site-wrapper .col-parent {
        width: 100px;
        margin: -65px 0 0 -5px;
    }

    body:not(.site) .item-site-wrapper .col-parent {
        margin-top: 0;
    }

    .item-site-wrapper .col-parent .item-site {
        background: rgba(246, 249, 254, 0.98);
    }

    .item-site-wrapper .col-parent .item-site a {
        height: 60px;
    }

    .item-site-wrapper .col-children {
        overflow: hidden;
        padding: 13px 0 0 0;
    }

    /* DESTINATION */
    body.destination .item-wrap .card-body {
        width: auto;
    }

}

@media only screen and (max-width: 768px) {
    /*768*/
    /* DEV */
    /*
    body {
        background: rgba(255, 0, 0, 0.3);
    }
    /*
    .destination .cat-bg-soft {
        background: none;
    }
     */
    #helperbarCollapse {
        display: block;
    }

    #navbarSearchWrapper {
        width: auto;
        height: 54px;
        position: absolute;
        right: 60px;
        top: 0;
    }

    #navbarSearchWrapper .nav-search {
        border-radius: 0;
        box-shadow: none;
        background: none;
    }

    #navbarSearchWrapper .nav-search:hover {
        box-shadow: none;
    }

    #navbarSearchWrapper .nav-search span {
        display: none;
    }

    .nav-main .nav-language,
    .nav-main #navbarUserWrapper {
        display: none;
    }

    .column-height {
        height: auto;
    }


    /*
    #navbarExplorerWrapper {
        width: 100%;
        height: 42px;
        position: fixed;
        bottom: 0 !important;
        top: auto;
        background: #ffffff;
        white-space: nowrap;
        box-shadow: 0 0 2px #333;
        transition: none;
        overflow: hidden;
    }

    #nav-explorer {
        display: flex;
        background: #d7d7d7;
    }

    #nav-explorer .navbar-nav {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    #nav-explorer .nav-item {
        margin: 0;
        display: block;
    }

    #nav-explorer .nav-link {
        width: 48px;
        height: 42px;
        padding: 0 4px !important;
        text-align: center;
        overflow: hidden;
        box-shadow: none !important;
        background: none;
        display: block;
        float: left;
    }

    #nav-explorer .nav-item .icon {
        position: relative;
        margin: 0 auto 4px;
        transform: scale(0.8);
    }

    #nav-explorer .nav-link span {
        max-width: none;
        font-size: 0.6rem;
        float: none;
    }

    #nav-explorer .navbar-nav.row-1 .nav-link {
        width: 100%;
    }

    #nav-explorer .navbar-nav.row-2 .nav-link {
        width: 50%;
    }

    #nav-explorer .navbar-nav.row-3 .nav-link {
        width: 33.3333%;
    }

    #nav-explorer .navbar-nav.row-4 .nav-link {
        width: 25%;
    }

    #nav-explorer .navbar-nav.row-5 .nav-link {
        width: 20%;
    }

    #nav-explorer .navbar-nav.row-6 .nav-link {
        width: 16.6667%;
    }

    #nav-explorer .navbar-nav.row-7 .nav-link {
        width: 14.2857%;
    }

     */
    .item-wrap.loaded {
        overflow: hidden !important;
    }

    .item-wrap.opened {
        height: auto !important;
    }

    .item-wrap.opened .item-col {
        height: auto !important;
    }

    .item-wrap .item-col-2 {
        padding-right: 15px;
    }

    .item-gallery-sep {
        display: none;
    }

    .item-readmore {
        width: 100%;
    }


    .slick-slider.slick-arrow-bg .slick-arrow {
        bottom: auto;
        top: -75px;
    }

    .slick-slider.slick-arrow-bg .slick-prev {
        left: 15px;
    }

    .slick-slider.slick-arrow-bg .slick-next {
        right: 15px;
    }

    .slick-slider.slick-dots-sq .slick-dots {
        opacity: 0.3;
    }

    .title-main {
        font-size: 1.4rem;
    }

    .items.grid {
        padding-left: 6px;
        padding-right: 10px;
    }

    .pagination-wrapper .pagination .page-item.arrow .page-link > span {
        display: none;
    }

    body {
        padding-top: 54px !important;
    }

    body:not(.site) {
        padding-top: 54px !important;
    }

    .h1, h1 {
        font-size: 1.4rem;
    }

    .h2, h2 {
        font-size: 1.2rem;
    }

    .h3, h3 {
        font-size: 1.1rem;
    }

    .nav-main {
        border-bottom-width: 3px;
        padding: 0;
    }

    .path.explorer {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        font-size: 0.8rem;
    }

    .path.explorer a {
        padding: 6px 10px;
    }

    .item-content-wrapper > .container {
        /*padding: 0;*/ /*TMP*/
    }



    body.site.has-slides .item-wrap .item-col-1 {
        padding: 15px;
    }

    #search-web-category {
        white-space: nowrap;
        margin: 15px 0 0 15px
    }

    /*TMP*/
    #search-web-category li {
        font-size: 0.8rem;
        padding: 8px 8px;
    }

    /*TMP*/
    .nav-user .nav-item {
        display: none;
    }

    .nav-user .nav-item:first-child {
        display: block;
    }



    .items .card .card-image {
        border-radius: 0;
    }

    .items .card .card-title {
        font-size: 0.9rem;
    }

    .items.grid .item {
        padding: 0 0 10px 10px;
        align-self: auto;
    }

    .item-intro {
        font-size: 1.1rem;
    }

    body.destination .item-wrap .card-body {
        width: 100%;
        padding: 15px;
    }

    body.destination .item-wrap .card-text {
        font-size: 1.1rem;
    }

    /*body.destination .item-site-wrapper .col-children { width: calc(100% - 100px); }*/
    .items-nearby .items-preview {
        width: 200%;
    }

    .items-nearby .items-preview .items.grid .item {
        width: 48vw;
        width: calc(50vw - 20px);
        max-width: calc(50vw - 20px);
        flex: auto;
    }

    .btnCollapse {
        height: 54px;
        line-height: 54px;
    }

    .nav-main .wrapper {
        height: 54px;
    }

    .nav-main .navbar-brand {
        height: 54px;
    }

    .nav-main .navbar-brand img {
        height: 26px !important;
    }

    .item-raymi-wrapper > .container {
        height: auto;
        overflow: hidden;
    }

    .item-raymi-wrapper .col-parent {
        margin: 0;
    }

    .item-raymi-wrapper .col-parent .card {
        padding: 0;
    }

    .item-raymi-wrapper .col-parent .card-image {
        width: 20%;
        padding-bottom: 11.25%;
    }

    .item-raymi-wrapper .col-parent .card-body {
        width: 78%;
        position: absolute;
        left: 21%;
        top: 0;
    }

    .item-raymi-wrapper .col-parent .card-title {
        margin: 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .item-raymi-wrapper .col-children {
        padding: 15px 0 0 0;
    }

    .item-raymi-wrapper .bg-bottom {
        display: none;
    }

    .item-raymi-wrapper > .bg {
        height: 100px;
        top: auto;
        bottom: 0;
    }

    .items.raymi {
    }

    .items.raymi .item {
        width: 25%;
    }

    .items.raymi .card .card-body {
        padding: 0 0 0 10px;
        width: 60%; /*calc(100% - 80px)*/
    }

    .items.raymi .card .card-image {
        width: 40%; /*46%*/
        padding-bottom: 46%;
    }

    .items.raymi .card .card-title {
        height: 4.72rem; /*2.8rem*/
        font-size: 0.8rem;
    }

    .items.raymi .item .card .card-image > .num {
        font-size: 1.2rem;
    }

    .items-raymi.slick-initialized {
        width: 91%;
        height: 85px;
    }

    .items-raymi.slick-initialized .slick-list {
        overflow: visible;
    }

    .items-raymi.slick-initialized .slick-slide {
    }

    .items-raymi.slick-slider .slick-dots {
        right: -9%;
        bottom: -7px;
    }

    .items-raymi-preview {
        width: 200%;
    }






    .items.site.items-site-preview {
        width: 200%;
        white-space: nowrap;
    }

    .items.site .item.item-preview {
        width: 46vw;
    }

    .items.site .item .card .card-image > .num {
        font-size: 1.2rem;
    }

    .items.site .card .card-title {
        max-height: 3.5rem;
        font-size: 0.7rem;
        margin: 0;
    }

    .items.site .item {
        padding: 0 0 11px 10px;
        float: left;
        overflow: hidden;
    }

    .items-site.slick-initialized {
        width: 91%;
    }

    .items-site.slick-initialized .slick-list {
        overflow: visible;
    }

    .items-site.slick-initialized .slick-slide {
    }

    .items-site.slick-dots-sq .slick-dots {
        right: -9%;
        bottom: -3px;
    }


    .destination-children-wrapper {
        height: auto;
        overflow: hidden;
    }

    .destination-children-wrapper > .container {
        padding: 0 0 0 15px;
    }

    .destination-children .col-parent {
        height: auto;
        padding-bottom: 12px;
    }

    .destination-children .item {
        padding: 0 0 4px 10px;
        float: left;
        overflow: hidden;
    }

    .destination-children .card-title {
        font-size: 0.7rem;
    }

    .destination-children .items.slick-initialized {
        width: 92%;
    }

    .destination-children .items.slick-initialized .slick-list {
        overflow: visible;
    }

    .destination-children .slick-slider.slick-dots-sq .slick-dots {
        right: -8%;
    }

    .destination-children-wrapper .bg-bottom {
        display: none;
    }

    .destination-children-wrapper > .bg {
        height: 96px;
        bottom: 0px;
    }

    .destination-children .slick-slider.slick-dots-sq .slick-dots {
        bottom: -10px;
    }

    .items-featured .item {
        width: 50%;
    }

    .items-featured .items .card .card-body {
        height: 90px;
    }

    .items-featured .items .card .info {
        font-size: 0.7rem;
    }

    .items-featured .items .card .card-title {
        font-size: 0.84rem;
    }

    .items-featured .cat-bg-soft {
        background-image: none;
    }

    .items-featured .items .card .cat .cat-icon {
        width: 20px;
        height: 20px;
        background-size: auto 20px;
    }


    .items-nearby {
        overflow: hidden;
    }

    .items-nearby > .container {
        padding-right: 0;
    }

    .items-nearby .col-parent {
    }

    .items-nearby .col-parent .icon {
        width: 32px;
        height: 33px;
        background-size: 32px auto;
    }

    .items-nearby .col-parent .title-wrap {
    }

    .items-nearby .col-parent .title {
        font-size: 1rem;
        line-height: 32px;
        padding: 0 80px 0 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .items-nearby .col-parent .see-all {
        font-size: 0.9rem;
        line-height: 32px;
        top: 0;
        right: 8px;
    }

    .items-nearby .col-children {
    }

    .items-nearby .slick-initialized {
        width: 99%;
    }

    .items-nearby .slick-initialized .slick-list {
        overflow: visible;
    }

    .items-nearby .slick-initialized .slick-slide { /*width: 48vw; width: calc(50vw - 20px);*/
    }

    .items-nearby .slick-dots-sq .slick-dots {
        right: -8%;
        bottom: -38px;
    }

    .items-nearby > .bg {
        height: 140px;
        background-image: none !important;
    }

    .items-nearby .slick-initialized .slick-slide > div > a {
        padding: 0 0 10px 10px;
        display: block;
    }

    .items-nearby .col-children > .items .item {
        padding: 0 0 10px 10px;
    }

    .items-nearby .col-children > .items .item > a {
        padding: 0 !important;
    }

    footer {
        height: auto;
    }

    .footer-social {
        margin: 20px 0;
    }

    .footer-credit {
        padding-bottom: 46px;
    }

    body.explorer .col-main {
        padding-left: 15px;
    }

    body.destination .title-main {
        margin-left: 15px;
    }

    body.destination .item-wrap .item-col-1 {
        padding: 0;
    }

    .destination-site-wrapper {
        padding-top: 15px;
    }

    .item-wrap .item-col-1 {
        padding: 15px;
    }

}

@media only screen and (max-width: 576px) { /*576px*/
    /*
    #item-tools { display: none !important; }
    #nav-explorer .nav-link { width: 44px; }
     */
    body:not(.site) .gallery-wrapper {
        margin-left: -20px;
        margin-right: -20px;
    }

    #item-tools {
        display: none;
    }
}


/*
@media only screen and (max-width: 768px) {

    body { padding-top: 54px; }

    #navbarExplorerWrapper, #search-location-button { display: none; }

    .nav-main .navbar-brand { width: auto; margin: 0; }
    .nav-main .navbar-brand img { height: 32px; }

    #navbarExplorerWrapper { position: absolute; left: 0; top: 10px; background: cyan; }
    #search-location-button { position: absolute; left: 55px; top: 15px; }
    #search-location > span { display: block; }

    .nav-main { height: 54px; }
    .nav-main .nav-link i { font-size: 24px; margin: 0; float: none; }
    .nav-main .nav-link span { display: none; }

    .nav-user {
        margin: 0 !important; position: absolute; right: 0; top: 0;
        flex-direction: row; -webkit-box-orient: horizontal;
    }
    .nav-user .nav-item { margin-right: 6px; }
    .nav-user .nav-item .nav-link { width: 40px; height: 54px; padding: 0; text-align: center; line-height: 66px; }

    .items.grid { margin: 0 -15px 35px; padding-left: 0; padding-right: 0; }
    .items.grid .card { border-radius: 0; }
    .items.grid .item { padding: 0 2px 4px 0; }
    .items.grid .item:nth-child(2n+0) { padding-right: 0; padding-left: 2px; }

    .explorer-category .items.grid { margin-bottom: 45px; }
    .explorer-category .items.grid .item:nth-child(2n+0) { padding-right: 2px; padding-left: 0; }
    .explorer-category .items.grid .item:nth-child(2n+1) { padding-right: 0; padding-left: 2px; }

    .items-site .items .col-md-1 { flex: 50%; max-width: 50%; }
    .items-site .items .card .card-title {
        height: 2.0rem; font-size: 0.86rem;
    }

    .items-site .items .item { padding-bottom: 4px; }

    .items-title {
        max-width: 100% !important;
        -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important;
    }

    .items-title .inner {
        height: auto; min-height: 100px; padding: 15px 20px 10px !important; text-align: left;
    }
    .items-title .inner .icon { font-size: 3rem; }
    .items-title .inner .label { font-size: 1.1rem; line-height: 1.4rem; }

    .item-intro { font-size: 1rem; line-height: 1.3rem; text-align: left !important; }



    .item-slides, .item-slides .item-inner, .item-slides, .item-slides .item-inner img { height: auto; }
    .item-slides { border-radius: 0; }
    .item-slides .item .caption-wrapper { padding: 0; position: relative; background: #ffffff; }
    .item-slides .item .caption { max-width: 100%; }
    .item-slides .item .caption h2 { font-size: 0.8rem; }
    .item-slides .item .caption h2 span { font-size: 0.9rem; margin: 10px 0 0 0; padding: 0; }

    .item-slides .item .caption {
        padding: 6px 0 !important;
    }

    .slick-slider .slick-arrow { width: 3rem; }
    .slick-slider .slick-arrow::before { font-size: 3rem; line-height: 3rem; padding: 20px 13px 20px 13px; }
    .slick-slider .slick-prev::before { padding: 20px 13px 20px 11px; }

    .explorer-section .title-section { font-size: 1.8rem; }


    #google_translate_element .goog-te-gadget-simple { height: 54px; }

}



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

    #popup-bn { width: 40%; margin: 0 auto; left: 0; right: 0; }
    #popup-bn:hover { width: 90%; }

}
*/