/*--------------------------------------------------------
Responsive elements
--------------------------------------------------------*/

/* ================================================  GENERAL AND GLOBAL ELEMENTS ======================================= */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}



/* ================================================  MOBILES BELOW 480 to 400 ======================================= */


@media only screen 
and (max-width : 399px) 
{	

.logosman {
text-align: center;
width: 100%;
float: none;
height: 270px;
}
.logosman li {
max-height: 35px;
max-width: 100px;
float: none;
margin: 0 5px;
margin: auto;
}

.socialsman {
height: 60px;
text-align: center;
padding-top: 11px;
width: 100%;
float: none;
}
.socialsman li {
display: inline-block;
float: none;
}

.column_two_thirds {
width: 100%;
}
.column_one_fourth {
	display: none;
}



	/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		
		nav { z-index: 1 }
		/*----------- >  FEATURED AREA <----------- */
		
		
		#supersized li {
			top: 0 !important;
		}
		.slide-major {
			max-width: 600px;
			top:35%;
			
		}
		.globeright {
			display: none;
		}
		.globeleft {
			width: 100%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
		}
		
		nav select { 
			display: block;
		    left: 50%;
		    margin-left: -23px;
		    margin-top: 5px;
		    text-align: center;
		    top: 55px;
		    z-index: 2147483647;
    	}
    	
    	
		
		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		.footer .toe li {
			width: 60% !important;
			float: none !important;
			text-align: center;
			margin: auto;
		}
		.footer .toe li a {
			display: block;
			width: 100%;
			text-align: center;
		}
		.welcome .onethird {
			display: none;
		}
		.welcome .third {
			width: 100%;
			border-right: none;
		}
		.footer:before {
			  background-position: -288px bottom;
			    background-repeat: no-repeat;
			    background-size: 380% auto;
		}
		
		
		
		#slidecaption .major {
			font-size: 100px;
			letter-spacing: -8px;
		}
		#slidecaption {
			display: none;
		}
		
		.slidedescription {
			font-size: 30px;
			letter-spacing: -0.8px;
			line-height: 30px;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
		}
		#prevslide {
			left: 0px;
		}
		
		/*----------- >  NAV AREA  <----------- */
		
		
		
		
		.social-icons {
			display: none;
		}
		
		.langs {
			display: none;
		}
		
		#weather {
			left: 23%;
		}
		.smallnav li.garden, .smallnav li.specials {
			display: none;
		}
		.higher .outlogo {
			display: none;
		}
		.smallnav li.res {
		    bottom: -126px;
		    float: right;
		    left: 50px;
		    margin-top: 3px;
		    padding: 0;
		    position: absolute;
		}
		
		.smallnav li a.button { padding: 10px 10px 12px 20px; }
		
		
		form li {
			display: none;
		}
		form li.select { display: none; }
		form li.last {
			display: block;
			width: 90%;
			float: none;
			margin: auto;
			text-align: center;
		}
		form .button:before {
			display: none;
		}
		.searchbox {
			display: none;
		}
		/* .content article { padding: 0 20px;} */
		.list .half { width: 100% !important; }
		.about .half { width: 100% !important; }
	
		
	#wrapper { width: 100%; }
	#sidebar {
		width: 100% !important;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }

}




/* ================================================  MOBILES BELOW 480 to 400 ======================================= */


