/* Big Screen Device */
@media only screen and (min-width: 1800px) {
    .container {
        max-width: 1655px;
    }

    .philosopher-symbol {
        left: 500px;
        max-width: 425px;
    }
}


/* XXL+ Device. */
@media only screen and (max-width: 1799px) {
    .container {
        max-width: 1555px;
    }
    .fs-1 {
        font-size: 225px !important;
    }
    .hero-para-content {
        margin-top: -440px;
    }

    .philosopher-symbol {
        left: 600px;
        max-width: 325px;
    }

    /* your-stay.html Responsive Start */
    .cbh-wrapper {
        min-height: 900px;
    }
    /* your-stay.html Responsive End */
}

/* XXL Device. */
@media only screen and (max-width: 1600px) {
    .container {
        max-width: 1320px;
    }
    .menu-close img {
        max-width: 35px;
    }
    .menu-widget-item {
        padding: 0 25px 35px;
        flex: min-content;
    }
    .menu-widget-item ul li a, .menu-widget-item:nth-last-child(2) ul li a {
        font-size: 18px;
        line-height: 1.1;
        margin-bottom: 10px;
    }
    .menu-widget-item:last-child {
        padding: 0;
    }
    .menu-logo {
        max-width: 120px;
    }
    .menu-widget-item h5 {
        font-size: 18px;
        margin-bottom: 20px;
        white-space: nowrap;
    }
    .logo {
        max-width: 240px;
    }
    .header-hero-bg {
        min-height: 950px;
    }
    .welcome-wrapper {
        padding: 90px 90px 125px;
        margin-top: -170px;
    }
    .fs-1 {
        font-size: 185px !important;
    }
    .hero-para-content {
        margin-top: -360px;
        padding-bottom: 100px;
    }
    .welcome-gallery-row {
        gap: 30px;
    }
    .video-popup-bg {
        min-height: 800px;
    }
    .popup-active img {
        max-width: 150px;
    }
    body, p, .contact-widget h5, .contact-widget p, .contact-widget p a, .contact-alert, .contact-widget h5 a, .input, .input::placeholder, .label, .submit-btn, .doc-box-heading, .job-descriptions-info h5, .job-descriptions-info ul li {
        font-size: 24px;
    }
    .footer-text {
        font-size: 40px;
        padding: 40px 0;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        margin-top: -150px;
    }
    .lg-toolbar .lg-icon {
        width: 35px;
        height: 35px;
        margin: 35px;
    }
    .lg-toolbar .lg-close::after {
        background-size: 35px;
    }
    .lg-sub-html {
        padding: 30px 30px 10px;
        height: 105px;
    }

    /* your-stay.html Page Responsive Start */
    .cbh-wrapper {
        min-height: 800px;
    }
    .gallery-popup-2 {
        gap: 40px;
    }
    .stay-thumb {
        margin-top: 10px;
        height: 500px;
    }
    /* your-stay.html Page Responsive End */



    /* jobs-forms.html Page Responsive Start */
    .jobs-forms-section {
        padding: 100px 0;
    }
    .doc-input {
        gap: 50px;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .doc-input .submit-btn {
        width: 100%;
    }
    /* jobs-forms.html Page Responsive End */



    /* ImgGalleryPage Responsive Start */
    .gallery-type-row, .gallery-img-row {
        gap: 35px;
    }
    .single-gallery-type, .gallery-img-row .single-img {
        width: calc(25% - 27px);
    }
    /* ImgGalleryPage Responsive End */
}

/* XL Device :1280px. */
@media only screen and (max-width: 1399px) {
    .container {
        width: 1140px;
    }

    .scroll-btn {
        width: 105px;
        height: 105px;
    }
    .scroll-btn img {
        max-width: 40px;
    }
    .scrollDown {
        top: calc(100vh - 105px);
    }

    .header-para {
        max-width: 700px;
    }
    
    .logo {
        max-width: 200px;
    }
    .menu-widget-item {
        padding: 0 18px 35px;
    }
    .top-bar {
        height: 25px;
    }
    .top-bar span {
        max-width: 90%;
    }
    .header-hero-bg {
        min-height: 700px;
    }
    .welcome-wrapper {
        padding: 60px 60px 125px;
        margin-top: -130px;
    }
    .fs-1 {
        font-size: 135px !important;
    }
    .hero-para-content {
        margin-top: -300px;
    }
    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        height: 70vh !important;
    }
    .video-popup-bg {
        min-height: 700px;
    }
    .popup-active img {
        max-width: 125px;
    }
    .philosopher-symbol {
        left: 100px;
        max-width: 325px;
    }

    /* your-stay.html Page Responsive Start */
    .cbh-wrapper {
        min-height: 650px;
        padding: 60px;
    }
    .gallery-2-section {
        margin-top: -40px;
    }
    .gallery-2-section.white-bg::before {
        height: calc(100% - 185px);
    }
    .gallery-popup-2 {
        gap: 25px;
    }
    .gallery-popup-2 .single-img {
        height: 325px;
    }
    .stay-content-section {
        padding: 100px 0 0;
    }
    /* your-stay.html Page Responsive End */

    /* jobs.html Page Responsive Start */
    .fs-2 {
        font-size: 100px !important;
        line-height: 1;
        letter-spacing: 8px;
    }
    .cph-wrapper {
        padding: 20px 50px;
    }
    /* jobs.html Page Responsive End */

}


