/*!
 * responsive.css
 * @author  Brandefy Creative Studio
 * @version 1.0
 * @url https://brandefycreative.com
 */

/* Mobile // 768px */
@media screen and (max-width: 48em) {
    #callback .modal-dialog {
        margin: 0 auto;
    }
    .tab-content, .tab-content#package-tabbed-content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .packages-listing.scrollable {
        padding-bottom: 1rem;
    }
    .articles-preview .preview-item:not(:last-child) {
        padding-bottom: 1.5rem;
    }
    .article-nav .prev, .article-nav .next {
        margin: .5rem 1.5rem;
        width: calc(100% - 3rem);
        border-radius: 8px;
    }
    .article-footer {
        padding: 2.5rem 1.5rem 2rem;
    }
    .section.destinations-wrapper {
        padding: 1.5rem 1rem 1rem;
    }
}

/* Larger Screens // 768px */
@media screen and (min-width: 48em) {
    /* Toasts */
    .toast {
        left: 4.3rem;
        bottom: 30px;
    }

    /* Content Tabs */
    .content-tabs .nav-pills {
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: -23px;
    }
    .content-tabs .nav-pills .nav-item {
        width: auto;
        margin: 0 .75rem;
    }
    .content-tabs .nav-pills .nav-link {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 1rem 1.85rem;
    }
    .content-tabs .nav-pills .nav-link i {
        font-size: 1.75rem;
        margin: 0 8px 0 -5px;
    }

    /* Callback */
    #callback .modal-dialog {
        width: 90vw;
        min-width: 90vw;
    }
    #callback .modal-content-lt {
        height: 620px;
    }
    #callback .modal-content-lt img {
        width: auto;
        height: 100%;
    }
    #callback .modal-content-rt {
        padding: 4rem 4rem 2rem;
    }
    #callback #contact {
        flex-direction: row;
        justify-content: space-between;
        padding: 0;
    }
    #callback #contact .mb-3:not(#callback #contact .mb-3:nth-child(5), #callback #contact .mb-3:nth-child(6), #callback #contact .mb-3:nth-child(7)) {
        width: 48%;
    }
    #callback .modal-dialog textarea {
        height: 75px;
    }
    #callback .modal-body .form-group.col-sm-8 {
        flex: 0 0 52%;
    }
    #callback .modal-dialog .btn-link {
        margin: 0 10px 10px 0;
    }
    .section {
        position: relative;
        padding: 3.5rem 0 3rem;
    }

    /* Navigation */
    .header-wrapper {
        padding: 1.5rem 2.5rem;
    }
    .header-brand {
        margin-top: 10px;
    }
    .menu-overlay__image {
        display: block;
        width: 60vw;
        height: 100vh;
    }
    .nav__list-menu {
        padding: 4rem 5rem;
    }

    /* Carousel */
    .slider-wrapper #slider {
        width: 100%;
        /*max-width: 1920px;*/
        height: 100%;
        padding: 4rem 5rem 0;
    }
    .slider-wrapper #slider img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .slider-wrapper .slider-inner {
        width: 100%;
        /*max-width: 1920px;*/
        height: 100%;
    }
    .slider-wrapper #slider-content .slide-social-links {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 7rem;
        justify-content: flex-end;
    }
    .slider-wrapper #pagination {
        flex-direction: column;
        width: auto;
        top: 50%;
        transform: translateY(-50%);
        right: 6rem;
    }
    .slider-wrapper #pagination button {
        margin: 20px 0;
    }

    /* Jumbotron */
    .jumbotron .hero-overlay {
        padding: 3rem 0 0;
    }
    .hero-overlay h1 {
        font-size: 3rem;
        line-height: 3.8rem;
    }
    .jumbotron img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    /* Jumbo Search Bar */
    .hero-search-bar {
        padding: 0 5rem;
        margin-top: 0;
    }
    .hero-search-bar .btn {
        margin-top: 0;
    }

    /* CTA */
    .section.cta {
        padding: 3rem 5.8rem;
    }
    .cta .cta-content {
        justify-content: space-between;
        align-items: flex-end;
        min-height: 350px;
        border-radius: 30px;
    }
    .cta .cta-lt {
        padding: 5rem 3rem;
    }
    .cta .cta-rt {
        text-align: right;
        padding: 5rem 4.3rem;
    }

    .jumbotron.article-view .hero-overlay {
        padding: 0 0 5rem;
    }
    .jumbotron.article-view .hero-overlay h1 {
        font-size: 2rem;
        line-height: 2.8rem;
        max-width: 850px;
    }
    .jumbotron.article-view .hero-overlay p {
        font-size: .9rem;
        line-height: 1rem;
        margin: 0 0 1.5rem;
    }
    .jumbotron.article-view .hero-overlay .scroll-down {
        left: 2rem;
        bottom: 5.5rem;
    }
    .jumbotron.article-view .hero-overlay .tag-comments {
        right: 8rem;
        bottom: 5.5rem;
    }

    /* Packages */
    /*-- listing --*/
    .packages-listing {
        padding: 3rem 5rem;
    }
    .packages-listing .section-title {
        flex-direction: row;
        margin: 0 0 2rem;
      }
    .packages-listing .section-title h3 {
        width: 45%;
        font-size: 2rem;
        line-height: 2.4rem;
        margin: 0;
        padding-right: 2rem;
    }
    .packages-listing .section-title p {
        width: 55%;
        font-size: 1rem;
        line-height: 1.4rem;
        padding-left: 2rem;
        padding-right: 0;
    }
    .packages-listing .section-footer .btn-link {
        margin-bottom: 0;
    }
    .article-body #enquiry {
        flex-direction: row;
        justify-content: space-between;
    }
    .article-body #enquiry .mb-3:not(.article-body #enquiry .mb-3:nth-child(7), .article-body #enquiry .mb-3:nth-child(8), .article-body #enquiry .mb-3:nth-child(9)) {
        width: 48%;
    }
    .article-body .package-summary {
        padding: 0 2rem 1rem;
    }

    /* Blog Posts */
    /*-- homepage preview --*/
    .articles-preview.listing-page {
        padding-left: 5.8rem;
        padding-right: 5.8rem;
      }
    .articles-preview .preview-lt {
        padding: 3rem 8rem 3rem 5.8rem;
    }
    .articles-preview .preview-rt .row-eq-height {
        overflow-x: hidden;
        flex-wrap: nowrap;
        margin: 0 5rem 0 -8rem;
        padding: 10px 0;
    }
    .article-body .main-article {
        padding-right: 4rem;
    }
    .article-body .main-article .main-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin: 0 0 1rem;
    }
    .articles-preview .preview-rt .row-eq-height {
        padding: 10px 0;
    }
    .popular-places {
        padding: 2rem 1rem 2rem 2rem;
    }
    .aside-subscribe {
        margin: 1rem 1rem 0 2.2rem;
    }
    .article-nav {
        margin-top: 5rem;
        margin-bottom: 2rem;
    }

    /* Contact */
    .contact-form #contact {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 2rem;
        padding: 0 4rem;
    }
    .contact-form #contact .mb-3:not(.contact-form #contact .mb-3:nth-child(5), .contact-form #contact .mb-3:nth-child(6), .contact-form #contact .mb-3:nth-child(7)) {
        width: 48%;
    }

    /* Destinations */
    .destinations-listing {
        padding-right: 1.3rem;
        padding-left: 1.3rem;
    }
    .destinations-listing .card {
        height: 230px;
        margin: 1rem 0;
    }
    .destinations-listing .card-body {
        padding: 1.5rem 1.4rem 1.5rem 1.3rem;
    }
    .destinations-listing .card-body .card-text {
        font-size: 15px;
        line-height: 24px;
    }
    .destinations-listing .card-body .card-text > small {
        font-size: 12px;
        line-height: 28px;
        margin-top: 5px;
        padding-left: 4px;
    }

    /* Testimonials */
    .testimonials .col-12 {
        padding: 4rem 0;
        margin: 2rem 0;
        border-radius: 20px 0 0 20px;
    }
    .testimonials .testimonial-lt {
        padding: 3rem 8rem 2rem 5.5rem;
    }
    .testimonials .testimonial-rt .test-wrapper {
        margin: 0 2rem 0 -5rem;
    }
    .testimonials .testimonial-rt .test-item {
        padding: 3.5rem 2rem 1.5rem;
        margin: 25px 15px;
    }
    .testimonials .tripadvisor {
        display: block;
        margin-top: 2rem;
        margin-left: 0;
        margin-bottom: 0;
    }
    .testimonials .tripadvisor picture {
        display: block;
        height: 90px;
        width: auto;
        margin: 0 0 0 -10px;
    }

    /* ERROR PAGES */
    .jumbotron.has-exception {
        height: 90vh;
        max-height: 650px;
    }
    .jumbotron.has-exception h1 {
        margin-top: 2rem;
    }
    .jumbotron.fullscreen.error-notice {
        height: 100vh;
        max-height: 1000px;
    }
    
    /* FOOTER */
    footer {
        text-align: left;
        padding: 2rem 5.5rem;
    }
    footer .ftr-subscribe {
        padding: 4.4rem 2rem 3rem 3rem;
    }
    footer .ftr-subscribe p {
        font-size: .85rem;
        line-height: 1.2rem;
        margin: 0 0 1rem;
        text-align: left;
    }
    footer .social-links {
        padding-top: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        padding-left: 0;
        text-align: right;
    }
    footer .social-links ul {
        justify-content: flex-end;
    }
    footer .social-links p {
        font-size: .85rem;
        line-height: 1.8rem;
        margin-bottom: .5rem;
    }
    footer .social-links li {
        width: 35px;
        height: 35px;
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: -5px;
    }
    footer .social-links a {
        width: 35px;
        height: 35px;
        font-size: 1.75rem;
        line-height: 1.75rem;
    }
    footer .ftr-menu {
        justify-content: space-between;
        padding-left: 2rem;
        padding-top: 4rem;
        padding-right: 0;
        padding-bottom: 2rem;
        margin-bottom: 0;
    }
    footer .ftr-legal-links {
        padding-left: 2rem;
        padding-bottom: 0;
        text-align: left;
    }
    footer .ftr-menu ul {
        width: 24%;
    }
    footer .ftr-nav-link {
        font-size: .9rem;
        line-height: 1.4rem;
        transition: all 0.2s ease-in-out;
    }
    footer .ftr-nav-link::before {
        content: "";
        height: 1px;
        width: 0;
        background-color: #EED637;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transition: all 0.2s ease-in-out;
    }
    footer .ftr-nav-link:hover {
        text-decoration: none;
        padding-left: 2rem;
    }
    footer .ftr-nav-link:hover::before {
        width: 1rem;
    }
    footer .ftr-nav-h li:not(:last-child)::after {
        margin: 4px;
    }
    footer .ftr-nav-h .ftr-nav-link {
        font-size: .75rem;
    }
    footer ul.ftr-nav-v, footer ul.ftr-nav-h {
        padding-left: 0;
        margin-left: -23px;
    }
    footer .ftr-links-header > .ftr-nav-link {
        font-size: .95rem;
        line-height: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .section.ftr-copy {
        padding: 1.5rem 5rem;
    }
    .section.ftr-copy .copyright {
        font-size: .75rem;
        line-height: 1.2rem;
        margin: 0;
        padding: 0 .15rem;
        text-align: left;
    }
    .section.ftr-copy .copy-text.copy-rt {
        text-align: right;
    }
    .section.ftr-copy .ftr-dev-tag {
        padding-right: 1rem;
        padding-bottom: 0rem;
        text-align: right;
    }
    .section.ftr-copy .ftr-dev-tag p, .section.ftr-copy .ftr-dev-tag a {
        font-size: .75rem;
        line-height: 1.2rem;
        margin-top: 2.5px /* fix */;
    }
    .section.ftr-copy .ftr-dev-tag {
        padding-top: 0;
        padding-right: .5rem;
        padding-bottom: 2rem;
    }
}

