/*
    Author: Pratomrerk B.
    Updated: 2024-08-26
*/

.hide{
    display: none !important;
}
.sm,.md,.lg,.xl,.xl2 {
    display: none !important;
}
@media (max-width: 767px) {
    .sm { display: block !important; }
    .hide-sm { display: none !important; }
    .w10-sm { width: 100% !important; }
    .tc-sm { text-align: center !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .md { display: block !important; }
    .hide-md { display: none !important; }
    .w10-md { width: 100% !important; }
    .tc-md { text-align: center !important; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .lg { display: block !important; }
    .hide-lg { display: none !important; }
    .w10-lg { width: 100% !important; }
    .tc-lg { text-align: center !important; }
}
@media (min-width: 1280px) and (max-width: 1535px) {
    .xl { display: block !important; }
    .hide-xl { display: none !important; }
    .w10-xl { width: 100% !important; }
    .tc-xl { text-align: center !important; }
}
@media (min-width: 1536px) {
    .xl2 { display: block !important; }
    .hide-xl2 { display: none !important; }
    .w10-xl2 { width: 100% !important; }
    .tc-xl2 { text-align: center !important; }
}