@media all and (max-width: 1350px) {

}
@media all and (max-width: 1250px) {
}
@media all and (max-width: 1050px) {
	.overimg{
		width: 100%;
		float: none;
	}
    .views > ul > li.over_view .viewcontent{
    	padding-top: 30px;
    	float: none;
    	width: 100%;
    	padding-left: 0;
    }
	.viewcontent h2{
		font-size: 32px; 
	} 
	.views > ul > li.over_view .viewcontent li span{
		display: block;
		padding-left: 0;
		margin-bottom: 20px;
	}
}
@media all and (max-width: 750px) {
	ul.slider-btn{
		bottom: 90px;
	}
	body:not(.projects) header.main .projects li img{
		max-width: 100%;
		height: auto;
	}
	._m_.clBtn{
		/*display: block;*/
		display: none;
		position: fixed;
		top: 19px;
		right: 9px;
		background: rgba(58, 174, 102, 1) url('../images/call-button.png') no-repeat 14px 15px;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		text-indent: 100px;
		white-space: nowrap;
		box-shadow: 0 0 0 1px rgba(58, 174, 102, 1);
		/*border: 1px solid rgba(58, 174, 102, 1);*/
		/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.44);*/
	}
	._m_.clBtn:active{
		box-shadow: 0 0 0 100px rgba(58, 174, 102, 0);
		/*border: 20px solid rgba(58, 174, 102, 1);*/
	}
}
@media all and (max-width: 660px) {	 
    header.main{
    	left: 0;
    	right: 0;
    	width: auto;
    	top: 0;
    	overflow: hidden;
    	height: auto;
    	position: relative;
    	bottom: inherit;
    }
    body.home header.main{
    	position: absolute;
    	bottom: 0;
    	height: auto;
    }
    header.main .projects {
    	padding-top: 0;
    	width: 100%;
    	height: auto;  
    }
    body:not(.home) header.main:before{
    	display: none;
    }
	header.main .projects li{
		width: 25%;
		text-align: center;  
	}
	section.contents{
		padding-left: 0;
		padding-top: 230px;
		top: 0;
	}
	header.main .logo{
		padding-top: 50px;
		padding-bottom: 0px;
	}
	body.projects header.main .logo{
    	padding: 16px 0;
    	margin: auto;
    	max-width: 270px;
	}
	body.projects header.main .projects li.active{
		border: none;
		border-top: 4px solid #FFF;
		float: left;
	}
	body.projects header.main .projects li{
		border-top: 4px solid transparent;
	}
	section .logo{
		display: none;
	}
	ul.headlink {
		padding-top: 58px;
		border: none;
		position: relative;
	}
	ul.headlink li{
		width: 100%;
		position: relative;
		z-index: 30;
		display: none;
	}
	ul.headlink li.active{
		display: block !important ;
		position: absolute;
		top: 0px;
	}
	ul.headlink li a{
		font-size: 18px;
		font-weight: 500;
		cursor: pointer;
		display: block;
		background: rgba(47, 56, 68, 0.89);
		border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	}
	ul.headlink li a:hover{
		color: #ccc;
	}
	ul.headlink.active li{
		display: block;
	}
	.headlink li.active a{	
    	border-bottom: none;
    	padding: 18px 12px;
    	display: block;	
	}
	ul.headlink li.active a:after{
		content: '≡';
		display: block;
		font-size: 34px;
		position: absolute;
		width: 50px;
		color: #fff;
		right: 10px;
		text-align: center;
		top: 15px;
		cursor: pointer;
	}
	body:not(.home) section.contents{
    	position: relative;
    	left: 0;
    	bottom: 0;
    	z-index: 10;
    	top: 0;
    	padding-top: 0;
	}
	body:not(.home){
		overflow: auto;
	}
	.views{
		top: 0;
		left: 0;
		position: relative;
	}
	.views > ul > li.over_view .overimg{
		float: none;
		width: 100%;
	}
	footer.main{
        padding-top: 20px;
        background: rgba(0, 0, 0, 0.41);
        float: none;
        width: 100%;;
 	}
 	body:not(.home) footer.main{
    	height: auto;
    	padding: 10px;
    	position: relative;
 	}
 	ul.contact:after{
 		top: 50%;
 		margin-top: -15px;
 		width: 30px;
 		height: 28px;
 		left: 10px;	
 	}

 	ul.enquire:after{
 		top: 50%;
 		margin-top: -15px;
 		width: 30px;
 		height: 28px;
 		left: 10px;	
 	}
 	.social{
 		padding: 0;
 	}
 	footer.main > .left,
 	footer.main > .right{
 		width: 50%;
 		padding: 0;
 	}
 	.contact{
    	padding-left: 50px;
    	font-size: 15px;
 	}
 	.enquire{
    	padding-left: 50px;
    	font-size: 15px;
 	}
 	body.projects section.contents{
 		background: none;
 	}
 	body.projects{
 		background: url('../images/full-bg-blured.jpg') no-repeat;
 		background-size: cover;
 		background-attachment: fixed;
 	}
}
@media all and (max-width: 550px) {


}
@media all and (max-width: 450px) {
	header.main .projects li img{
		height: auto;
		max-width: 100%;
	}
	.social {
	}
	section.slider{
		height: auto;
	 } 
    .contact {
    	width: 100%;
	} 
	.enquire {
    	width: 100%;
	} 
/*header*/
    header.main .logo img{
       height: auto;
       margin-top: -18px;
       max-width: 100%;
       padding: 0 20px;
   } 	
   header.main .projects li {
    	width: 50%; 
   }
}
@media all and (max-width: 350px) {
	header.main.projects{
		width: 100%
		height:auto;
	} 
	ul.contact:after{
    	display:none;
	} 
	ul.contact{
		padding-left: 5px;
	}
	ul.enquire:after{
    	display:none;
	} 
	ul.enquire{
		padding-left: 5px;
	}
}
@media all and (max-width: 240px) {	
	/*body.home{
		min-height: 760px;
	}*/
}