@media screen and (max-width: 1600px) {
 
}

@media screen and (max-width: 1300px) {
 
.bookform-sec input {
    clear: none;
    display: inline-block;
    float: left !important;
    padding: 8px 15px;
    width: 48%;
}
.bookform-sec input:nth-child(2n) {
    float: right !important;
}
selectorSavingError {
}
.checkout {
    float: right !important;
}
.checkout.pull-right {
}
.sideright{ float: right!important;}
 .booknonwbutton {
  display: inline-block !important;
  float: left !important;
  font-size: 13px !important;
  left: -14px;
  margin-bottom: -7px !important;
  position: relative;
  top: -19px;
  width: 46% !important;
}

.checkout.sideright {
  position: relative;
  top: 6px;
}

}

@media screen and (max-width: 1199px) {  
.mainmenu li a{   font-size: 14px;
    padding: 4px 10px;}
.banner-content h1{ font-size:36px;}
h1{ font-size:36px;}
.banner-content h2{ padding:9px; font-size:21px;} 
.banner-content p{ font-size:16px;}
.rooms-box-txt li{ font-size:12px; padding-bottom:3px;}
.booknowbutton a{ font-size:12px; padding:5px 8px;}


}
@media screen and (max-width: 1024px) {  
.banner-content h1{ font-size:30px;}
header {
    background-color: #fff;
    left: 0;
    padding-top: 0px;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1;
}
.banner-content{ top:27%;}
 
}

@media screen and (max-width: 992px) {  
 
  
.mainmenu .nav > li.logonav {
    left: 0;
    margin: auto; max-width:150px;
    position: absolute;
    right: 0; padding-top:10px;
}
header{ min-height:150px;}
.bookformblk h2{ padding-top:15px;}

.mobile{ display:none !important}
.bookform-sec input.input-text{ float:right;}


.bookform-sec input.input-text {
    float: right !important;
}
.checkout {
    left: 0;
    position: relative;
    top: 0;
    width: 49% !important;
}
.checkout.sideright {
    left: -10px;
    position: relative;
    top: 0;
}
.booknonwbutton {
    float: left !important;
    left: 0;
    margin-top: 26px !important;
    width: 100% !important;
}






}


@media screen and (max-width: 768px) {  
.banner-content p{ font-size:12px;}
.whyus-blk{ padding-top:15px;}
.callusat{ max-width:420px; margin-bottom:21px; display:inline-block; margin-top:5px;}
.rooms-box-txt{ padding:10px;}
.rooms-box-txt li{ font-size:9px;}
.rooms-box-txt li::after{ display:none;}
.roomsblock h2{ font-size:15px;}
.redbg p{ font-size:12px;}
.bottom-offerblk, .whyus{ padding:40px 0px;}
.walkingimgblock, .walkingbg{ height:300px;}
h1.large{ font-size:33px;}
.bottom-offfers{ margin-top:40px;}
.bottom-offfers .box3{ width:100%; margin-left:0px;}
.bottom-offfers .box2 h2 a{ height:245px;}
.bottom-offfers .catego{ margin:0px;}
.client-picbg{ margin:37px auto 30px}
.testblck p{ font-size:15px; line-height:24px;}
.bottomtextbg h2 {
 font-size: 15px;
  line-height: 24px;
  padding: 10px 0;
}
.client-say-bg{ min-height:721px;}
.bookform-sec .checkout .select {background: rgb(255, 255, 255) url("../images/dropdown_arow.jpg") no-repeat scroll 142px 4px;}



} 



