*{
    margin: 0px;
    padding: 0px;
}

html{
    scroll-behavior:smooth;
}

body{
	font-family: 'Cormorant Garamond';
}



/* Section-1 CSS start */
            .hero-section{
                position: relative;
                height: 100vh;
                overflow: hidden;
                color: #fff;
            }

            /* Background Images */
            .hero-bg{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-position: center;
                opacity: 0;
                transition: opacity 2s ease-in-out;
                z-index: 1;
            }

            .hero-bg.active{
                opacity: 1;
            }

            .overlay{
                position: absolute;
                inset: 0;
                background: rgba(0,0,0,0.35);
                z-index: 2;
            }

            .hero-section .container-fluid{
                z-index: 3;
            }

            /* Header */
            .hero-header{
                position: relative;
                z-index: 3;
                padding: 30px 50px;
            }

            .custom-btn{
                border-radius: 0;
                /*font-size: 12px;*/
                letter-spacing: 1px;
                padding: 10px 25px;
                text-transform: uppercase;
            }

            .enq-btn{
                color: #fff;
                font-family: 'Cormorant Garamond';
                font-weight: 400;
                font-size: 16px;
                line-height: 19px;
                background: transparent;
                border: 1px solid #fff;
            }

            .enq-btn:hover{
                color: #fff;
                background: #978974;
                border: 1px solid #fff;
            }

            .book_now-btn{
                color: #fff;
                font-family: 'Cormorant Garamond';
                font-weight: 400;
                font-size: 16px;
                line-height: 19px;
                background: #978974;
                border: 1px solid #fff;
            }

            .book_now-btn:hover{
                color: #fff;
                background: transparent;
                border: 1px solid #fff;
            }

            .logo img{
                max-width: 180px;
                height: auto;
            }

            /* Bottom Content */
            .hero-content{
                height: calc(100vh - 120px);
                padding: 0 50px 50px;
                position: relative;
                z-index: 3;
            }

            .left-content{
                position: absolute;
                bottom: 50px;
                left: 50px;
            }

            .small-text{
                display: block;
                font-size: 23px;
                font-weight: 400;
                font-family: 'Cormorant Garamond';
                line-height: 47px;
                margin-bottom: 15px;
                text-transform: uppercase;
            }

            .left-content h1{
                font-size: 61px;
                font-weight: 500;
                font-family: 'Cormorant Garamond';
                line-height: 57px;
                margin: 0;
            }

            .right-content{
                position: absolute;
                bottom: 50px;
                right: 50px;
                font-size: 24px;
                font-weight: 400;
                font-family: 'Cormorant Garamond';
                line-height: 47px;
                letter-spacing: 1px;
            }

            .right-content img{
                width: 24px;
                height: 24px;
                margin-top: -6px;
            }

            /* Mobile */
            @media (max-width: 991px){

                .hero-header{
                    padding: 20px;
                }

                /*.hero-content{
                    padding: 0 20px 30px;
                }*/

                .left-content{
                    left: 20px;
                    bottom: 30px;
                }

                .right-content{
                    right: 20px;
                    bottom: 30px;
                }

                .left-content h1{
                    font-size: 32px;
                    line-height: 37px;
                }

                .small-text{
                    display: none;
                }

                .logo img{
                    max-width: 180px;
                }

                /*.custom-btn{
                    padding: 12px 45px;
                    font-size: 14px;
                }*/
            }

            @media (max-width: 767px){

                .hero-header{
                    flex-wrap: wrap;
                    gap: 15px;
                }

                .logo{
                    width: 100%;
                    text-align: center;
                    order: -1;
                }

                .left-content{
                    position: static;
                    margin-bottom: 20px;
                    text-align: center;
                }

                .right-content{
                    position: static;
                    text-align: center;
                }

                .hero-content .row{
                    height: auto !important;
                    padding-top: 40vh;
                }
            }
        /* Section-1 CSS END */


        /* Section-2 CSS START */
        .section-2-bg{
            background-color: #F0ECE3;
        }

        .sec-2{
            padding:80px 0 30px 0;
        }

        .section-2-nav .nav-link{
            position: relative;
            padding: 0;
            color: #58503D;
            font-size: 16px;
            font-weight: 400;
            font-family: 'Cormorant Garamond';
            line-height: 19px;
            letter-spacing: 0px;
            text-transform: uppercase;
            transition: all .3s ease;
        }

        /* Underline */
        .section-2-nav .nav-link::after{
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 0;
            height: 1px;
            background: #58503D;
            transition: width .3s ease;
        }

        .section-2-nav .nav-link:hover{
            color: #58503D;
        }

        .section-2-nav .nav-link:hover::after,
        .section-2-nav .nav-link.active::after{
            width: 100%;
        }

        .section-2-nav .nav-link.active{
            color: #58503D;
        }


        /* Mobile */

        @media (max-width: 767px){

            .section-2-nav .nav{
                row-gap: 15px;
            }

            .section-2-nav .nav-link{
                font-size: 14px;
            }
        }

        /* Section-2 CSS END */


        /* Section-3 CSS START */
        .section-3-bg{
            background-color: #F0ECE3;
        }

        .sec-3{
            padding:50px 0 10px 0;
        }

        .sec-3 .section-heading{
            max-width: 900px;
        }
        
        .sec-3 .section-title{
            color: #58503D;
            font-weight: 600;
            font-size: 36px;
            font-family: 'Cormorant Garamond';
            line-height: 47px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .sec-3 .section-description{
            /*max-width: 700px;*/
            margin: 0 auto;
            font-weight: 400;
            font-size: 18px;
            color: #000;
            font-family: 'Cormorant Garamond';
            line-height: 25px;
        }

        /* Mobile */

        @media (max-width: 767px){
            .sec-3 .section-description{
                font-size: 14px;
            }
        }


        /* Gallery of sec-3 Start */
        .sec-3 .gallery-slider{
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:20px;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .sec-3 .gallery-item img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
        }

        /* Mobile */
        @media (max-width:767px){

            .sec-3 .gallery-slider{
                display:flex;
                overflow-x:auto;
                gap:15px;

                scroll-snap-type:x mandatory;
                -webkit-overflow-scrolling:touch;

                scrollbar-width:none;
                -ms-overflow-style:none;
            }

            .sec-3 .gallery-slider::-webkit-scrollbar{
                display:none;
            }

            .sec-3 .gallery-item{
                flex:0 0 90%;
                scroll-snap-align:start;
            }

            /*.sec-3 .gallery-item img{
                height:350px;
            }*/
        }
        /* Gallery of sec-3 End */
        /* Section-3 CSS END */


        /* Section-4 CSS START */
        .section-4-bg{
            background-color: #F0ECE3;
        }

        .sec-4{
            padding:50px 0 10px 0;
        }

        .sec-4 .section-heading{
            max-width: 900px;
        }
        
        .sec-4 .section-title{
            color: #58503D;
            font-weight: 600;
            font-size: 36px;
            font-family: 'Cormorant Garamond';
            line-height: 47px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .sec-4 .section-description{
            /*max-width: 700px;*/
            margin: 0 auto;
            font-weight: 400;
            font-size: 18px;
            color: #000;
            font-family: 'Cormorant Garamond';
            line-height: 25px;
        }

        /* Mobile */

        @media (max-width: 767px){
            .sec-4 .section-description{
                font-size: 14px;
            }
        }

        /* Estate-slider CSS Start */
        .sec-4 .estate-slider{
            position: relative;
            width: 100%;
            height: 550px;
            overflow: hidden;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .sec-4 .estate-image{
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 2s ease-in-out;
        }

        .sec-4 .estate-image.active{
            opacity: 1;
        }

        @media (max-width: 767px){

           .sec-4 .estate-slider{
                height: 250px;
                margin-bottom: 0px;
            }
        }
        /* Estate-slider CSS End */
        /* Section-4 CSS END */


        /* Section-5 CSS START */
        .section-5-bg{
            background-color: #F0ECE3;
        }

        .sec-5{
            padding:50px 0 10px 0;
        }

        .sec-5 .section-heading{
            max-width: 900px;
        }
        
        .sec-5 .section-title{
            color: #58503D;
            font-weight: 600;
            font-size: 36px;
            font-family: 'Cormorant Garamond';
            line-height: 47px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .sec-5 .section-description{
            /*max-width: 700px;*/
            margin: 0 auto;
            font-weight: 400;
            font-size: 18px;
            color: #000;
            font-family: 'Cormorant Garamond';
            line-height: 25px;
        }

        /* Mobile */

        @media (max-width: 767px){
            .sec-5 .section-description{
                font-size: 14px;
            }
        }


        /* Section-5 Spaces CSS Start */
        .sec-5 .spaces-wrapper{
            margin-top: 60px;
            padding-bottom: 50px;
        }

        .sec-5 .spaces-image{
            height: 100%;
        }

        .sec-5 .spaces-image img{
            width: 100%;
            /*height: 100%;
            min-height: 520px;*/
            object-fit: cover;
            display: block;
        }

        .sec-5 .spaces-slider{
            position: relative;
            background: #fff;
            min-height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .sec-5 .spaces-card{
            position: absolute;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
            /*padding: 40px;*/
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease;
        }

        .sec-5 .spaces-card.active{
            opacity: 1;
            visibility: visible;
        }

        /*.sec-5 .spaces-card img{
            width: 90px;
            margin-bottom: 30px;
        }*/

        .sec-5 .spaces-card h3{
            max-width: 420px;
            color: #58503D;
            font-weight: 600;
            font-size: 24px;
            ont-family: 'Cormorant Garamond';
            text-align: center;
            line-height: 31px;
        }

        .sec-5 .spaces-slider{
            position: relative;
            background: #fff;
            min-height: 100%;
            overflow: hidden;
        }

        .sec-5 .spaces-card{
            position: absolute;
            inset: 0;
            opacity: 0;
            visibility: hidden;
            transition: all .5s ease;
            overflow: hidden;
        }

        .sec-5 .spaces-card.active{
            opacity: 1;
            visibility: visible;
        }

        .sec-5 .spaces-card .card-bg{
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .sec-5 .spaces-card .overlay{
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.35);
        }

        .sec-5 .spaces-card h3{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            width: 80%;
            margin: 0;

            color: #fff;
            font-family: 'Cormorant Garamond';
            font-size: 30px;
            font-weight: 600;
            line-height: 1.3;
            text-align: center;
            z-index: 2;
        }

        .sec-5 .spaces-dots{
            position: absolute;
            left: 50%;
            bottom: 30px;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 3;
        }

        .sec-5 .spaces-dots span{
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #fff;
            cursor: pointer;
        }

        .sec-5 .spaces-dots span.active{
            background: #fff;
        }

        @media(max-width:991px){

            /*.sec-5 .spaces-slider{
                min-height: 400px;
            }*/

            .sec-5 .spaces-card h3{
                font-size: 26px;
                width: 90%;
            }
        }


        .sec-5 .spaces-dots{
            position: absolute;
            left: 50%;
            bottom: 74px;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }

        .sec-5 .spaces-dots span{
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #978974;
            cursor: pointer;
        }

        .sec-5 .spaces-dots span.active{
            background: #fff;
        }

        /* Mobile */

        @media (max-width: 991px){

            .sec-5 .spaces-image img{
                min-height: auto;
            }

            .sec-5 .spaces-slider{
                min-height: 269px;
            }

           /* .sec-5 .spaces-card{
                padding: 30px 20px;
            }*/

            /*.sec-5 .spaces-card img{
                width: 60px;
                margin-bottom: 20px;
            }*/

            .sec-5 .spaces-card h3{
                font-size: 24px;
            }

        }
        /* Section-5 Spaces CSS End */

        /* Rooms Gallery Slider CSS Start */

        .sec-5 .rooms-gallery-slider{
            position: relative;
            background: #fff;
            min-height: 424px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .sec-5 .rooms-gallery-card{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            text-align: center;
            padding: 40px;

            opacity: 0;
            visibility: hidden;
            transition: opacity .5s ease, visibility .5s ease;
        }

        .sec-5 .rooms-gallery-card.active{
            opacity: 1;
            visibility: visible;
        }

        .sec-5 .rooms-gallery-card img{
            width: 90px;
            margin-bottom: 30px;
        }

        .sec-5 .rooms-gallery-card h3{
            max-width: 420px;
            margin: 0;
            color: #58503D;
            font-weight: 600;
            font-size: 24px;
            font-family: 'Cormorant Garamond';
            line-height: 31px;
            text-align: center;
        }

        .sec-5 .rooms-gallery-dots{
            position: absolute;
            left: 50%;
            bottom: 74px;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 5;
        }

        .sec-5 .rooms-gallery-dots span{
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 1px solid #978974;
            cursor: pointer;
            transition: all .3s ease;
        }

        .sec-5 .rooms-gallery-dots span.active{
            background: #a3917d;
        }

        /* Mobile */

        @media (max-width: 991px){

            /*.sec-5 .rooms-gallery-slider{
                min-height: 320px;
            }*/

            .sec-5 .rooms-gallery-card{
                padding: 30px 20px;
            }

            .sec-5 .rooms-gallery-card img{
                width: 60px;
                margin-bottom: 20px;
            }

            .sec-5 .rooms-gallery-card h3{
                font-size: 24px;
                line-height: 30px;
            }
        }

        /* Rooms Gallery Slider CSS End */


        /* Section-5 CSS END */


        /* Section-6 CSS START */
        .section-6-bg{
            background-color: #F0ECE3;
        }

        .sec-6{
            padding:50px 0 10px 0;
        }

        .sec-6 .section-heading{
            max-width: 900px;
        }
        
        .sec-6 .section-title{
            color: #58503D;
            font-weight: 600;
            font-size: 36px;
            font-family: 'Cormorant Garamond';
            line-height: 47px;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .sec-6 .section-description{
            /*max-width: 700px;*/
            margin: 0 auto;
            font-weight: 400;
            font-size: 18px;
            color: #000;
            font-family: 'Cormorant Garamond';
            line-height: 25px;
        }

        /* Mobile */

        @media (max-width: 767px){
            .sec-6 .section-description{
                font-size: 14px;
            }
        }

        /* Cuisine carousel CSS Start */
        .cuisine-slider-wrapper{
            width:100%;
            overflow:hidden;
            margin-top:60px;
            padding: 10px;
        }

        .cuisineSwiper{
            overflow:visible;
        }

        .cuisine-card{
            overflow:hidden;
        }

        .cuisine-card img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
            transition:transform .8s ease;
        }

        .cuisine-card:hover img{
            transform:scale(1.05);
        }

        /* Pagination */

        .cuisine-pagination{
            position:relative;
            margin-top:30px;
            text-align:center;
        }

        .cuisine-pagination .swiper-pagination-bullet{
            width:8px;
            height:8px;
            border:1px solid #9f8a73;
            background:transparent;
            opacity:1;
            margin:0 5px !important;
        }

        .cuisine-pagination .swiper-pagination-bullet-active{
            background:#9f8a73;
        }

        /* Tablet */

        @media (max-width:991px){

            .cuisine-card img{
                height:216px;
            }

        }

        /* Mobile */

        @media (max-width:767px){

            .cuisine-slider-wrapper{
                margin-top:40px;
            }

            .cuisine-card img{
                height: 242px
            }

        }
        /* Cuisine carousel CSS End */
        /* Section-6 CSS END */


        


        /* Section-8 CSS START */
        .section-8-bg{
            background-color:#F0ECE3;
        }

        .sec-8{
            padding:50px 0 30px 0;
        }

        /* Center content inside left column */

        .sec-8 .team-content{
            max-width:500px;
            margin:0 auto;
            text-align:left;
        }

        .sec-8 .section-title{
            color:#58503D;
            font-weight:600;
            font-size:36px;
            font-family:'Cormorant Garamond';
            line-height:47px;
            letter-spacing:1px;
            text-transform:uppercase;
        }

        .sec-8 .section-description{
            font-weight:400;
            font-size:18px;
            color:#000;
            font-family:'Cormorant Garamond';
            line-height:25px;
        }

        .sec-8 img{
            width:100%;
            display:block;
        }

        /* Mobile */

        @media (max-width:767px){

            .sec-8 .team-content{
                max-width:100%;
                margin-bottom:30px;
                text-align: center;
            }

            .sec-8 .section-title{
                font-size:28px;
                line-height:36px;
            }

            .sec-8 .section-description{
                font-size:14px;
                line-height:22px;
            }
        }
        /* Section-8 CSS END */

        /* Section-9 CSS START */
        .section-9-bg{
            background-color: #F0ECE3;
        }

        /* Nature-slider CSS Start */
        .sec-9 .nature-slider{
            position: relative;
            width: 100%;
            height: 95Vh;
            overflow: hidden;
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .sec-9 .nature-image{
            position: absolute;
            inset: 0;
            width: 100%;
            /*height: 100%;*/
            object-fit: cover;
            opacity: 0;
            transition: opacity 2s ease-in-out;
        }

        .sec-9 .nature-image.active{
            opacity: 1;
        }

        @media (max-width: 767px){

           .sec-9 .nature-slider{
                height: 25vh;
                margin-top: 0px;
                margin-bottom: 30px;
            }
        }
        /* Nature-slider CSS End */
        /* Section-9 CSS END */


        /* Footer CSS START */
        .footer-section{
            background:#695D4C;
            color:#fff;
        }

        /* Top */

        .footer-top{
            padding:60px 20px;
        }

        .footer-title{
            font-family: 'Cormorant Garamond';
            font-weight: 500;
            font-size: 36px;
            color:#fff;
            line-height: 47px;
            margin-bottom:25px;
        }

        .footer-contact-buttons{
            display:flex;
            justify-content:center;
            gap:15px;
            flex-wrap:wrap;
        }

        .footer-btn{
            display:flex;
            align-items:center;
            gap:10px;
            padding:10px 24px;
            border:1px solid rgba(255,255,255,.6);
            border-radius:30px;
            font-weight: 300;
            font-size: 20px;
            font-family: 'Cormorant Garamond';
            line-height: 29px;
            color:#fff;
            text-decoration:none;
            transition:.3s;
        }

        .footer-btn:hover{
            background:rgba(255,255,255,.1);
            color: #fff;
        }

        /* Middle */

        .footer-middle{
            background:#867967;
            padding:40px 0;
        }

        .footer-middle h4{
            font-family: 'Cormorant Garamond';
            font-weight: 500;
            font-size: 26px;
            color: #fff;
            line-height: 47px;
            margin-bottom:15px;
        }

        .footer-middle p{
            font-family: 'Cormorant Garamond';
            font-weight: 400;
            font-size: 16px;
            line-height: 27px;
            margin-bottom:8px;
        }

        /* Bottom */

        .footer-bottom{
            padding:30px 15px 25px;
        }

        .footer-social{
            display:flex;
            justify-content:center;
            gap:12px;
            margin-bottom:12px;
        }

        .footer-social a{
            width:32px;
            height:32px;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .footer-social img{
            width: 36px;
        }

        .footer-hashtag{
            font-family:'Cormorant Garamond';
            font-weight: 500;
            font-size: 14px;
            line-height: 19px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        @media (max-width:767px){

            .footer-top{
                padding:40px 20px;
            }

            .footer-title{
                font-size: 24px;
                line-height:1.2;
            }

            .footer-middle{
                text-align:center;
            }

            .footer-middle .col-md-6:first-child{
                margin-bottom:25px;
            }

        }


        /* Footer CSS END */

        /* Contact Us */
        .contact {
          /*float: left;*/
          width: 100%;
          background-color: #F0ECE3;
          padding-top: -60px !important;
          padding-bottom: 80px !important;
          padding-left: 0px !important;
          padding-right: 0px !important;
        }

        .contact h2 {
        color:#58503D;
        text-align:center;
        vertical-align:text-top;
        font-weight: 600;
        font-size: 36px;
        font-family: 'Cormorant Garamond';
        line-height: 47px;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-style:hidden;
        outline:none;
        padding-left: 70px;
        padding-right: 70px;
        }

        .contact .form-wrap {
          margin: auto;
        }
        .contact .form-wrap .error {
          color: red;
        }
        .contact .form-wrap input {
          border: 1px solid #bebebe;
          border-radius: 3px;
          min-height: 57px;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 800;
          font-family: 'Cormorant Garamond';
        }
        .contact .form-wrap textarea {
          border: 1px solid #bebebe;
          border-radius: 3px;
          text-transform: uppercase;
          font-size: 15px;
          font-weight: 800;
          font-family: 'Cormorant Garamond';
        }
        .contact .form-wrap select {
          border: 1px solid #bebebe;
          border-radius: 3px;
          min-height: 57px;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 800;
          font-family: 'Cormorant Garamond';
          margin-bottom: 1rem;
          color: #848484 !important;
          padding: 0px 15px;
        }
        .contact .form-wrap .resort {
          border: 1px solid #bebebe;
          background-color: #fff;
          border-right: 0;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          min-height: 57px;
          font-size: 15px;
          font-family: 'Cormorant Garamond';
          font-weight: 800;
          width: 20%;
          text-align: center;
          padding: 15px 0px;
          float: left;
          color: #848484;
        }
        .contact .form-wrap #property {
          width: 80%;
          float: right;
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;
        }
        .contact .form-wrap .about-us {
          border: 1px solid #bebebe;
          background-color: #fff;
          border-right: 0;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          min-height: 57px;
          font-size: 15px;
           font-family: 'Cormorant Garamond';
          font-weight: 800;
          width: 45%;
          text-align: center;
          padding: 15px 0px;
          float: left;
          color: #848484;
        }
        .contact .form-wrap #aboutUs {
          width: 55%;
          float: right;
          border-top-left-radius: 0px;
          border-bottom-left-radius: 0px;
        }
        .contact .form-wrap input[type="submit"] {
          width: 100%;
          background-color: #695D4C;
          font-size: 17px;
        }

        .contact .form-wrap input[type="submit"]:hover {
          background-color: #3e3434;
        }



        @media (min-width: 768px) and (max-width: 991px) {
          .contact .form-wrap .about-us {
            width: 50%;
          }
          .contact .form-wrap #aboutUs {
            width: 50%;
          }
        }


        @media (max-width: 767px) {
          .contact {
            padding: 0 15px 50px !important;
          }
          .contact .form-wrap input {
            font-size: 12px;
            min-height: 40px;
          }
          .contact .form-wrap select {
            font-size: 12px;
            min-height: 35px;
            margin-bottom: 0;
          }
          .contact .form-group {
            margin-bottom: 10px;
          }
          /*.contact .container {
            padding: 0;
          }*/
          .contact label {
            font-size: 14px;
          }
          .contact .form-wrap .resort {
            font-size: 14px;
            min-height: 40px;
            padding: 8.5px 0px;
          }
          .contact .form-wrap .about-us {
            font-size: 14px;
            min-height: 40px;
            padding: 9px 0px;
          }
          .contact .form-wrap input[type="submit"] {
            font-size: 15px;
          }

          .form-row{
            display: grid !important;
            flex-wrap: wrap;
            margin-right: -5px;
            margin-left: -5px;
          }

        }


        @media (max-width: 480px) {
          .contact .form-wrap #aboutUs {
            width: 50%;
          }
          .contact .form-wrap .about-us {
            font-size: 13px;
            min-height: 40px;
            padding: 9px 0px;
            width: 50%;
          }
        }

        .form-row{
          display: flex;
          flex-wrap: wrap;
          margin-right: -5px;
          margin-left: -5px;
        }

        .form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: .25rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }
        .form-group {
            margin-bottom: 1rem;
        }

        .form-row>.col, .form-row>[class*=col-] {
            padding-right: 5px;
            padding-left: 5px;
        }

        textarea.form-control {
            height: auto;
        }

        label {
            display: inline-block;
            margin-bottom: .5rem;
        }

        .contact .join-cgh .contact-cgh {
            min-height: 0px !important;
            margin-right: 10px;
        }
        .join-cgh label {
            font-size: 14px;
        }

        .contact .form-wrap input{
            min-height: 48px !important;
        }
        .contact .form-wrap .about-us{
            min-height: 48px !important;
        }
        .contact .form-wrap select{
            min-height: 48px !important;
        }

        .cgh-pro {
                width: 55%;
                height: 54px !important;
            }


        @media (max-width: 480px) {

            .cgh-pro {
                width: 50%;
                height: 48px !important;
            }

            .contact .form-wrap .about-us {
                font-size: 10px;
                min-height: 35px;
                padding: 9px 0px;
                width: 50%;
            }
        }