body{
    font-family: "Poppins", sans-serif;
	font-weight: 400;
}

button {
	font-family: "Poppins", sans-serif;
}

p {
	font-family: "DM Sans", sans-serif;
	font-weight: 400;
}

.pro-features {
	font-size: 14px;
}

.pro-features li.big-title {
	font-weight: 600;
	font-size: 15px;
}

.pro-features li.title {
	font-weight: 600;
	font-size: 15px;
}

.pro-features .button .btn {
	font-size: 13px;
}

.get-pro {
	font-size: 14px;
}

.navigator {
	font-size: 1rem;
}

.navigator a,.navigator.bold {
	font-weight: 600;
}

.SemiBold {
	font-weight: 600 !important;
}

.content h1, .content h2 {
	font-size: 2rem;
	font-weight: 600;
}

.content h3 {
	font-size: 1.5rem;
	font-weight: 600;
}

.content h3 {
	font-size: 1.25rem;
	font-weight: 600;
}

.content h6 {
	font-size: 1rem;
	font-weight: 600;
}

.btn-blue {
	font-size: 1rem;
	font-weight: 600;
}

.btn-white {
	font-size: 1rem;
	font-weight: 600;
}

.box-overlay .overlay .text {
    font-size: 1.25rem;
    font-weight: 600;
}

.header .nav li a {
	font-size: .85rem;
	font-weight: 500;
}

.header .nav li.active a{
	font-weight: 600;
}

.header .nav li:hover a{
	font-weight: 600;
}

.header .nav li a i {
	font-size: 13px;
}

.header .single-widget i {
	font-size: 15px;
}

.header .single-widget h4 {
	font-size: 15px;
	font-weight: 500;
}

.header .nav li .dropdown li a {
	font-weight: 400;
}

.header .nav li .dropdown li:hover a, .header .nav li .dropdown li.active a{
	font-weight: 600;
}

.header .right-bar a {
	font-size: 12px;
}

.slider .single-slider .text h1, .slider .single-slider .text h2 {
	font-size: 2.5rem;
	font-weight: 600;
}

.slider .single-slider h1 {
	font-size: 38px;
	font-weight: 600;
}

.slider .single-slider p {
	font-weight: 400;
}

.border-box-business .btn-white {
	font-size: 1.2rem;
}

.box-business h3 {
	font-weight: 600;
	font-size: 1.75rem;
}

.about-us-content ul{
	font-family: "DM Sans", sans-serif;
}

.message-from-the-president p {
	font-family: "DM Sans", sans-serif;
}

.message-from-the-president p strong {
	font-family: "DM Sans", sans-serif;
}

.mission-vision h2 {
	font-size: 1.25rem;
}

.mission-vision h3 {
	font-size: 1.3rem;
	font-weight: 300;
}

.mission-vision p {
	font-family: "DM Sans", sans-serif;
}

.footer .single-footer.f-link li a {
	font-size: .9rem;
	font-weight: 400;
}

.footer .single-footer.f-link li a.menu {
    font-size: 1rem;
}

.footer .single-footer h2{
	font-size:1rem;
	font-weight:600;
}

.footer .single-footer .day-head .time {
	font-weight: 400;
}

.footer .single-footer p{
	font-size: .9rem;
	font-family: "Poppins", sans-serif;
}

.footer .single-footer .newsletter-inner input {
	font-weight: 400;
}

.footer .single-footer .newsletter-inner .button {
	font-size: 25px;
}

.footer .copyright .copyright-content p{
	font-family: "Poppins", sans-serif;
	font-size: .9rem;
}

.footer .copyright .copyright-content p a{
	font-weight:400;
	font-family: "Poppins", sans-serif;
	font-size: .9rem;
}

.form-search .icon {
    font-size: 14px;
}

.box-circle .text p{
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
}

.box-circle .year {
    font-weight: 600;
}

.system-service .box-overlay .overlay .text {
	font-size: 1.5rem;
}

.all-service h3 {
	font-weight: 400 !important;
	font-family: "Popins", "Noto Sans Thai", sans-serif;
}

.all-service .detail h6 {
	font-size: .9rem;
	font-family: "Popins", "Noto Sans Thai", sans-serif;
}

.water-filter ul,.water-filter ul li {
	font-family: "DM Sans", sans-serif;
}

.water-filter h3, .water-filter h4 button{
	font-family: "Poppins", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
}

.subitem button {
	font-weight: 400 !important;
}

.pagination .number a {
	font-size: 1rem;
	font-weight: 600;
}

.pagination .button a {
    font-size: 1rem;
    font-weight: 600;
}

.news-media .card-footer {
	font-size: 1rem;
    font-weight: 500;
}

.download-document .file-title {
	font-family: "DM Sans", sans-serif;
}

.application tr td {
	font-family: "DM Sans", sans-serif;
	font-size: 1.5rem;
}

.application tr th {
	font-size: 1.25rem;
}

.reward p {
	font-family: "Poppins", sans-serif;
	font-size: .9rem;
}

.contact-us-message .form-control, .contact-us-message .form-select {
    font-size: 14px;
	font-family: "Poppins", sans-serif;
}

.radio-label {
	font-size: 1rem;
	font-weight: bold;
}

.information .radio-label {
	font-size: 1rem;
	font-family: "DM Sans", sans-serif;
}

