
/*-- effect- bubba --*/
.l-grids figure {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	width:100%;
}
.l-grids figure img {
	position: relative;
	display: block;
}
.l-grids img{
  background-color: #000;
  opacity: .78;
  width: 100%;
}
.l-grids figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.l-grids figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.effect-bubba {
	  background-color:#000;
}
figure.effect-bubba:hover img {
	opacity: 0.7;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h4 {
	padding-top: 6%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:1;
	padding-bottom: 0;
}

figure.effect-bubba p {
	padding: 0px 1em;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*-- //effect- bubba --*/
.banner-pos h4{
    font-size: 30px;
 font-family: 'Alegreya-Regular';
   font-weight:500;
    color: #fff;
}
.banner-pos p{
    margin: 9px 0 0px 0;
    font-size: 14px;
    color: #fff;
    line-height: 2em;
}
.banner-pos {
  margin-top: -132px;
}

.ban-pos-gridone{
background:#9E9FA4;
padding:25px;
}
.ban-pos-gridone h3{
margin-bottom:20px;
color:#fff;
font-size:28px;
 font-family: 'Alegreya-Regular';
}
.l-grids{
padding:0;
}
.ban-pos-gridone{
float:left;
width:40%;

}
.ban-pos-gridone,.ban-pos-gridtwo,.ban-pos-gridthree{
min-height: 309px;
}
.ban-pos-gridtwo{
float:left;
width:30%;
}
.ban-pos-gridthree{
float:left;
width:30%;
}
h3.tittle,h2.tittle-one{
margin-bottom:50px;
color:#DF1E1C;
font-size:36px;
 font-family: 'Alegreya-Regular';
text-align:center;
}
.welcome,.facilities,.feature-serv ,#gallery ,.about,.vision,.staff,.typrography,.contact,.booking,.single-page,.search-page{
padding:80px 0;
}
.welcome-grids ul li{
  background: url(../images/arrow.png) no-repeat 0px 8px;
  list-style-type: none;
  line-height: 2em;
  padding-left: 31px;
}
.welcome-grids ul li a{
font-size:14px;
color:#464646;
text-decoration:none;
}
.welcome-grids ul li a:hover{
color:#DF1E1C;
padding-left: 8px;
}
.welcome p{
font-size:14px;
text-align:center;
width:75%;
margin:0 auto;
line-height:2em;
}
.welcome-grids {
  margin-bottom: 40px;
}

/*-- //single-page --*/
/*-- responsive media queries --*/
@media (max-width: 1024px){
	.logo a {
	  font-size: 36px;
	  }
	.header-nav .glyphicon-home {
	  font-size: 25px;
	  }
	.cl-effect-11 a {
	  font-size: 17px;
	  margin: 0 11px;
	  }
	.navigation {
	  margin-top: 9px;
	}
	.social-icons {
	  margin-top: 9px;
	  }
	.banner-info {
	  margin-top: 115px;
	}
	.banner-text h3 {
	  font-size: 32px;
	}
	.banner-text h4 {
	  font-size: 54px;
	  margin-top: 17px;
	  }
	.banner-bottom {
	  padding: 18px;
	}
	.banner-pos h4 {
	  font-size: 26px;
	  }
	figure.effect-bubba p {
	  padding: 0px 18px;
	  }
	.banner-pos p {
	  font-size: 13px;
	  }
	.banner {
	  min-height: 695px;
	}
	.l-grids figure figcaption {
	  padding: 1.5em;
	  }
	.ban-pos-gridone h3 {
	  margin-bottom: 12px;
	  font-size: 23px;
	  }
	.ban-pos-gridone, .ban-pos-gridtwo, .ban-pos-gridthree {
	  min-height: 253px;
	}
	.welcome, .facilities, .feature-serv, #gallery, .about, .vision, .staff, .typrography, .contact, .booking, .single-page, .search-page {
	  padding: 60px 0;
	}
	.welcome-grids ul li a {
	  font-size: 13px;
	  }
	.welcome p {
	  font-size: 13px;
	  }
	h3.tittle, h2.tittle-one {
	  margin-bottom: 37px;
	  font-size: 32px;
	  }
	.welcome-grids {
	  margin-bottom: 30px;
	}
	.facilities-grid, .facilities-grid img, .facilities-grid-left {
	  min-height: 319px;
	}
	.services-bottom-grd-right h4 {
	  font-size: 21px;
	  }
	.wel-grid.btm-gre .icon,.wel-grid .icon {
	  width: 50px;
	  height: 50px;
	}
	.time-service .glyphicon-time, .time-service .glyphicon-star, .time-service .glyphicon-cog, .time-service .glyphicon-map-marker {
	  top: 13px;
	  font-size: 24px;
	  }
	.time-service .glyphicon-user, .time-service .glyphicon-home{
	  top: 13px;
	  font-size: 24px;
	}
	.view span {
	  padding: 5px 14px;
	  }
	.ftr-logo a {
	  font-size: 30px;
	  }
	.ftr-logo span {
	  font-size: 25px;
	  }
	.footer {
	  padding: 40px 0;
	  }
	.services-bottom-grd-right p {
	  font-size: 13px;
	  }
	.ftr_navi ul li {
	  font-size: 13px;
	}
	.page-head {
	  min-height: 126px !important;
	}
	.about-bottom h4 {
	  font-size: 21px;
	  }
	.about-bottom p {
	  font-size: 13px;
	  }
	.vsn-right {
	  padding: 0;
	}
	.vision-right ul li a {
	  font-size: 13px;
	  margin-left: 4px;
	}
	.vision-right ul li a:hover {
	  margin-left: 6px;
	  }
	.vision-right {
	  padding-right: 0;
	}
	.vsn-right p {
	  font-size: 13px;
	  }
	.vsn-left {
	  padding-left: 0;
	}
	.ch-grid li {
	  margin: 0 13px;
	}
	.reservation-right h4,.reservation-left h3 {
	  font-size: 21px;
	  }
	.dropdown-button .dropdown {
	  font-size: 13px;
	  }
	.book-pag-frm label {
	  font-size: 14px;
	  }
	.reservation-right input[type="text"] {
	  font-size: 13px;
	  }
	.book-pag-frm:nth-child(2) {
	  margin: 0 20px;
	}
	.reservation-right textarea {
	  font-size: 13px;
	  }
	button.btn1.btn-1.btn-1e {
	  font-size: 17px;
	  padding: 5px 9px;
	  }
	.search input[type="submit"] {
	  font-size: 16px;
	  padding: 5px 13px;
	  }
	.radio-btns label {
	  font-size: 13px;
	  }
	.sort-by select {
	  font-size: 13px;
	}
	.paragraph p {
	  font-size: 13px;
	  }
	.map iframe {
	  height: 285px;
	}
	.contact-form input[type="text"]:nth-child(2) {
	  margin: 0 0px;
	}
	.contact-form input[type="text"], .contact-form textarea {
	  padding: 8px 10px;
	  font-size: 13px;
	  }
	.contact-form textarea {
	  height: 180px;
	}
	.contact-form input[type="submit"] {
	  padding: 5px 20px;
	  font-size: 17px;
	  }
	.search-hotel form input[type="submit"] {
	  background: url(../images/search.png) no-repeat 9px 11px #000;
	  width: 34px;
	  }
	.hotel-right h4 span {
	  font-size: 16px;
	}
	.hotel-right h4 {
	  font-size: 23px;
	  }
	.rating {
	  margin: 4px 0px;
	} 
	.hotel-left-two p {
	  margin: 10px 0 0 0;
	}
	.hotel-right a {
	  font-size: 17px;
	  padding: 5px 9px;
	}
	.menu_drop > li > a {
	  line-height: 2.4em;
	  text-indent: 5px;
	  font-size: 18px;
	  }
	.hotel-left p {
	  margin: 15px 0 0 0;
	}
	.hotel-left-grids {
	  margin-top: 16px;
	}
	.menu_drop li a span.glyphicon-chevron-down {
	  top: 1px;
	  font-size: 14px;
	  left: -3px;
	}
	.menu_drop ul li a {
	  padding: 7px 0;
	  text-indent: 26px;
	  font-size: 13px;
	  }
	.hotel-rooms:nth-child(6) {
	  margin: 0;
	}
	.single-pg-hdr h2 {
	  font-size: 21px;
	}
	.single-pg-hdr p {
	  font-size: 13px;
	  }
	.spl-btn-bor p {
	  font-size: 17px;
	  }
	.spl-btn h4 span {
	  font-size: 16px;
	}
	.spl-btn h4 {
	  font-size: 23px;
	}
	a.best-btn {
	  font-size: 17px;
	  padding: 5px 10px;
	}
	.map-gd iframe {
	  height: 260px;
	  }
	.flex-control-thumbs li {
	  width: 11.46%;
	  }
	.comments-bot p {
	  font-size: 13px;
	  }
	.comments-head h3 {
	  font-size: 21px;
	}
	.comments-head p {
	  font-size: 17px;
	  }
	.spl-btn-bor span {
	  font-size: 15px;
	  }
}
@media (max-width: 800px){
	span.menu {
	display: block;
	cursor: pointer;
	position: relative;
	}
	ul.nav1 {
	  display: none;
	  background: #ECCA69;
	}
	.navigation ul.nav1 li {
	display: inline-block;
	text-align: center;
	margin: 9px 0;
	width: 100%;
	padding: 0px 0;
	}
	.navigation ul {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 102px;
	left: 0;
	width: 100%;
	z-index: 9999;
	width: 100%;
	}
	.logo {
	z-index: 9999;
	}
	.logo a {
	  font-size: 32px;
	}
	.logo {
	  float: left;
	  width: 30%;
	}
	.navigation {
	  width: 40%;
	  }
	span.menu {
	  text-align: center;
	}
	.banner-info {
	  margin-top: 90px;
	}
	.banner-text h4 {
	  font-size: 40px;
	  }
	.radio-btns {
	  float: left;
	  width: 28%;
	  margin: 3px 0 0 15px;
	}
	.ban-pos-gridone {
	  padding: 15px;
	}
	.banner-pos h4 {
	  font-size: 20px;
	}
	figure.effect-bubba p {
	  padding: 0px 0em;
	  opacity: 1;
	  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	  transition: opacity 0.35s, transform 0.35s;
	  -webkit-transform: translate3d(0,-10px,0);
	  transform: translate3d(0,-10px,0);
	}
	.l-grids figure figcaption {
	  padding: 0.5em;
	}
	figure.effect-bubba h4 {
	  padding-top: 10%;
	  }
	figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
	  top: 10px;
	  right: 10px;
	  bottom: 10px;
	  left: 10px;
	  }
	.ban-pos-gridone {
	  padding: 10px;
	}
	.ban-pos-gridone, .ban-pos-gridtwo, .ban-pos-gridthree {
	  min-height: 176px;
	}
	.welcome-left,.welcome-middle,.welcome-right{
	  float: left;
	  width: 50%;
	}
	.welcome-right{
	margin-top:15px;
	}
	.banner-bottom {
	  padding: 12px;
	}
	.banner {
	  min-height: 590px;
	}
	.welcome p {
	  width: 100%;
	  }
	.facilities-grid {
	  float: left;
	  width: 50%;
	}
	.facilities-grid-left {
	  float: left;
	  width: 50%;
	}
	.facilities-left ,.facilities-right{
	  width: 48%;
	}
	.facilities-grid, .facilities-grid img, .facilities-grid-left {
	  min-height: 246px;
	}
	.welcome, .facilities, .feature-serv, #gallery, .about, .vision, .staff, .typrography, .contact, .booking, .single-page, .search-page {
	  padding: 45px 0;
	}
	h3.tittle, h2.tittle-one {
	  margin-bottom: 25px;
	  font-size: 30px;
	}
	.services-bottom-grid {
	  float: left;
	  width: 50%;
	}
	.services-bottom-grd-right h4 {
	  font-size: 19px;
	}
	.services-bottom-grid:nth-child(4), .services-bottom-grid:nth-child(5), .services-bottom-grid:nth-child(6),.services-bottom-grid:nth-child(3) {
	  margin-top: 20px;
	}
	.gal-grid {
	  width: 33.3%;
	  float: left;
	  padding: 0 5px;
	}
	.view {
	  height: 174px;
	  }
	.view h4 {
	  padding: 5px;
	  margin: 14px 0 0 0;
	}
	.view-fifth h4 {
	  font-size: 20px;
	  }
	.view span {
	  padding: 3px 11px;
	}
	.ftr_navi.ftr {
	  float: left;
	  width: 25%;
	  padding: 0 10px;
	}
	.ftr-logo a {
	  font-size: 24px;
	}
	.ftr-logo span {
	  font-size: 19px;
	}
	.gal-grid:nth-child(4), .gal-grid:nth-child(5), .gal-grid:nth-child(6) {
	  margin: 10px 0;
	}
	.about-bottom h4 {
	  font-size: 19px;
	}
	.vision-left {
	  float: left;
	  width: 100%;
	}

	.vsn-left ,.vsn-right{
	  width: 50%;
	  float: left;
	}
	.vsn-right h4 {
	  font-size: 20px;
	  }
	.vision-right {
	  padding-right: 0;
	  float: left;
	  width: 100%;
	  margin-top: 20px;
	}
	.ch-grid li {
	  margin: 0px 13px 13px 13px;
	}
	.reservation-left {
	  float: left;
	  width: 33%;
	  padding:0 10px;
	}
	.reservation-right {
	  float: left;
	  width: 67%;
	  padding:0 10px;
	}
	.book-pag-frm:nth-child(2) {
	  margin: 0 13px;
	}
	.contact-form input[type="text"]:nth-child(2) {
	  margin: 0 14px;
	}
	.map iframe {
	  height: 255px;
	}
	.search-grid-left {
	  float: left;
	  width: 33%;
	  padding: 0 10px;
	}
	.search-grid-right {
	  float: left;
	  width: 67%;
	  padding: 0 10px;
	}
	.hotel-left {
	  padding: 10px;
	}
	.hotel-left-two {
	  float: right;
	  width: 45%;
	}
	.hotel-left-one {
	  width: 46%;
	}
	.hotel-left {
	  width: 100%;
	  }
	.hotel-right {
	  float: left;
	  width: 100%;
	  padding: 10px;
	  text-align: left;
	}
	.hotel-right h4 {
	  margin-top: 0px;
	}
	.single-gd-lt {
	  float: left;
	  width: 66%;
	  padding: 0 10px;
	}
	.single-gd-rt {
	  float: left;
	  width: 34%;
	  padding: 0 10px;
	}
	.map-gd {
	  margin: 15px 0;
	}
	.map-gd iframe {
	  height: 175px;
	}
	.comments-bot {
	  padding: 8px;
	  }
	p.best-pri {
	  margin: 7px 0 16px 0;
	}
	.ftr-logo {
	  float: left;
	  width: 25%;
	  padding: 0 10px;
	}
}
@media (max-width: 640px){
	.logo {
	  float: left;
	  width: 35%;
	}
	.header-nav {
	  padding-top: 22px;
	}
	.navigation{
	  margin-top: 2px;
	}
	.banner-info {
	  margin-top: 60px;
	}
	.banner-text h3 {
	  font-size: 28px;
	}
	.banner-text h4 {
	  margin-top: 10px;
	  font-size: 33px;
	}
	.banner-bottom {
	  margin-top: 20px;
	  }
	.radio-btns {
	  margin: 3px 0 0 8px;
	}
	.radio {
	  padding-left: 19px;
	  }
	.radio-btns label {
	  padding: 0px 0 0 0px;
	}
	.banner {
	  min-height: 490px;
	}
	.banner-pos p {
	  margin: 0px 0 0px 0;
	  font-size: 12px;
	  line-height: 1.7em;
	}
	.ban-pos-gridone h3 {
	  margin-bottom: 7px;
	  font-size: 20px;
	}
	.ban-pos-gridone, .ban-pos-gridtwo, .ban-pos-gridthree {
	  min-height: 160px;
	}
	figure.effect-bubba h4 {
	  padding-top: 12%;
	}
	.welcome-grids ul li {
	  padding-left: 23px;
	}
	.welcome-grids ul li a:hover {
	  padding-left: 2px;
	}
	.facilities-grid {
	  padding: 0 10px;
	}
	.facilities-grid-left {
	  padding: 0 10px;
	}
	.fac-rig-btm {
	  margin-top: 12px;
	}
	.facilities-grid, .facilities-grid img, .facilities-grid-left {
	  min-height: 196px;
	}
	.view-fifth h4 {
	  padding: 2px;
	  margin: 6px 0 0 0;
	  font-size: 18px;
	}
	.view p {
	  line-height: 1.8em;
	  padding: 4px 4px;
	  }
	.view {
	  height: 142px;
	}
	.view span {
	  padding: 1px 6px;
	}
	h3.tittle, h2.tittle-one {
	  margin-bottom: 25px;
	  font-size: 28px;
	}
	.ftr_navi h3 {
	  margin-bottom: 7px;
	  font-size: 19px;
	  }
	.ftr-logo span {
	  margin-right: 6px;
	  }
	.ftr-logo a {
	  font-size: 19px;
	}
	.footer {
	  padding: 25px 0;
	}
	.ftr-logo ul {
	  margin-top: 12px;
	}
	.navigation {
	  width: 31%;
	}
	.navigation ul {
	  top: 85px;
	  }

	.social-icons {
	  margin-top: 6px;
	}
	.search-grid-left {
	  float: left;
	  width: 38%;
	}
	.search-grid-right {
	  float: left;
	  width: 62%;
	  }
	.hotel-left-two {
	  float: right;
	  width: 52%;
	}
	.rating {
	  margin: 0px 2px 0 0;
	}
	.hotel-left p {
	  margin: 8px 0 0 0;
	}
	.page-head {
	  min-height: 87px !important;
	}
	.hotel-right h4 {
	  font-size: 19px;
	}
	.hotel-right h4 span {
	  font-size: 14px;
	}
	.hotel-right p {
	  margin: 8px 0 17px 0;
	}
	.hotel-right a {
	  font-size: 15px;
	  padding: 4px 7px;
	}
	.single-pg-hdr {
	  background: #f5f4f0;
	  padding: 8px;
	}
	.single-pg-hdr a {
	  margin: 0 5px;
	}
	.spl-btn h4 span {
	  font-size: 14px;
	}
	.spl-btn h4 {
	  font-size: 19px;
	}
	.sp-bor-btn {
	  padding: 14px;
	}
	a.best-btn {
	  font-size: 15px;
	  padding: 4px 6px;
	}
	.comments-bot h4 {
	  margin-top: 2px;
	  font-size: 17px;
	  }
	.single-pg-hdr h2 {
	  font-size: 20px;
	}
	h3.sear-head {
	  font-size: 17px;
	  }
	.hotel-left a {
	  font-size: 17px;
	  }
	.hotel-rooms {
	  margin-bottom: 20px;
	}
	.single-star-bottom {
	  margin: 0px 0px;
	  }
	.hotel-left-two a {
	  font-size: 14px;
	}
	.vision-left {
	  padding: 0 10px;
	}
	.vsn-left {
	  padding: 0 10px 0 0;
	}
	.vsn-left {
	  width: 46%;
	  }
	.vsn-right {
	  width: 54%;
	}
	.vsn-right p {
	  line-height: 1.8em;
	}
	.reservation-right h4, .reservation-left h3 {
	  font-size: 19px;
	}
	.reservation-right h4 {
	  margin-bottom: 17px;
	  }
	.reservation-left ul li {
	  margin-top: 17px;
	}
	.book-pag-frm:nth-child(2) {
	  margin: 0 11px;
	}
	.reservation-right input[type="text"] {
	  margin-bottom: 16px;
	}
	.reservation-right textarea {
	  height: 125px;
	  }
	button.btn1.btn-1.btn-1e {
	  font-size: 15px;
	  padding: 5px 9px;
	}
	.contact-form {
	  margin: 30px 0 0 0;
	}
	.contact-form input[type="text"]:nth-child(2) {
	  margin: 0 11px;
	}
	.contact-form textarea {
	  height: 155px;
	}
	.contact-form textarea {
	margin: 15px 0;
	}
	.search input[type="submit"] {
	  font-size: 15px;
	  padding: 6px 9px;
	}

}
@media (max-width: 480px){
	.copy-right p {
	  font-size: 13px;
	  }
	.logo a {
	  font-size: 25px;
	}
	.header-nav .glyphicon-home {
	  margin-right: 6px;
	  font-size: 21px;
	}
	.logo {
	  float: left;
	  width: 38%;
	}
	.navigation {
	  width: 25%;
	}
	.header-nav {
	  padding-top: 15px;
	}
	.social-icons {
	  margin-top: 4px;
	}
	.navigation ul {
	  top: 67px;
	}
	.cl-effect-11 a {
	  font-size: 16px;
	  }
	.navigation ul.nav1 li {
	  margin: 7px 0;
	  }
	.sort-by select {
	  background: url(../images/nav.png) no-repeat 2px 7px #fff;
	  padding: 5px 22px;
	  }
	.droop {
	  width: 47%;
	}
	.ban-pos-gridone {
	  float: left;
	  width: 100%;
	}
	.radio-btns label {
	  margin: 0 0px 0 3px;
	}
	.sort-by select {
	  padding: 5px 0px 5px 19px;
	}
	.search input[type="submit"] {
	  font-size: 14px;
	  padding: 5px 6px;
	}
	.sort-by select {
	  height: 31px;
	  }
	.ban-pos-gridone h3 {
	  margin-bottom: 15px;
	  }
	.banner-pos p {
	  font-size: 13px;
	  }
	figure.effect-bubba h4 {
	  padding-top: 17%;
	}
	.banner-pos p {
	  margin: 20px 0 0px 0;
	  }
	.ban-pos-gridtwo {
	  float: left;
	  width: 50%;
	}
	.ban-pos-gridthree{
	  float: left;
	  width: 50%;
	}
	.welcome-left, .welcome-middle, .welcome-right {
	  float: left;
	  width: 100%;
	}
	.welcome-right, .welcome-middle {
	  margin-top: 15px;
	}
	.facilities-grid {
	  padding-left: 0;
	}
	.facilities-grid-left {
	  padding-right: 0;
	}
	.facilities-grid, .facilities-grid img, .facilities-grid-left {
	  min-height: 150px;
	}
	.facilities-left, .facilities-right {
	  width: 47%;
	}
	.services-bottom-grid {
	  float: left;
	  width: 100%;
	  padding: 0;
	}
	.services-bottom-grd-right p {
	  margin-top: 6px;
	}
	.services-bottom-grid:nth-child(4),.services-bottom-grid:nth-child(2), .services-bottom-grid:nth-child(5), .services-bottom-grid:nth-child(6), .services-bottom-grid:nth-child(3) {
	  margin-top: 15px;
	}
	.gal-grid {
	  width: 50%;
	  float: left;
	  padding: 0 5px;
	}
	.gal-grid:nth-child(4), .gal-grid:nth-child(5), .gal-grid:nth-child(6), .gal-grid:nth-child(3), .gal-grid:nth-child(7), .gal-grid:nth-child(8), .gal-grid:nth-child(9) {
	  margin: 10px 0 0 0;
	}
	.view-fifth h4 {
	  padding: 6px;
	  margin: 14px 0 0 0;
	  font-size: 18px;
	}
	.ftr_navi.ftr {
	  float: left;
	  width: 50%;
	  padding: 0 10px;
	}
	.ftr_navi.ftr:nth-child(2){
	  min-height: 160px;
	}
	.ftr-logo{
	  width: 50%;
	}
	.ftr_navi.ftr:nth-child(3) ,.ftr-logo{
	  margin-top: 20px;
	}
	.banner {
	  min-height: 405px;
	}
	.banner-pos {
	  margin-top: -68px;
	}
	.search-grid-left {
	  float: left;
	  width: 100%;
	}
	.menu_drop > li > a {
	  text-indent: 8px;
	  }
	.menu_drop li a span.glyphicon-chevron-down {
	  left: 0px;
	  margin-right: 15px;
	}
	.search-grid-right {
	  float: left;
	  width: 100%;
	  padding:0;
	  margin-top:20px;
	}
	.page-head {
	  min-height: 75px !important;
	}
	.header-nav {
	  padding-top: 19px;
	}
	.single-gd-lt {
	  float: left;
	  width: 100%;
	  padding: 0;
	}
	.single-gd-rt {
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin-top: 20px;
	}
	.dropdown-button .dropdown {
	  font-size:13px;
	  padding: 5px 8px;
	  margin-bottom: 1em;
	}
	.reservation-left {
	  padding-left: 0;
	}
	.reservation-right {
	  padding-right: 0;
	}
	.reservation-right input[type="text"] {
	  padding: 5px 8px;
	  }
	.book-pag-frm {
	  float: left;
	  width: 100%;
	}
	.book-pag-frm:nth-child(2) {
	  margin: 0 0px;
	}
	.reservation-right textarea {
	  padding: 5px 8px;
	  }
	button.btn1.btn-1.btn-1e {
	  font-size: 14px;
	  }
	.vsn-left {
	  width: 100%;
	}
	.vsn-right {
	  width: 100%;
	  margin-top: 20px;
	}
	.ch-grid li {
	  margin: 0px 4px 13px 4px;
	}
	.map iframe {
	  height: 220px;
	}
	.contact-form input[type="text"], .contact-form textarea {
	  width: 100%;
	  }
	.contact-form input[type="text"]:nth-child(2) {
	  margin: 15px 0px;
	}

}
@media (max-width: 320px){
	.navigation {
		width: 15%;
	}
	.logo {
		float: left;
		width: 85%;
	}
	.social-icons {
		float: left;
		margin-top: 13px;
	}
	.banner-info {
		margin-top: 28px;
	}
	.banner-text h3 {
		font-size: 22px;
	}
	.banner-text h4 {
		margin-top: 10px;
		font-size: 24px;
	}
	.droop {
		width: 100%;
	}
	.radio-btns {
	margin-top:15px;
	float: left;
	width: 61%;
	}
	.search{
	margin-top:15px;
	}
	.banner-pos p {
		margin: 10px 0 0px 0;
	}
	figure.effect-bubba h4 {
		padding-top: 11%;
	}
	.navigation ul {
		top: 62px;
	}
	.ban-pos-gridtwo {
		float: left;
		width: 100%;
	}
	.ban-pos-gridthree {
		float: left;
		width: 100%;
	}
	.welcome-left, .welcome-middle, .welcome-right {
	  float: left;
	  width: 100%;
	  padding: 0;
	}
	.facilities-grid {
	  padding: 0;
	  width: 100%;
	}
	.facilities-grid-left {
	margin-top:20px;
	  width: 100%;
	  padding: 0;
	}
	.facilities-left, .facilities-right {
	  width: 48%;
	}
	.services-bottom-grd-right p {
	  line-height: 1.8em;
	  }
	.welcome p {
	  line-height: 1.8em;
	}
	.gal-grid {
	  width: 100%;
	  float: left;
	  padding: 0;
	}
	.view {
	  height: 178px;
	}
	.gal-grid:nth-child(4), .gal-grid:nth-child(5), .gal-grid:nth-child(6), .gal-grid:nth-child(3), .gal-grid:nth-child(7), .gal-grid:nth-child(8), .gal-grid:nth-child(9) ,.gal-grid:nth-child(2){
	  margin: 10px 0 0 0;
	}
	.view-fifth h4 {
	  padding: 9px;
	  margin: 24px 0 0 0;
	}
	.view p {
	  padding: 10px 4px;
	}
	.ftr_navi.ftr {
	  padding: 0 7px;
	}
	.ftr_navi h3 {
	  font-size: 18px;
	}
	.ftr-logo span {
	  margin-right: 3px;
	  font-size: 16px;
	}
	.ftr-logo a {
	  font-size: 18px;
	}
	.copy-right {
	  padding: 12px 0;
	}
	.copy-right p {
	  line-height: 1.8em;
	}
	.hotel-left-one {
	  width: 100%;
	}
	.hotel-left-two {
	  float: right;
	  width: 100%;
	  margin-top: 10px;
	}
	.banner-pos {
	  margin-top: -50px;
	}
	h3.tittle, h2.tittle-one {
	  margin-bottom: 20px;
	  font-size: 24px;
	}
	.vision-right {
	  padding: 0;
	  }
	.page-head {
	  min-height: 110px !important;
	}
	.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	  padding: 10px!important;
	}
	.reservation-left {
	  float: left;
	  width: 100%;
	  padding: 0;
	}
	.reservation-right {
	  float: left;
	  width: 100%;
	  padding: 0;
	  margin-top: 20px;
	}
	.map iframe {
	  height: 165px;
	}
	.paragraph p {
	  line-height: 1.8em;
	}
	.contact-form {
	  margin: 20px 0 0 0;
	}
	.paragraph p {
	  margin: 10px 0 0px 0;
	  }
	.contact-form textarea {
	  height: 120px;
	}
	.social-icons {
	  float: left;
	  width: 100%;
	  text-align: center;
	}
	.welcome-grids {
	  margin-bottom: 20px;
	}
}
/*-- //responsive media queries --*/