@media only screen 
and (min-width : 400px) 
and (max-width : 479px) 
{	

.logosman {
text-align: center;
width: 100%;
float: none;
height: 210px;
}
.logosman li {
max-height: 35px;
max-width: 100px;
float: none;
margin: 0 5px;
margin: auto;
}
.socialsman {
height: 60px;
text-align: center;
padding-top: 11px;
width: 100%;
float: none;
}
.socialsman li {
display: inline-block;
float: none;
}
.column_two_thirds {
width: 100%;
}
.column_one_fourth {
	display: none;
}


			/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		#supersized li {
			top: 0 !important;
		}
		
		#supersized img {
			width: 100% !important;
			height: inherit !important;
		}
		.globeright {
			display: none;
		}
		.globeleft {
			width: 100%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
		}
		
		nav select { 
			display: block;
		    left: 50%;
		    margin-left: -22px;
		    margin-top: 5px;
		    text-align: center;
		    top: 55px;
		    z-index: 2147483647;
    	}
    	
    
		
		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		.footer .toe li {
			width: 40% !important;
			float: none !important;
			text-align: center;
			margin: auto;
		}
		.footer .toe li a {
			display: block;
			width: 100%;
			text-align: center;
		}
		.welcome .onethird {
			display: none;
		}
		.welcome .third {
			width: 100%;
			border-right: none;
		}
		.footer:before {
			  background-position: -288px bottom;
			    background-repeat: no-repeat;
			    background-size: 380% auto;
		}
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 600px;
			top:35%;
			
		}
		nav {  bottom: 0; }
		#slidecaption .major {
			font-size: 100px;
			letter-spacing: -8px;
		}
		#slidecaption {
			display: none;
		}
		
		.slidedescription {
			font-size: 30px;
			letter-spacing: -0.8px;
			line-height: 30px;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
		}
		#prevslide {
			left: 0px;
		}
		
		/*----------- >  NAV AREA  <----------- */
		
		
		
		.social-icons {
			display: none;
		}
		
		

		.langs {
			display: none;
		}
		
		#weather {
			left: 23%;
		}
		.smallnav li.garden, .smallnav li.specials {
			display: none;
		}
		.higher .outlogo {
			position: absolute;
			right: 30px;
		}
		.smallnav li.res {
		    bottom: -126px;
		    float: right;
		    left: 50px;
		    margin-top: 3px;
		    padding: 0;
		    width: 70%;
		    z-index: 99999999;
		    position: absolute;
		}
	
		.smallnav li a.button { padding: 10px 10px 12px 20px; width: 70%; }
		
		
		form li {
			display: none;
		}
		form li.select { display: none; }
		form li.last {
			display: block;
			width: 90%;
			float: none;
			margin: auto;
			text-align: center;
		}
		form .button:before {
			display: none;
		}
		.searchbox {
			display: none;
		}
		/* .content article { padding: 0 20px;} */
		.list .half { width: 100% !important; }
		.about .half { width: 100% !important; }
		
	
	#wrapper { width: 100%; }
	#sidebar {
		width: 100%;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }

}



/* ================================================  MOBILES BELOW 640 to 480 ======================================= */

@media only screen and (max-width : 639px) 
{	
	.logosman li.olos {
		padding: 0;
		max-height: none;
		margin-bottom: 20px;
	}
	.logosman li .yels {
		padding-top: 0;
		top: 0 !important;
		width: auto !important;
	}
	.logosman {
		height: auto;
	}

}

@media only screen 
and (min-width : 480px) 
and (max-width : 639px) 
{	

.logosman {
text-align: center;
width: 100%;
float: none;
}
.logosman li {
max-height: 35px;
max-width: 100px;
float: none;
margin: 0 5px;
margin: auto;
}
.socialsman {
height: 60px;
text-align: center;
padding-top: 11px;
width: 100%;
float: none;
}
.socialsman li {
display: inline-block;
float: none;
}

.column_two_thirds {
width: 100%;
}
.column_one_fourth {
	display: none;
}


			/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 600px;
			top:35%;
			
		}
		nav {  bottom: 0; }
		#slidecaption .major {
			font-size: 100px;
			letter-spacing: -8px;
		}
		#slidecaption {
			display: none;
		}
		
		.slidedescription {
			font-size: 30px;
			letter-spacing: -0.8px;
			line-height: 30px;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
		}
		#prevslide {
			left: 0px;
		}
		
		/*----------- >  NAV AREA  <----------- */
		
		
		
		.social-icons {
			display: none;
		}
		
		
		.langs {
			display: none;
		}
		
		#weather {
			left: 23%;
		}
		.smallnav li.garden, .smallnav li.specials {
			display: none;
		}
		.higher .outlogo {
			position: absolute;
			right: 30px;
		}
		.smallnav li.res {
		    bottom: -126px;
		    float: right;
		    left: 50px;
		    margin-top: 3px;
		    padding: 0;
		    width: 70%;
		    z-index: 99999999;
		    position: absolute;
		}
		nav select { display: block; margin-top: 5px; }
		.smallnav li a.button { padding: 10px 10px 12px 20px; width: 70%; }
	
		
		
		form li {
			display: none;
		}
		form li.select { display: none; }
		form li.last {
			display: block;
			width: 90%;
			float: none;
			margin: auto;
			text-align: center;
		}
		form .button:before {
			display: none;
		}
		.searchbox {
			display: none;
		}
		/* .content article { padding: 0 20px;} */
		.list .half { width: 100% !important; }
		.about .half { width: 100% !important; }
		
		
		.globeright {
			display: none;
		}
		.globeleft {
			width: 100%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
		}
		
		nav select { 
			display: block;
		    margin-top: 5px;
		    text-align: center;
		    z-index: 2147483647;
    	}
    	
    	
		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		.footer .toe li {
			width: 40% !important;
			float: none !important;
			text-align: center;
			margin: auto;
		}
		.footer .toe li a {
			display: block;
			width: 100%;
			text-align: center;
		}
		.welcome .onethird {
			display: none;
		}
		.welcome .third {
			width: 100%;
			border-right: none;
		}
		.footer:before {
			  background-position: -288px bottom;
			    background-repeat: no-repeat;
			    background-size: 380% auto;
		}
		
	#wrapper { width: 100%; }
	#sidebar {
		width: 100%;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }


}
/* ================================================  IPADS AT PORTRAIT WIDTH 768  ======================================= */


