
@media only screen and (max-width: 1367px) {
	
	.nav-warp{
	
	padding:15px 0px;
}
	
    .right-btn a{
	
		font-size:16px;
		padding:6px 25px;
				}
	.main-menu ul li{
	
		padding:0px 17px;
	
				}
	.main-menu ul li a{
			font-size:16px;
			}
			.main-menu ul{
	
				margin-top:16px;
				}
}





@media only screen and (max-width: 1366px){
	.headerTop .con{
		width: 80%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1360px){
	.footer .con .footer_mid p{
		margin-left: 25%;
	}
}

@media only screen and (max-width: 1310px){
	.footer .con .footer_right p{
		margin-left: 20%;
	}
}

@media only screen and (max-width: 1200px){
	.footer .con{
			width: 80%;
		}
	
}

@media only screen and (max-width: 1016px){

	.footer .con .footer_right p{
		margin-left: 30%;
	}
	
	.footer .con{
		width: 95%;
	}
}

@media only screen and (max-width: 950px){
	.footer .con .footer_right p{
		margin-left: 10%;
	}
}


@media only screen and (max-width: 990px){
	
	.headerTop .con .headerLeft{
		width: 100%;
		float: none;
		padding: 12px 0;
		display: block;
		text-align: center;
	}
	
	.headerTop .con .headerMiddle{
		width: 70%;
		padding: 15px 0;
		text-align: left;
	}
	
	.headerTop .con .headerMiddle p{
		width: 305px;
		padding: 15px 0;
		text-align: left;
	}
	
	.headerTop .con .headerRight{
		width: 30%;
		padding: 15px 0;
		text-align: right;
		margin-top: 30px;
	}
	
	.footer .con .footer_left,.footer_mid,.footer_right{
		text-align: center;
	}

}

@media only screen and (max-width: 800px){
	.headerTop .con .headerMiddle{
		width: 100%;
		padding: 15px 0;
		text-align: center;
	}
	
	.headerTop .con .headerMiddle p{
		width: 100%;
		text-align: center;
	}
	
	.headerTop .con .headerRight{
		width: 100%;
		padding: 15px 0;
		text-align: center;
		margin-top: 0;
	}
}

@media only screen and (max-width: 768px) {
	
	.container{
	
	width:85%;
	margin:0px auto;
}
.main-menu{
	
	display:block;
}
.right-btn{
	
	display:none;
}
.mobile-menu{
	
	display:block;
	
}
.right-btn2{
	
	display:block;
	width:15%;
	float:right;
	text-align:right;
	
}

.again-top-sec{
	display: none;
}
.mb{
	display:block;
}

.sec-warp{
	
	width:86%;
	float:right;
	margin-top:20%;
	
}
	 .text-head h3{
	 
	 
	 font-size:26px;
	
 }
  .text-main p{ 
	  
	 font-size:14px;	 
 }
  .text-btn a{
	 font-size:14px;
	 padding:8px 14px;
	 	}
		.sec-warp {
    width: 88%;
    float: right;
    margin-top: 5%;
}
			.sec-left{
	
			width:67%;
			float:left;
}
		.sec-right{
	
	width:30%;
	float:right;
	position:relative;
	
}
.front-img {
    width: 100%;
    height: auto;
    position: absolute;
    left: -10%;
    bottom: 0%;
    top: 10px;
}

.mb-text-head {
		float: none !important;
		width:90%;
		margin:auto;
    margin-bottom: 50px;
    
}
.mb-text-head h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #383838;
    font-size: 30px;
    line-height: 40px;
    margin: 0px;
    text-align: center;
    width: 100%;
}
.mb-text-main p {
    width: 100%;
    font-size: 15px;
    color: #393939;
    text-align: center;
}


}

@media only screen and (max-width: 754px){
	.footer .con .footer_right p{
		margin-left: 0;
	}
}



@media only screen and (max-width: 786px){
	.headerTop .con{
		width: 80%;
		margin: 0 auto;
	}
	
	
	
	

}

@media only screen and (max-width: 686px){
	.footer .con .footer_mid p{
		font-size: 8px;
	}

	.footer .con .footer_mid a{
		font-size: 8px;
	}

	.footer .con .footer_right p{
		font-size: 8px;
	}

}

@media only screen and (max-width: 575px){
	.footer .con .footer_mid p{
		font-size: 12px;
		text-align: center;
		margin-left: 0;
		padding: 5px 0;
	}
	
	.footer .con .footer_mid a{
		font-size: 12px;
		padding: 5px 0;
	}
	
	.footer .con .footer_right p{
		font-size: 12px;
		text-align: center;
		padding: 5px 0;
	}
}
}

@media only screen and (max-width: 500px){
	.headerTop .con{
		width: 90%;
		margin: 0 auto;
	}

	
}

@media only screen and (max-width: 450px){

	

	.footer .con .footer_mid p{
		font-size: 10px;
	}
	
	.footer .con .footer_mid a{
		font-size: 10px;
	}
	
	.footer .con .footer_right p{
		font-size: 10px;
	}
}
}
