/*en css cmsyou*/
html,body{font-family: "Kanit","TH Sarabun New", Tahoma, "Arial Unicode MS", "Thonburi", sans-serif; font-weight: 400;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Kanit","TH Sarabun New", Tahoma, "Arial Unicode MS", "Thonburi", sans-serif; font-weight: 400;}
.navigation .gva_menu .sub-menu>li>a,.footer{font-family: "Kanit","TH Sarabun New", Tahoma, "Arial Unicode MS", "Thonburi", sans-serif; font-weight: 400;}
.section-desc{font-size: 19px;}
.strategy-card{padding: 20px;}
.strategy-card h3{font-size: 19px;}
.strategy-card p{line-height: 1.5em; margin-bottom: 0;}
.os-layer-tags span{height: 46px; font-size: 13px; line-height: 1.25em; vertical-align: middle; padding: 6px 18px; margin-right: 7px; display: inline-block;}
.os-layer-tags span.span-oneline{line-height: 34px;}
.product-desc{top: 45%; font-size: 20px;}
.strategy-cards{grid-template-columns: repeat(auto-fit,minmax(200px,1fr));}
/*responsive diy*/
@media (max-width:1639px){
.section-title{font-size: 32px;}
}
@media (max-width:1219px){
.strategy-card h3{font-size: 16px; margin-bottom: 12px;}
.section-title{font-size: 28px;}
.os-layer{padding: 20px;}
.os-layer-tags span{height: 38px; font-size: 12px; padding: 4px 10px; margin-right: 2px; margin-bottom: 5px;}
.os-layer-tags span.span-oneline{line-height: 28px;}
}
@media (max-width:1023px) {
.section-title{font-size: 24px;}
.os-layer-tags span{margin-right: 1px;}
}
@media (max-width:991px) {
.strategy-cards{grid-template-columns: repeat(auto-fit,minmax(250px,1fr));}
}
@media (max-width:767px) {
.section-title{font-size: 20px;}
.section-desc{font-size: 16px; line-height: 1.5em;}
.product-desc{top: 30%; font-size: 17px;}
.os-layer-tags span{font-size: 11px;}
}
@media (max-width:479px) {
.section-desc{font-size: 14px; margin-bottom: 0;}
.product-desc{top: 25%; font-size: 15px;}
}
@media (max-width:359px) {
.section-desc{font-size: 13px;}
.product-desc{top: 20%; font-size: 14px;}
.ecology-logo span{font-size: 14px;}
}
@media (max-width:319px) {
}