.logo_section{float:left;}

@media all and (max-width : 1315px){
	
	.port-box{
		width:32%;
	}
}
@media all and (max-width : 1132px){
	
	.cont-box p{
		font-size:100%;
	}
	
	
	.top-header{width:100%; padding:20px 0;}
	.slider{padding-top:128px;}
}
@media all and (max-width : 974px){
	
	.nav {
		display:none;
	}
	.nav ul li{
		float:none;
		
	}
	.menu-res{
		display:block;
		background:#BAD993;
		
		
	}
	.menu-res a{
		padding:10px 20px;
		text-decoration:none;
		color:#fff;
		display:block;
		text-align:right;
		font-weight:bold;
		
	}
	.top-header {
		width:100%;
		overflow:hidden;
		background:rgba(255, 255, 255, 5);
	}
	.cont-img{
		float:none;
		width:70%;
		margin:auto;
	}
	.cont h2{
		text-align:center;
	}
	.cont-text{
		margin:auto;
		width:90%;
	}
	
	.logo_section{float:none; display:table; width:100%; padding:10px;}
	.logo{float:left !important; display:block;}
	.top-header-fix .logo img{height:auto !important;}
	.nav{width:100%;}
	.nav ul ul{position:static;}
	.nav ul ul li{background:#CCC;}
	.nav ul ul li a{background:#ccc;}
	.nav ul{padding-left:0; display:table; width:100%;}
	.nav > ul > li{width:33.33%; float:left;}
	.menu-res{display:table; width:100%;}
	.menu-res a{float:right; cursor:pointer;}
	.top-header{padding:0;}
	.top-header .mid-fix{width:100%;}
	
	.port-box .hover-box{bottom:0 !important;}
}
@media all and (max-width : 620px){
	.footer-top-logo{
		float:none;
		display:table;
		margin:auto;
	}
	.footer-top-text{
		float:none;
		margin:auto;
	}
	
	.nav > ul > li{width:50%;}

}
@media all and (max-width : 768px){
	.social{
		float:none;
		display:table;
		margin:auto;
	}
	.copyright{
		float:none;
		text-align:center;
	}
	.port-box{width:100%; margin-right:0; margin-bottom:15px; }

}
@media all and (max-width : 510px){
	.port-box{
		float:none;
		width:100%;
		margin:auto;
		margin-bottom:5px;
		overflow:hidden;
		
		
	}
	.port-box:last-child{
		margin:auto;
	}
	
	
	.nav > ul > li{width:50%;}
	
	.logo img{width:100px;}
	.logo_p{margin-top:16px; margin-left:0;}
	.port-box .hover-box{bottom:4px !important;}

}
@media all and (max-width : 320px){
	.mid{
		width:95%;
		margin:auto;
	}
	
	.nav ul li a{font-size:12px;}
	.logo img{width:80px;}
	.logo_p{margin-top:12px; margin-left:0;}
	
	

}