@charset "utf-8";
/* CSS Document */

.footer-32-1{
	margin-top: 0px;
	padding: 0px;
	padding-top: 0px!important;
	/* height: 288px; */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27b381+1,54bf51+50,6dc536+100 */
	background:
	url(../images/footer-32-1/f-bg.png) top center no-repeat;
	position:
	relative;
	padding-bottom: 10px !important;
}
.footer-32-1 .logo-footer{
	    margin-top: 165px;
	margin-right: 20px;
	margin-bottom:10px;
}


.footer-32-1 .address-footer{
	    margin-top: 185px;
	    color: #104b0b;
	    font-size:18px;
	    line-height:25px;
	    /* margin-left:10px; */
	    font: 20px/23px  'kanit', Arial, sans-serif;
	    font-weight: bold;
}
.footer-32-1 .address-footer-2{
	color:#272727;
	font: 14px/21px  'kanit', Arial, sans-serif;
}


.footer-32-1 .address-footer a{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffe194;
	font-size:17px;
	
}

.footer-32-1 .social-footer{
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
	font: 25px/25px 'thaisanslite', Arial, sans-serif;
	color: #000;
	text-align:right;
}
.footer-32-1 .social-footer-in{
	margin: 0;
    padding: 0;
    position: relative;
    margin-top: 0px;
}

.footer-32-1 .footer-link{
	position:relative;
	left: 50%;
	margin-left: -124px;
	color:#000;
	width: 248px;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:14px;
	line-height: 31px;
}
.footer-32-1 .footer-link a{
	color:#000;
}
.footer-32-1 .footer-link a:hover{
	color:#000;
}


.panda-pic{
	position: absolute;
	width: 100%;
	top: 30px;
	z-index:1;
	text-align: center;
	font: 26px/62px 'Kanit', Arial, sans-serif;
	color: #fff;
	font-style: italic;
}
.panda-pic .panda-pic-1{

}
.footer-right{
	margin:0;
	padding:0;
	    margin-top: 173px;
	position:relative;
}
.footer-tel{
	margin:0;
	padding:0;
	margin-top: 12px;
	width: 40px;
	font: 35px/28px 'thaisanslite', Arial, sans-serif;
	font-weight:bold;
}
.footer-tel-2{
	margin:0;
	padding:0;
	margin-top: 10px;
	width: 100%;
	font: 16px/32px 'kanit', Arial, sans-serif;
	/* font-weight: bold; */
	color: #030303;
}
.footer-line{
	margin:0;
	padding:0;
	position:absolute;
	top: 0;
	right: 40px;
}
.footer-bt{
	width:100%;
	height:auto;
	}
	
.line-add {
    position: absolute;
    left: 290px;
    top: -30px;
}


.so-all{
	margin-top: 245px;
	}	