/* Large Device :992px. */
@media only screen and (max-width: 1199px) {
    .container {
        width: 960px;
    }


    .header-area {
        min-height: auto;
    }
    .menu-logo {
        max-width: 90px;
    }
    .menu-close-btn img {
        width: 25px;
    }
    .mobile-menu .offcanvas-header {
        padding: 25px 16px;
    }
    .header-top {
        margin-bottom: 20px;
    }
    .logo {
        max-width: 180px;
    }
    .header-para {
        padding: 20px 0;
    }
    .offcanvas-mobile-menu {
        max-width: 60px;
        z-index: 15;
        margin-top: 20px;
        margin-right: 15px;
        padding: 15px;
        background-color: #fff;
        border-radius: 4px;
        transition: all .3s ease-in-out;
    }
    .menu-item ul li {
        border-bottom: 1px solid var(--tertiary);
    }
    .menu-item ul li:first-child {
        border-top: 1px solid var(--tertiary);
    }
    .menu-item-collapse {
        font-size: 18px;
        padding: 15px 16px;
        display: flex;
        font-weight: 500;
        color: var(--tertiary);
        transition: all .3s ease-in-out;
        text-transform: uppercase;
        align-items: center;
        justify-content: space-between;
    }
    .menu-item ul li:hover .menu-item-collapse {
        background-color: rgba(226, 214, 192, 0.2);
    }
    .menu-item-collapse i {
        transition: all .3s ease-in-out;
    }
    .menu-item-collapse[aria-expanded="true"] i {
        transform: rotate(-180deg);
    }

    .menu-item-collapse[aria-expanded="true"], .collapse-menu {
        background-color: rgba(226, 214, 192, 0.2);
    }
    .collapse-menu ul li:last-child {
        border-bottom: none;
    }
    .collapse-menu ul li a {
        padding: 12px 25px;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        color: var(--tertiary);
        transition: all .3s ease-in-out;
    }
    .collapse-menu ul li:hover a {
        background-color: rgba(226, 214, 192, 0.3);
    }
    .header-hero-bg, .video-popup-bg {
        min-height: 550px;
    }
    .fs-1 {
        font-size: 100px !important;
    }
    body, p, .contact-widget h5, .contact-widget p, .contact-widget p a, .contact-alert, .contact-widget h5 a, .input, .input::placeholder, .label, .submit-btn, .doc-box-heading, .job-descriptions-info h5, .job-descriptions-info ul li {
        font-size: 20px;
    }
    .hero-para-content {
        margin-top: -230px;
        padding-bottom: 50px;
    }
    .welcome-wrapper {
        padding: 60px 60px 140px;
        margin-top: -120px;
    }
    .welcome-gallery-row {
        gap: 20px;
    }
    .welcome-gallery {
        margin-top: -140px;
    }
    .lg-hide-items .lg-toolbar {
        opacity: 1 !important;
    }
    .lg-toolbar .lg-icon {
        width: 25px;
        height: 25px;
    }
    .lg-toolbar .lg-close::after {
        background-size: 25px;
    }
    .video-popup-section {
        padding: 100px 0;
    }
    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        height: auto !important;
        width: 100% !important;
    }
    .popup-active img {
        max-width: 90px;
    }
    .contact-wrapper, .jobs-forms-wrapper {
        padding: 50px;
    }
    .contact-form-heading, .jobs-forms-wrapper .job-title {
        font-size: 32px;
    }
    .footer-text {
        font-size: 32px;
    }
    .footer-text span {
        font-size: 18px;
    }
    .philosopher-symbol {
        left: 60px;
        max-width: 250px;
    }


    /* your-stay.html Page Responsive Start */
    .fs-2 {
        font-size: 85px !important;
        letter-spacing: 5px;
    }
    .cbh-wrapper {
        min-height:550px;
    }
    .single-content h5 {
        font-size: 30px;
    }
    .single-content {
        padding: 30px 0 50px;
    }
    .stay-content-section {
        padding: 100px 0 50px;
    }
    /* your-stay.html Page Responsive End */



    /* jobs.html + jobs-forms.html Page Responsive Start */
    .jobs-section {
        padding: 60px 0 90px;
    }
    .jobs-wrapper {
        gap: 30px;
    }
    .single-job-card {
        width: calc(50% - 15px);
    }
    .job-title {
        font-size: 30px;
    }



    .jobs-forms-section {
        padding: 80px 0;
    }
    .doc-box {
        height: 300px;
    }
    .upoload-icon {
        max-width: 50px;
        margin-bottom: 50px;
    }
    .doc-box-alert {
        font-size: 17px;
    }
    /* jobs.html + jobs-forms.html Page Responsive End */

    /* ImgGalleryPage Responsive Start */
    .gallery-page-section {
        padding: 100px 0 125px;
    }
    .img-type-title {
        font-size: 30px;
        padding: 25px 0;
    }
    .gallery-type-heading {
        font-size: 18px;
    }
    .gallery-type-heading .icon {
        max-width: 18px;
    }
    .gallery-type-row, .gallery-img-row {
        gap: 30px;
    }
    .single-gallery-type, .gallery-img-row .single-img {
        width: calc(25% - 23px);
    }
    /* ImgGalleryPage Responsive End */


}


