@media all {
	.wrap,header,nav ul li a {
		transition:all 0.5s linear;
-o-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
	}
}

@media screen and (min-width: 1401px){
	.wrap{/*  width: 1300px; */ margin:0px auto;}
	section{
	width: 100%;
	margin:0px auto;
	}
	}
	
	@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.wrap{/*  width: 1100px; */ margin:0px auto;}
	section{
	width: 100%;
	margin:0px auto;
	}
	
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
	.wrap{ width: 960px; margin:0px auto;}
	section{
	width: 100%;
	}
	.services h2 
	{
	font-size:16px;
	}
}

@media screen and (min-width: 859px) and (max-width: 960px) {
	.wrap{ width: 830px; margin:0px auto;}
	nav ul li a{ font-size:12px; padding:0px 11px;}
	section{
	width: 100%;
	}
	.services h2 
	{
	font-size:14px;
	}
	
}

@media screen and (min-width: 761px) and (max-width: 860px) {
	.wrap{ width: 740px; margin:0px auto;}
	nav ul li a{ font-size:12px; padding:0px 11px;}
	section{
	width: 100%;
	}
	.services h2 
	{
	font-size:14px;
	}
	
	
}


@media screen and (min-width: 641px) and (max-width: 760px) {	
	.wrap{ width: 620px; margin:0px auto;}
	header{ text-align:center;}
	nav{ height:auto;}
	nav ul li{ float:none; text-align:center; border-bottom:1px solid #dedede; }
	nav ul li a{ font-size:11px; padding:0px 0px; width:100%;}
	section{
	width: 55%;
	font-size:16px;
	}
	.services h2 
	{
	font-size:14px;
	}
	/*
	#contents h1{ font-size:25px; text-align:left; line-height:30px;}
	#comments h1,.sidebar h1{ font-size:16px; text-align:left; line-height:normal;}
	#sidebar-wrapper {
	float: left; font-size:14px;
	width:30%;clear:both;
	}
	#logo{ background:url(../images/logo2.png) no-repeat; height:55px; width:200px; margin-left:auto; margin-right:auto;}
	*/
}


@media screen and (min-width: 421px) and (max-width: 640px) {
	.wrap{ width: 420px; margin:0px auto;}
	header{ text-align:center;}
	nav{ height:auto;}
	nav ul li{ float:none; text-align:center; border-bottom:1px solid #dedede; }
	/*.navigation a{ float:none; font-size:16px; padding:0px 0px; width:100%; text-align:center; text-transform:uppercase;}*/
	section{
	width: 95%;
	font-size:14px;position:relative;
	}
	.services h2 
	{
	font-size:12px;
	}
	/*
	
	#contents h1{ font-size:22px; text-align:left; font-weight:bold; line-height:normal;}
	#comments h1,.sidebar h1{ font-size:15px; text-align:left; line-height:normal;}
	#sidebar-wrapper {
	float: none; font-size:14px;
	width:95%;clear:both; 
	}
	#logo{ background:url(../images/logo2.png) no-repeat; height:55px; width:200px; margin-left:auto; margin-right:auto;}
	*/
}


@media screen and (min-width: 320px) and (max-width: 420px) {
	.wrap{ width: 320px; margin:0px auto;}
	header{ text-align:center;}
	nav{ height:auto;}
	nav{ float:none; text-align:center; border-bottom:1px solid #dedede; }
	nav a{ float:none; font-size:13px; padding:0px 0px; width:100%; text-align:center; text-transform:uppercase;}
	section{
	width: 95%;
	font-size:14px;position:relative;
	}
	.services h2 
	{
	font-size:12px;
	}
	/*
	#contents h1{ font-size:18px; text-align:left; font-weight:bold; line-height:normal;}
	#comments h1,.sidebar h1{ font-size:14px; text-align:left; line-height:normal;}
	#sidebar-wrapper {
	float: none; font-size:13px;
	width:95%;clear:both; 
	}
	#logo{ background:url(../images/logo3.png) no-repeat; height:41px; width:150px; margin-left:auto; margin-right:auto;}
	*/
}


@media screen and (min-width: 0px) and (max-width: 319px) {
	.wrap{ width: 100%; margin:0px auto;}
	header{ text-align:center;}
	nav{ height:auto;}
	nav ul li  a{ float:none;display:block; font-size:13px; padding:0px 0px; width:100%; text-align:center; text-transform:uppercase;}
	section{
	width: 95%;
	font-size:14px;position:relative;
	}
	.services h2 
	{
	font-size:12px;
	}
	/*
	#contents h1{ font-size:16px; text-align:left; font-weight:bold; line-height:normal; }
	#comments h1,.sidebar h1{ font-size:14px; text-align:left; line-height:normal;}
	#sidebar-wrapper {
	float: none; font-size:13px;
	width:95%;clear:both; 
	}
	#logo{ background:url(../images/logo3.png) no-repeat; height:41px; width:150px; margin-left:auto; margin-right:auto;}
	
	*/
}