@media screen and (max-width: 1280px) {
	.main_content form input{
		width: 300px;
	}
}

@media screen and (max-width: 1000px) {
	.main_content form input{
		width: 200px;
	}
	.footer-social li a { 
		padding: 5px 8px;
		font-size: 14px;
	}
}

@media screen and (max-width: 950px) {
	.nav_container {
    	width: 50%; 
	} 
	h2 {
		font-size: 1.8em; 
	}
}

@media screen and (max-width: 800px) {
	.nav_container {
		width: 70%; 
	}
  	.nav_works span, .nav_about span {
		font-size: 22px; 
	}
	h3{
		font-size: 1.5em;
		line-height: 1.2em;
	}
	h4{
		font-size: 1em; 
		line-height: 1.2em; 
	}
	.nav_container hr{
		height: 3px;
		margin: 15px 0px;
	}
 	.nav_about_content p,
	.nav_contact_content p{
		font-size: 0.7em;
		margin-bottom: 1.5em;
	}
	.nav_contact_content ul li span{
		font-size: 20px;
	}
	.nav_content_container input,
	.nav_content_container textarea,
	.nav_content_container form button{
		font-size: 12px;
	}
	.nav_content_container input,
	.nav_content_container textarea{
		padding: 8px;
	}
	.nav_content_container form button{
		padding: 6px 15px;
	}
	.nav_content_container form{
		margin-top: 20px;
	}
	.success-message,
	.error-message{
		font-size: 12px;	
	}
	.footer-social li a { 
		padding: 5px 8px;
		font-size: 14px;
	}
	.success-message-2{
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.slideshow-pattern {
		display:block;
	}
	.main_div{
		bottom: 30px;
	}
	.main_div .messages{
		width: 90%;
		background: transparent;
		padding: 0px 20px;
		text-align: left;
	}
	.main_div .messages h2{
		margin-left: 0%;
	}
	.main_div .main_content{
		width: 90%;
		color: #fff;
		padding: 0px 20px;
		margin-left: 0%;
		background: transparent;
		color: #fff;
	}
	.main_content p.intro{
		color: #fff;
	}
	.main_content form input:-moz-placeholder,
	.main_content form textarea:-moz-placeholder {
		color: white;
	}
	.main_content form input::-moz-placeholder,
	.main_content form textarea::-moz-placeholder {
		color: white;
	}
	.main_content form input:-ms-input-placeholder,
	.main_content form textarea:-ms-input-placeholder {
		color: white;
	}
	.main_content form input::-webkit-input-placeholder,
	.main_content form textarea::-webkit-input-placeholder {
		color: white;
	}
	.main_content form input{
		border: 1px solid #fff;	
		color: #fff;
	}
	.main_content form button{
		border: 1px solid #fff;
		border-left: 0px;
		color: #fff; 
	}
	.main_content form button:hover{
		border: 1px solid #fff;
		background: #fff;
		color: #333; 
	}
	.footer-social li a { 
		color: #fff;
		opacity: 0.5;
	}
}

@media screen and (max-width: 480px) {
	.nav_container {
		width: 100%; 
	}
	h2{
		font-size: 1.6em;
		line-height: 1em;
	}
	h3{
		font-size: 1.3em;
		line-height: 1.1em;
	}
	.nav_container hr{
		margin: 10px 0px;
	} 
	.main_div .messages,
	.main_div .main_content{
		width: 80%;
	}
	.main_div .messages{
		height: 70px;
	}
}

@media screen and (max-width: 380px) {
	.main_content form input{
		width: 94%;	
		padding: 6px;
	}
	.main_content form button{
		width: 100%;
		padding: 6px;
		margin-left: 0px;
		border: 1px solid #fff;
		border-top: 0px;
	}
}