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

.slogan{
	margin:0;
	padding:0;
	position:relative;
	min-height:805px;
	background:url(../../images/content/slogan/bg.png) bottom right no-repeat;	
}
.slogan .slogan-text{
	position:absolute;
	top:0;
	left:0;
	width:659px;
	height:343px;
	padding: 74px 63px 63px 70px;
	font: 33px/44px 'Kanit', Arial, sans-serif;
	color: #333683;
	background:url(../../images/content/slogan/bg-text.png) top left no-repeat;
}
@media (max-width: 374px) { 
.slogan{
	background: url(../../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	  min-height: 385px;
}
.slogan .slogan-text{
	      width: 333px;
	      height: 235px;
	      padding: 29px 14px 63px 21px;
	      font: 18px/25px 'Kanit', Arial, sans-serif;
	      background-size: 100%;
}
 }
@media (min-width: 375px) and (max-width: 419px) { 
.slogan{
	background: url(../../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	     min-height: 445px;
}
.slogan .slogan-text{
	    width: 339px;
	    height: 302px;
	    padding: 27px 14px 63px 21px;
	    font: 20px/29px 'Kanit', Arial, sans-serif;
	    background-size: 100%;
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.slogan{
	background: url(../../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	     min-height: 445px;
}
.slogan .slogan-text{
	    width: 389px;
	    height: 302px;
	    padding: 34px 14px 63px 21px;
	    font: 20px/29px 'Kanit', Arial, sans-serif;
	    background-size: 100%;
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.slogan{
	background: url(../../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	     min-height: 445px;
}
.slogan .slogan-text{
	    width: 389px;
    height: 302px;
    padding: 47px 14px 63px 21px;
    font: 23px/32px 'Kanit', Arial, sans-serif;
    background-size: 100%;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.slogan{
	background: url(../../images/content/slogan/bg.png) bottom right no-repeat;
    background-size: 100%;	
	    min-height: 575px;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.slogan{
	    min-height: 575px;
		background-size: 100%;	
}
.slogan .slogan-text{
	     padding: 45px 20px 20px 35px;
	     font: 26px/30px 'Kanit', Arial, sans-serif;
	     background-size: 100%;
	     width: 450px;
	     height: 244px;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }