@media only screen and (max-width : 1250px) {
	.mph_sec1in1in1 h1 {font-size: 38px;}
	.mph_sec1in1in1 p {font-size: 18px;}

	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 550px; height: 550px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

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

@media only screen and (max-width : 1099px) {
	.mph_sec1in1in1 h1 {font-size: 34px;}
	.mph_sec1in1in1 p {font-size: 16px;}
	
	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 500px; height: 500px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

@media only screen and (max-width : 1050px) {
	.mph_sec1in1in1 h1 {font-size: 32px;}
	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 400px; height: 400px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

@media only screen and (max-width : 991px) {
	
	.mph_sec1in1in1 { padding-left: 50px;}
	.skillcon{width:100%;}
}

@media only screen and (max-width : 900px) {
	.mph_sec1in1in1 h1 {font-size: 30px;}
	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 350px; height: 350px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

@media only screen and (max-width : 810px) {
	.mph_sec1in1in1 h1 {font-size: 28px;}
	.mph_sec1in1in1 p {font-size: 15px;}

	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 350px; height: 350px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

@media only screen and (max-width : 810px) {
	.mph_sec1in1in1 h1 {font-size: 24px;}
	.mph_sec1in1in1 p {font-size: 14px;}

	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 320px; height: 320px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

@media only screen and (max-width : 767px) {
	.modal{padding:25px;}
	.controlleft{height: 50px; width: 50px;}
	.controlright{height: 50px; width: 50px;}

	#mph_sec2 .mph_sec2in2 {padding:50px 15px;}
	
	.sw_con1in2ul {display:none;}
	.sw_con1in3 {display:none;}
	
	.sw_con1 { width: 100%;height: 75px;}
	
	.sw_con1in1 .imglogo {
		width: auto;
		height: 45px;
		margin-top: 15px;
		margin-left: 15px;
		float: left;
	}
	
	.sw_con1menu{float:right;margin-right:15px;}
	
	#main_wrapper {padding-left: 0px;}
	
	/*.manu_bg {left: 100% !important;right:0px !important;}
	.wrapper_bg {left: 100% !important; right: 0px !important;}*/
	
	#mph_sec2 aside {
		width: 100%;
		position:relative !important;

	}
	
	#mph_sec2 article {
		width: 100%;

	}
	
	#mph_sec3 aside {
		width: 100%;
		position:relative !important;

	}
	
	#mph_sec3 article {
		width: 100%;

	}
	
	.sidebarmenu ul>li>a {
		text-decoration: none;
		color: #fff;
		font-size: 28px;
		font-family: 'noto_sansbold';
	}
	
	#mph_sec4{padding:100px 15px;}
	.mph_sec5in1{padding:0px 15px;}
	#mph_sec5{width:100%;height:auto%;}
	
	.itemdeskcon {
		background-color: #232327;
		width: 95%;
		bottom: 30px;
	}
}

@media only screen and (max-width : 620px) {
	.mph_sec1in1in1 {
		padding-left: 15px;
	}
	
	#mph_sec1 .imgcon{background-position: center center; background-repeat: no-repeat; background-size: contain; width: 300px; height: 300px;padding:0px;float:right;position: absolute;right: 0px;bottom:0px;z-index:40;}
}

@media only screen and (max-width : 530px) {
	
	.mph_sec1desk{display:none;}
	.mph_sec1mob{display:block;}
	
	#mph_sec1 .mpvermid {
		vertical-align: bottom;
	}
	
	.mph_sec1in1in1 h1 {
		margin-top:120px;
	}

	#mph_sec1 img{width:auto;height:300px;}
	.controlleft{height: 30px; width: 30px;}
	.controlright{height: 30px; width: 30px;}

	
	
		
}

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

}

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

}