@media only screen 
and (min-width : 640px) 
and (max-width : 799px) 
{	


			/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 600px;
			top: 50%;
			
		}
		nav {  bottom: 0; }
		#slidecaption .major {
			font-size: 100px;
			letter-spacing: -8px;
		}
		#slidecaption {
			top:
		}
		
		.slidedescription {
			font-size: 30px;
			letter-spacing: -0.8px;
			line-height: 30px;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
		}
		#prevslide {
			left: 0px;
		}
		
		/*----------- >  NAV AREA  <----------- */
		
		
		
		.social-icons {
			display: none;
		}
		
		
	
		.langs {
			display: none;
		}
		
		#weather {
			left: 23%;
		}
		.smallnav li.garden, .smallnav li.specials {
			display: none;
		}
		.higher .outlogo {
			position: absolute;
			right: 30px;
		}
		.smallnav li.res {
		    bottom: -126px;
		    float: right;
		    left: 30px;
		    margin-top: 3px;
		    padding: 0;
		    width: 70%;
		    z-index: 99999999;
		    position: absolute;
		}
		.smallnav li a.button { padding: 10px 10px 12px 20px; width: 70%; }
	
		form li {
			display: none;
		}
		form li.select { display: none; }
		form li.last {
			display: block;
			width: 90%;
			float: none;
			margin: auto;
			text-align: center;
		}
		form .button:before {
			display: none;
		}
		.searchbox {
			display: none;
		}
		
	
		.globeright {
			display: none;
		}
		.globeleft {
			width: 100%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
		}
		
		nav select { 
			display: block;
		    left: 50%;
		    margin-left: -22px;
		    margin-top: 5px;
		    text-align: center;
		    top: 55px;
		    z-index: 2147483647;
    	}
 
		
		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		.footer .toe li {
			width: 20% !important;
			float: none !important;
			text-align: center;
			margin: auto;
		}
		.footer .toe li a {
			display: block;
			width: 100%;
			text-align: center;
		}
		.welcome .onethird {
			display: none;
		}
		.welcome .third {
			width: 100%;
			border-right: none;
		}
		.footer:before {
			  background-position: -288px bottom;
			    background-repeat: no-repeat;
			    background-size: 180% auto;
		}
		
		
			#wrapper { width: 100%; }
	#sidebar {
		width: 100%;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }

}



/* ================================================  IPADS AT LANDSCAPE WIDTH 1024  ======================================= */


