.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/content-81-1/mayor-new/bg.png) top center no-repeat; */
}
.mayor-new .mayor-left{
	position:relative;
	padding-top: 34px;
}
.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: 284px;
	left: 250px;
	width: 680px;
	height: 70px;
	z-index: 0;
	padding-top: 4px;
	padding-left: 85px;
	font: 21px/30px 'lineseed', Arial, sans-serif;
	color: #fff;
	background: url(../../images/content-81-1/mayor-new/bg-name.png) top left no-repeat;
}
.mayor-new .mayor-left .mayor-position{
	font: 16px/18px 'lineseed', 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: 0px;
    width: 100%;
    text-align: center;
    font: 19px/27px 'lineseed', Arial, sans-serif;
    background: url(../../images/content-81-1/mayor-new/bg-slogan.png) top center repeat;
    color: #fff;
	padding:10px;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.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 'lineseed', Arial, sans-serif;
}
.mayor-new {
    background:url(../../images/content-81-1/mayor-new/bg.png) bottom center no-repeat;
}
 }
@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: 2px;
	    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 'lineseed', Arial, sans-serif;
}
.mayor-new {
    background:url(../../images/content-81-1/mayor-new/bg.png) bottom center no-repeat;
}
 }
@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 'lineseed', 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: -16px;
	margin-left:0;
}
.mayor-new .mayor-left .mayor-name{
	    width: 690px;
	    position: relative;
	    top: 50px;
	    left: 1px;
	    margin-left: 0;
	    padding-left: 37px;
}
.mayor-new .mayor-right .slogan{
	    font: 28px/31px 'lineseed', Arial, sans-serif;
}
	 }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }