@media (max-width: 1700px) {
	
}

@media (max-width: 1400px) {

}

@media (max-width: 1300px) {
	.project-post {
	    width: 33.3%;
	}
}

@media (max-width: 1199px) {
	.right_content { left:65%;width:35%;}
}

@media (max-width: 991px) {
	.project-post {
	    width: 49.99%;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.right_content {min-height: 100%; float:left; padding-right:50px;padding-left:40px;position:absolute;top:0px; left:66%;width:34%;}
}

@media only screen and (min-device-width : 769px) and (max-device-width : 1279px) and (orientation : landscape) {
	.right_content {min-height: 100%; float:left; padding-right:50px;padding-left:50px;position:absolute; left:66%; width:34%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.right_content {min-height: 100%;float:left; padding-left:20px;position:absolute; left:60%;padding-left:30px;padding-right:40px;width:40%}
}

@media (max-width: 767px) {
	.header {
		left: -230px;
	}
	
	.logo-box {
    padding: 5px 0 0 2px;
	}

	#content {
		padding-left: 0px;
		padding-top: 0;
	}
	
	#menu-toggle {
		display: block;
	}
	
	#menu-toggle.open {
		left: 250px;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	
	.right_content {height: auto;padding:20px;width:auto;float:left;position:relative;left:0px;margin:0; overflow: hidden;}
	
	.right_content h1{
		margin-top: 30px;
	}
	
	.rslides {
	  width: 100%;
	  height: auto;
	  }

	.rslides li {
	  width: 100%;
	  height: auto;
	  }

	.rslides img {
	  width: 100%;
	  height: auto;
	 }
}

@media (max-width: 581px) {

	.project-post {
	    width: 100%;
	}
}