/*------------------------------------------------------------------*/ 
/*	3) Note: Design for a width of 320 px
/*------------------------------------------------------------------*/

@media only screen and (min-width: 200px) and (max-width: 479px) {
	/*------------------------------------------------------------------*/ 
	/*	1) Header
	/*------------------------------------------------------------------*/
	
	.logo {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
	
	.logo img {
		max-width: 300px;
	}
	
	.search {
		margin: 0 40px 10px 0;
	}
	
	.device-menu {
		display: block;
		margin-top: 10px;
	}
	
	ul.sf-menu {
		display: none;
	}
	
	/*------------------------------------------------------------------*/ 
	/*	3) Slider
	/*------------------------------------------------------------------*/
	
	.main-slider {
		width: 300px;
		margin: 0;
	}
	
	.slider2, .slider3 {
		display: none;
	}
	/*------------------------------------------------------------------*/ 
	/*	3) Content
	/*------------------------------------------------------------------*/
	
	.main-content {
		width: 100%;
	}
	
	.outertight {
		width: 100%;
		margin-right: 0;
	}
	
	.outertight img {
		max-width: 100%;
	}
	
	.outerwide {
		width: 100%;
	}
	
	.wnews li {
		width: 300px;
	}
	
	.wnews li img {
		max-width: 140px;
	}
	
	.block2 li {
		width: 100%;
		margin-right: 0;
	}
	
	.relatednews ul li:nth-child(2n) {
		margin-right: 0;
	}
	/*------------------------------------------------------------------*/ 
	/*	4) Comments
	/*------------------------------------------------------------------*/
	
	.commment-text-wrap {
		width: 180px;
	}
	
	ul.children li div.commment-text-wrap {
		width: 180px;
	}
	
	ul.children li li div.commment-text-wrap {
		width: 180px;
	}
	
	ul.children li li li div.commment-text-wrap {
		width: 180px;
	}
	
	ul.children {
		margin-left: 0;
		border: 0;
		margin-left: -19px;
	}
	
	.form textarea {
		width: 278px;
	}
}