@media only screen and (max-width: 1024px) {

.pea_logo {
    margin-top: -14%;
}


.header_icon {    
	padding: 4% 0 0 0px;
    width: 11px;
}
.pea_address {
font-size:10px; 
 padding: 0 0 0 0px;
}
.calender_icon {
    margin: -19% -7% 0 0;
}
.k2t-search-booking .k2t-booking-form .k2t-btn-editbooking {
    width: 32%;
}
.about_img {
    margin-top: 12%;
}
.about_head {
    font-size: 22px;
}
.about_desc {
    font-size: 14px;
}
.service_icon {
    margin-top: 34%;
}
.service_head {
    margin-top: 35%;
	font-size: 16px;
}
.item {
    margin-top: 22%;
}
.hovereffect a.info {
    padding: 41% 100px;
}
#rooms {
    width: 100%;
    background: url(../images/rooms_bg.png) no-repeat;
    height: 470px;
    background-size: cover;
    text-align: center;
    padding: 5% 0 0 0;
}
.price {
    margin-top: -17%;
}
.social_icon {
    width: 11%;
}
.contact_icon {
    margin-top: 4%;
}
.contact_text {
    margin-top: -5%;
    padding-left: 8%;
}



/*rooms inner page responsive starts */

.banner {
    height: 300px;
    margin-top: 12%;
    background-size: contain;
}
.room_img {    
	width: 118%;
    height: 235px;
}

.room {
    margin-left: 6%;
}
span.rooms_line {
    margin-left: 6%;
}
.rooms_desc {
    font-size: 13px;
    margin-left: 7%;
}




.fd_item {
    width: 116%;
    margin-top: 11%;
    height: 160px;
}
#room_details {
    margin: 0% 0 0 0;
}
.restuarant_head {
    margin-left: 6%;
}
.restuarant_desc {
    margin-left: 6%;
}
.cost {
    margin-left: 6%;
	margin-top: 3%;
}
/*rooms inner page responsive ends */




}


@media only screen and (max-width: 768px) {
.head_social {
    float: right;
    width: 48%;
    display: block;
    margin: 0px 0% 0 0;
}
.pea_logo {
    margin-top: -10%;
}
.nav-collapse a {
    font-size: 11px;
}
.header_icon {
    padding: 4% 0 0 10px;
    width: 9%;
}
.pea_address {
    float: left;
    margin-top: 4%;
    width: 36%;
}
.booknow {
    margin-top: 0%;
    height: 125px;
    z-index: 99999;
}
.calender_icon {
    margin: -27% -7% 0 0;
}
.about_img {
    margin-top: 2%;
}
#ui-datepicker-div {
    font-size: 11.7px;
    width: 27.7%;
    margin-top: 0%;
}
.k2t-cal-colf {
    width: 47.428%;
}
.k2t-cal-cols {
    width: 51.719%;
}
.k2t-cal-cols .k2t-step1-span {
    width: 28.58%;
}
.k2t-cal-cols .k2t-select-people {
    margin-left: 6px;
    width: 35.58%;
}
section {
    height: 300px;
    width: 100%;
}
#about {
    background-color: #dcfbff;
    width: 100%;
    height: auto;
}
.service_icon {
    margin-top: 10%;
}
.service_head {
    margin-top: 0%;
    font-size: 18px;
        padding: 17px 0 0 2px;
}
.service_desc {
    font-size: 15px;
    margin: -6% 0 0 0%;
}
span.left {
    margin-top: 8%;
}
#rooms {
    background-size: cover;
    height: 1020px;
	
}
.hovereffect {
    margin: 0px 0 0 42%;
}
.view_more {
    width: 14%;
}
.item {
	margin-top:0%;
    width: 38%;
    float: left;
}
#contact {
    padding: 0px;
    margin-top: 54%;
}
.price {
    margin-top: -12%;
}
.address_box {
    margin-top: 9%;
}
span.contact {
    margin-top: 2%;
    width: 8%;
    padding: 4%;
}
.contact_text {
    margin-top: -3%;
    padding-left: 6%;
}
.contact_icon {
    margin-top: 3%;
}
.social_icon {
	width: 6%;
    margin-top: 6%;
}
.foot_left {
    margin-top: 3%;
}
.foot_right {
    margin-top: 3%;
}




/*rooms inner page responsive starts */
.banner {
    height: 222px;
    margin-top: 16%;
    background-size: contain;
}

