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: 500;
	font-size: 15px;
}

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

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

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

.navigator {
	font-size: 1rem;
}

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

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

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

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

.content h4 {
	font-size: 1.1rem;
	font-weight: 500;
}

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

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


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

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

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

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

.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-size: 1.2rem;
    font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

.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;
}

.footer p, .footer p a {
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
	font-weight: 600;
}

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

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

.pagination .number a {
    font-size: 14px;
    font-weight: 500;
}

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

.news-media .created-at {
	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;
	font-weight: 500;
}

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

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

.box-overlay:hover .overlay h4 {
    font-size: 1.25rem;
}

.about-menu {
    font-size: 1rem;
    font-weight: 500;
}

.gems-main-services p{
	font-family:  "Poppins", sans-serif;
	font-size: 1rem
}

.gems-main-services td, .gems-main-services th {
    font-size: 1rem;
}

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

.prev-icon {
	font-size: 1.2rem;
	font-weight: 500;
}

.our-work-media-body {
	font-size: 1.25rem;
	font-family: "DM Sans", sans-serif;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 500;
}

.btn-application {
    font-size: 1rem;
    font-weight: 500;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    font-weight: 400;
}

.styledSelect {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 14px;
}

.news-image .btn-read-more {
	font-size: 1rem;
}

.company-name {
	font-size: 22px;
}

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

}

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

}

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

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

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

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

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

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

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

	.content h4 {
		font-size: 1.1rem;
	}

	.box-overlay:hover .overlay h4 {
		font-size: 1.1rem;
	}

}

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

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

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

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

}

@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 .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: .6rem;
	}

	.content h4 {
        font-size: 1rem;
    }

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

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

}

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

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

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

}

@media only screen and (max-width: 820px) {
	.slider .single-slider h1, .slider .single-slider h2 {
        font-size: 25px;
    }

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

}

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

@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) {
	.content h1, .content h2 {
		font-size: 20px;
	}

	.footer .copyright .copyright-content p {
		font-size: 10px;
	}

	.about-menu {
        font-size: 14px;
    }

	.slider .single-slider h1, .slider .single-slider h2 {
        font-size: 18px;
    }

}

@media only screen and (max-width: 540px) {
	.slider .single-slider h1, .slider .single-slider h2 {
        font-size: 20px;
    }

	.btn-contact {
		font-size: 12px;
	}

	.our-work-media-body {
		font-size: 16px;
	}

}

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

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

	.navigator {
		font-size: 12px;
	}

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

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

}

@media only screen and (max-width: 450px) {
    .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;
	}

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

}

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

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

	.prev-icon {
		font-size: 18px;
	}

}

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

}

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

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

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

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

	.navigator {
        font-size: 12px;
    }

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

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

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

	.gems-main-services p, .gems-main-services td, .gems-main-services th {
		font-size: 14px;
	}

	.inputfile + label {
		font-size: 14px;
	}

	.application-form input::placeholder {
		font-size: 14px;
	}

}

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

@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;
    }

	.footer .single-footer h2 {
        font-size: 14px;
    }

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

}

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

	.slider .single-slider h1, .slider .single-slider h2 {
        font-size: 18px;
    }

}

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