@charset "utf-8";

/* Create by kaushik */
@media only screen and (max-width: 2560px) {
    
}

@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1366px) {
    .client_inner_box .owl-prev {
        left: -135px;
    }
    .client_inner_box .owl-next {
        right: -135px;
    }
    .welcome_text {
        top:120px;
    }
}

@media only screen and (max-width: 1280px) {
}


@media only screen and (max-width: 1200px) {
    
}


@media only screen and (max-width: 1024px) {
    .stay_with_us {
        padding: 7px 13px;
        margin-right: 7px;
    }
    .room_book {
        margin: -75px 0 50px;
        padding: 25px 10px;
    }
    .about_us {
      padding: 0 0px 50px;
    }
    .room_type {
        font-size: 16px;
    }
    .room_hover_open {
        padding: 22% 10% 0;
    }
    .booking_form.clearfix > li:nth-child(4n) {
      width: 27%;
    }
    .reservation_form {
        width:100%;
    }
}

@media screen and (max-width: 960px) {
    .container {
        width:96%;
    }
    .booking_form.clearfix > li:nth-child(4n) {
      width: 25%;
    }
    
}

@media screen and (max-width: 959px) {
    
}

@media screen and (max-width: 800px) {
    .hot_links {
      padding: 0px 0 0 30px;
    }
    .stay_with_us {
      display: inline-block;
      margin-bottom: 9px;
      margin-right: 7px;
      padding: 7px 13px;
    }
    .stay_connected {
      padding: 0 30px 0 0;
    }
    .hot_links {
      margin-top: -7px;
    }
    .booking_form li:nth-child(1), .booking_form li:nth-child(2) {
      width: 50%;
    }
    .booking_form.clearfix > li:nth-child(4) {
      width: 50%;
    }
     .booking_form li:last-child {
         width:100%;
     }
    .booking_form li {
        padding:0 8px;
        width:50%;
        margin-bottom:15px;
    }
    .booking_form li input, .booking_form li .select_100 {
        width:95%;
    }
    .booking_form > li:nth-child(3)::after {
        right:17px;
    }
    .room_list li {
      float: left;
      width: 50%;
    }
    .room_hover_open {
      padding: 32% 10% 0;
    }
    .client_inner_box .owl-prev {
      left: -80px;
      width:50px;
      top:40px;
    }
    .client_inner_box .owl-next {
      right: -80px;
      width:50px;
      top:40px;
    }
}


@media screen and (max-width: 768px) {
   #menu li {
       width:100%;
   }
   #menu li a {
       padding: 15px 15px;
   }
   .hot_links {
      padding: 0px;
    }
    .stay_connected {
      padding: 0px;
    }
    .mean-container a.meanmenu-reveal {
        border: 1px solid;
        border-radius: 5px;
        color: #ff2d28;
        right: 20px !important;
        top: -8px;
    }
    .mean-container a.meanmenu-reveal span {
        background: #ff2d28 none repeat scroll 0 0;
    }
    .mean-container .mean-bar {
        background:transparent none repeat scroll 0 0;
        min-height:42px;
    }
    .nrml_menu {
      border-bottom: 0px solid #c1c1c1;
      border-top: 0px solid #c1c1c1;
    }
    .mean-container .mean-nav {
        margin-top:40px;
        background:#C54000;
    }
    #menu li a {
        color: #fff;
    }
    #menu li a:hover {
        color: #fff;
        background:#FF1C17;
    }
	.facilities_list li {
		min-height :140px; 
	}
}

@media screen and (max-width: 767px) {
    .hot_links > li {
        font-size:14px;
    }
    .hot_links {
      margin-bottom: 20px;
      margin-top: 0;
      text-align: center;
    }
    .logo_box {
      display: inline-block;
      margin-bottom: 24px;
    }
    .stay_connected {
      padding: 0;
      text-align: center;
    }
    .facilities_list li {
        min-height:140px;
    }
    .margn-tbm {
      margin-bottom: 15px;
    }
    .desktop_class {
        display:none;
    }
    .mobile_class {
      display: block;
    }
    .room_hdr {
        margin-top:20px;
    }
	.mean-container .mean-bar {
	  background: transparent none repeat scroll 0 0;
	  min-height: 1px;
	}
	.mean-container a.meanmenu-reveal {
		top: -70px;
	}
	.mean-container .mean-nav {
		margin-top: -20px;
	}
.promo {margin-top: 0px; height: 42px;}
.reservation_sbtm_btn {margin-top: 14px;}
}

@media screen and (max-width: 640px) {
   .booking_form li input, .booking_form li .select_100 {
      width: 94%;
    }
    .facilities_list li {
        width:33.33%;
    }
    .gallery_section ul li {
        width:33.33%;
    }
    .client_inner_box .owl-prev {
        left:-63px;
    }
    .client_inner_box .owl-next {
        right:-63px;
    }
    .welcome_text p {
        width:60%;
    }
    .welcome_text h1 {
        font-size:48px;
        margin-bottom:10px;
    }
}

@media screen and (max-width: 639px) {
    .inner_gallery > li {
        width:50% !important;
    }
}

@media screen and (max-width: 480px) {
    .room_hover_open {
      padding: 18% 10% 0;
    }
    .footer_text {
      color: #ffffff;
      text-align: center;
    }
}

@media screen and (max-width: 479px) {
    .booking_form li:nth-child(1), .booking_form li:nth-child(2) {
      width: 100%;
    }
    .booking_form li {
        width: 100%;
    }
    .booking_form.clearfix > li:nth-child(4) {
      width: 100%;
    }
    .room_list li {
      float: left;
      width: 100%;
    }
    .room_hover_open {
      padding: 38% 10% 0;
    }
    .facilities_list li {
      width: 50%;
    }
    .gallery_section ul li {
      width: 100%;
    }  
    .client_inner_box .owl-next {
      right: -40px;
      width:39px;
    }
    .client_inner_box .owl-prev {
      left: -40px;
      width:39px;
    }
    .address {
        width:100%;
    }
    .footer_bottom {
      background-color: #f03d42;
      font-size: 10px;
      padding: 10px 0;
    }
    .inner_gallery > li {
        width:100% !important;
    }
}

@media only screen and (max-width: 360px) {
    .mean-container a.meanmenu-reveal {
        right:3px !important;
    }
    .stay_with_us {
      margin-right: 3px;
      padding: 5px 11px;
    }
    .social_links > li {
        margin:0 1px;
    }

}

@media only screen and (max-width: 320px) {
	.stay_with_us {
	  font-size: 11px;
	  margin-right: 3px;
	  padding: 5px;
	}
}
