/* 320px-480px */

/* 480px-768px */

/* 768px-1024px */

@viewport{ width:device-width;}
@-ms-viewport{width:devide-width;} /* for microsoft device */
@-o-viewport{width:devide-width;} /* for old opera device */

/* 320px-480px */
@media only screen and (max-width:480px)
{
	body { background-color:#f6efe5;
	 background-image: url(../images/mobilebg.jpg);
	}
.clearbg{ display:none;}

	h1 {
height: auto;  }
.content .entry h3{ color: #4e83b8; font-size:24px; line-height:30px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal; margin:10px 0 10px 0;
}
	#wrapper{
		 width:100%;
		}
	 #header, #footer{
		width:100%;
		}
	#header-wrapper {
    height: 120px;
}
	#logo{
	margin:20px auto;
	float:none;
	background:url(../images/beach-resort-hotel-mlogo.png) no-repeat;
	width:260px;
	height:101px;
	}
	nav { 
  	 height: auto;
	 font-size:15px;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
	    background: url(../images/menu_bg.jpg) repeat;

  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #c9e1eb;
		border-right: 1px solid #c9e1eb;
		border-radius:5px;

	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		font-size: 12px;
  	}
	#content-wrapper{
		width:100%;}
	.content {
	clear: both;
	padding: 10px 20px;}

	#content-left, #sidebar{
		float:none;
		display:block;
		width:100%;
		border-radius:5px;
		}
	#content-bgbtm {
	margin: 0px auto;
	width: 90%;
	display:block;
}
.entry{ height:auto;}
.columns1{
	width: 300px;
	float: none;
	margin: 0 20px 30px 0;
	display:block;
	}
.columns2{
	width: 300px;
	float: none     ;
	margin: 0 20px 30px 0;
	display:block;
	}
	
.subtitle{
	display:block;
	width: auto;
	height: auto 
	}
.img{
	height:auto; display:block;
	border:#cce6fc 2px solid; border-radius:5px;
    }
iframe{ height:100% !important; width:100% !important;}	
.columns1{
		float: none;
		display:block;
		width:100%;
}
.columns2{
		float: none;
		display:block;
		width:100%;
}
.columns1 p, a{ text-align: justify;}	
.columns2 p, a{ text-align: justify;}	
#social {width:100%; margin:0; float:none; display:block;}
#footer-wrapper{width:95%; display:block;}
#footer{width:100%; display:block;}
#googleMap {
	width: 100%;
	height:200px;
	margin:0 auto;
	color:#000;
	line-height:1.3em;
	text-align:left;		
}
table{border:0;}.calnavright{position:absolute;top:0;bottom:0;height:12px;right:2px}.calendar{text-align:center}.calcontainer{float:left;padding:5px}td.calcell{width:1.5em;height:1.2em;border:1px solid  #91bce5;color:#023b75;background-color:#9cc6ee}td.calcell a{color:#023b75;padding:5px;display:block}td.calcell a:hover{color:#fff;text-decoration:none;background-color:#66a3dd;display:block}td.calcell.today{background-color:#c9e4fe;color:#fff}td.calcell.oom{cursor:default;color:#fff;background-color:#aad0f4;border:1px solid #a4ccf1}td.calcell.previous{color:#fff}.calhead{border:1px solid #AFD4F7;vertical-align:middle;background-color:#beddfb;color:#4e83b8}.calheader{position:relative;width:100%;padding:2px 0}.calweekdaycell{color:#4e83b8;font-weight:normal;font-style:italic;background:#b5d7f8}.caltpbg_a,.caltpbg_b{z-index:1000}#calendarBoxArrive,#calendarBoxDepart{text-align:center;color:#4e83b8;border:solid 1px #b2d9fd;background-color:#c9e4fe;position:absolute;left:570px;top:518px;z-index:2000}.cal_title{padding-bottom:10px;padding-left:5px;text-align:left}.calnavleft{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/left.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;left:5px}.calnavright{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/right.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;right:2px}.close-calendar{position:absolute;cursor:pointer;right:0;top:0;border:0}td.calcell.selected{color:#fff;background-color:#c9e4fe}td.calcell.highlight{color:#fff;background-color:#c9e4fe}div.c4{display:none}div.c3{clear:both}span.c2{float:left}
/*calendar end*/
.contact { width:100%; height:auto; margin:auto; text-align:center; margin-top:5%;}
.qrcode { width:100%; height:auto; margin:auto; text-align:center;}
}


