	.row { 
		position: relative; 
		width: 1000px; 
		margin: 0 auto; margin-top:10px;
	}
	
	.row .row { 
		width: auto; 
		margin: 0;
	 }

 	.span1, 
	.span2, 
	.span3, 
	.span4, 
	.span5, 
	.span6, 
	.span7, 
	.span8, 
	.span9, 
	.span10, 
	.span11, 
	.span12 { float: left; }

	.span1 { 
		width: 60px;  
		margin-left: 20px; 
	}
	
	.span2 { 
		width: 140px; 
		margin-left: 20px; 
	}
	
	.span3 { 
		width: 220px; 
		margin-left: 20px; 
	}
	
	.span4 { 
		width: 300px;
		margin-left: 20px; 
	}
	
	.span5 { 
		width: 380px; 
		margin-left: 20px; 
	}
	
	.span6 { 
		width: 460px; 
		margin-left: 20px; 
	}
	
	.span7 { 
		width: 540px; 
		margin-left: 20px; 
	}
	
	.span8 { 
		width: 620px; 
		margin-left: 20px; 
	}
	
	.span9 { 
		width: 700px; 
		margin-left: 20px; 
	}
	
	.span10 { 
		width: 780px; 
		margin-left: 20px; 
	}
	
	.span11 { 
		width: 860px; 
		margin-left: 20px; 
	}
	
	.span12 { 
		width: 1000px; 
		margin-left: 20px; 
	}
	
	.span1:first-child, 
	.span2:first-child, 
	.span3:first-child, 
	.span4:first-child, 
	.span5:first-child, 
	.span6:first-child, 
	.span7:first-child, 
	.span8:first-child, 
	.span9:first-child, 
	.span10:first-child, 
	.span11:first-child, 
	.span12:first-child { margin-left: 0; }
 
	.visible-phone { display: none !important; }
	.visible-tablet { display: none !important; }
	.hidden-desktop { display: none !important; }
	.visible-desktop { display: inherit !important; } 
	
	

#nav-wrap {
	margin-top: 40px;
}


