/*################################################### 
#START


RESPONSIVE DEVICE
=============================
=============================

1) 1400px devices
    1) home-1400-------------------]
        1.1-1400) header area here

2) 1200 xlarge devices
    1) home-1200-------------------]
        1.1-1200) about us section area here
        1.2-1200) different section area here
        1.3-1200) comfortable section area here
        1.4-1200) special offer section area here
        1.5-1200) footer section area here

    2) promotion-1200-------------------]
        2.1-1200) promotion section area here

    3) contact-us-1200-------------------]
        3.1-1200) contact us area here

    4) room-details-1200-------------------]
        4.1-1200) room details heading area here
        4.2-1200) room details gallery area here
        4.3-1200) room details feature area here

    5) photo-gallery-1200-------------------]
        5.1-1200) photo gallery area here

    6) faq-1200-------------------]
        6.1-1200) faq area here

3) 991px large devices
    1) contact-us-991-------------------]
        1.1-991) contact us area here

    2) room-details-991-------------------]
        2.1-991) room details heading area here
        2.2-991) room details feature area here
        2.3-991) room service area here

    3) accommodation-991-------------------]
        3.1-991) accommodation heading area here
        3.2-991) accommodation body area here
        3.3-991) accommodation facility area here
        3.4-991) accommodation condition area here

    4) hotel policy-991-------------------]
        4.1-991) hotel policy area here

    5) stars-991-------------------]
        5.1-991) stars area here

    6) dining-991-------------------]
        6.1-991) dining heading area here
        6.2-991) special features area here
        6.3-991) dining feature section area here

    7) photo-gallery-991-------------------]
        7.1-991) photo gallery area here

    8) faq-991-------------------]
        8.1-991) faq area here

4) 768px medium devices
    1) home-768-------------------]
        1.1-768) about us area here
        1.2-768) different section area here
        1.3-768) comfortable section area here
        1.4-768) special offer section area here
        1.5-768) footer section area here

    2) dining-768-------------------]
        2.1-768) dining feature section area here

    3) meeting-and-event-768-------------------]
        3.1-768) meeting and event area here
        3.2-768) special feature area here

    4) accommodation-768-------------------]
        4.1-768) accommodation facility area here
        4.2-768) accommodation condition area here

    5) photo-gallery-768-------------------]
        5.1-768) photo gallery area here

5) 576px small devices
    1) promotion-576-------------------]
        1.1-576) promotion section area here

    2) contact-us-576-------------------]
        2.1-576) contact us area here

    3) room-details-576-------------------]
        3.1-576) room details gallery area here
        3.2-576) room details feature area here
        3.3-576) room service area here

    4) photo-gallery-576-------------------]
        4.1-576) photo gallery area here


#theEND
###################################################*/



/*##############################
Extra large: ---------
1) 1400px devices
##############################*/
@media screen and (max-width: 1400px){
    /* 
    1) home-1400-------------------]
    */
    /*********************** 
    1.1-1400) header area here
    ***********************/

}

