/*------------------------------------------------------------------*/ 
/*	2) Note: Design for a width of 480 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {



/*------------------------------------------------------------------*/ 
/*	1) Header
/*------------------------------------------------------------------*/
.logo{margin-left:0; width:100%; text-align:center;}
.search{margin:0 90px 10px 0;}
.device-menu{ display:block; margin-top:10px;}
ul.sf-menu { display:none; }

/*------------------------------------------------------------------*/ 
/*	2) Slider
/*------------------------------------------------------------------*/
.main-slider {
	width:400px;
}
.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:400px;
}
.wnews li img{
	max-width:200px;
}

.block2 li{
	width:100%;
	margin-right:0;
}
/*------------------------------------------------------------------*/ 
/*	3) Comments
/*------------------------------------------------------------------*/
.commment-text-wrap{
	width:280px;
}
ul.children li div.commment-text-wrap{
	width:250px;
}
ul.children li li div.commment-text-wrap{
	width:220px;
}
ul.children li li li div.commment-text-wrap{
	width:190px;
}
.form textarea{
	width:380px;
}


/*------------------------------------------------------------------*/ 
/*	4) Flip Box Style
/*------------------------------------------------------------------*/
.small-grid li {
	width: 47%;
	height: 500px;
	margin-right: 20px;
	}
.small-grid li:nth-child(2){
	margin-right: 0;
	}
	
.packageBox_section1st{
	margin-right: 0;
	}
.packageBox_section2nd{
	margin-left: 0;
	}
	
ul.packageBox li {
	height: 370px;
	}
	
#content {
	padding-bottom: 0;
	height: auto;
	}	
#footer {
	position:inherit;
	height: auto;
	}
}


.device-menu #Login {
	display: none !important;
	}
.device-menu #Register {
	display: none !important;
	}
.device-menu #Logout {
	display: none !important;
	}