@media (min-width: 1439.99px) and (max-width: 1820px) {
	.cookies-div>p{
		width: 78%;
	}
}
@media (min-width: 1365.99px) and (max-width: 1440px) {
	.cookies-div{
		padding: 30px 30px 0px 30px; 
	}
	.cookies-div>p{
		width: 79%;
	}
	.accept{
		right: 30px;
	}
	.datepicker{
	width: 255px;
	}
}
@media (min-width: 1279.99px) and (max-width: 1366px) {
	.cookies-div>p{
		width: 76%;
	}
}
@media (min-width: 1198.99px) and (max-width: 1280px) {
	.cookies-div{
		padding: 30px 30px 0px 30px; 
	}
	.cookies-div>p{
		width: 76%;
	}
	.button-accept{
		right: 30px;
	}
}
@media (min-width: 1079.99px) and (max-width: 1199px) {
	.footer-left{
		margin-left: 25px;
	}
	.cookies-div{
		padding: 30px 30px 0px 30px; 
	}
	.cookies-div>p{
		width: 76%;
	}
	.button-accept{
		right: 30px;
	}
}
@media (min-width: 1023.99px) and (max-width: 1080px) {
	.footer-left{
		margin-left: 25px;
	}
	.border-yellow02{
		width: 20%;
	}
	.border-yellow03{
		width: 47%;
	}
	.button-accept{
		right: 30px;
	}
	.cookies-div>p{
		width: 76%;
	}
}
@media (min-width: 991.99px) and (max-width: 1024px) {
	.footer-left{
		margin-left: 25px;
	}
	.border-yellow02{
		width: 18%;
	}
	.border-yellow03{
		width: 47%;
	}
	.cookies-div{
		padding: 30px 30px 0px 30px; 
	}
	.cookies-div>p{
		width: 72%;
	}
	.button-accept{
		right: 30px;
	}
}
@media (min-width: 767.99px) and (max-width: 992px) {
	.footer-left{
		margin-left: 25px;
	}
	.icon-header{
		display: block;
	}
	.footer-right {
		margin-left: 30px;
	}
	.navbar-collapse>ul{
		display: block !important;
	}
	.index-banner{
		background-image: url("../image/index-banner-ipad02.png");
		width: 100%;
		height: 398px;
		background-position: center;
	}
	.footer-right {
		margin-left: 30px;
	}
	.navbar-collapse>ul{
		display: block !important;
		background-color:#f5f5f5;
		border-top:3px solid #8c7732;
		border-bottom: 3px solid #8c7732;
		font-family: 'Kanit-Medium';
		font-size: 16px;
	}
	.container{
		padding: unset;
	}
	.navbar{
		padding: unset;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #8c7732;
	}
	.nav-item>a>img{
		margin-right: 10px;
		width: 30px;
	}
	.navbar-collapse>ul>li{
		padding: 0px 15px;
	}
	.navbar-light .navbar-toggler{
		display: none;
	}
	.footer-left{
		margin-top: 10px;
	}
	.footer-left>p{
		width: 88%;
		font-size: 14px;
	}
	.footer-right{
		margin-left: 10px;
	}
	.footer-right>h4{
		font-size: 16px;
	}
	.footer-form{
		width: 66%;
	}
	.footer-form>input{
		font-size: 16px;
	}
	.btn-send{
		font-size: 16px;
	}
	.contact-mt{
		margin-top: 10px;
	}
	#copyright{
		font-size: 11px;
	}
	.arrow-top{
		width: 100%;
	}
	.arrow-cont>a{
		position: absolute;
		width: 48px;
		right: 0px;
	}
	.txt-banner{
		width: 65%;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
	}
	.txt-banner>h4{
    	padding: 15px;
    	font-size: 18px;
    	width: 225px;
	}
	.txt-banner>h4>span{
		font-size: 18px;
	}
	.control-banner {
    	padding: 4em 0rem;
	}
	.txt-banner02{
		padding: 15px;
		margin-left: 20px;
		position: absolute;
	}
	.txt-banner02, .txt-banner02>span{
		font-size: 18px;
	}
	.txt-header-tip{
		font-size: 20px;
		margin: 25px 0px;
	}
	.tip-sav-cont>h4{
		font-size: 19px;
		margin-top: 0px;
	}
	.tip-sav-cont>p{
		font-size: 16px;
	}
	.calculate-btn>a{
		font-size: 18px;
		padding: 10px 15px;
	}
	.calculate-btn>a>img{
		width: 25px;
	}
	.calculate-btn{
		margin: 30px 0px;
	}
	.txt-product-rec{
		font-size: 18px;
	}
	.recommend-txt{
		font-size: 18px;
		text-align: center;
		margin: 0px 0px 25px;
	}
	.com-name-th{
		font-size: 20px;
	}
	.com-name-en{
		font-size: 15px;
	}
	.swiper-button-next, .swiper-button-prev{
	top: 45% !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev:after{
	 background-image: url('../image/icon-prev.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after{
	 background-image: url('../image/icon-next.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
		content: '' !important;
		display: none !important;
	}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
		content: '' !important;
		display: none !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		display: none !important;
	}
	.profile-control{
		width: 90%;
	}
	.benefit-box{
		padding: 35px 5px;
		font-size: 16px;
		line-height: 30px;
	}
	.benefit-box-shadow{
		margin-right: 10px !important;
		width: 213px !important;
	}
	.benefit-box>h4{
		font-size: 20px;
	}
	.benefit-control{
		margin: 0px;
	}
	.benefit-box02{
		padding: 25px;
	}
	.benefit-box02, .benefit-box02>table{
		font-size: 16px;
	}
	#pills-tab>li{
		padding: 5px 5px;
	}
	.border-yellow03{
		width: 44%;
	}
	.border-gray03{
		width: 20%;
	}
	.step-num>ul{
		right: 3%;
	}
	.step-num>ul>li>h3{
		font-size: 16px;
	}
	.payment-control>.gray-box{
		padding: 10px 0px;
	}
	.border-yellow04{
		width: 65%;
	}
	.btn-outline-warning:hover{
		background-color: unset;
	}
	.border-yellow02{
		width: 20%;
		margin: 55px auto 0px 70px;
	}
	.txt-center-header02{
		margin: 0px;
	}
	.form-check-label{
		margin-left: -6px;
	}
	.img-cont>.cont-05>img{
	width: 80% !important;
	}
	.con-05{
		width: 90% !important;
		padding-top: 10px !important;
	}
	.detail-box-top h2{
		font-size: 24px !important;
		font-weight: unset !important;
	}
	.cookies-div{
		padding: 30px 30px 0px 30px; 
	}
	.cookies-div>p{
		width: 100%;
	}
	.accept{
		right: 0px;
	}
	.button-accept{
		position: relative;
		right: 0px;
	}
}
@media (min-width: 413.99px) and (max-width: 768px) {
	.footer-left{
		margin-left: 25px;
	}
	.icon-header{
		display: block;
	}
	.footer-right {
		margin-left: 30px;
	}
	.navbar-collapse>ul{
		display: block !important;
	}
	.index-banner{
		background-image: url("../image/index-banner-ipad.png");
		width: 100%;
		height: 398px;
		background-position: center;
	}
	.footer-right {
		margin-left: 30px;
	}
	.navbar-collapse>ul{
		display: block !important;
		background-color:#f5f5f5;
		border-top:3px solid #8c7732;
		border-bottom: 3px solid #8c7732;
		font-family: 'Kanit-Medium';
		font-size: 16px;
	}
	.container{
		padding: unset;
	}
	.navbar{
		padding: unset;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #8c7732;
	}
	.nav-item>a>img{
		margin-right: 10px;
		width: 30px;
	}
	.navbar-collapse>ul>li{
		padding: 0px 15px;
	}
	.navbar-light .navbar-toggler{
		display: none;
	}
	.footer-left{
		margin-top: 10px;
	}
	.footer-left>p{
		width: 90%;
		font-size: 14px;
	}
	.footer-right{
		margin-left: 10px;
	}
	.footer-right>h4{
		font-size: 16px;
	}
	.footer-form{
		width: 66%;
	}
	.footer-form>input{
		font-size: 16px;
	}
	.btn-send{
		font-size: 16px;
	}
	.contact-mt{
		margin-top: 10px;
	}
	#copyright{
		font-size: 11px;
	}
	.arrow-top{
		width: 100%;
	}
	.arrow-cont>a{
		position: absolute;
		width: 48px;
		right: 0px;
	}
	.txt-banner{
		width: 65%;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
	}
	.txt-banner>h4{
    	padding: 15px;
    	font-size: 18px;
    	width: 225px;
	}
	.txt-banner>h4>span{
		font-size: 18px;
	}
	.control-banner {
    	padding: 4em 0rem;
	}
	.txt-banner02{
		padding: 15px;
		margin-left: 20px;
		position: absolute;
	}
	.txt-banner02, .txt-banner02>span{
		font-size: 18px;
	}
	.txt-header-tip{
		font-size: 20px;
		margin: 25px 0px;
	}
	.tip-sav-cont>h4{
		font-size: 19px;
		margin-top: 0px;
	}
	.tip-sav-cont>p{
		font-size: 16px;
	}
	.calculate-btn>a{
		font-size: 18px;
		padding: 10px 15px;
	}
	.calculate-btn>a>img{
		width: 25px;
	}
	.calculate-btn{
		margin: 30px 0px;
	}
	.txt-product-rec{
		font-size: 18px;
	}
	.recommend-txt{
		font-size: 18px;
		text-align: center;
		margin: 0px 0px 25px;
	}
	.com-name-th{
		font-size: 20px;
	}
	.com-name-en{
		font-size: 15px;
	}
	.swiper-button-next, .swiper-button-prev{
	top: 45% !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev:after{
	 background-image: url('../image/icon-prev.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after{
	 background-image: url('../image/icon-next.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		display: none !important;
	}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
		content: '' !important;
	}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
		content: '' !important;
	}
	.detail-box-top h2{
		font-size: 24px !important;
		font-weight: unset !important;
	}
	.payment-div{
		margin-top: 15px;
		background-color: #fff;
	}
	.big-radio2 + label{
		top: 35px;
		left: 35px;
	}
	.radio2:checked + label{
		width: 93%;
		top: 15px;
    	left: 19px;
	}
	.cookies-div{
		padding: 30px 30px 0px 30px; 
	}
	.cookies-div>p{
		width: 100%;
	}
	.accept{
		right: 0px;
	}
	.button-accept{
		position: relative;
		right: 0px;
	}
}
@media (min-width: 374.99px) and (max-width: 414px) {
	.icon-header{
		display: none;
	}
	.footer-right {
		margin-left: 30px;
	}
	.footer-form {
	    width: 70%;
	}
	.navbar-collapse>ul{
		display: block !important;
		background-color:#f5f5f5;
		border-top:3px solid #8c7732;
		border-bottom: 3px solid #8c7732;
		font-family: 'Kanit-Medium';
		font-size: 16px;
	}
	.container{
		padding: unset;
	}
	.navbar{
		padding: unset;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #8c7732;
	}
	.nav-item>a>img{
		margin-right: 10px;
		width: 30px;
	}
	.navbar-collapse>ul>li{
		padding: 0px 15px;
	}
	.navbar-light .navbar-toggler{
		border-color: rgba(0, 0, 0, 0);
		overflow: hidden;
		display: block;
	}
	.index-banner{
		background-image: url("../image/index-banner-mobile.png");
		width: 100%;
		height: 310px;
		background-position: center;
	}
	.footer-left{
		margin-top: 10px;
	}
	.footer-left>p{
		width: 85%;
		font-size: 14px;
	}
	.footer-right{
		margin-left: 10px;
	}
	.footer-right>h4{
		font-size: 16px;
	}
	.footer-form>input{
		font-size: 16px;
	}
	.btn-send{
		font-size: 16px;
	}
	.contact-mt{
		margin-top: 10px;
	}
	#copyright{
		font-size: 11px;
	}
	.arrow-top{
		width: 100%;
	}
	.arrow-cont>a{
		position: absolute;
		width: 48px;
		right: 0px;
	}
	.txt-banner{
		width: 65%;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
	}
	.txt-banner>h4{
		display: block;
    	padding: 15px;
    	font-size: 18px;
    	width: 225px;
	}
	.txt-banner>h4>span{
		font-size: 18px;
	}
	.control-banner {
    	padding: 1rem 0rem;
	}
	.txt-banner02{
		padding: 15px;
		margin-left: 20px;
		position: absolute;
    	top: 180%;
	}
	.txt-banner02, .txt-banner02>span{
		font-size: 18px;
	}
	.txt-header-tip{
		font-size: 20px;
		margin: 25px 0px;
	}
	.tip-sav-cont>h4{
		font-size: 19px;
		margin-top: 0px;
	}
	.tip-sav-cont>p{
		font-size: 16px;
	}
	.calculate-btn>a{
		font-size: 18px;
		padding: 10px 15px;
	}
	.calculate-btn>a>img{
		width: 25px;
	}
	.calculate-btn{
		margin: 30px 0px;
	}
	.recommend-txt{
		font-size: 18px;
		text-align: center;
		margin: 0px 0px 25px;
	}
	.swiper-button-next, .swiper-button-prev{
	top: 45% !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev:after{
	 background-image: url('../image/icon-prev.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after{
	 background-image: url('../image/icon-next.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
		content: '' !important;
	}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
		content: '' !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		display: none;
	}
	.txt-center-header{
		font-size: 22px;
	}
	.profile-control{
		width: 100%;
	}
	.gender>h4, .birthday>h4, .txt-budget>h4, .txt-inform, .txt-budgetform{
		font-size: 16px;
	}
	.birthday>p{
		font-size: 14px;
	}
	.detail-box-top h2{
		font-size: 20px;
		padding: 0px;
	}
	.detail-box{
		position: relative;
	}
	.detail-box-top h3{
		font-size: 24px;
		padding: 0px;
	}
	.div-benefit>h4{
		font-size: 18px;
	}
	.benefit-box>h4, .benefit-box{
		font-size: 18px;
		line-height: 24px;
	}
	.arrow-cont-control{
		top: 55% !important;
	}
	.Q2-mt{
		margin-top: 30px;
	}
	.benefit-control{
		margin: 0px;
	}
	.benefit-box02, .benefit-box02>table{
		font-size: 16px;
	}
	.box2-mobile{
		padding: 0px 5px;
		margin: 25px 0px 0px 0px !important;
	}
	.detail-box-mobile{
		padding: 40px 0px;
	}
	.box-top-mobile{
		width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.td-price{
		display: none;
	}
	.box2-mobile>table td>p{
		display: inline;
		float: right;
		margin-bottom: 0px;
	}
	#pills-tab>li{
		width: 49%;
		padding: 5px 5px;
		margin-bottom: 10px;
	}
	#pills-tab>li>a{
		padding: 30px 0px;
	}
	.nav-pills .nav-link>h4{
		font-size: 18px;
	}
	.nav-pills .nav-link>h3{
		font-size: 20px;
	}
	#pills-home>table th, #pills-profile>table th, #pills-contact>table th{
		font-size: 16px;
	}
	.btn-journey{
		padding: 8px;
	}
	.table-control{
		margin-left: 0px;
	}
	.table-control td, th{
		font-size: 15px;
	}
	.gray-box{
		padding: 10px;
	}
	.answer-box{
		margin-left: 0px;
	}
	.step-num{
		padding: 0px;
		position: relative;
		z-index: 10;
	}
	.step-num>ul>li>h3{
		font-size: 10px;
	}
	.step-num>ul{
		right: 6%;
	}
	.txt-center-header02{
		margin: 0px;
		font-size: 22px;
	}
	.gray-box>h4{
		font-size: 18px;
		margin: 10px 0px;
	}
	.gray-box>h5{
		font-size: 16px;
	}
	.answer, .agree-condition, .citizen-code{
		font-size: 16px;
	}
	.next-btn{
		margin: 0px 0px 35px 0px;
	}
	.popup-top{
		margin: 30px 20px;
		font-size: 22px;
	}
	.popup-top>h4{
		font-size: 15px;
		margin-top: 10px;
	}
	.popup-cont>h3, .popup-cont>h5>a{
		font-size: 18px;
	}
	.popup-cont>h3{
		margin-top: 10px;
	}
	.popup-cont>h4{
		font-size: 16px;
		margin: 10px 0px 20px 0px;
	}
	.hide-mobile{
		display: none;
	}
	.hide-pc{
		display: block;
		margin-top: 10px !important;
	}
	.contact-box>h5{
		font-size: 16px;
	}
	.border-yellow03{
		width: 40%;
		margin: 55px auto 0px 70px;
	}
	.border-gray03{
		width: 15%;
	}
	.detail-box-top h1{
		font-size: 22px;
	}
	.gray-box>h3{
		font-size: 18px;
	}
	.ok-btn{
		padding: 4px 10px;
	}
	.btn-outline-warning{
		font-size: 15px;
		height: 160px;
	}
	.payment-div{
		padding-top: 25px;
	}
	.payment-mt{
		margin-top: 15px;
	}
	.border-yellow04{
		width: 65%;
		margin: 55px auto 0px 60px;
	}
	.payment-box>h3{
		font-size: 18px;
		line-height: 28px;
		text-align: center;
	}
	.payment-box>h4{
		font-size: 14px;
		line-height: 24px;
	}
	.cont-swiper-btn-p2>.swiper-button-next, .cont-swiper-btn-p2>.swiper-button-prev{
		top: 55% !important;
	}
	.cont-swiper-btn-p6>.swiper-button-next, .cont-swiper-btn-p6>.swiper-button-prev{
		top: 68% !important;
	}
	.border-yellow02{
		width: 20%;
		margin: 55px auto 0px 20px;
	}
	.con-05{
		width: 100% !important;
		padding-top: 10px !important;
	}
	.step-num{
		padding: 0px 0px 0px 30px !important;
	}
	.bor-bottom{
		border-bottom: 3px solid #8c7732;
		position: relative !important;
		z-index: 1000 !important;
	}
	.navbar-toggler:focus{
		background-color: unset !important;
	}
	.contact-box{
		margin-top: 10px !important;
	}
	.box-p5>.row{
		margin-bottom: 0px !important;
	}
	.remove-field{
		top: 10px;
		right: 20px;
	}
	.condition{
		padding-left: 1rem;
	}
	.step-num>ul{
		right: 10%;
	}
	.step-num.num-p5>ul{
		right: 6% !important;
	}
	.citizen-field{
		display: none;
	}
	.citizen-mobile{
		display: block;
		float: left;
	}
	.img-cont{
		overflow: hidden;
	}
	.img-cont>img{
		position: relative;
		left: 7%;
	}
	.scroll-box>.modal-dialog>.modal-content>.modal-body{
		padding: 1rem;
    	margin: 0rem;
	}.header-condition>h5{
		font-size: 20px;
	}
	.ui[class*="left icon"].input>input{
	padding-top: 1em !important;
	}
	#copyright .row{
		height: 48px;
	}
	.navbar-collapse>ul>li{
		position: relative;
		z-index: 1000;
		background-color: #fff;
		width: 100%;
	}
	.radio2:checked + label{
		width: 86%;
	    height: 160px;
	    top: 15px;
	    left: 14px;
	}
	.btn-outline-warning:hover{
		background-color: #fff;
	}
}
@media (min-width: 319.99px) and (max-width: 375px) {
	.icon-header{
		display: none;
	}
	.footer-right {
		margin-left: 30px;
	}
	.footer-form {
	    width: 70%;
	}
	.navbar-collapse>ul{
		display: block !important;
		background-color:#f5f5f5;
		border-top:3px solid #8c7732;
		border-bottom: 3px solid #8c7732;
		font-family: 'Kanit-Medium';
		font-size: 16px;
	}
	.navbar{
		padding: unset;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #8c7732;
	}
	.nav-item>a>img{
		margin-right: 10px;
		width: 30px;
	}
	.navbar-collapse>ul>li{
		padding: 0px 15px;
		position: relative;
		z-index: 1000;
		background-color: #fff;
		width: 100%;
	}
	.navbar-light .navbar-toggler{
		border-color: rgba(0, 0, 0, 0);
		overflow: hidden;
	}
	.index-banner{
		background-image: url("../image/index-banner-mobile.png");
		width: 100%;
		height: 310px;
		background-position: center;
	}
	.footer-left{
		margin-top: 10px;
	}
	.footer-left>p{
		width: 85%;
		font-size: 14px;
	}
	.footer-right{
		margin-left: 10px;
	}
	.footer-right>h4{
		font-size: 16px;
	}
	.footer-form>input{
		font-size: 16px;
	}
	.btn-send{
		font-size: 16px;
	}
	.contact-mt{
		margin-top: 10px;
	}
	#copyright{
		font-size: 11px;
	}
	.arrow-top{
		width: 100%;
	}
	.arrow-cont>a{
		position: absolute;
		width: 48px;
		right: 0px;
	}
	.txt-banner{
		width: 65%;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
	}
	.txt-banner>h4{
		display: block;
    	padding: 15px;
    	font-size: 18px;
    	width: 225px;
	}
	.txt-banner>h4>span{
		font-size: 18px;
	}
	.control-banner {
    	padding: 1rem 0rem;
	}
	.txt-banner02{
		padding: 15px;
		margin-left: 20px;
		position: absolute;
    	top: 180%;
	}
	.txt-banner02, .txt-banner02>span{
		font-size: 18px;
	}
	.txt-header-tip{
		font-size: 20px;
		margin: 25px 0px;
	}
	.tip-sav-cont>h4{
		font-size: 19px;
		margin-top: 0px;
	}
	.tip-sav-cont>p{
		font-size: 16px;
	}
	.calculate-btn>a{
		font-size: 18px;
		padding: 10px 15px;
	}
	.calculate-btn>a>img{
		width: 25px;
	}
	.calculate-btn{
		margin: 30px 0px;
	}
	.recommend-txt{
		font-size: 18px;
		text-align: center;
		margin: 0px 0px 25px;
	}
	.img-cont>a{
		width: 80%;
	}
	.swiper-button-next, .swiper-button-prev{
		top: 45% !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev:after{
	 background-image: url('../image/icon-prev.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after{
	 background-image: url('../image/icon-next.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		display: none;
	}
	.com-name-th{
		font-size: 18px;
	}
	.com-name-en{
		font-size: 14px;
	}
	.arrow-cont-control{
		top: 55% !important;
	}
	.radio2:checked + label{
		width: 86%;
	    height: 160px;
	    top: 0px;
	    left: 13px;
	}
	.btn-outline-warning:hover{
		background-color: #fff;
	}
	.cookies-div{
		padding: 30px 20px 10px 20px;
	}
	.button-accept{
		position: relative;
		right: 0px;
	}

}
@media (max-width: 320px) {
	.icon-header{
		display: none;
	}
	.footer-right {
		margin-left: 30px;
	}
	.footer-form {
	    width: 70%;
	}
	.navbar-collapse>ul{
		display: block !important;
		background-color:#f5f5f5;
		border-top:3px solid #8c7732;
		border-bottom: 3px solid #8c7732;
		font-family: 'Kanit-Medium';
		font-size: 16px;
	}
	.navbar{
		padding: unset;
	}
	.navbar-light .navbar-nav .nav-link{
		color: #8c7732;
	}
	.nav-item>a>img{
		margin-right: 10px;
		width: 30px;
	}
	.navbar-collapse>ul>li{
		padding: 0px 15px;
	}
	.navbar-light .navbar-toggler{
		border-color: rgba(0, 0, 0, 0);
		overflow: hidden;
	}
	.index-banner{
		background-image: url("../image/index-banner-mobile.png");
		width: 100%;
		height: 310px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.footer-left{
		margin-top: 10px;
	}
	.footer-left>p{
		width: 85%;
		font-size: 14px;
	}
	.footer-right{
		margin-left: 10px;
	}
	.footer-right>h4{
		font-size: 16px;
	}
	.footer-form>input{
		font-size: 16px;
	}
	.btn-send{
		font-size: 16px;
	}
	.contact-mt{
		margin-top: 10px;
	}
	#copyright{
		font-size: 11px;
	}
	.arrow-top{
		width: 100%;
	}
	.arrow-cont>a{
		position: absolute;
		width: 48px;
		right: 0px;
	}
	.txt-banner{
		width: 65%;
		margin: 0px 0px 0px 20px;
		font-size: 18px;
	}
	.txt-banner>h4{
		display: block;
    	padding: 15px;
    	font-size: 18px;
    	width: 225px;
	}
	.txt-banner>h4>span{
		font-size: 18px;
	}
	.control-banner {
    	padding: 1rem 0rem;
	}
	.txt-banner02{
		padding: 15px;
		margin-left: 20px;
		position: absolute;
    	top: 180%;
	}
	.txt-banner02, .txt-banner02>span{
		font-size: 18px;
	}
	.txt-header-tip{
		font-size: 20px;
		margin: 25px 0px;
	}
	.tip-sav-cont>h4{
		font-size: 19px;
		margin-top: 0px;
	}
	.tip-sav-cont>p{
		font-size: 16px;
	}
	.calculate-btn>a{
		font-size: 18px;
		padding: 10px 15px;
	}
	.calculate-btn>a>img{
		width: 25px;
	}
	.calculate-btn{
		margin: 30px 0px;
	}
	.recommend-txt{
		font-size: 18px;
		text-align: center;
		margin: 0px 0px 25px;
	}
	.swiper-button-next, .swiper-button-prev{
		top: 45% !important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		width: 48px !important;
		height: 60px !important;
	}
	.swiper-button-prev:after{
	 background-image: url('../image/icon-prev.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after{
	 background-image: url('../image/icon-next.png');
	 background-repeat: no-repeat;
	 width: 48px;
	 height: 60px;
	}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
		content: '' !important;
	}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
		content: '' !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		display: none;
	}
}

@media (min-width: 780px) {
	.img-responsive {
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
		width: 100%;
	}

}

@media (max-width: 780px) {
	.img-responsive {
		position: relative;
		left: 42%;
		transform: translate(-46%,0);
		width: 200%;
	}
}