/*################################################### 
#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) header area here

3) 991px large devices
    1) home-991-------------------]
        1.1-991) header area here

4) 768px medium devices
    1) home-768-------------------]
        1.1-768) header area here

5) 576px small devices
    1) home-576-------------------]
        1.1-576) header 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) header area here
    ***********************/

}

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

}

/*##############################
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;
        line-height: 40px;
    }
    .about-us .about-paragrape {
        text-align: center;
    }
    .about-us .thumb {
        margin-left: 0;
        margin-top: 40px;
    }

    /*********************** 
    1.2-768) different section area here
    ***********************/
    .different .desc {
        padding-left: 15px;
    }

    /*********************** 
    1.2-768) footer section area here
    ***********************/
    .footer .copyright {
        padding: 20px 0px;
        flex-direction: column;
        gap: 10px;
    }
    .footer .copy .foot {
        text-align: center;
    }
    .footer .siteby .foot {
        text-align: center;
    }

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

    /*********************** 
    1.2-768) special offer section area here
    ***********************/
    .special_offer .thumb1 {
        margin-bottom: 30px;
    }



}

/*##############################
Small Layout: ---------
5) 576px small devices
##############################*/
@media screen and (max-width: 576px){
    /*
    1) home-576-------------------]
    */
    /***********************
    1.1-576) header area here
    ***********************/


}

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