/*------------------------------------------------------------------------
# Joomla 2.5 Template - Responsive.css
# ------------------------------------------------------------------------
# Author    Thecoders.vn
# Copyright Copyright (C) 2012 Thecoders.vn. All Rights Reserved.
# License - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://thecoders.vn
# Live Demo: http://gatheme.com
# Technical Support:  Forum - http://laptrinhvien-vn.com
-------------------------------------------------------------------------*/

#tcvn-wrapper .main {
	width: 100% !important;
	max-width: 940px;
	font-size: 100% !important;
}


@media (max-width: 1024px) {
	body {
		background-color: #F4F6F7;
		border-top: 3px solid blue;
		padding: 10px;
		max-width: 920px !important;
	}
	#tcvn-wrapper {
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	}
	#tcvn-wrapper .main {
		width: 100%;
		max-width: 900px !important;
	}
	.tcvn-wrapper-inner {
		padding: 10px;	
	}
	#tcvn-position-6 .tcvn-wrapper-inner {
		margin: 0px;
	}
	#tcvn-position-6 .tcvn-featcat {
		max-width: 880px !important;
		width: 100% !important;
	}
	#tcvn-position-6 ul.tcvn-featcats img {
		height: auto;
		margin-right: 0;
		width: 98%;
	}
	.tcvn-featcats-leading li {
		text-align: center;
	}
	
	.logomove {position:relative; 
               left:0px;}
			   
			#tcvn-footer{
	text-align: center;
	color: #FFF;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 15px;
    width:100%;
	float:left;
	border-top:#F00 solid 5px;
	margin-left:0.6%;



}

#mod_footer_whole{ width:100%;
				  padding-top:20px;
				  padding-left:2%;
				
			}

.modules_facebook{width:25%;
                float:left;}
				
.modules_twitter{width:25%;
                float:left;
				margin-left:11%;}
				
.modules_you-tube{width:25%;
                float:left;}	   
			   
			   
}



@media (max-width: 940px) {
	body {
		background-color: #F4F6F7;
		border-top: 3px solid blue;
		padding: 10px;
		max-width: 920px !important;
	}
	#tcvn-wrapper {
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	}
	#tcvn-wrapper .main {
		width: 100%;
		max-width: 900px !important;
	}
	.tcvn-wrapper-inner {
		padding: 10px;	
	}
	#tcvn-position-6 .tcvn-wrapper-inner {
		margin: 0px;
	}
	#tcvn-position-6 .tcvn-featcat {
		max-width: 880px !important;
		width: 100% !important;
	}
	#tcvn-position-6 ul.tcvn-featcats img {
		height: auto;
		margin-right: 0;
		width: 98%;
	}
	.tcvn-featcats-leading li {
		text-align: center;
	}
	
	.logomove {position:relative; 
               left:0px;}
			   
			#tcvn-footer{
	text-align: center;
	color: #FFF;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 15px;
    width:100%;
	float:left;
	border-top:#F00 solid 5px;
	margin-left:0.6%;



}

#mod_footer_whole{ width:100%;
				  padding-top:20px;
				  padding-left:2%;
				
			}

.modules_facebook{width:25%;
                float:left;}
				
.modules_twitter{width:25%;
                float:left;
				margin-left:11%;}
				
.modules_you-tube{width:25%;
                float:left;}	   
			   
			   
}
@media (max-width: 800px) {
	
	.logomove {position:relative; 
               left:0px;}
	
	
		   
			#tcvn-footer{
	text-align: center;
	color: #FFF;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 15px;
    width:100%;
	position:relative;
	left:0;
	float:left;
	border-top:#F00 solid 5px;



}

#mod_footer_whole{ width:100%;
                  margin:auto;
				  padding-top:20px;
				  padding-left:2%;
			}

.modules_facebook{width:15%;
                float:left;}
				
.modules_twitter{width:20%;
                float:left;
				margin-left:13%;}
				
.modules_you-tube{width:20%;
                float:left;}	   
			   
			   
}
	
	
}
@media (max-width: 768px) {
	body {
		background-color: #F4F6F7;
		border-top: 3px solid green;
		padding: 10px;
		max-width: 748px !important;
	}
	.tcvn-wrapper {
		max-width: 728px !important;
		padding: 10px;
	}
	#tcvn-wrapper {
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	}
	#tcvn-logo {
		float: left;
		margin: 30px 0;
		width: 100% !important;
	}
	#tcvn-topleft {
		float: left;
		width: 50%;
	}
	
	
	.logomove {position:relative; 
               left:0px;}
			   
			   
			   	   
			#tcvn-footer{
	text-align: center;
	color: #FFF;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 -15px;
    width:100%;
	position:relative;
	left:0;
	float:left;
	border-top:#F00 solid 5px;



}

#mod_footer_whole{ width:100%;
                  margin:auto;
				  padding-top:20px;
				  padding-left:2%;
			}

.modules_facebook{width:25%;
                float:left;}
				
.modules_twitter{width:25%;
                float:left;
				margin-left:-15%;}
				
.modules_you-tube{width:25%;
                  }	   
			   
			   
}
			   
			   
			   
}
@media (max-width: 600px) {
	
	.logomove {position:relative; 
               left:0px;}
	
	   	   
			#tcvn-footer{
	text-align: center;
	color: #FFF;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 15px;
    width:100%;
	position:relative;
	left:0;
	float:left;
	border-top:#F00 solid 5px;



}

#mod_footer_whole{ width:100%;
                  margin:auto;
				  padding-top:20px;
				  padding-left:2%;
			}

.modules_facebook{width:100%;
                float:left;}
				
.modules_twitter{width:100%;
                float:left;}
				
.modules_you-tube{width:100%;
                  }	   
			   
	
	
}
@media (max-width: 480px) {
	body {
		background-color: #F4F6F7;
		border-top: 3px solid red;
		padding: 10px;
		max-width: 460px !important;
	}
	.tcvn-wrapper {
		max-width: 440px !important;
		padding: 10px;
	}
	#tcvn-wrapper {
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	}
	#tcvn-logo {
		width: 100% !important;
		float: none !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
	#tcvn-topleft {
		width: 100% !important;
		float: none !important;
		margin: 15px auto !important;
		text-align: center !important;
	}
	
	.logomove {position:relative; 
               left:0px;}
}

@media (max-width: 320px) {
	body {
		background-color: #F4F6F7;
		border-top: 3px solid #0088CC;
		padding: 10px;
		max-width: 300px !important;
	}
	.tcvn-wrapper {
		max-width: 280px !important;
		padding: 10px;
	}
	#tcvn-wrapper {
		background-color: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	}
	#tcvn-logo {
		width: 100% !important;
		float: none !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
	#tcvn-topleft {
		width: 100% !important;
		float: none !important;
		margin: 15px auto !important;
		text-align: center !important;
	}
	.box-search .inputbox {
		width: 100% !important;
		max-width: 150px !important;
	}
	
	.logomove {position:relative; 
               left:0px;}
			      
			#tcvn-footer{
	text-align: center;
	color: #FFF;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 15px;
    width:320px;
	position:relative;
	left:0;
	float:left;
	border-top:#F00 solid 5px;



}

#mod_footer_whole{ width:100%;
                  margin:auto;
				  padding-top:20px;
				  padding-left:2%;
			}

}