/*############################## 
Extra large: ---------
2) 1200 xlarge devices
##############################*/
@media screen and (max-width: 1200px){
    /* 
    1) home-1200-------------------]
    */
    /*********************** 
    1.1-1200) about us section area here
    ***********************/
    .about-us {
        padding: 60px 0px 0px 0px;
    }
    .about-us .about-heading-first {
        margin-bottom: 20px;
        font-size: 60px;
        line-height: 60px;
    }
    .about-us .about-heading {
        font-size: 40px;
        line-height: 48px;
    }

    /*********************** 
    1.2-1200) different section area here
    ***********************/
    .different {
        padding-top: 60px;
    }
    .different .heading_title {
        margin-bottom: 30px;
    }
    .different .hedline {
        font-size: 40px;
        line-height: 48px !important;
    }

    /*********************** 
    1.3-1200) comfortable section area here
    ***********************/
    .comfortable {
        padding-top: 40px;
    }
    .comfortable .heading_title {
        margin-bottom: 0px;
    }
    .comfortable .hedline {
        font-size: 40px;
        line-height: 48px !important;
    }

    /*********************** 
    1.4-1200) special offer section area here
    ***********************/
    .special_offer {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .special_offer .heading_title {
        margin-bottom: 30px;
    }
    .special_offer .hedline {
        font-size: 40px;
        line-height: 48px !important;
    }

    /*********************** 
    1.5-1200) footer section area here
    ***********************/
    .footer .footer_items {
        gap: 20px;
    }
    .footer .footer_item1 .footer_logo {
        margin-bottom: 20px;
    }
    .footer .footer_item1 .footer_logo img {
        max-width: 160px;
    }
    .footer .footer_item1 .follow_us {
        font-size: 30px;
    }
    .footer .footer_item2 .address {
        gap: 6px;
    }
    .footer .footer_item2 .address span {
        font-size: 16px;
    }
    .footer .footer_item2 .address h3 {
        font-size: 16px;
        line-height: 24px;
    }
    .footer .footer_item3 .pagelink h3 a {
        font-size: 16px;
    }

    /* 
    2) promotion-1200-------------------]
    */
    /*********************** 
    2.1-1200) promotion section area here
    ***********************/
    .promotional_offer {
        padding: 100px 0px 60px;
    }
    .promotional_offer .content .left h3, 
    .promotional_offer .content .right h3 {
        margin: 0px 0px 30px;
        font-size: 36px;
        line-height: 44px;
        padding-bottom: 0px;
    }

    /* 
    3) contact-us-1200-------------------]
    */
    /*********************** 
    3.1-1200) contact us area here
    ***********************/
    .contact_us {
        padding: 100px 10px 60px;
    }
    .contact_form {
        gap: 30px;
    }
    .contact_us .contact_heading p {
        font-size: 20px;
        line-height: 30px;
    }

    /* 
    4) room-details-1200-------------------]
    */
    /*********************** 
    4.1-1200) room details heading area here
    ***********************/
    .room_details_heading .content p {
        font-size: 20px;
        line-height: 28px;
    }

    /*********************** 
    4.2-1200) room details gallery area here
    ***********************/
    .room_details_gallery .carousel {
        padding: 20px 60px;
    }
    .room_details_gallery .carousel button {
        width: 30px;
        height: 30px;
        transform: translate(0px, -15px);
        -webkit-transform: translate(0px, -15px);
        -moz-transform: translate(0px, -15px);
        -ms-transform: translate(0px, -15px);
        -o-transform: translate(0px, -15px);
    }
    .room_details_gallery .carousel .carousel-control-prev {
        left: 15px;
    }
    .room_details_gallery .carousel .carousel-control-next {
        right: 15px;
    }

    /*********************** 
    4.3-1200) room details feature area here
    ***********************/
    .room_details_feature {
        padding: 60px 10px 60px;
    }
    .room_details_feature .heading {
        margin-bottom: 30px;
    }
    .room_service .content .heading {
        margin: 0px 0px 30px;
    }

    /* 
    5) photo-gallery-1200-------------------]
    */
    /*********************** 
    5.1-1200) photo gallery area here
    ***********************/
    .photo_gallery .reactionPhoto {
        gap: 20px;
    }
    .photo_gallery .reactionItem .thumb {
        height: 250px;
    }

    /* 
    6) faq-1200-------------------]
    */
    /*********************** 
    6.1-1200) faq area here
    ***********************/
    .faq {
        padding: 100px 10px 60px;
    }


}

/*##############################
large layout:  --------- 
3) 991px large devices
##############################*/
@media screen and (max-width: 991px){
    /* 
    1) contact-us-991-------------------]
    */
    /*********************** 
    1.1-991) contact us area here
    ***********************/
    .contact_us .contact_heading {
        margin-bottom: 30px;
    }
    .contact_us .contact_heading a {
        font-size: 36px;
    }
    .contact_us .contact_heading p {
        font-size: 18px;
        line-height: 26px;
    }
    .contact_form {
        gap: 40px;
        flex-direction: column;
    }
    .contact_form .contact_item_left {
        width: 100%;
    }
    .contact_item_right {
        width: 100%;
    }

    /* 
    2) room-details-991-------------------]
    */
    /*********************** 
    2.1-991) room details heading area here
    ***********************/
    .room_details_heading .content h3 {
        font-size: 36px;
    }
    .room_details_heading .content p {
        font-size: 18px;
        line-height: 26px;
    }
    
    /*********************** 
    2.2-991) room details feature area here
    ***********************/
    .room_details_feature .heading h3 {
        font-size: 30px;
        line-height: 36px;
    }
    
    /*********************** 
    2.3-991) room service area here
    ***********************/
    .room_service .content .heading {
        font-size: 30px;
        line-height: 36px;
    }

    /* 
    3) accommodation-991-------------------]
    */
    /*********************** 
    3.1-991) accommodation heading area here
    ***********************/
    .accommodation_heading h3 {
        font-size: 36px;
    }
    .accommodation_heading p {
        font-size: 18px;
        line-height: 28px;
    }

    /*********************** 
    3.2-991) accommodation body area here
    ***********************/
    .accommodation_body {
        padding: 0px 10px 60px;
    }
    .accommodation_body .accommodationCard {
        width: 90%;
    }
    .accommodation_body .accommodation_items {
        grid-template-columns: repeat(1, 1fr);
    }

    /*********************** 
    3.3-991) accommodation facility area here
    ***********************/
    .accommodation_facility {
        padding: 0px 10px 60px;
    }

    /*********************** 
    3.4-991) accommodation condition area here
    ***********************/
    .accommodation_conditions {
        padding: 0px 10px 60px;
    }

    /* 
    4) hotel policy-991-------------------]
    */
    /*********************** 
    4.1-991) hotel policy area here
    ***********************/
    .hotel_policy {
        padding: 80px 10px 60px;
    }
    .hotel_policy .heading h2 {
        font-size: 36px;
        line-height: 42px;
    }
    .hotel_policy .heading p {
        font-size: 18px;
        line-height: 26px;
    }
    .policy_lists .list .title {
        font-size: 30px;
        line-height: 36px;
    }

    /* 
    5) stars-991-------------------]
    */
    /*********************** 
    5.1-991) stars area here
    ***********************/
    .stars {
        padding: 80px 10px 60px;
    }
    .stars .heading h3 {
        font-size: 36px;
    }
    .stars .heading {
        margin-bottom: 30px;
    }
    .stars_content {
        grid-template-columns: auto;
        gap: 40px;
    }
    .stars_content .left .loyaltyItem h3 {
        font-size: 30px;
    }
    .stars_content .left .loyaltyItem h5 {
        margin: 20px 0px 0px;
    }
    .stars_content .left .loyaltyItem ul li {
        font-size: 16px;
        line-height: 26px;
    }

    /* 
    6) dining-991-------------------]
    */
    /*********************** 
    6.1-991) dining heading area here
    ***********************/
    .dining_heading {
        padding: 80px 10px 0px;
    }
    .dining_heading .heading h3 {
        font-size: 36px;
    }
    .dining_heading .heading p {
        font-size: 18px;
        line-height: 28px;
    }

    /*********************** 
    6.2-991) special features area here
    ***********************/
    .special_features {
        padding: 60px 10px 0px;
    }
    .special_features .heading h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .special_features_lists {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin-top: 30px;
    }
    .special_features_lists .feature-card {
        padding: 20px;
    }
    .special_features_lists .feature-card h6 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .special_features_lists .feature-card h4 {
        font-size: 16px;
        line-height: 24px;
    }

    /*********************** 
    6.3-991) dining feature section area here
    ***********************/
    .dining_feature {
        padding: 60px 10px 60px;
    }

    /* 
    7) photo-gallery-991-------------------]
    */
    /*********************** 
    7.1-991) photo gallery area here
    ***********************/
    .photo_gallery {
        padding: 80px 10px 60px;
    }
    .photo_gallery .heading h3 {
        font-size: 36px;
    }
    
    /* 
    8) faq-991-------------------]
    */
    /*********************** 
    8.1-991) faq area here
    ***********************/
    .faq_wrap .heading h3 {
        font-size: 36px;
    }
    .overlay-content a {
        padding: 10px 8px 2px 8px;
    }

}

/*##############################
Medium Layout: ---------
4) 768px medium devices
##############################*/
@media screen and (max-width: 768px){
    /* 
    1) home-768-------------------]
    */
    /*********************** 
    1.1-768) about us area here
    ***********************/
    .about-us .about-heading-first {
        text-align: center;
    }
    .about-us .about-heading {
        text-align: center;
        font-size: 36px;
        line-height: 42px;
    }
    .about-us .about-paragrape {
        text-align: center;
    }
    .about-us .thumb {
        margin-left: 0;
        margin-top: 40px;
    }

    /*********************** 
    1.2-768) different section area here
    ***********************/
    .different .hedline {
        font-size: 36px;
        line-height: 42px !important;
    }
    .different .desc {
        padding-left: 15px;
    }

    /*********************** 
    1.3-768) comfortable section area here
    ***********************/
    .comfortable .hedline {
        font-size: 36px;
        line-height: 42px !important;
    }

    /*********************** 
    1.4-768) special offer section area here
    ***********************/
    .special_offer .hedline {
        font-size: 36px;
        line-height: 42px !important;
    }
    .special_offer .thumb1 {
        margin-bottom: 30px;
    }

    /*********************** 
    1.5-768) footer section area here
    ***********************/
    .footer .footer_inner {
        padding: 60px 0px 40px;
    }
    .footer .footer_items {
        grid-template-columns: auto;
        gap: 40px;
    }
    .footer .footer_item {
        text-align: center;
    }
    .footer .footer_item1 .footerItem {
        gap: 20px;
        justify-content: center;
    }
    .footer .footer_item2 .address {
        gap: 6px;
        justify-content: center;
    }
    .footer .footer_item2 .address span {
        display: none;
    }
    .footer .copyright {
        padding: 20px 0px;
        flex-direction: column;
        gap: 10px;
    }
    .footer .copy .foot {
        text-align: center;
    }
    .footer .siteby .foot {
        text-align: center;
    }

    /* 
    2) dining-768-------------------]
    */
    /*********************** 
    2.1-768) dining feature section area here
    ***********************/
    .dining_feature .item .content h3 {
        font-size: 30px;
    }
    .dining_feature .item {
        grid-template-columns: auto;
    }

    /* 
    3) meeting-and-event-768-------------------]
    */
    /*********************** 
    3.1-768) meeting and event area here
    ***********************/
    .meeting_event .inner {
        text-align: center;
    }
    .meeting_event .diningHeading {
        font-size: 36px;
    }
    .meeting_event .diningHeading::after {
        width: 150px;
        left: 50%;
        transform: translate(-75px, 0px);
        -webkit-transform: translate(-75px, 0px);
        -moz-transform: translate(-75px, 0px);
        -ms-transform: translate(-75px, 0px);
        -o-transform: translate(-75px, 0px);
    }
    .meeting_event .diningHeading:hover::after {
        width: 100%;
        left: 0px;
        transform: translate(0px, 0px);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
    }
    .meeting_event .content h3 {
        font-size: 36px;
        line-height: 44px;
    }
    .meeting_event .content p {
        font-size: 18px;
        line-height: 26px;
    }

    /*********************** 
    3.2-768) special feature area here
    ***********************/
    .special_feature .items {
        grid-template-columns: auto;
        gap: 30px;
    }
    .special_feature .content h3 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 30px;
    }
    .special_feature .items .item_card {
        padding: 20px;
    }

    /* 
    4) accommodation-768-------------------]
    */
    /*********************** 
    4.1-768) accommodation facility area here
    ***********************/
    .accommodation_facility .facility_heading h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .accommodation_facility .accumutionItme {
        grid-template-columns: repeat(1, 1fr);
    }
    .accommodation_facility .accumutionItme ul {
        padding-left: 0px;
    }

    /*********************** 
    4.2-768) accommodation condition area here
    ***********************/
    .accommodation_conditions .heading h2 {
        font-size: 30px;
        line-height: 36px;
    }

    /* 
    5) photo-gallery-768-------------------]
    */
    /*********************** 
    5.1-768) photo gallery area here
    ***********************/
    .photo_gallery .reactionPhoto {
        grid-template-columns: repeat(2, 1fr);
    }


}

/*##############################
Small Layout: ---------
5) 576px small devices
##############################*/
@media screen and (max-width: 576px){
    /*
    1) promotion-576-------------------]
    */
    /***********************
    1.1-576) promotion section area here
    ***********************/
    .promotional_offer {
        padding: 100px 15px 60px;
    }
    .promotional_offer .content {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }

    /*
    2) contact-us-576-------------------]
    */
    /***********************
    2.1-576) contact us area here
    ***********************/
    .contact_item_left form .form_row .row1 {
        flex-direction: column;
    }
    .contact_item_right .address .content .contactHeading {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .contact_item_right .address .content .contactDescription p {
        font-size: 16px;
        line-height: 24px;
    }

    /*
    3) room-details-576-------------------]
    */
    /***********************
    3.1-576) room details gallery area here
    ***********************/
    .room_details_gallery .carousel {
        padding: 20px;
    }
    .room_details_gallery .carousel-item {
        height: 400px !important;
    }
    .room_details_gallery .carousel button {
        display: none;
    }

    /***********************
    3.2-576) room details feature area here
    ***********************/
    .room_details_feature .feature_lists {
        flex-direction: column;
    }
    .room_details_feature .feature_lists .list .title {
        font-size: 20px;
        margin-bottom: 6px;
    }
    .room_details_feature .feature_lists .list h6 {
        font-size: 16px;
        line-height: 22px;
    }
    .room_details_feature .price-row h3 {
        font-size: 16px !important;
        line-height: 22px;
    }
    .room_details_feature .feature_lists .book_now {
        margin-top: 20px;
    }

    /***********************
    3.3-576) room service area here
    ***********************/
    .room_service .roomServiceItem {
        flex-direction: column;
        gap: 20px;
    }
    .room_service .roomServiceItem .item {
        padding: 20px;
    }
    .room_service .roomServiceItem .item .roomServiceItemIcon {
        margin-bottom: 10px;
    }

    /*
    4) photo-gallery-576-------------------]
    */
    /***********************
    4.1-576) photo gallery area here
    ***********************/
    .photo_gallery .reactionPhoto {
        grid-template-columns: repeat(1, 1fr);
    }
    .photo_gallery .reactionItem .thumb {
        height: 220px;
    }

}

/*########################
#theEndRESPONSIVE########################
########################*/