/* -------------------------------------------------------------------
	TABLE OF CONTENTS
----------------------------------------------------------------------
	1 -- CSS for mobile small screens
	2 -- CSS for mobile view
	3 -- CSS for tablet views & smaller screens
----------------------------------------------------------------------
------------------------------------------------------------------- */



/* -------------------------------------------------------------------
1. mobile.css 	| CSS for mobile view
------------------------------------------------------------------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 1023px) {
	.footer .rgt {
		text-align: left;
	}
}



/* -------------------------------------------------------------------
2. mobile.css 	| CSS for mobile view
------------------------------------------------------------------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
	.desktop {display: none;}
	.phone {display: block;}
	
	.header {
		border: none;
		border-bottom: 1px solid #111;
		padding: 10px 0;
		background: #222;
	}
	
	.logo-01 {
		display: none;
	}
	
	.logo-02 {
		display: block;
		margin: 20px 0;
	}
	
	.logo-02 img {
		display: block;
		max-width: 233px;
		margin: 0 auto;
	}
	
	.mobile-link {
		display: block;
		border-top: 1px solid #333;
		border-bottom: 1px solid #111;
		padding: 20px;
		font-size: 20px;
		background: #222;
	}
	
	.nav {
		display: none;
	}
	
	.mailing-list .form {
		display: none;
	}
	
	.main {
		border-top: 1px solid #444;
		border-bottom: none;
	}
	
	.img {
		margin: 20px 0;
	}
	
	.slider {
		margin-bottom: 60px;
	}
	
	.sitemap {
		display: block;
		margin:  0;
		border-top: 1px solid #111;
		border-bottom: 1px solid #333;
		padding: 0;
	}
	
	.sitemap ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.sitemap ul li {
		display: block;
		padding: 0px;
		float: none;
		text-align: left;
	}
	
	.sitemap a {
		display: block;
		border-top: 1px solid #333;
		border-bottom: 1px solid #111;
		padding: 20px;
		font-size: 20px;
		background: #222;
	}
	
	.footer {
		border: none;
		margin: 0;
		padding: 30px 0 60px 0;
		background: #222;
	}
	
	.footer span {
		display: block;
		margin: 0 0 20px 0;
	}
	
	.footer em {
		display: none;
	}
}



/* -------------------------------------------------------------------
3 -- tablet.css 	| CSS for tablet views & smaller screens
------------------------------------------------------------------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {


}