.room_img {
    width: 100%;
    height: 235px;
}
.room {
    margin-left: 0%;
    margin-top: 2%;
}
span.rooms_line {
    margin-left: 0%;
}
.rooms_desc {
    font-size: 13px;
    margin-left: 0%;
}




.fd_item {
    width: 60%;
    margin-top: 0%;
    height: 250px;
}

.restuarant_head {
    margin-left: 0%;
}
.restuarant_desc {
    margin-left: 0%;
}
.cost {
    margin-left: 0%;
	margin-top: 3%;
}


/*rooms inner page responsive ends */

.media__image {
    display: block;
    width: 100%;
    margin: -1% 0 10% 0;
}


}

@media only screen and (max-width: 736px) {	

.head_social {
    float: right;
    width: 40%;
    display: block;
    margin-right: 0%;
}
.pea_logo {
    margin-top: -5%;
}
.nav-collapse a {
    font-size: 11px;
}
.header_icon {
    padding: 2% 0 0 1px;
    width: 7%;
}
.pea_address {
    float: left;
    margin-top: 3%;
    width: 43%;
}

.booknow {
    margin-top: 0%;
    height: 125px;
    z-index: 99999;
}
.calender_icon {
    margin: -27% -7% 0 0;
}
#ui-datepicker-div {
    font-size: 11.7px;
    width: 22.7%;
    margin-top: 10%;
}
section {
    height: 300px;
    width: 100%;
}
#about {
    background-color: #dcfbff;
    width: 100%;
    height: auto;
}
.service_icon {
    margin-top: 10%;
}
.service_head {
    margin-top: 0%;
    font-size: 18px;
        padding: 17px 0 0 2px;
}
.service_desc {
    font-size: 15px;
    margin: -6% 0 0 0%;
}
span.left {
    margin-top: 8%;
}
#rooms {
    background-size: cover;
    height: 1030px;
}
.hovereffect {
    margin: 0px 0 0 37%;
}
.view_more {
    width: 14%;
}
.item {
	margin-top:0%;
    width: 38%;
    float: left;
}
#contact {
    padding: 0px;
    margin-top: 54%;
}
.address_box {
    margin-top: 8%;
}
span.contact {
    margin-top: 2%;
    width: 8%;
    padding: 4%;
}
.contact_text {
    margin-top: -3%;
    padding-left: 6%;
}
.contact_icon {
    margin-top: 3%;
}
.social_icon {
	width: 6%;
    margin-top: 6%;
}
.foot_left {
    margin-top: 3%;
}
.foot_right {
    margin-top: 3%;
}



/*rooms inner page responsive starts */
.room_img {
    width: 95%;
    height: 235px;
}

/*rooms inner page responsive ends */



}





@media only screen and (max-width: 667px) {	

.head_social {
    float: right;
    width: 47%;
    display: block;
}
.header_icon {
    padding: 2% 0 0 1px;
    width: 8%;
}
.pea_address {
    float: left;
    margin-top: 4%;
    width: 42%;
}
.js .nav-collapse.closed {
    max-height: none;
    margin-top: -13%;
}
.nav-collapse a {
    font-size: 10px;
}
#ui-datepicker-div {
    font-size: 11.7px;
    width: 25.7%;
    margin-top: 0%;
}
#rooms {
    background-size: cover;
    height: 1030px;
}
.view_more {
    width: 16%;
    margin-top: 3%;
}
#homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-step1-select, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkin, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkout {
    border: none;
    font-size: 14px;
    padding: 0 0 0 10px;
}
.k2t-cal-cols .k2t-select-people {
    margin-left: 7px;
	width: 34.58%;
}
.about_img {
    margin-top: 5%;
}
.hovereffect {
    margin: 0px 0 0 28%;
}
.view_more {
    width: 16%;
}
.item {
    margin-top: 0%;
    width: 42%;
    float: left;
}
.calender_icon {
    margin: -31% -7% 0 0;
}

span.left {
    margin-top: 9%;
}
span.contact {
    margin-top: 2%;
    width: 8%;
    padding: 5%;
}
span.underline {
    border-bottom: 1px solid #2c8767;
    width: 13%;
    margin-top: 3%;
}

/*rooms inner page responsive starts */

.banner {
    height: 200px;
    margin-top: 19%;
    background-size: contain;
}

/*rooms inner page responsive ends */


}



