.nayok{
	width:100%;
}
.nayok .text{
	/* margin-top:15px; */
	color:#000;
	/* text-align:justify; */
	/* font:20px/24px 'thaisanslite', Arial, sans-serif; */
	padding: 15px;
	font-size: 15px;
	background: #f7f7f7;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.nayok .pic{
	width:100%;	
}
.nayok .pic img{
	max-width:100%;
	height:auto;	
}


.mayor-new{
	margin: 37px 0 0px 0;
	padding: 0 0 50px 0;
	/* min-height: 430px; */
	background:url(../../images/contant-81-1/mayor-new/bg.png) top center no-repeat;
}
.mayor-new .mayor-left{
	position:relative;
}
.mayor-new .mayor-left .mayor-pic{
	/* position:absolute; */
	/* top: 30px; */
	/* left:0; */
	/* z-index:1; */
	position: relative;
	z-index: 1;
}
.mayor-new .mayor-left .mayor-pic img{
	max-width:100%;
	height:auto;
}
.mayor-new .mayor-left .mayor-name{
	position: absolute;
	top: 310px;
	left: 30px;
	width: max-content;
	height: 77px;
	z-index: 1;
	padding-top: 10px;
	padding-left: 21px;
	padding-right: 50px;
	font: 21px/14px 'Kanit', Arial, sans-serif;
	color: #fff;
	background: #39405c;
	border-bottom: #77b7c0 5px solid;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.mayor-new .mayor-left .mayor-position{
	font: 16px/24px 'Kanit', Arial, sans-serif;
	color: #fff;
}
.mayor-new .mayor-right{
	position:relative;
}
.mayor-new .mayor-right .logo{
	/* position:absolute; */
	/* top:0; */
	/* left:50%; */
	/* margin-left:-60px; */
	text-align: center;
}
.mayor-new .mayor-right .logo img{
	max-width:100%;
	height:auto;
}
.mayor-new .mayor-right .slogan{
	/* position:absolute; */
	/* top: 140px; */
	/* left:0; */
	margin-top: 15px;
	width:100%;
	text-align:center;
	font: 23px/31px 'Kanit', Arial, sans-serif;
	color: #000000;
}

.nayok .col-2{
	display:none;
}
@media (max-width: 424px) { 
.mayor-new .col-lg-3{
	display:block;	
}
.mayor-new .mayor-left .mayor-pic{
	position:relative;
	top:0;
	left:0;
	margin-left:0;
	text-align: center;
}
.mayor-new .mayor-left .mayor-name{
	    width: 100%;
	    position: relative;
	    top: 0;
	    left: 0px;
	    margin-left: 0;
	    padding-left: 17px;
	    text-align: center;
	    background-position: 0% 0%;
}
.mayor-new .mayor-right .logo {
	top: 10px;
	margin-top: 15px;
}
.mayor-new .mayor-right .slogan{
	    font: 18px/31px 'Kanit', Arial, sans-serif;
}
 }
@media (min-width: 425px) and (max-width: 575px) { 
.mayor-new .col-lg-3{
	display:block;	
}
.mayor-new .mayor-left .mayor-pic{
	position:relative;
	top:0;
	left:0;
	margin-left:0;
	text-align: center;
}
.mayor-new .mayor-left .mayor-name{
	    width: 350px;
	    position: relative;
	    top: -11px;
	    left: -7px;
	    margin-left: 0;
	    padding-left: 29px;
	    text-align: center;
}
.mayor-new .mayor-right .logo {
	top: 10px;
}
.mayor-new .mayor-right .slogan{
	    font: 28px/31px 'PGVIM', Arial, sans-serif;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.mayor-new .col-lg-3{
	display:block;	
}
.mayor-new .mayor-left .mayor-pic{
	position:relative;
	top:0;
	left:0;
	margin-left:0;
}
.mayor-new .mayor-left .mayor-name{
	    width: 350px;
	position: relative;
    top: 0;
    left: -7px;
    margin-left: 0;
    padding-left: 17px;
}
.mayor-new .mayor-right .logo {
	top: 10px;
}
.mayor-new .mayor-right .slogan{
	    font: 28px/31px 'PGVIM', Arial, sans-serif;
}
 }
@media (min-width: 768px) and (max-width: 991px) {
	.mayor-new .col-lg-3{
	display:block;	
}
.mayor-new .mayor-left .mayor-pic{
	position:relative;
	top: 50px;
	left:0;
	margin-left:0;
}
.mayor-new .mayor-left .mayor-name{
	    width: 690px;
	    position: relative;
	    top: -50px;
	    left: 183px;
	    margin-left: 0;
	    padding-left: 37px;
}
.mayor-new .mayor-right .slogan{
	    font: 28px/31px 'PGVIM', Arial, sans-serif;
}
	 }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }