/*--------------------------Global CSS---------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#logo img, #home-logo img{ max-width:80%;}
	.paddingL{ padding:0;}
	.sf-menu li{ padding:0 4.5% 0 0;}
	.one-third{ padding:0 1.5%; width:28.3%;}
	.home-container .one-third .image{ font-size:12px;}	
	.banner-right{ width:70%;}
	.banner-left{ width:26%; padding:10px 2%; margin:50px 0 0;}
	h4{ font:normal 25px "Times New Roman", Times, serif;}
}


@media only screen and (min-width: 768px) and (max-width: 989px) {
	.paddingL{ padding:0;}
	#page{ width:740px;}
	.menu{ position:inherit; left:0; text-align:right; padding:15px 30px 15px 0; width:94%;}
	.menu select{ background:#4A3022; border:1px solid #512c1b; color:#fff; width:50% !important;}
	.sf-menu li{ padding:0 7% 0 0;}
	.banner img{ width:100%;}
	.banner-right{ width:70%;}
	.banner-left{ width:26%; padding:10px 2%; margin:50px 0 0;}
	h4{ font:normal 25px "Times New Roman", Times, serif;}
	#logo, #home-logo{ left:15px;}
	#logo img, #home-logo img{ width:80%;}
	.home-container .one-third .heading{ padding:0 0 10px; float:none; text-align:center;}
	.home-container .one-third .image{ float:none;}
	.marginT35{ margin-top:0 !important;}
	
	input, select, textarea{ width:100%;}
	
}

/*@media only screen and (max-width: 767px) {
	#page{ width:280px;}
	#logo img{ width:80%;}
	.social{ float:none; margin:0 auto; padding:190px 0 0;}
	.menu{  position:inherit; left:0; padding:20px 0 0;}
	.menu select{ background:#4A3022; border:1px solid #512c1b; color:#fff; margin:0 auto; display:block;}
	.banner{ display:none;}
	.one-third{ width:73%; padding:0 13.5%;}
	.home-container .one-third .heading{ padding:0 0 10px; float:none;}
	.home-container .one-third .image{ float:none;}
	.marginT35{ margin-top:0;}
	
}*/


@media only screen and (min-width:481px) and (max-width: 767px) {
	p img{ width:100%;}
	.paddingL{ padding:0;}
	#page{ width:460px;}
	#logo{ left:0; width:100%; top:50px;}
	#logo img, #home-logo img{ width:200px; margin:0 auto; display:block;}	
	#home-logo{ left:0; width:100%; top:120px; position:static;}
	.top-btn{ margin:0 auto; float:none;}
	.social{ float:none; padding:10px 0 0 0; width:225px; margin:0 auto; text-align: center;
    width: 100%;}
	.social .newsletter{ padding:5px; font-size:11px; float:none; }
	.social img{ float:none;}
	.menu{ text-align:center; float:none; margin:180px 0 0;}
	.menu select{ background:#4A3022; border:1px solid #512c1b; color:#fff; margin:0 5% 20px; width:90%;}
	.sf-menu li{ padding:0 1.5rem 0 0;}
	.banner-right{ width:100%;}
	.banner-left{ width:90%; padding:10px 5%; margin:0;}
	h4{ font:normal 20px "Times New Roman", Times, serif;}
	.one-half{ width:100%; margin:0;}
	.one-third{ width:73%; padding:0 13.5%;}	
	.right-container{ width:100%; padding:0 0 20px;}
	.sidebar{ width:90%; padding:10px 5%;}
	
	/* css added on 05-04-15 for newsletter button and social button  */
	

	

}

@media only screen and (max-width:640px){
	
	#logo, #home-logo{ left:0; width:100%; top:40px; position:static;}
	.social{ text-align:center; width:100%;}
	.menu{margin:0 !important;}
	.social .newsletter {

    margin-bottom: 10px;

}
}

@media only screen and (max-width:600px){
	#logo{ left:0px; width:100%; top:40px;}
	#home-logo{ left:0; width:100%; top:40px;}
	.social{ text-align:center; width:100%;}
}

@media only screen and (min-width:320px) and (max-width: 480px) {
	p img{ width:100%;}
	.paddingL{ padding:0;}
	#logo{ left:0px; width:100%; top:40px;}
	#logo img, #home-logo img{ width:200px; margin:0 auto; display:block;}
	#home-logo{ left:0; width:100%; top:40px;}
	.top-btn{ margin:0 auto; float:none; max-width:100px;}
	.social{ float:none; margin:0 auto 15px; text-align:center; padding:10px 0 0 0; width:225px;}
	.social .newsletter{ padding:5px; font-size:11px; float:none;}
	.social img{ float:none;}
	.menu{ text-align:center; float:none; margin:0px 0 0;}
	.menu select{ background:#4A3022; border:1px solid #512c1b; color:#fff; margin:0 5% 20px; width:90%;}
	.banner-right{ width:100%;}
	.banner-left{ width:90%; padding:10px 5%; margin:0;}
	h4{ font:normal 20px "Times New Roman", Times, serif;}
	.one-third{ width:73%; padding:0 13.5%;}
	.home-container .one-third .heading{ padding:0 0 10px; float:none; text-align:center;}
	.home-container .one-third .image{ float:none;}
	.home-container .one-third .fr{ padding:0; float:none; text-align:center;}
	.marginT35{ margin-top:0;}

	
	.right-container{ width:100%; padding:0 0 20px;}
	.one-half{ width:100%; margin:0;}
	.sidebar{ width:90%; padding:10px 5%;}
	#map{ float:none; width:100%;}
	#map-directions{ float:none; width:98%;}
	
	input, select, textarea{ width:100%;}
	.signup .margin{ margin-left:0 !important;}
	


}
@media only screen and (max-width: 480px) {
	.signup .margin{ margin-left:0;}
	
}