/* 480px-768px */
@media only screen and (min-width:481px) and (max-width:768px)
{
	body { 
	 background:url(../images/mobilebg.jpg) #f6efe5  repeat-x;
	}
.clearbg{ display:none;}
		h1 {
height: auto;}
.content .entry h3{ color: #4e83b8; font-size:24px; line-height:30px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal; margin:10px 0 10px 0;
}

		#wrapper{
		 width:100%;
		}
	 #header, #footer{
		width:100%;
		}
	#logo{
	margin:20px auto;
	float:none;
	background:url(../images/beach-resort-hotel-mlogo.png) no-repeat;
	}
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
	   background: url(../images/menu_bg.jpg) repeat;
  	}
	
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #c9e1eb;
		border-right: 1px solid #c9e1eb;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
		
  	}
	#content-wrapper{
		width:100%;}

	.content {
	clear: both;
	padding: 10px 30px;}

	#content-left, #sidebar{
		float:none;
		display:block;
		width:100%;
		border-radius:5px;
		}
	#content-bgbtm {
	margin: 0px;
	width: 100%;
	display:block;
}
iframe{ height:100% !important; width:100% !important;}	

.columns1{
	width: 300px;
	float: none;
	margin: 0 20px 30px 0;
	display:block;
	}
.columns2{
	width: 300px;
	float: none     ;
	margin: 0 20px 30px 0;
	display:block;
	}
.subtitle{
	display:block;
	width: auto;
	height: auto }
.img{
	width:100%;
	height:auto; display:block;
	border:#cce6fc 2px solid; margin:10px; border-radius:5px;
    }
.columns1{
		float: none;
		display:block;
}
#footer-wrapper{width:95%; display:block;}
#footer{width:100%; display:block;}
#googleMap {
	width: 100%;
	height:200px;
	margin:0 auto;
	color:#000;
	line-height:1.3em;
	text-align:left;		
}
table{border:0;}.calnavright{position:absolute;top:0;bottom:0;height:12px;right:2px}.calendar{text-align:center}.calcontainer{float:left;padding:5px}td.calcell{width:1.5em;height:1.2em;border:1px solid  #91bce5;color:#023b75;background-color:#9cc6ee}td.calcell a{color:#023b75;padding:5px;display:block}td.calcell a:hover{color:#fff;text-decoration:none;background-color:#66a3dd;display:block}td.calcell.today{background-color:#c9e4fe;color:#fff}td.calcell.oom{cursor:default;color:#fff;background-color:#aad0f4;border:1px solid #a4ccf1}td.calcell.previous{color:#fff}.calhead{border:1px solid #AFD4F7;vertical-align:middle;background-color:#beddfb;color:#4e83b8}.calheader{position:relative;width:100%;padding:2px 0}.calweekdaycell{color:#4e83b8;font-weight:normal;font-style:italic;background:#b5d7f8}.caltpbg_a,.caltpbg_b{z-index:1000}#calendarBoxArrive,#calendarBoxDepart{text-align:center;color:#4e83b8;border:solid 1px #b2d9fd;background-color:#c9e4fe;position:absolute;left:570px;top:518px;z-index:2000}.cal_title{padding-bottom:10px;padding-left:5px;text-align:left}.calnavleft{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/left.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;left:5px}.calnavright{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/right.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;right:2px}.close-calendar{position:absolute;cursor:pointer;right:0;top:0;border:0}td.calcell.selected{color:#fff;background-color:#c9e4fe}td.calcell.highlight{color:#fff;background-color:#c9e4fe}div.c4{display:none}div.c3{clear:both}span.c2{float:left}
/*calendar end*/
.contact { width:100%; height:auto; margin:auto; text-align:center; margin-top:10%;}
.qrcode { width:100%; height:auto; margin:auto; text-align:center;}
}
/* 768px-1024px */
@media only screen and (min-width:769px) and (max-width:1024px)
{
	body { background-color:#f6efe5;
	 background-image: url(../images/background.jpg);
	}
.clearbg{ display:none;}
		h1 {
height: auto;}
.content .entry h3{ color: #4e83b8; font-size:24px; line-height:30px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:normal; margin:10px 0 10px 0;
}

		#wrapper{
		 width:100%;
		}
	 #header, #footer{
		width:100%;
		}
	#logo{
	margin:20px auto;
	float:none;
	background:url(../images/beach-resort-hotel-mlogo.png) no-repeat;
	}
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
        background: url(../images/menu_bg.jpg) repeat;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border: 1px solid #c9e1eb;
		border-right: 1px solid #c9e1eb;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	#content-wrapper{
		width:100%;}

	.content {
	clear: both;
	padding: 10px 30px;}
	#content-left, #sidebar{
		float:none;
		display:block;
		width:100%;
		border-radius:5px;
		}
	#content-bgbtm {
	margin: 0px;
	width: 100%;
	display:block;
}
.columns1{
	width: 300px;
	float: none;
	margin: 0 20px 30px 0;
	display:block;
	}