#menu-icon {
	display: none; 
}




	@media (min-width: 1400px) {
	
		.row { width: 1000px; margin-top:10px; }
	
		.span1 { 
			width: 70px;  
			margin-left: 30px; 
		}
		
		.span2 { 
			width: 70px; 
			margin-left: 30px; 
		}
		
		.span3 { 
			width: 170px; 
			margin-left: 30px; 
		}
		
		.span4 { 
			width: 270px; 
			margin-left: 30px; 
		}
		
		.span5 { 
			width: 370px; 
			margin-left: 30px; 
		}
		
		.span6 { 
			width: 470px; 
			margin-left: 30px; 
		}
		
		.span7 { 
			width: 570px; 
			margin-left: 30px; 
		}
		
		.span8 { 
			width: 670px; 
			margin-left: 30px; 
		}
		
		.span9 { 
			width: 770px; 
			margin-left: 30px; 
		}
		
		.span10 { 
			width: 870px;
			margin-left: 30px;
		}
		
		.span11 { 
			width: 970px; 
			margin-left: 30px; 
		}
		
		.span12 { 
			width: 1000px;
			margin-left: 30px; 
		}
		
	}
 


	@media (min-width: 768px) and (max-width: 979px) {
		
		.row { width: 705px; margin-top:10px; }
	
		.span1 { 
			width: 45px;  
			margin-left: 15px; 
		}
		
		.span2 { 
			width: 105px; 
			margin-left: 15px; 
		}
		
		.span3 { 
			width: 165px; 
			margin-left: 15px; 
		}
		
		.span4 { 
			width: 225px; 
			margin-left: 15px; 
		}
		
		.span5 { 
			width: 285px; 
			margin-left: 15px; 
		}
		
		.span6 { 
			width: 345px; 
			margin-left: 15px; 
		}
		
		.span7 { 
			width: 405px; 
			margin-left: 15px; 
		}
		
		.span8 { 
			width: 465px; 
			margin-left: 15px; 
		}
		
		.span9 { 
			width: 525px; 
			margin-left: 15px; 
		}
		
		.span10 { 
			width: 585px;
			margin-left: 15px; 
		}
		
		.span11 { 
			width: 645px; 
			margin-left: 15px; 
		}
		
		.span12 { 
			width: 705px;
			margin-left: 15px; 
		}
		
		.hidden-desktop { display: inherit !important; } 
		.visible-desktop { display: none !important; }
		.visible-tablet { display: inherit !important; } 
		.hidden-tablet { display: none !important; }
		
	}



	@media (max-width: 767px) {
	
		.post-wrapper-top h1{ margin-left:20px;}
		.top
		.topmenu{ display:none;}
		.row { width: auto; margin-top:10px; }
		
		.span1,
		.span2,
		.span3,
		.span4,
		.span5,
		.span6,
		.span7,
		.span8,
		.span9,
		.span10,
		.span11,
		.span12 { 
			float: none;
			display: block;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			margin-left: 0;
		}
		
		.hidden-desktop { display: inherit !important; }
		.visible-desktop { display: none !important; }
		.visible-phone { display: inherit !important; }
		.hidden-phone { display: none !important; }

	}
	
	
	@media screen and (max-width: 600px) {
		
		.whitebox{ width:90%; margin-top:5%;}
		.whitebox img{ width:90%;}
		.advert1{width:100%;}
		.advert1 ul li,.advert2 ul li{ width:100%; display:block; margin:5px 0px; } 
		.newsborder{ float:left; margin-top:5%;width:90%;}
		.proshow { margin-left:30px;}
		.probox {
			background: none;
			width: 320px !important;
			height: 200px !important;
			margin-top: 50px !important;
		}
		.probox .proimg {
			width: 320px !important;
			height:200px;
			margin: 10px 0px;
			float: left;
			background: #FFFFFF;
		}
		.probox .proimgin {
			width: 320px !important;
			height:200px;
			margin: 10px 0px;
			float: left;
			background: #FFFFFF;
		}
		.proimg img{width:300px !important;}
		.proimgin img{width:300px !important;}
		#featured {	width:320px !important;position:relative;	height:200px !important}
		.probox .protext{width:250px; height:auto; margin-left:30px; float:left;}
		.probox .name { margin-top:10px;}
		#featured ul.ui-tabs-nav { top:150px !important;}
		#faq ul{ float:none;}
		
		.row {
			width: auto;
			margin-left: 10px;
			}
		
		#nav-wrap {
			position: relative;
		}
	
		
		#menu-icon {
			color: #000;
			width: 42px;
			height: 30px;
			background: #ecebeb url(../image/menu-icon.png) no-repeat 10px center;
			padding: 8px 10px 0 42px;
			cursor: pointer;
			border: solid 1px #666;
			display: block; 
		}
		#menu-icon:hover {
			background-color: #f8f8f8;
		}
		#menu-icon.active {
			background-color: #bbb;
		}
		
		
		#nav {
			clear: both;
			position: absolute;
			top: 38px;
			width: 160px;
			z-index: 10000;
			padding: 5px;
			background: #f8f8f8;
			border: solid 1px #999;
			display: none; 
		}
		#nav li {
			clear: both;
			float: none;
			margin: 5px 0 5px 10px;
		}
		#nav a, 
		#nav ul a {
			font: inherit;
			background: none;
			display: inline;
			padding: 0;
			color: #666;
			border: none;
		}
		#nav a:hover, 
		#nav ul a:hover {
			background: none;
			color: #000;
		}
		
		
		#nav ul {
			width: auto;
			position: static;
			display: block;
			border: none;
			background: inherit;
		}
		#nav ul li {
			margin: 3px 0 3px 15px;
		}
		
		
		
		.sf-arrows .sf-with-ul {
			padding-right: 2.5em;
			*padding-right: 1em; 
		}
		
		.sf-arrows .sf-with-ul:after {
			content: '';
			position: absolute;
			top: 50%;
			right: 1.2em;
			margin-top: -3px;
			height: 0;
			width: 0;
			
			border: none;
		}
		.sf-arrows > li > .sf-with-ul:focus:after,
		.sf-arrows > li:hover > .sf-with-ul:after,
		.sf-arrows > .sfHover > .sf-with-ul:after {
			border: none; 
		}
		
		.sf-arrows ul .sf-with-ul:after {
			margin-top: -5px;
			margin-right: -3px;
			border-color: none;
		}
		.sf-arrows ul li > .sf-with-ul:focus:after,
		.sf-arrows ul li:hover > .sf-with-ul:after,
		.sf-arrows ul .sfHover > .sf-with-ul:after {
			border-left-color: none;
		}
		

	}
	
	@media screen and (min-width: 600px) {
	
		
		#nav {
			display: block !important;
		}
	
	}
	



	.float-left { float: left; }
	.float-right { float: right; }



	.responsive-img { 
		max-width: 100%; 
		height: auto; 
	}
	
	
	 
	.responsive-embed {
		position: relative;
		overflow: hidden;
		height: 0;
		padding: 0;
		padding-bottom: 56.25%; 	
		margin-bottom: 20px;
	}

	.responsive-embed iframe,
	.responsive-embed object,
	.responsive-embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}



	
	 
	.row:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	
	 
	.fixed:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
		
	 

	

	
	
	 
	input.span1,
	textarea.span1,
	select.span1,
	input.span2,
	textarea.span2,
	select.span2,
	input.span3,
	textarea.span3,
	select.span3,
	input.span4,
	textarea.span4,
	select.span4,
	input.span5,
	textarea.span5,
	select.span5,
	input.span6,
	textarea.span6,
	select.span6,
	input.span7,
	textarea.span7,
	select.span7,
	input.span8,
	textarea.span8,
	select.span8,
	input.span9,
	textarea.span9,
	select.span9,
	input.span10,
	textarea.span10,
	select.span10,
	input.span11,
	textarea.span11,
	select.span11,
	input.span12,
	textarea.span12,
	select.span12 {
		float: none; 	
		margin-left: 0; 
	}