@media only screen and (max-width: 600px) {	

.pea_logo {
    margin-top: -6%;
}
.head_social {
    float: right;
    width: 54%;
    display: block;
}
.service_icon {
    width: 24%;
    margin-top: 10%;
}
.service_head {
    text-align: start;
    margin-top: 0%;
    font-size: 18px;
    padding: 17px 0 0 2px;
}
.booknow {
    margin-top: 0%;
    height: 125px;
    z-index: 99999;
}
.service_desc {
    text-align: start;
    font-size: 15px;
    margin: -6% 0 0 0%;
}
.nav-toggle {
    width: 49px;
    margin-top: -15%;
}
.k2t-cal-colf {
    width: 47.428%;
}
.k2t-cal-colf span {
    width: 48.155%;
}
#homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-step1-select, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkin, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkout {
    border: none;
    font-size: 13px;
	    padding: 0 0 0 6px;
}
.calender_icon {
    margin: -39% -7% 0 0;
}
.k2t-search-booking .k2t-booking-form .k2t-btn-editbooking {
    width: 32%;
    margin-right: 0%; 
}

.k2t-cal-cols .k2t-select-people {
    margin-left: 8px;
    width: 34.58%;
}
.k2t-search-booking .k2t-booking-form .k2t-btn-editbooking {
    font-size: 11px;
    padding: 2px 0 0 0px;
}
#rooms {
    background-size: cover;
    height: 1050px;
}
#ui-datepicker-div {
    font-size: 11.7px;
    width: 29.7%;
    margin-top: 0%;
}
.view_more {
    width: 18%;
    margin-top: 4%;
}
.hovereffect {
    margin: 0px 0 0 19%;
}
span.left {
    margin-top: 10%;
}
.view_more {
    width: 18%;
}
.item {
    margin-top: 0%;
    width: 56%;
    float: left;
}
.foot_left {
    margin-top: 4%;
}

.foot_right {
    margin-top: 4%;
}


/*rooms inner page responsive starts */
.banner {
    height: 175px;
    margin-top: 21%;
    background-size: contain;
}
.room_img {
	width: 98%;
    height: 235px;
}


.fd_item {
    width: 70%;
    margin-top: 0%;
    height: 250px;
}

.rooms_desc {
    font-size: 12px;
    margin-left: 3%;
}

/*rooms inner page responsive ends */


}






@media only screen and (max-width:414px){

.pea_logo {
    margin-top: -9%;
}
.nav-toggle {
    width: 49px;
    margin-top: -21%;
}
.head_social {
    float: right;
    width: 77%;
    display: block;
}
.k2t-cal-colf {
    width: 97.428%;
}
.service_icon {
    margin-top: 10%;
    width: 24%;
}
.service_desc {
    font-size: 15px;
    text-align: start;
    margin: -6% 0 0 0%;
}
.service_head {
    margin-top: 0%;
    text-align: start;
    font-size: 18px;
    padding: 17px 0 0 2px;
}
#rooms {
    background-size: cover;
    height: 962px;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    font-size: 14px;
}
.cbp-l-filters-button .cbp-filter-item {
    font-size: 14px;
    padding: 0 15px;
}
.calender_icon {
    margin: -31% -7% 0 0;
}
#ui-datepicker-div {
    font-size: 11.7px;
    width: 50.7%;
    margin-top: 0%;
}
#homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-step1-select, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkin, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkout {
    border: none;
    font-size: 13px;
    padding: 0 0 0 15px;
}
.k2t-cal-cols {
    width: 102.719%;
}
.booknow {
    height: 166px;
    z-index: 99999;
}
span.underline {
    border-bottom: 1px solid #2c8767;
    width: 13%;
    margin-top: 7%;
}
.hovereffect {
    margin: 0px 0 0 0%;
}
.view_more {
    width: 27%;
	    margin-top: 5%;
}
.item {
    margin-top: 0%;
    width: 100%;
    float: left;
}
.cbp-l-filters-button .cbp-filter-item {
    margin: 0 0px 10px 0;
    padding: 0 12px;
}
span.contact {
    margin-top: 2%;
    width: 8%;
    padding: 7%;
}
.contact_text {
    margin-top: -5%;
    padding-left: 8%;
}
.address_box {
    margin-top: 16%;
}
#contact {
    padding: 0px;
    margin-top: 95%;
}
.social_icon {
    width: 11%;
    margin-top: 6%;
}
#contact button[type="submit"] {
    width: 21%;
}
.foot_left {
	font-size:14px;
    margin-top: 6%;
}
.foot_right {
	font-size:13px;
    margin-top: 6%;
}

/*rooms inner page responsive starts */

.banner {
    height: 120px;
    margin-top: 32%;
    background-size: contain;
}
.room_img {
    width: 100%;
    height: 235px;
}



.fd_item {
    width: 100%;
    margin-top: 0%;
    height: 250px;
}