/* Medium Device :768px. */
@media only screen and (max-width: 991px) {
    .container {
        width: 720px;
    }

    .section-mt {
        margin-top: 95px;
    }
    .scroll-btn {
        width: 80px;
        height: 80px;
    }
    .scroll-btn img {
        max-width: 30px;
    }
    .scrollDown {
        top: calc(100vh - 80px);
    }

    .logo {
        max-width: 150px;
    }
    .menu-hamburger {
        max-width: 30px;
    }
    .header-hero-bg, .video-popup-bg {
        min-height: 475px;
    }
    .hero-para-content {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .fs-1 {
        font-size: 95px !important;
    }
    h1 {
        line-height: 1;
        letter-spacing: 15px;
    }
    .welcome-wrapper {
        padding: 40px 40px 140px;
        margin-top: -90px;
    }
    .single-img {
        width: calc(50% - 10px);
    }
    .welcome-gallery-row {
        gap: 20px;
        flex-wrap: wrap;
    }
    .popup-active img {
        max-width: 75px;
    }
    .contact-widget:last-child {
        padding-bottom: 30px;
        border-bottom: 2px solid var(--white);
    }
    .form-submit {
        margin-top: 75px;
        border-top: none;
    }
    .footer-text span {
        display: block;
    }



    /* your-stay.html Page Responsive Start */
    .cbh-wrapper {
        min-height: 500px;
    }
    .gallery-popup-2 {
        gap: 15px;
    }
    .gallery-popup-2 .single-img {
        height: 250px;
    }
    .stay-content-section {
        padding: 60px 0 50px;
    }
    .single-content {
        padding: 20px 0 40px;
    }
    .stay-content-row.g-5 {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
    .stay-thumb {
        position: static;
        width: 100%;
        height: 400px;
        padding-left: 0;
        margin-top: 0;
    }
    /* your-stay.html Page Responsive End */


    /* jobs.html + jobs-forms.html Page Responsive Start */
    .fs-2 {
        font-size: 65px !important;
    }
    .jobs-section {
        padding: 40px 0 70px;
    }
    .single-job-card {
        width: 100%;
        min-height: auto;
    }



    .jobs-forms-section {
        padding: 60px 0;
    }
    /* jobs.html + jobs-forms.html Page Responsive End */



    /* ImgGalleryPage Responsive Start */
    .single-gallery-type, .gallery-img-row .single-img {
        width: calc(33.33333% - 20px);
    }
    /* ImgGalleryPage Responsive End */


}


/* Small Device :550px. */
@media only screen and (max-width: 767px) {
    .container {
        width: 540px;
    }


    .section-mt {
        margin-top: 80px;
    }
    .scroll-btn {
        width: 60px;
        height: 60px;
    }
    .scroll-btn img {
        max-width: 20px;
    }
    .scrollDown {
        top: calc(100vh - 60px);
    }

    .offcanvas-mobile-menu {
        max-width: 55px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .menu-logo {
        max-width: 75px;
    }
    .mobile-menu .offcanvas-header {
        padding: 20px 16px;
    }
    .menu-item-collapse {
        font-size: 16px;
    }
    .menu-close-btn img {
        width: 20px;
    }
    .logo {
        max-width: 100px;
    }
    .top-bar {
        height: 15px;
        overflow: hidden;
    }
    .header-hero-bg, .video-popup-bg {
        min-height: 400px;
    }
    .fs-1 {
        font-size: 60px !important;
    }
    .contact-widget h5, .contact-widget p, .contact-widget p a, .contact-alert, .contact-widget h5 a, .job-descriptions-info h5, .job-descriptions-info ul li {
        line-height: 30px;
    }
    .contact-wrapper, .jobs-forms-wrapper {
        padding: 40px 35px;
    }
    .lg-sub-html {
        padding: 100px 30px 30px;
        height: auto;
    }
    .lg-outer .lg-image {
        vertical-align: unset;
    }



    /* your-stay.html Page Responsive Start */
    .cbh-wrapper {
        min-height: 350px;
        padding: 30px;
        margin-top: 20px;
    }
    .gallery-2-section {
        margin-top: -90px;
    }
    .gallery-popup-2 {
        flex-wrap: wrap;
    }
    .gallery-popup-2 .single-img {
        width: 100%;
    }
    .stay-thumb {
        height: 300px;
    }
    /* your-stay.html Page Responsive End */


    /* jobs.html + jobs-forms.html Page Responsive Start */
    .fs-2 {
        font-size: 55px !important;
        letter-spacing: 3px;
    }
    .cph-wrapper {
        padding: 20px 30px;
        margin: 25px 0;
    }


    .jobs-forms-section {
        padding: 40px 0;
    }
    .job-descriptions-info ul li::before {
        top: 13px;
    }
    /* jobs.html + jobs-forms.html Page Responsive End */



    /* ImgGalleryPage Responsive Start */
    .gallery-page-section {
        padding: 60px 0 80px;
    }
    .img-type-title {
        font-size: 25px;
        padding: 20px 0;
    }
    .gallery-type {
        margin-bottom: 30px;
    }
    .gallery-type-row {
        gap: 15px 30px;
    }
    .single-gallery-type, .gallery-img-row .single-img {
        width: calc(50% - 15px);
    }
    /* ImgGalleryPage Responsive End */

}


/* Extra small Device. */
@media only screen and (max-width: 575px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .scroll-btn {
        width: 40px;
        height: 40px;
    }
    .scroll-btn img {
        max-width: 15px;
    }
    .scrollDown {
        top: calc(100vh - 40px);
    }

    .offcanvas-mobile-menu {
        max-width: 48px;
        margin-top: 7px;
        margin-right: 7px;
        padding: 12px;
    }
    .header-wrapper {
        padding: 20px;
    }
    .logo {
        max-width: 65px;
    }
    .menu-hamburger {
        max-width: 24px;
    }
    .menu-close-btn img {
        width: 15px;
    }
    .menu-logo {
        max-width: 65px;
    }
    .header-para {
        padding: 10px 0;
        font-size: 18px;
    }
    .header-hero-bg, .video-popup-bg {
        min-height: 325px;
    }
    .welcome-wrapper {
        padding: 25px 20px 140px;
        margin-top: -50px;
    }
    .fs-1 {
        font-size: 44px !important;
    }
    h1 {
        line-height: 1.25;
        letter-spacing: 8px;
    }
    body, p, .contact-widget h5, .contact-widget p, .contact-widget p a, .contact-alert, .contact-widget h5 a, .input, .input::placeholder, .label, .submit-btn, .job-descriptions-info h5 {
        font-size: 18px;
    }
    .single-img {
        width: 100%;
        height: 225px;
    }
    .welcome-gallery-row {
        gap: 15px;
    }
    #lg-counter, .lg-toolbar .lg-icon {
        font-size: 16px;
        margin: 25px;
    }
    .lg-sub-html {
        padding: 60px 30px 30px;
    }
    .lg-sub-html p {
        font-size: 16px !important;
    }
    .lg-toolbar .lg-icon {
        width: 20px;
        height: 20px;
    }
    .lg-toolbar .lg-close::after {
        background-size: 20px;
    }
    .video-popup-section {
        padding: 60px 0;
    }
    .popup-active img {
        max-width: 50px;
    }
    .video-popup-bg::after {
        opacity: 1;
    }
    .contact-wrapper, .jobs-forms-wrapper {
        padding: 20px;
    }
    .contact-widget {
        padding: 25px 0 25px;
    }
    .contact-form-heading, .jobs-forms-wrapper .job-title {
        font-size: 24px;
    }
    .form-submit {
        margin-top: 50px;
        border-top: none;
    }
    .submit-btn {
        width: 100%;
    }
    .footer-text {
        font-size: 22px;
        padding: 20px 0;
    }
    .footer-text span {
        font-size: 13px;
    }
    .philosopher-symbol {
       
        max-width: 200px;
        transform: translateX(-50%);
    }


    /* your-stay.html Page Responsive Start */
    .cbh-wrapper {
        min-height: 350px;
        padding: 25px 20px;
        margin-top: 0;
    }
    .gallery-2-section {
        margin-top: -105px;
    }
    .single-content h5 {
        font-size: 24px;
    }
    .single-content {
        padding: 20px 0 25px;
    }
    /* your-stay.html Page Responsive End */



    /* jobs.html + jobs-forms.htmls Page Responsive Start */
    .cph-wrapper {
        padding: 15px 20px;
    }
    .fs-2 {
	    font-size: 38px !important;
    }
    .jobs-section {
        padding: 0 0 30px;
    }
    .jobs-wrapper {
        gap: 20px;
    }
    .job-title {
        font-size: 22px;
    }
    .single-job-card {
        padding: 20px;
    }
    .single-job-card p {
        font-size: 16px;
    }


    .jobs-forms-section {
        padding: 25px 0;
    }
    .job-descriptions-info ul li {
        font-size: 17px;
    }
    .job-descriptions-info ul li br {
        display: none;
    }
    .doc-box {
        height: 250px;
        padding: 45px 30px;
    }
    .upoload-icon {
        max-width: 35px;
        margin-bottom: 25px;
    }
    .doc-box-heading {
        font-size: 16px;
    }
    .doc-box-alert {
        font-size: 14px;
    }
    .doc-input {
        gap: 40px;
    }
    /* jobs.html + jobs-forms.htmls Page Responsive End */

    /* ImgGalleryPage Responsive Start */
    .gallery-page-section {
        padding: 40px 0 50px;
    }
    .gallery-type-heading {
        font-size: 16px;
    }
    .gallery-type {
        margin-bottom: 15px;
    }
    .gallery-type-row, .gallery-img-row {
        gap: 20px;
    }
    .single-gallery-type, .gallery-img-row .single-img {
        width: 100%;
    }
    .gallery-img-row .single-img {
        height: 250px;
    }
    .gallery-type-heading .icon {
        max-width: 15px;
    }
    .imgs-gallery-expand .icon, .imgs-gallery-minimize .icon {
        max-width: 40px;
    }
    /* ImgGalleryPage Responsive End */

}

@media only screen and (max-width: 430px) {
    .mobile-menu .offcanvas-start {
        width: 100%;
    }
}