project/media.css

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	.position{
		width:100%;
		padding:6px;
		padding-bottom:0px;
		background: rgba(154, 175, 202,0.78);
	}
	.logo{
		width:120px;
		height:25px;
	}
	.menu-icon{
		display:block;
		transition:1s;
	}
	.menu{
		display:none;
		width:100%;
		position:absolute;
		left:0;
		text-align:center;
		z-index:100;
		padding-top:0px;
		background:rgba(154, 175, 202,0.78);
		
	}
	.menu li{
		margin-right:0;
		padding:10px;
		border-bottom:1px solid #8e9fb3;
	}
	.menu li a:focus {
		color:#bfeff5;
	}
	.menu li a{
		font-size:20px;
	}
	.menu li:last-child a{
		font-size:20px;
	}
	
	.header{
		padding:0px;
		height:232px;
	}
	
	.room{
		width:100%;
		padding:5px 10px 0px 10px;
		height:80px;
	}
	.room h2{
		margin-bottom:10px;
		font-size:16px;
	}
	.button-one{
		width:210px;
		padding:5px 7px;
		font-size:14px;
		text-align:center;
		margin:0 auto;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}
	.block-two{
		display:block;
		padding-bottom:50px;
	}
	.block-two .image-two {
		width: 100%;
		height: 300px;
	}
	
	.image-three {
		position: absolute;
		left: 22%;
		top: 22%;
		width: 170px;
	}
	
	.content{
		width:100%;
		padding:0px 10px; 
		text-align:justify;
	}
	.content h2{
		font-size:20px;
		padding-bottom:20px;
	}
	.content p{
		font-size:15px;
		margin-bottom:80px;
	}
	.button-two{
		padding: 15px 20px 13px 20px;
		margin:0 auto;
		text-align:center;
		font-size:18px;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}
	
	.block-three{
		height:500px;
		background-size:100% 46%;
		padding:0px;
		margin-bottom:50px;
		
	}
	.dis{
		width:100%;
		padding:76% 10px 0px 10px;
		text-align:justify;
	}
	.dis h2{
		font-size:20px;
		padding-bottom:10px;
	}
	.dis p{
		font-size:14px;
		line-height:20px;
	}
	.block-four{
		padding:0px;
		height:800px;
	}
	.block-four .fx{
		display:block;
		padding-bottom:20px;
	}
	.content-four{
		width:100%;	
		padding:0px 10px;
		padding-top:220px;
	}
	
	
	.block-four .fx img {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
}
	
	.content-four h2{
		font-size:20px;
		padding-bottom:20px;
		padding-left:0px;
	}
	.content-four p{
		font-size:14px;
		text-align:justify;
	}
	
	.image-four{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:200px;
	}
	.footer{
		height:400px;
	}
	.footer h2{
		width:100%;
		font-size:20px;
		padding:33px 0px 50px 0px;
	}
	.footer form{
		width:100%;
		padding:0px 10px;
	}
	
	.footer form p input{
		font-size:16px;
		padding:10px;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px
	
	}
	
	
	
	#modal_form {
		width:310px;
		margin-left:-155px;
		top:13% !important;
	}
	
	#modal_form #modal_close {
		display:block;
	}
	#modal_form h2{
		font-size:24px;
	}
	#modal_form p{
		font-size:18px;
		padding-bottom:20px;
	}
	#modal_form form p input{
		height:50px;
		font-size:16px;
	}
	#modal_form form :last-child {
    	padding-top:15px;
	}
	#modal_form form :last-child input{
		padding-top:5px;
	}
	#modal_close img{
		width:20px;
	}
	
	
}