/* Tablet // 769px - 1023px */
@media screen and (min-width: 48.0625em) and (max-width: 63.9375em) {
     
}

/* Desktop // 1024px - 1215px */
@media screen and (min-width: 64em) and (max-width: 75.9375em) {
   
}

/* Widescreen // 1216px - 1407px */
@media screen and (min-width: 76em) and (max-width: 87.9375em) {  
    
}

/* FHD // 1408px */
@media screen and (min-width: 88em) {
   
}

/* FHD Screens with Lower Resolution // 768px */
@media screen and (min-width: 88em) and (-webkit-device-pixel-ratio: 1) {
    /* FOOTER */
    footer .ftr-subscribe {
        padding: 0 5.8rem 5rem 4.2rem;
    }
    footer .ftr-subscribe p {
        font-size: .95rem;
        line-height: 1.4rem;
    }
    footer .social-links li {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        margin-left: 12px;
    }
    footer .social-links a {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
        line-height: 41px;
    }
    footer .ftr-menu {
        padding-left: 5rem;
    }
    footer .ftr-nav-link {
        font-size: .95rem;
        line-height: 1.7rem;
    }
    footer .ftr-nav-h li:not(:last-child)::after {
        margin-left: 8px;
        margin-right: 8px;
    }
    footer .ftr-nav-h .ftr-nav-link {
        font-size: .95rem;
    }
    footer .ftr-links-header > .ftr-nav-link {
        font-size: 1rem;
        line-height: 1.4rem;
    }
    .section.ftr-copy .copyright {
        font-size: .95rem;
        line-height: 1.7rem;
    }
    .section.ftr-copy .ftr-dev-tag p, .section.ftr-copy .ftr-dev-tag a {
        font-size: .95rem;
        line-height: 1.7rem;
        margin-top: 0 /* fix */;
    }
}