.media__body h2 {
    margin-top: -6%;
    font-size: 15px;
}
.media__body p {
    margin-bottom: 1.5em;
    font-size: 11px;
}
.media:first-child {
    margin-top: 0;
    margin-bottom: 10%;
}
.txt {
    font-size: 14px;
}


/*rooms inner page responsive ends */





}





@media only screen and (max-width:384px){

.pea_logo {
    margin-top: -10%;
}
.nav-toggle {
    width: 49px;
    margin-top: -23%;
}
.head_social {
    float: right;
    width: 100%;
    display: block;
}
.top {
    height: 60px;
}
.service_icon {
    width: 24%;
    margin-top: 10%;
}
.service_head {
    margin-top: 0%;
    text-align: start;
    font-size: 18px;
    padding: 17px 0 0 2px;
}
.service_desc {
    text-align: start;
    font-size: 15px;
    margin: -6% 0 0 0%;
}
span.underline {
    border-bottom: 1px solid #2c8767;
    width: 24%;
    margin-top: 8%;
}
.cbp-l-filters-button .cbp-filter-item {
    margin: 0 0px 10px 0;
    padding: 0 8px;
}
.cbp-l-filters-button .cbp-filter-item {
    background-color: #fff;
    color: #4c1a1d;
    cursor: pointer;
    font-family: 'roboto',sans-serif;
    text-transform: capitalize;
    margin: 0 10px 10px 0;
    overflow: visible;
    font-size: 13px;
    padding: 0 10px;
    position: relative;
    display: inline-block;
    -webkit-transition: color .3s ease-in-out , background-color .3s ease-in-out , border-color .3s ease-in-out;
    transition: color .3s ease-in-out , background-color .3s ease-in-out , border-color .3s ease-in-out;
}
#rooms {
    background-size: cover;
    height: 900px;
}
span.contact {
    margin-top: 2%;
    width: 8%;
    padding: 8%;
}
.foot_right {
    font-size: 13px;
    margin-top: 7%;
}
.foot_left {
    font-size: 13px;
    margin-top: 7%;
}



/*rooms inner page responsive starts */
.banner {
    height: 110px;
    margin-top: 34%;
    background-size: contain;
}
/*rooms inner page responsive ends */

.media__body h2 {
    margin-top: -7%;
    font-size: 15px;
}
.media__body p {
    margin-bottom: 1.5em;
    font-size: 11px;
}
.media:first-child {
    margin-top: 0;
    margin-bottom: 10%;
}
.txt {
    font-size: 14px;
}
}




@media only screen and (max-width:375px){

.view_more {
    width: 29%;
}
.pea_address {
    font-size: 9px;
    padding: 0 0 0 0px;
}
.top {
    height: 45px;
}
/* .cbp-l-filters-button .cbp-filter-item {
    margin: 0 0px 10px 0;
    padding: 0 13px;
} */
.nav-collapse, .nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
    background: #fff;
}
.social_icon {
    width: 13%;
    margin-top: 6%;
}
.head_social {
    float: left;
    width: 100%;
    display: block;
}
.pea_logo {
    margin-top: -5%;
    width: 26%;
}
#banner {
    width: 100%;
    height: auto;
    margin-top: 33%;
}
#about {
    background-color: #dcfbff;
    width: 100%;
    height: 1610px;
}
.booknow {
	
    margin-top: 0%;
    height: 190px;
    z-index: 99999;
}
#rooms {
    background-size: cover;
    height: 1522px;
}
#gallery {
    margin-top: 10%;
}

#testimonial {
    margin-top: 6%;
}
span.underline {
    margin-top: 11%;
}
span.middle{
	text-align: center;
    display: -webkit-inline-box;
    margin-top: 1%;
}
.bx-wrapper {
    margin: 17px auto;

}
span.contact {
    margin-top: 2%;
    width: 20%;
    padding: 7%;
}
span.underline {
    margin-top: 14%;
	line-height: 1;
}
span.middle {
    margin-top: 1%;
    border-bottom: 1px solid #2c8767;
    width: 25%;
}
#contact button[type="submit"] {
    width: 24%;
}
.service_icon {
    width: 0%;
    margin-top: 10%;
}
.about_desc {
    font-size: 14px;
	line-height: 1.4;
}
.service_head {
    margin-top: 0%;
    font-size: 18px;
    text-align: start;
    padding: 17px 0 0 30%;
}
.service_desc {
    text-align: start;
    font-size: 15px;
    margin: -6% 0 0 30%;
}
.foot_right {
    font-size: 12px;
    margin-top: 8%;
}
.foot_left {
    font-size: 13px;
    margin-top: 8%;
}