@media (max-width: 374px) { 
.footer-32-1 .address-footer {
   width: 100%;
   font: 20px/45px 'Kanit', Arial, sans-serif;
   margin-left: 15px;
   margin-top: 161px;
}
.footer-32-1{
	
}
.footer-32-1 .logo-footer {
    margin-top: 93px;
    margin-right: 40px;
    width: 100%;
    text-align: center;
    display: none;
}
.panda-pic{
	display: block;
}
.footer-right{
    margin-top: 0;
	margin-bottom:20px;
}
.footer-stat {
    position: relative !important;
    left: 0px !important;
}
.so-all{
	margin-top:50px;
}
}
@media (min-width: 375px) and (max-width: 413px) { 
.footer-32-1 .address-footer {
   width: 100%;
   /* font: 36px/45px 'Kanit', Arial, sans-serif; */
   margin-left: 25px;
   margin-top: 160px;
}
.footer-32-1{
	
}
.footer-32-1 .logo-footer {
    margin-top: 93px;
    margin-right: 40px;
    width: 100%;
    text-align: center;
    display: none;
}
.panda-pic{
	display: block;
}
.footer-right{
    margin-top: 0;
	margin-bottom:20px;
}
.footer-stat {
    position: relative !important;
    left: 0px !important;
}
.so-all{
	margin-top:50px;
}
}
@media (min-width: 414px) and (max-width: 575px) { 
.footer-32-1 .address-footer {
   width: 100%;
   font: 24px/45px 'Kanit', Arial, sans-serif;
   margin-left: 10px;
   margin-top: 158px;
}
.footer-32-1{
	
}
.footer-32-1 .logo-footer {
    margin-top: 93px;
    margin-right: 40px;
    width: 100%;
    text-align: center;
    display: none;
}
.panda-pic{
	display: block;
}
.footer-right{
    margin-top: 0;
	margin-bottom:20px;
}
.footer-stat {
    position: relative !important;
    left: 0px !important;
}
.so-all{
	margin-top:50px;
}
}
@media (min-width: 576px) and (max-width: 991px) { 
.footer-32-1 .address-footer {
   /* width: 100%; */
   /* font: 36px/45px 'Kanit', Arial, sans-serif; */
   /* margin-left: 15px; */
   /* margin-top: 0px; */
}
.footer-32-1{
	height: auto;
}
.footer-32-1 .logo-footer {
    margin-top: 93px;
    margin-right: 40px;
    width: 100%;
    text-align: center;
display: none;}
.panda-pic{
	display: block;
	position:relative;
	text-align:center;
	left: unset;
    margin-left: unset;
}
.footer-right{
    margin-top: 0;
    margin-bottom:20px;
    margin-top: 46px;
}
.footer-stat {
    position: relative !important;
    left: 0px !important;
}
.so-all{
	margin-top:50px;
}
.footer-32-1 .container-cv{
	width:100%;
	}
.footer-32-1 .address-footer-2 {
    /* font: 19px/24px 'RSU', Arial, sans-serif; */
}
.footer-32-1 .address-footer {
    /* font: 32px/45px 'Kanit', Arial, sans-serif; */
    margin-top: 55px;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.footer-32-1{
	height:auto; 
 }

	.panda-pic{
		display: block;
		margin-top: -25px;
	}
	.footer-right{
		margin-top: 185px;
		margin-left: 150px;
	}
	.footer-tel{
		margin-top:0;
		margin-bottom: 10px;	
	}

	.footer-line{
		    position: relative;
    top: -9px;
    right: 0px;
}
	
.footer-32-1 .container-cv{
	width:100%;
	}
	.footer-tel-2 {
    margin-top: 0;
}

.footer-32-1 .address-footer{
	font: 17px/20px 'Kanit', Arial, sans-serif;
	}
.footer-32-1 .address-footer {
    font: 17px/20px 'Kanit', Arial, sans-serif;
}	
 }
 @media (min-width: 1200px) and (max-width: 1280px) {
.footer-32-1 .logo-footer{
	display:none;
	}
.footer-32-1 .line-add{	
	display:none !important;
	}
	  }
@media (min-width: 1281px) and (max-width: 1366px) { 
 .footer-32-1{
	height:auto; 
 }

	.panda-pic{
		/* left: 70%; */
		/* margin-left: 0; */	
		/* display: block; */
	}
	.footer-right{
		margin-top: 183px;	
	margin-left: 54px;}
	.footer-tel{
		margin-top:0;
		margin-bottom: 12px;	
	width: 60px;}

	.footer-line{
		    position: relative;
    top: -9px;
    right: 0px;
}
	
.footer-32-1 .container-cv{
	width:100%;
	}
	.footer-tel-2 {
    margin-top: 0;
}

.footer-32-1 .logo-footer{
	/* display:none; */
	}
.footer-32-1 .line-add{	
	display:none !important;
	}
 }
@media (min-width: 1367px) and (max-width: 1440px) { 
.footer-32-1 .container-cv {
	width:100%;	
}
.footer-line{
	    right: 20px;	
}
.footer-32-1 .logo-footer {
    margin-top: 175px;
    margin-right: -103px;
    margin-bottom: 10px;
    position: relative;
    left: -110px;
}
.footer-32-1 .address-footer {
    /* font: 20px/24px 'Kanit', Arial, sans-serif; */
}
.footer-32-1 .address-footer-2 {
    /* font: 15px/24px 'Kanit', Arial, sans-serif; */
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { ... }