.columns2{
	width: 300px;
	float: none     ;
	margin: 0 20px 30px 0;
	display:block;
	}
.subtitle{
	display:block;
	width: auto;
	height: auto }
.img{
	width:100%;
	height:auto; display:block;
	border:#cce6fc 2px solid; margin:10px; border-radius:5px;
    }
.columns1{
		float: none;
		display:block;
}
#footer-wrapper{width:95%; display:block;}
#footer{width:100%; display:block;}
#googleMap {
	width: 100%;
	height:200px;
	margin:0 auto;
	color:#000;
	line-height:1.3em;
	text-align:left;		
}
table{border:0;}.calnavright{position:absolute;top:0;bottom:0;height:12px;right:2px}.calendar{text-align:center}.calcontainer{float:left;padding:5px}td.calcell{width:1.5em;height:1.2em;border:1px solid  #91bce5;color:#023b75;background-color:#9cc6ee}td.calcell a{color:#023b75;padding:5px;display:block}td.calcell a:hover{color:#fff;text-decoration:none;background-color:#66a3dd;display:block}td.calcell.today{background-color:#c9e4fe;color:#fff}td.calcell.oom{cursor:default;color:#fff;background-color:#aad0f4;border:1px solid #a4ccf1}td.calcell.previous{color:#fff}.calhead{border:1px solid #AFD4F7;vertical-align:middle;background-color:#beddfb;color:#4e83b8}.calheader{position:relative;width:100%;padding:2px 0}.calweekdaycell{color:#4e83b8;font-weight:normal;font-style:italic;background:#b5d7f8}.caltpbg_a,.caltpbg_b{z-index:1000}#calendarBoxArrive,#calendarBoxDepart{text-align:center;color:#4e83b8;border:solid 1px #b2d9fd;background-color:#c9e4fe;position:absolute;left:570px;top:518px;z-index:2000}.cal_title{padding-bottom:10px;padding-left:5px;text-align:left}.calnavleft{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/left.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;left:5px}.calnavright{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/right.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;right:2px}.close-calendar{position:absolute;cursor:pointer;right:0;top:0;border:0}td.calcell.selected{color:#fff;background-color:#c9e4fe}td.calcell.highlight{color:#fff;background-color:#c9e4fe}div.c4{display:none}div.c3{clear:both}span.c2{float:left}
/*calendar end*/
}
/* 1920px-900px */
@media only screen and (min-width:1920px) 
{
	nav {
    height: 40px;
    width: 50%;
    margin: 15px auto;
    background: url('../images/menu_bg.jpg') repeat-x scroll 0% 0% transparent;
    border-radius: 5px;
    font-weight: bold;
    position: relative;
}
table{border:0;}.calnavright{position:absolute;top:0;bottom:0;height:12px;right:2px}.calendar{text-align:center}.calcontainer{float:left;padding:5px}td.calcell{width:1.5em;height:1.2em;border:1px solid  #91bce5;color:#023b75;background-color:#9cc6ee}td.calcell a{color:#023b75;padding:5px;display:block}td.calcell a:hover{color:#fff;text-decoration:none;background-color:#66a3dd;display:block}td.calcell.today{background-color:#c9e4fe;color:#fff}td.calcell.oom{cursor:default;color:#fff;background-color:#aad0f4;border:1px solid #a4ccf1}td.calcell.previous{color:#fff}.calhead{border:1px solid #AFD4F7;vertical-align:middle;background-color:#beddfb;color:#4e83b8}.calheader{position:relative;width:100%;padding:2px 0}.calweekdaycell{color:#4e83b8;font-weight:normal;font-style:italic;background:#b5d7f8}.caltpbg_a,.caltpbg_b{z-index:1000}#calendarBoxArrive,#calendarBoxDepart{text-align:center;color:#4e83b8;border:solid 1px #b2d9fd;background-color:#c9e4fe;position:absolute;left:570px;top:518px;z-index:2000}.cal_title{padding-bottom:10px;padding-left:5px;text-align:left}.calnavleft{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/left.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;left:5px}.calnavright{position:absolute;background-repeat:no-repeat;background-image:url(http://www.beachsideresorthotel.com/css/right.gif);cursor:pointer;top:5px;bottom:0;width:12px;height:12px;right:2px}.close-calendar{position:absolute;cursor:pointer;right:0;top:0;border:0}td.calcell.selected{color:#fff;background-color:#c9e4fe}td.calcell.highlight{color:#fff;background-color:#c9e4fe}div.c4{display:none}div.c3{clear:both}span.c2{float:left}
/*calendar end*/
}