@viewport {
  width: device-width;
}

/************************************************************************************
smaller than 800
*************************************************************************************/

@media screen and (max-width: 800px) {
a {
	color: #4c4042;
}

#mmenu  {
	visibility: visible !important;
}

.header {
	display: none;
}

.header_mobile {
	display: block;
	position: fixed;
	width: 100%;
	background-color: #FFF;
	top: 0;
	box-shadow: 0 0 10px 0 #343433;
	box-sizing: border-box;
	z-index: 2;
}

.mt20 {
	margin-top: 0px !important;
}

.mt52 {
	margin-top: 52px !important;
}

.btn_menu {
	float: left;
	width: 30px;
	margin: 5px 10px;
}

.btn_menu a {
	color: #000;
	font-size: 25px;
}

.mdn {
	display: none;
}

.wrapper {
	width: 100%;
	margin: 0px auto;
	background-color: #FFF;
}

.wrapper:after {
	clear: both;
    content: "";
    display: table;
}

.container {
	width: 100%;
	margin: 0 auto;
}

.ddn {
	display: block;
}

.logo_mobile {
	width: 120px;
	float: left;
	margin-top: 5px;
}

.logo_mobile img {
	height: 25px;
}

.tel_mobile {
	width: 120px;
	float: right;
	margin-top: 5px;
	font-size: 12px;
}

.slider {
	width: 100%;
	margin: 0 auto;
	z-index: 5;
	padding-top: 40px;
	box-shadow: 0 0 15px rgba(0,0,0,0.8);
}

.container_w {
	width: 98%;
	margin: 0 auto;
	padding: 1%;
}

.left_menu {
	display: none;
}

.right_content {
	width: 100%;
}

.right_content_h {
	width: 100%;
}

.right_content_h iframe {
	width: 100%;
}

.af_pp {
	width: 46%;
	float: left;
	margin: 2%;
}

.af_pp_img {
	width: 100%;
}

.af_pp_img img {
	max-width: 100%;
	max-height: 100px;
}

.af_pp_left {
	width: 100%;
	float: left;
}

.ml20 {
	margin-left: 0px;
}

.af_ppp {
	width: 46%;
	float: left;
	margin: 2%;
	transition: all 1s ease 0s;
}


.af_ppp_img {
	width: 100%;
}

.af_ppp_img img {
	max-width: 100%;
	max-height: 100px;
	border-radius: 5px 5px 0px 0px;
}

.container_footer {
	width: 96%;
	margin: 2% !important;
}

.mlr30 {
	margin: 0px 0px;
}

.mr30 {
	margin-right: 0px;
}

.ml30 {
	margin-left: 0px;
}

.footer_content {
	width: 100%;
	padding: 15px 0px;
}

.copyright {
	width: 96%;
	margin: 0 2%;
}

.pin  { 
	width: 46%;
	margin: 2%; 

}

.af_pp_desc {
	min-height: 55px;

}



}