/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}
	
.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4 {height:550px;}	

.banner-text {padding-top:8%;}

.room-center { padding:20px;}

.room-center h3 { margin:0px;}

	
	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}
	
#mixedSlider {  width: 1140px;}	

.banner-text {max-width:1140px;}

.make-absolute {max-width: 1200px;}

.list-box-holder {  width: 22.1%;}

.search-button {  width: 15.3%; margin-right:0px;}

.top-navigation {margin-left:40px;}

header.darker .top-navigation {  margin-left: 140px;}

.aboutus-right-pic {display:block; width:100%;}
	
	
.figure-1 {height:235px;}

.figure-2 {height:370px;}

.figure-3 {height:640px;}	


	
}




/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.responsive-menu-icon {display: block;}

.top-navigation {display:none;}
	
#mixedSlider {  width: 900px;}	

.banner-text {max-width:900px;}

.make-absolute {max-width: 940px;}

header.darker .logo, .logo {  margin-left:20px;}	
	
header.darker .logo img, .logo img {  width: 150px;}	

.three-r img {display:block; width:100%;}

h2 {font-size:36px;}

.explore-box {  padding: 15px;  height: 340px;}

figure {  height: 320px;}

footer .col-1-of-6, footer .col-2-of-6  {width:100%; text-align:center; padding:20px; border:1px solid #333; margin-bottom:20px; clear:both; }
	
footer .col-1-of-6 p, footer .col-2-of-6 p	{text-align:center;}

footer h5::after {margin:20px auto;}

footer .col-2-of-6 p {  padding-right: 0px;}

.social-media {  width: 161px;  margin: auto;  display: table;  padding: 10px 0px;}

.social-media a {margin:0px;}

footer a {  display: inline-block;  margin: 0px 10px;}

.copyright { margin-top:0px;}

.make-absolute {    max-width: 100%;    position: static;  }

.make-absolute .col-1-of-2 {width:100%;}

.map iframe {margin-top:10px; width:100%;}

#mixedSlider .MS-content .item {width:100%;}

.distance {  padding: 40px 0px;}

.retreat .col-1-of-2 {width:100%;}

.retreat {    padding: 60px 0px 1000px 0px;    background-position: center 350px;    background-size: 100% auto;  }

.amenties {padding:40px 0px;}

room-box h3 { font-size: 24px;  margin-top: 30px;} 

.room-box p {  text-align: center;  padding: 0px 50px;  color: #999;  height: 100px;}

.aboutus .col-1-of-2 {width:100%;}

.figure-1 {height:190px; margin-bottom: 20px;}

.figure-2 {height:280px; margin-bottom: 20px;}

.figure-3 {height:490px;}	

.aboutus-right-pic { display: block; width: 100%; margin:auto; max-width:440px; margin-top:60px;  }

.aboutus p {  padding-right: 0px;  line-height: 250%;}

.aboutus, .aboutus p, .aboutus h2 {text-align:center;}

.icon-with-text-holder {  margin-top: 40px;  width: 400px;  margin: auto; display:table; margin-bottom:30px;}

.icon-with-text  {display:inline-block; margin:auto; text-align:center; width:33.33%; float:left; }

.icon-with-text img {display:block; margin:auto; float:none; }

header.darker .my-account, .my-account {  margin:9px 70px 9px 0px;}

.header-gap {  height: 60px;}

header .grid-1280 {width:100%; padding:0px;}

.responsive-menu-icon {  background-color: #333;  width: 60px;  height: 60px;  position: fixed;  padding: 19px;}

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4 {height:450px;}	

.banner-text {    padding-top: 7%;  }

.search-bar-holder {  margin-top: -100px;}

.top-navigation {position:fixed; left:0px; top:60px; padding:0px; margin:0px; background-color:#111; width:100%; border-top:1px solid #555!important;}

.top-navigation a {display:block; padding:15px 20px; text-align:left; border-bottom:1px solid #555!important; float:none; margin:0px;}

.top-navigation a:hover {background-color:#333;}

.banner-text h2 {  font-size: 40px;}

.banner-text strong {  font-size: 14px;}

.banner-text .button-1 {  width: 180px;  height: 45px;  line-height: 42px;  font-size: 12px;}

.banner-text .button-2 {  width: 180px;  height: 45px;  line-height: 42px;  font-size: 12px;}

.map p {  padding-right: 00px;}

}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:740px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	

	
#mixedSlider {  width: 700px;}	

.banner-text {max-width:700px;}

.make-absolute {max-width: 740px;}
	
.food-and-beverage .col-1-of-3 {width:100%; max-width:400px; float:none; margin:auto;}	

.retreat {    padding: 60px 0px 700px 0px;  background-position: center 400px;}

.amenties .col-1-of-6 {border:1px solid #fff; width:31.33%; margin:1%; padding-bottom:20px; background-image:none;}

.distance .col-1-of-4 {border:1px solid #fff; width:48%; margin:1%; padding-bottom:20px; background-image:none; padding-top:30px;}

.distance .col-1-of-4 p {height:80px;}

.copyright {    margin-top: 0px;    padding: 20px 121px;    line-height: 160%;   }

.spirit .col-1-of-4 {width:25%; float:left;}

figure {    height: 255px;  }

.explore-box {    margin-bottom: 20px;}

.our-rooms .col-1-of-3 {width:100%; margin:auto; width:400px; float:none; margin-bottom:30px;}

.our-rooms {padding-bottom:20px;}

.search-box {  width: 49.8%;}

.list-box-holder {    width: 33.1%;    margin-top: 1px;  }

.search-button {    width: 33.3%;    margin-right: 0px; margin-top:1px;  }

.room-box p {    height: 60px;  }

.search-bar-holder {    margin-top: -140px;  }

.figure-1 {    height: 250px;    margin-bottom: 20px;  }

.figure-2 {    height: 380px;    margin-bottom: 20px;  }

.figure-3 {    height: 650px; }

.explore-box {    padding: 15px;    height: 300px;  }

footer a, footer p { font-size:13px;}

.copyright a {font-size:10px;}
	
.page-title {  font-size: 32px;  line-height: 50px;  margin-bottom: 15px;}

.insidepage-banner {  height: 68px;}

.distance {    padding: 25px 0px 20px 0px;  }
	
.insidepage-content {padding:30px 0px 20px 0px;	}
	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 
	
	
#mixedSlider {width: 600px;}	

.banner-text {max-width:600px;}

.make-absolute {max-width: 600px;}

.spirit {padding-bottom:40px;}

figure {    height: 215px; border-radius:10px;  }

h2 {    font-size: 30px;  }

.explore {padding-bottom:10px; margin-bottom:10px;}

.retreat {    padding: 60px 0px 600px 0px;}

.three-r {  padding: 40px 0px;}

.slider .slider_right, .slider .slider_left {display:none!important;}

.search-bar-holder {    margin-top: 0;    position: static;    padding-top: 25px;  }

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4 {height:300px;}	

.explore-box {    margin-bottom: 10px;  }
	
}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	
	
#mixedSlider {width: 440px;}	

.banner-text {max-width:400px;}

.make-absolute {max-width: 400px;}

.search-box {width: 49.76%;  }

.retreat { padding: 60px 0px 500px 0px;    background-position: center 450px;  }

.three-r img {    margin-bottom: 20px;  } 

.address-line img {  margin-bottom: 30px;}

.address-line {height:100px;}

.distance .col-1-of-4 {width:100%; margin-bottom:20px;}

.distance .col-1-of-4 p {height:auto;}	

.copyright {    margin-top: 0px;    padding: 20px 30px;    line-height: 160%;  }

#mixedSlider .MS-content .item p {width:60%;}

.spirit .col-1-of-4 {    width: 50%;    float: left;  }

figure {    height: 315px;    border-radius: 10px;    margin-bottom: 15px;  }

.spirit {    padding-bottom: 20px; }

.retreat p {  padding-right: 0px;}
	
	
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	

#mixedSlider {width: 340px;}	

.banner-text {max-width:320px;}

.make-absolute {max-width: 320px;}

.make-absolute {  padding-top: 40px;}

.address-line {    height: 88px;  }

figure {    height: 230px;  }

.retreat {    padding: 40px 0px 350px 0px;    background-position: center 450px;  }

.figure-3 {    height: 540px;  }

.figure-2 {    height: 300px;   margin-bottom: 20px;  }

.figure-1 {    height: 200px;   margin-bottom: 20px;  }

.amenties .col-1-of-6 {width:100%; margin-bottom:15px;}

.amenties {    padding: 40px 0px 20px 0px;  }

.food-and-beverage {  padding: 40px 0px 30px 0px;}

.our-rooms .col-1-of-3 {width:100%;}

.icon-with-text {font-size:12px;}

.icon-with-text-holder  {width:300px;}

header.darker .my-account, .my-account {    margin: 0;    position: fixed;    left: 0;    top: 61px;    width: 100%;  }

.header-gap {    height: 103px;  }

.slider .slide, .banner-1, .banner-2, .banner-3, .banner-4 {height:550px;}	

.banner-text p {  font-weight: 300;  width: 300px;}

.banner-text {    padding-top: 55%;  }

.banner-text .button-1, .banner-text .button-2 {    width: 100%;    margin-bottom: 5px;  }

.search-button, .list-box-holder, .search-box {    width: 100%;    margin-top: 1px;  }

.our-rooms {  padding: 40px 0px 0px 0px;}

.page-title {  font-size:25px;}

.listing {padding-right: 30px;}

.amenties {    padding: 25px 0px 20px 0px;  }

.aboutus {padding:40px 0px;}

.banner-1 {background-image:url(../images/mobile-banner-1.png);}
.banner-2 {background-image:url(../images/mobile-banner-2.png);}
.banner-3 {background-image:url(../images/mobile-banner-3.png);}
.banner-4 {background-image:url(../images/mobile-banner-4.png);}

	
}