@media only screen 
and (min-width : 800px) 
and (max-width : 854px) 
{	



			/*----------- >  GENERAL AREA <----------- */
		
		
		.container {
			width: 100%;
			max-width: 980px;
			padding: 0;
		}
		
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 600px;
			top: 50%;
			
		}
		nav {  bottom: 0; }
		#slidecaption .major {
			font-size: 100px;
			letter-spacing: -8px;
		}
		#slidecaption {
			top:
		}
		
		.slidedescription {
			font-size: 30px;
			letter-spacing: -0.8px;
			line-height: 30px;
		}
		.footprints {
			display: none;
		}
		#slidecaption .footprints li {
			width: 19%;
		}
		#slidecaption .footprints li a {
			font-size: 18px;
		}
		#nextslide {
			right: 0px;
		}
		#prevslide {
			left: 0px;
		}
		
		/*----------- >  NAV AREA  <----------- */
		
		
		
		
		.social-icons {
			display: none;
		}
		
		
		.langs {
			display: none;
		}
		
		#weather {
			left: 23%;
		}
		.smallnav li.garden, .smallnav li.specials {
			display: none;
		}
		.higher .outlogo {
			position: absolute;
			right: 30px;
		}
		.smallnav li.res {
		    bottom: -126px;
		    float: right;
		    left: 30px;
		    margin-top: 3px;
		    padding: 0;
		    width: 70%;
		    z-index: 99999999;
		    position: absolute;
		}
		nav select { display: block; margin-top: 5px; top: 167px; right: 74px; position:absolute;     right: 82px;
    top: 167px;}
		.smallnav li a.button { padding: 10px 10px 12px 20px; width: 70%; }
		
		form li {
			display: none;
		}
		form li.select { display: none; }
		form li.last {
			display: block;
			width: 90%;
			float: none;
			margin: auto;
			text-align: center;
		}
		form .button:before {
			display: none;
		}
		.searchbox {
			display: none;
		}
		
		
		.globeright {
			display: none;
		}
		.globeleft {
			width: 100%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
		}
		
		nav select { 
			display: block;
		    left: 50%;
		    margin-left: -22px;
		    margin-top: 5px;
		    text-align: center;
		    top: 55px;
		    z-index: 2147483647;
    	}
    	
    	
		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		.footer .toe li {
			width: 20% !important;
			float: none !important;
			text-align: center;
			margin: auto;
		}
		.footer .toe li a {
			display: block;
			width: 100%;
			text-align: center;
		}
		.welcome .onethird {
			display: none;
		}
		.welcome .third {
			width: 100%;
			border-right: none;
		}
		.footer:before {
			  background-position: -288px bottom;
			    background-repeat: no-repeat;
			    background-size: 180% auto;
		}
		
		
			#wrapper { width: 100%; }
	#sidebar {
		width: 100%;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }
		
}










@media only screen 
and (min-width : 855px) 
and (max-width : 960px) 
{	





		.globeright {
			width: 90%;
		}
		.globeleft {
			width: none;
			width: 6%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
			overflow: hidden;
		}
		

		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		
		form li {
			width: 21%;
		}
		
	#wrapper { width: 100%; }
	#sidebar {
		width: 100%;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }
	
			.welcome .onethird {
			display: none;
		}
		.welcome .third {
			width: 100%;
			border-right: none;
		}

}




@media only screen 
and (min-width : 961px) 
and (max-width : 1024px) 
{	
	
	
			.globeright {
			width: 78%;
		}
		.globeleft {
			width: none;
			width: 18%;
		}
		.globeleft li {
			display: none;
		}
		.globeleft li.res {
			display: block;
			width: 100%;
			overflow: hidden;
		}
		

		.toes {
			display: none;
		}
		
		.footer .toe {
			margin: 0;
		}
		
		form li {
			width: 21%;
		}
		
			#wrapper { width: 100%; }
	#sidebar {
		width: 100%;
		float: none;
		display: block;
	}
	.room-images { padding: 0; }


}
/* ================================================  FIRST STAGE LARGER THAN 1024PX UP TO LARGER BROWSERS  ======================================= */



@media only screen 
and (min-width : 1025px) 
and (max-width : 1223px) 
{		
		
		
		.globeleft li.res {
			display: block;
			width: 21%;
			overflow: hidden;
		}
		
		.footer {
			
		}		
}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */

			.globeright {
			width: 65%;
		}
		.globeleft {
			width: none;
			width: 30%;
		}
		
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}





/* #Narrow Screen, Below 1400px (Portrait)
================================================== */

    /* Note: Design for a width of 768px */


	
	
	
	
	


@media only screen and (min-width: 1300px) and (max-width: 1450px) {
		
		
		/*----------- >  FEATURED AREA <----------- */

		.slide-major {
			max-width: 1000px;
			top:35%;
			
		}
		
		#slidecaption .major {
			font-size: 180px;
		}
		
		
		.slidedescription {
			letter-spacing: .5px;
			font-size: 30px;
			line-height: 28px;
			padding: 30px 0 0 0;
		}
		
		
		/*----------- >  NAV AREA  <----------- */
		

}


@media only screen and (min-width: 1400px) {
                nav .container,
                #homepage .container,
                #homepage .container
                .sixteen.columns
                { width: 96%; }

                nav .four.columns { float: right; }
                .slider-text { width: 100%; }
                .line { width: 180px; }
                
                #parallax1, #parallax2, #parallax3,
                #parallax1 .vertical-text, #parallax2 .vertical-text,
                #parallax3 .vertical-text, #parallax1 .pattern,
                #parallax2 .pattern, #parallax3 .pattern
                { height: 600px; }
                
                #prevslide, #nextslide{ position:absolute; height:30px; width:30px; top:210px; margin-top:-21px; opacity:0.6; }
                .bg1, .bg2, .bg3 { background-size: 100%; }
                
               
		

                
    }