@media screen and (max-width: 767px) {
.rooms-box-txt li::after{ display: block;}
.wesure::after{ top:-119px;}
.walkingimgblock, .walkingbg{ height:222px;}
.walkingbg p{ font-size:14px;}
.logonav{ display:none !important;}
.mainmenu .navbar-collapse{box-shadow:none}
.bottom-offfers .box2 h2 a {
  display: block;
  float: inherit !important;
  height: 245px;
  margin: auto;
  padding-top: 113px;
  vertical-align: middle;
}
/*main menu*/

.mainmenu .nav > ul{ text-align: left;}
.mainmenu .nav > li{ clear:both; width:100%;}
.mainmenu .nav > li a{ text-align:left; float:left; width:100%;border-bottom: 1px solid #dddddd ;padding: 10px 15px 11px; }
.mainmenu .nav > li a.active{border-bottom:3px solid #213f57; color:#213f57;}
.bannercontnt h1 a{ font-size:40px;}
.nav.navbar-nav{ padding-top:66px; margin-bottom:-6px; margin:0px;}
.mainmenu .nav > li a:hover{ background-color:#e0a31b; color:#000;}
.mainmenu .nav > li a.active{ background-color:#ff006d; color:#fff;}
.navbar-toggle{ background-color:#d70909;}
.navbar-toggle .icon-bar{ background-color:#fff;}
.wesuretxtblk {
  margin-bottom: 0;
  padding-left: 0;
  padding-top: 20px;
  position: relative;
  text-align: center;
  top: 0;
}
.rooms-box {
  display: block;
  margin: auto;
  max-width: 280px;
}
.rooms-box-txt li{ font-size:14px;}
.roomsblock h2{ padding-top:0px;}
.rooms-box{ padding-bottom:27px;}
.walkingbg h2{ font-size:36px;}
/*main menu stop*/

header{ min-height:108px;}
.menulogo{ display:none}
.logo{ display:block; padding:20px 15px 17px}
.head-line-left, .head-line-right{ display:none}

.logo img{ max-width:66%;}
.banner-content{ top:11%;} 
h1{ font-size:27px;}
h2{ font-size:17px; line-height:27px;} 
body,html{ overflow-x:hidden;}
 .bookformblk {
  background-color: rgb(243, 243, 243);
  display: block;
  float: inherit;
  left: 0;
  margin: auto auto 20px;
  max-width: 380px;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 0;
  z-index: 9;
}
.bookform-sec .checkout .select {
  background: rgb(255, 255, 255) url("../images/dropdown_arow.jpg") no-repeat scroll 132px 4px;
}
.mainmenu{ padding-top:27px;}
h1.large{ font-size:27px;}
h1.large::after {height: 10px;top: 20px;}

}
  
@media screen and (max-width: 480px) {  	 
.banner-content h1{ font-size:18px;}
.banner-content h2{ font-size:16px; padding:0px 9px;}
.banner-content ul.button li a{ font-size:11px; margin:0px 5px; padding:6px;}
.banner-content p{ padding:0px 40px;}
 
footer .socialnav li a {font-size: 14px;height: 30px;margin-right: 3px;padding-top: 4px;width: 30px;}
footer h2{ font-size:16px;}
footer{ padding:20px 0px;}
footer .socialnav{ padding-top:10px;}



 
}
 
 @media screen and (max-width: 479px) { 
.bookform-sec input{ width:100%}
.checkout {
  width: 100% !important; margin-bottom:9px;
} 
.bookform-sec .checkout .select {
    background: rgb(255, 255, 255) url(../images/dropdown_arow.jpg) no-repeat scroll 155px 4px;
}
.checkout.sideright{ left:0;}
.bookform-sec .checkout .select select{ padding-left:10px;}
.callusat p{ padding-left:0px;}
.callusat{ width:100%}
.callusat span, .callusat p{ font-size:11px;}
.walkingbg h2{ font-size:27px;}
.walkingbg p{ font-size:12px;}
 
.bottom-offfers .box2 h2 a {
    display: block; font-size:36px;
    float: inherit !important;
    height: 145px;
    margin: auto;
    padding-top: 55px;
    vertical-align: middle;
    width: 100%;
}


} 

 
@media screen and (max-width: 360px) {   
 
} 

@media screen and (max-width: 320px) {  
 .banner-content p{ display:none}
 
}