@media only screen and (max-width: 2080px) and (min-width: 1367px) {
	#container {
		max-width: 1920px;
	}
	#section1 {
		height: 940px;
		background-image: url(../img/bpg.jpg);
		background-size: cover;
	}
	#colimg1 {
		padding-top: 380px;
		padding-left: 60px;
		text-align: right;
	}
	#img1 {
		width: 56%;
		animation: fadeInLeftBig;
		animation-duration: 2s;
	}
	#colimg2 {
		padding-top: 120px; 
		padding-left: 00px;
	}
	#img2 {
		width: 30%;
		animation: backInDown;
		animation-duration: 3s;
	}
	.text_img2 {
		font-family: 'Tahoma', sans-serif;
		font-weight: 800;
		color: #ffffff;
		margin-top: 280px;
		font-style: italic;
		animation: bounceInLeft;
		animation-duration: 1s;
	}
	#img3 {
		width: 62%;
		padding-top: 370px; 
		padding-right: 20px; 
		margin-right: 0px;
		animation: fadeInRightBig;
		animation-duration: 2s;
	}
	#gif1 {
		width: 12%;
		margin-top: -82px;
		animation: fadeInUp;
		animation-duration: 3s;
	}
	.title_intro {
		font-family: "Raleway", sans-serif;
		font-weight: 800;
		margin-top: 5px;
		margin-bottom: 45px;
	}
	#section2 {
		height: 680px;
		background-color: #29446c;
	}
	#container-sec2 {
		width: 90%;
	}
	.title_sec2 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		color: #ffffff;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 80px;
		padding-bottom: 10px;
	}
	.title_card_sec2 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		margin-top: 2px;
		margin-bottom: 5px;
	}
	#card_row1 {
		margin-top: 85px;
	}
	#card_row2 {
		margin-top: 10px;
	}
	.card {
		border-radius: 8px;
		background-color: #f1f1f1;
		transition: transform .2s; /* Animation */
	}
	.card:hover {
		transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.card .card-content .text_card_sec2 {
		font-family: 'Sarabun', sans-serif;
		font-family: 14px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.btn-sec2{
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		height: 30px;
		line-height: 30px;
		border-radius: 5px;
		background-color: #f13a2e;
	}
	.btn-sec2:hover {
		background-color: #f94c40;
	}
	#section3 {
		height: 680px;
		background-color: #f1f1f1;
	}
	.title_sec3 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		color: #333;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.text_sec3 {
		font-family: 'Sarabun', sans-serif;
		font-size: 22px;
		font-weight: 600;
		text-align: justify;
		color: #333;
		padding-top: 90px;
	}
	.vineta_sec3 {
		font-family: 'Sarabun', sans-serif;
		font-weight: 800;
		font-size: 17px;
		color: #333;
	}
	.page-footer {
		font-family: 'Sarabun', sans-serif;
		font-weight: 800;
		padding-top: 0px;
        color: #fff;
        background-color: #f13a2d;
	}
}
@media only screen and (max-width: 1366px) and (min-width: 993px) {
	#container {
		width: 95%;
	}
	#section1 {
		height: 630px;
		background-image: url(../img/bpg.jpg);
		background-size: cover;
	}
	#colimg1 {
		padding-top: 255px;
		padding-left: 60px;
		text-align: right;
	}
	#img1 {
		width: 43%;
		animation: fadeInLeftBig;
		animation-duration: 2s;
	}
	#colimg2 {
		padding-top: 90px; 
		padding-left: 30px;
	}
	#img2 {
		width: 46%;
		animation: backInDown;
		animation-duration: 3s;
	}
	.text_img2 {
		font-family: 'Tahoma', sans-serif;
		font-weight: 800;
		font-size: 5.2rem;
		color: #ffffff;
		margin-top: 40px;
		font-style: italic;
		animation: bounceInLeft;
		animation-duration: 1s;
	}
	#img3 {
		width: 53%;
		padding-top: 220px; 
		padding-right: 40px; 
		margin-right: 110px;
		animation: fadeInRightBig;
		animation-duration: 2s;
	}
	#gif1 {
		width: 12%;
		margin-top: -82px;
		animation: fadeInUp;
		animation-duration: 3s;
	}
	.title_intro {
		font-family: "Raleway", sans-serif;
		font-weight: 800;
		margin-top: 5px;
		margin-bottom: 45px;
	}
	#section2 {
		height: 680px;
		background-color: #29446c;
	}
	#container-sec2 {
		width: 90%;
	}
	.title_sec2 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		color: #ffffff;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 80px;
		padding-bottom: 10px;
	}
	.title_card_sec2 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		margin-top: 2px;
		margin-bottom: 5px;
	}
	#card_row1 {
		margin-top: 85px;
	}
	#card_row2 {
		margin-top: 10px;
	}
	.card {
		border-radius: 8px;
		background-color: #f1f1f1;
		transition: transform .2s; /* Animation */
	}
	.card:hover {
		transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.card .card-content .text_card_sec2 {
		font-family: 'Sarabun', sans-serif;
		font-family: 14px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.btn-sec2{
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		height: 30px;
		line-height: 30px;
		border-radius: 5px;
		background-color: #f13a2e;
	}
	.btn-sec2:hover {
		background-color: #f94c40;
	}
	#section3 {
		height: 680px;
		background-color: #f1f1f1;
	}
	.title_sec3 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		color: #333;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.text_sec3 {
		font-family: 'Sarabun', sans-serif;
		font-size: 20px;
		font-weight: 600;
		text-align: justify;
		color: #333;
		padding-top: 90px;
	}
	.vineta_sec3 {
		font-family: 'Sarabun', sans-serif;
		font-weight: 800;
		font-size: 17px;
		color: #333;
	}
	.page-footer {
		font-family: 'Sarabun', sans-serif;
		font-weight: 800;
		padding-top: 0px;
        color: #fff;
        background-color: #f13a2d;
	}
}
@media only screen and (max-width: 992px) {
	#section1 {
		height: 360px;
		background-image: url(../img/bpg.jpg);
		background-size: cover;
		background-position: 560px;
	}
	#colimg1 {
		padding-top: 170px;
		text-align: right;
	}
	#img1 {
		width: 83%;
		animation: fadeInLeftBig;
		animation-duration: 2s;
	}
	#colimg2 {
		padding-top: 90px; 
		/*padding-left: 30px;*/
	}
	#img2 {
		width: 70%;
		animation: backInDown;
		animation-duration: 3s;
	}
	.text_img2 {
		font-family: 'Tahoma', sans-serif;
		font-weight: 800;
		font-size: 2.7rem;
		color: #ffffff;
		margin-top: 44px;
		font-style: italic;
		animation: bounceInLeft;
		animation-duration: 1s;
	}
	#img3 {
		width: 85%;
		padding-top: 180px;  
		margin-right: 110px;
		animation: fadeInRightBig;
		animation-duration: 2s;
	}
	#gif1 {
		width: 12%;
		margin-top: -32px;
		animation: fadeInUp;
		animation-duration: 3s;
	}
	.title_intro {
		font-family: "Raleway", sans-serif;
		font-weight: 800;
		margin-top: 5px;
		margin-bottom: 45px;

	}
	#section2 {
		height: 880px;
		background-color: #29446c;
	}
	#container-sec2 {
		width: 90%;
	}
	.title_sec2 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		color: #ffffff;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 30px;
		padding-bottom: 10px;
		font-size: 2.8rem;
	}
	.title_card_sec2 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		margin-top: 2px;
		margin-bottom: 5px;
	}
	#card_row1 {
		margin-top: 15px;
	}
	#card_row2 {
		margin-top: 10px;
	}
	.card {
		border-radius: 8px;
		background-color: #f1f1f1;
		transition: transform .2s; /* Animation */
	}
	.card:hover {
		transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
	.card .card-content .text_card_sec2 {
		font-family: 'Sarabun', sans-serif;
		font-family: 14px;
		font-weight: 400;
		margin-bottom: 10px;
	}
	.btn-sec2{
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		height: 30px;
		line-height: 30px;
		border-radius: 5px;
		background-color: #f13a2e;
	}
	.btn-sec2:hover {
		background-color: #f94c40;
	}
	#section3 {
		background-color: #f1f1f1;
	}
	.title_sec3 {
		font-family: 'Raleway', sans-serif;
		font-weight: 800;
		text-align: center;
		color: #333;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.text_sec3 {
		font-family: 'Sarabun', sans-serif;
		font-size: 17px;
		font-weight: 400;
		text-align: justify;
		color: #333;
	}
	.vineta_sec3 {
		font-family: 'Sarabun', sans-serif;
		font-weight: 800;
		font-size: 17px;
		color: #333;
	}
	.page-footer {
		font-family: 'Sarabun', sans-serif;
		font-weight: 800;
		padding-top: 1px;
        color: #fff;
        background-color: #f13a2d;
	}
}