/*rooms inner page responsive starts */

.banner {
    height: 110px;
    margin-top: 35%;
    background-size: contain;
}


.fd_item {
    width: 100%;
    margin-top: 0%;
    height: 190px;
}


.media__body h2 {
    margin-top: -8%;
    font-size: 15px;
}
.media__body p {
    margin-bottom: 1.5em;
    font-size: 11px;
}
.media:first-child {
    margin-top: 0;
    margin-bottom: 10%;
}
.txt {
    font-size: 14px;
}

/*rooms inner page responsive ends */


}










@media only screen and (max-width: 320px) {

.pea_logo {
    margin-top: -5%;
    width: 30%;
}
.booknow {
	
    margin-top: 0%;
    height: 190px;
    z-index: 99999;
}
.nav-collapse, .nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
    background: #fff;
}
.k2t-cal-cols .k2t-select-people {
    margin-left: 8px;
    width: 32.58%;
}
.about_desc {
    font-size: 14px;
    line-height: 1.5;
}
.head_social {
    float: left;
    width: 100%;
    display: block;
}
#about {
    background-color: #dcfbff;
    width: 100%;
	height: 1860px;
}
#banner {
    width: 100%;
    height: auto;
    margin-top: 38%;
}
section {
    height: 200px;
    width: 100%;
}
.nav-toggle {
    width: 49px;
    margin-top: -30%;
}
.k2t-search-booking .k2t-booking-form .k2t-btn-editbooking {
    width: 37%;
    margin-right: -4%;
}
.k2t-cal-colf {
    width: 100.428%;
}
#ui-datepicker-div {
    font-size: 11.7px;
    width: 60.7%;
    margin-top: 0%;
}
#homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-step1-select, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkin, #homepage1-search-booking.k2t-search-booking .k2t-booking-form .k2t-select-checkout {
    border: none;
    font-size: 13px;
    padding: 0 0 0 7px;
}
.k2t-cal-cols .k2t-step1-span {
    width: 28.58%;
}
.calender_icon {
    margin: -34% -7% 0 0;
}
.service_desc {
    font-size: 12px;
    margin: -7% 0 0 31%;
    text-align: start;
}
span.underline {
    border-bottom: 1px solid #2c8767;
    width: 24%;
    margin-top: 15%;
}
span.middle {
    margin-top: 1%;
    border-bottom: 1px solid #2c8767;
    width: 22%;
}
.service_icon {
    width: 0%;
    margin-top: 10%;
}
#testimonial {
    margin-top: 7%;
}
.service_head {
    margin-top: 0%;
    font-size: 15px;
    text-align: start;
    padding: 20px 0 0 31%;
}
.bx-wrapper {
    margin: 16px auto;
}
.price {
    margin-top: -19%;;
}
.hovereffect a.info {
    padding: 42% 100px;
}
.view_more {
    width: 35%;
	margin-top: 6%;
}
.cbp-l-filters-button .cbp-filter-item {
    margin: 0 0px 10px 0;
    padding: 0 21px;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    padding-top: 9px;
}
#rooms {
    background-size: cover;
    height: 810px;
}
span.contact {
	margin-top: 3%;
    width: 24%;
    padding: 14% 0 0 0;
}
.restuarant_head {
    margin-top: 71%;
}
.address_box {
    margin-top: 28%;
}
.contact_text {
    margin-top: -7%;
    padding-left: 11%;
}
#contact {
    padding: 0px;
    margin-top: 123%;
}
.social {
    width: 100%;
    margin: 0 0 0 -6%;
}
.social_icon {
    width: 16%;
    margin-top: 6%;
}
#contact button[type="submit"] {
    width: 30%;
}
.foot_left {
    font-size: 10px;
    margin-top: 8%;
}
.foot_right {
    font-size: 10px;
    margin-top: 8%;
}

/*rooms inner page responsive starts */

.room_img {
    width: 100%;
    height: 160px;
}
.banner {
    height: 92px;
    margin-top: 41%;
    background-size: contain;
}

.spacing {
    margin-top: 15%;
}
.media__body h2 {
    margin-top: -8%;
    font-size: 15px;
}
.media__body p {
    margin-bottom: 1.5em;
    font-size: 11px;
}
.media:first-child {
    margin-top: 0;
    margin-bottom: 10%;
}
.txt {
    font-size: 14px;
}
/*rooms inner page responsive ends */

}