.file-input-group .btn-file-input {
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.box-contact-s-napa h2 a {
	font-weight: 600;
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 0 !important;
}

.scan-map {
	font-size: 12px !important;
}

@media only screen and (max-width: 1024px) {

	.header .nav li a {
		font-size: .7rem;
	}

	.all-service .detail h6 {
		font-size: .75rem;
	}

	.header .nav li a {
        font-size: 10px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
		font-size: 25px;
	}

	.section-title p {
		font-size: 13px;
	}

	.btn {
		font-weight: 400;
		font-size: 13px;
	}

	.breadcrumbs h2 {
		font-size: 32px;
		font-weight:600;
	}

	.breadcrumbs ul li a {
		font-size: 14px;
		font-weight: 400;
	}

	.header .top-link li a {
		font-size: 13px;
	}

	.header .top-contact li a{
		font-size:13px;
	}

    .header .top-contact li {
		font-size: 13px;
	}

	.header .nav li a {
		font-size: 0.55rem;
	}

    .header .nav li .dropdown li a {
		font-size: 13px;
	}

    .header.style2 .get-quote .btn {
		font-size: 12px;
	}

	.header.style2 .single-widget h4 {
		font-size: 13px;
		font-weight: 500;
	}

    .header.style2 .single-widget p {
		font-size: 13px;
	}

    .header.style2 .single-widget i {
		font-size: 13px;
	}

    .slider .single-slider h1 {
		font-size: 28px;
		font-weight: 600;
	}

	.content h1, .content h2 {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 884px) {
	.header .nav li a {
        font-size: 7px;
    }
}

@media only screen and (max-width: 834px) {
	.slider .single-slider .text h1, .slider .single-slider .text h2 {
		font-size: 2rem;
	}

	.box-overlay .overlay .text { 
		font-size: 1rem;
	}

	.application tr td {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 810px) {
	.header .nav li a {
		font-size: 10px;
	}
}

@media only screen and (max-width: 767px) {
    .slicknav_nav {
		font-size: .875em;
	}

    .slicknav_nav .slicknav_row, .slicknav_nav a {
		font-weight:400;
	}

    .section-title h2 {
		font-size: 22px;
	}

	.section-title p {
		font-size: 13px;
	}

	.breadcrumbs h2 {
		font-size: 32px;
		font-weight:600;
	}

	.breadcrumbs ul li{
		font-size: 14px;
		font-weight: 400;
	}

	.breadcrumbs ul li a {
		font-size: 14px;
		font-weight: 400;
	}

    .btn {
		font-weight: 400;
		font-size: 13px;
	}
}

@media only screen and (max-width: 600px) {

    .box-business h3 {
		font-size: 1.5rem;
	}

	.border-box-business .btn-white {
		font-size: 1rem;
	}

	.content h1, .content h2 {
		font-size: 20px;
	}

	.water-filter h3, .water-filter h4 button {
		font-size: 16px;
	}

	.content h3 {
		font-size: 15px;
	}
}

@media only screen and (max-width: 480px) {
    .content h1, .content h2 {
        font-size: 18px;
    }

    .btn-blue, .btn-white,.border-box-business .btn-white {
		font-size: 14px;
	}

	.box-business h3 {
		font-size: 1rem;
		font-weight: 600;
	}

	.box-overlay .overlay .text {
		font-weight: 600;
	}

	.slider .single-slider .text h1, .slider .single-slider .text h2 {
        font-size: 1.5rem;
    }

	.box-overlay .overlay .text {
		font-size: 14px;
	}

	.navigator {
		font-size: 12px;
	}

	.application tr th {
		font-size: 1rem;
	}

	.application tr td {
        font-size: 16px;
    }

	.box-circle .year h3 {
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 450px) {

    .navigator {
        font-size: 10px;
    }

    .section-title h2 {
		font-size: 22px;
	}

	.section-title p {
		font-size: 13px;
	}

    .btn {
		font-weight: 400;
		font-size: 13px;
	}

    .slider .single-slider h1 {
		font-size: 20px;
		font-weight: 600;
	}

	.slider .single-slider p{
		font-size:13px;
	}
}

@media only screen and (max-width: 448px) {
	.navigator {
		font-size: 14px;
	}

	.all-service h3 {
        font-size: 1.2rem;
    }

	.water-filter h3, .water-filter h4 button {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 432px) {
	.content h1, .content h2, .content h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 430px) {
    .footer .menu-footer li {
        font-size: 12px;
    }

	.system-service .box-overlay .overlay .text {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 414px) {

	.content h1, .content h2, .content h3 {
        font-size: 16px;
    }

	.content h3 {
		font-size: 16px;
	}

	.footer .single-footer.f-link li a {
		font-size: 12px;
	}

	.navigator {
        font-size: 12px;
    }

	.all-service .detail h6 {
        font-size: .7rem;
    }

	.water-filter h3, .water-filter h4 button {
        font-size: 14px;
    }

	.box-circle .text p {
		font-size: 14px;
	}

	.reward p {
		font-size: 14px;
	}

	.content h6 {
		font-size: 14px;
	}

	.news-media .card-footer {
		font-size: 14px;
	}

    .application tr th {
        font-size: 14px;
    }
}

@media only screen and (max-width: 393px) {
	.footer .menu-footer li {
        font-size: 10px;
    }

    .all-service .detail h6 {
        font-size: 10px;
    }
}

@media only screen and (max-width: 390px) {
    .btn-blue, .btn-white, .border-box-business .btn-white{
        font-size: 12px;
    }

	.box-business h3 {
        font-size: 14px;
    }

	.box-overlay .overlay .text {
		font-size: 14px;
	}
}

@media only screen and (max-width: 384px) {
	.navigator {
        font-size: 10px;
    }
}

@media only screen and (max-width: 375px) {
	.content h1, .content h2, .content h3 {
        font-size: 15px;
    }
}

@media only screen and (max-width: 320px) {
	.navigator {
        font-size: 10px;
    }
}