@media (min-width: 320px) and (max-width: 360px){

.content-section{width:100%}
.brand-name-section{min-height:90px}
.brand-name-section h1{font-size:26px}
.brand-name-section h2{font-size:16px}
.img-loog{display:none}

.main-navigation li a{padding:10px 8px;font-size:10px}

.top-description-section{padding:2px}
.top-description-section h3{font-size:9px; line-height:1.4;}

.marquee-container{font-size:9px; padding:0;}
.marquee-container a{font-size:9px; line-height:1;}
.marquee-container span{font-size:9px; font-weight:600;}
.marquee-container .marquee-item{padding-bottom:2px;}

.live-image-section{width:58px; margin:5px auto;}
.live-image-section img{width:100%;}

.social-media-section{width:150px; height:32px; padding:4px; margin:10px auto;}
.follow-us h4{font-size:10px;}
.social-icons{gap:5px;}
.social-icons a {width:22px; height:22px;}

#mainBannerGrid {display:grid; grid-template-columns: repeat(3, 1fr);padding:0px;}
#image7,#image8 {display:none !important;}
#mainBannerGrid {gap:1.5px; margin:10px auto;}
#mainBannerGrid div {height:42px;}
#mainBannerGrid div a{font-size:10px;}
#mainBannerGrid a h5{font-size:11px;}
#mainBannerGrid a h5 small{font-size:8px;}

.column-section {margin-bottom:10px;gap:2px;}
.column-header {padding:4px;font-size:14px;}
.column-header h1{font-size:15px; padding:2px;}
.post-container .items{padding:6px 3px 0px 13.5px; line-height:1.3; font-size:12.5px; font-weight:;}
.post-container .items li{padding:0px; margin-bottom:8px;}
.view-more-section{padding:3px;}
.view-more-section a {font-size:12px; padding:3px;}

#main-info-section{margin-top:10px;}
.description-section {line-height:1.5; margin-bottom:20px;}
.description-section h1 {font-size:16px; margin-bottom:8px;}

.description-box h2{font-size:16px; margin-bottom:2px;}
.description-box{padding:0 2px 0px 2px;}
.description-box ul{padding:2px 15px}

.description-section p,
.description-section strong,
.description-section ul {font-size:12px;}

.post-container{margin-top:10px;}
.post-section-column-header{padding:6px;font-size:16px;}
.post-section-sub-header{padding:4px; font-size:14px;}
.post-section-items{margin:4px 0px 10px 0px; padding:0px 18px; font-size:12px;}
.post-section-items li{padding:3px 0px;}
.post-section-items li a{font-size:11px;}
.post-section-items div{padding:1px 2px; color:#ff00aa; border-radius:2px;font-size:10px; font-weight:500;border:1px dashed #ddd;}
.post-content-section{width:100%;}

.ads-post-section{width:calc(0%); display:none;}

.site-footer {margin-top:0px; padding:25px 0px 0px 0px;}
.footer-logo{margin-bottom:15px;}
.footer-logo h1 {font-size:18px;}
.footer-nav {width:60%; margin:0 auto; gap:12px; margin-bottom:20px;}
.footer-nav a {font-size:12px;}

.site-footer .social-icons {gap:10px; margin-bottom:15px;}
.site-footer .social-icons a {width:34px;height:34px;}

.footer-copy {padding:12px 0;font-size:12px;}

tbody tr, tbody td, tbody th{min-height:fit-content !important; padding:4px 2px !important;line-height:0 !iportant;}
tbody h1 span, tbody h1 strong{font-size:16px !important; padding:0px; margin:0 !important; line-height:1 !iportant;}
tbody h2 span, tbody h2 strong{font-size:13px !important;}
tbody h3 span, tbody h3 strong{font-size:12px !important;}
tbody h4 span, tbody h4 strong{height:auto;font-size:11px;}
tbody h5 span, tbody h5 strong{height:auto;font-size:10px;}
tbody span, tbody strong{font-size:12px;}
tbody td,tbody tr{height:auto;height:fit-content;font-size:12px;}
tbody tr td ul,tbody tr td ol{font-size:12px;margin:0;padding-right:2px;padding-left:14px;}
tbody td h1 span{font-size:16px;}
table,td,tr,th{padding:6px 4px;}
table ul, table ol{margin-left:20px;}

table h1{line-height:.80 !important;};
table tr h2{line-height:.80 !important;};

.about-us h1{padding:0px;font-size:16px; font-weight:600;}
.about-us h2{font-size:16px;padding:0px 0px; font-weight:500;}
.about-us p,.about-us ul,.about-us li, .about-us strong{line-height:1.4; font-size:12px; padding:0px;}
.about-us ul{padding-left:10px;}
.about-us ul li{padding:2px 0px;}"
}

@media (min-width: 361px) and (max-width: 414px) {

.content-section{width:100%}

.brand-name-section{min-height:100px}
.brand-name-section h1{font-size:28px}
.brand-name-section h2{font-size:18px}
.img-loog{display:none}

.main-navigation li a{padding:12px 10px;font-size:12px}

.top-description-section{padding:4px}
.top-description-section h3{font-size:11px; line-height:1.5;}

.marquee-container{font-size:10px; margin:0; padding:0;}
.marquee-container a{font-size:10px; line-height:1.2;}
.marquee-container span{font-size:10px; font-weight:600;}
.marquee-container .marquee-item{padding-bottom:3px;}

.live-image-section{width:65px; margin:6px auto;}
.live-image-section img{width:100%;}

.social-media-section{width:170px; height:36px; padding:5px; margin:12px auto;}
.follow-us h4{font-size:12px;}
.social-icons{gap:6px;}
.social-icons a {width:26px; height:26px;}

#mainBannerGrid {display:grid; grid-template-columns: repeat(3, 1fr); padding:0px;}
#image7,#image8 {display:none !important;}
#mainBannerGrid {gap:2px; margin:12px auto;}
#mainBannerGrid div {height:50px;}
#mainBannerGrid div a{font-size:12px;}
#mainBannerGrid a h5{font-size:13px;}
#mainBannerGrid a h5 small{font-size:10px;}

.column-section {margin-bottom:12px; gap:4px;}
.column-header {padding:5px;font-size:16px;}
.column-header h1{font-size:18px; padding:3px;}
.post-container .items{padding:6px 4px 0px 16px; line-height:1.4; font-size:13px;}
.post-container .items li{padding:0px; margin-bottom:7px;}
.view-more-section{padding:4px;}
.view-more-section a {font-size:13px; padding:4px;}

#main-info-section{margin-top:12px;}
.description-section {line-height:1.6; margin-bottom:22px;}
.description-section h1 {font-size:18px; margin-bottom:10px;}

.description-box h2{font-size:18px; margin-bottom:4px;}
.description-box{padding:0 4px;}
.description-box ul{padding:4px 18px}

.description-section p,
.description-section strong,
.description-section ul {font-size:13px;}

.post-container{margin-top:12px;}
.post-section-column-header{padding:6px;font-size:18px;}
.post-section-sub-header{padding:5px; font-size:16px;}
.post-section-items{margin:5px 0px 12px 0px; padding:0px 20px; font-size:13px;}
.post-section-items li{padding:4px 0px;}
.post-section-items li a{font-size:12px;}
.post-section-items div{padding:2px 3px; color:#ff00aa; border-radius:3px;font-size:11px; font-weight:500;border:1px dashed #ddd;}
.post-content-section{width:100%;}

.ads-post-section{display:none;}

.site-footer {margin-top:0px; padding:28px 0px 0px 0px;}
.footer-logo{margin-bottom:18px;}
.footer-logo h1 {font-size:20px;}
.footer-nav {width:65%; margin:0 auto; gap:14px; margin-bottom:22px;}
.footer-nav a {font-size:13px;}

.site-footer .social-icons {gap:12px; margin-bottom:18px;}
.site-footer .social-icons a {width:36px;height:36px;}

.footer-copy {padding:14px 0;font-size:13px;}

tbody tr, tbody td, tbody th{height:auto;padding:10px 4px;line-height:1.8;}
tbody h1 span, tbody h1 strong{font-size:16px;}
tbody h2 span, tbody h2 strong{font-size:15px;}
tbody h3 span, tbody h3 strong{font-size:14px;}
tbody h4 span, tbody h4 strong{font-size:13px;}
tbody h5 span, tbody h5 strong{font-size:12px;}
tbody span, tbody strong{font-size:13px;}
tbody td,tbody tr{height:auto;height:fit-content;font-size:13px;}
tbody tr td ul{font-size:13px;margin:0;padding-right:2px;padding-left:16px;}
tbody td h1 span{font-size:18px;}
table,td,tr,th,td{padding:12px 8px;}
table ul{margin-left:22px;}

.about-us h1{padding:0px;font-size:18px; font-weight:600;}
.about-us h2{font-size:18px;padding:0px; font-weight:500;}
.about-us p,.about-us ul,.about-us li, .about-us strong{line-height:1.5; font-size:13px; padding:0px;}
.about-us ul{padding-left:12px;}
.about-us ul li{padding:3px 0px;}
}

@media (min-width: 415px) and (max-width: 480px) {

.content-section{width:100%}

.brand-name-section{min-height:100px}
.brand-name-section h1{font-size:28px}
.brand-name-section h2{font-size:18px}
.img-loog{display:none}

.main-navigation li a{padding:12px 10px;font-size:12px}

.top-description-section{padding:4px}
.top-description-section h3{font-size:11px; line-height:1.5;}

.marquee-container{font-size:10px; margin:0; padding:0;}
.marquee-container a{font-size:10px; line-height:1.2;}
.marquee-container span{font-size:10px; font-weight:600;}
.marquee-container .marquee-item{padding-bottom:3px;}

.live-image-section{width:65px; margin:6px auto;}
.live-image-section img{width:100%;}

.social-media-section{width:170px; height:36px; padding:5px; margin:12px auto;}
.follow-us h4{font-size:12px;}
.social-icons{gap:6px;}
.social-icons a {width:26px; height:26px;}

#mainBannerGrid {display:grid; grid-template-columns: repeat(3, 1fr); padding:0px;}
#image7,#image8 {display:none !important;}
#mainBannerGrid {gap:2px; margin:12px auto;}
#mainBannerGrid div {height:50px;}
#mainBannerGrid div a{font-size:12px;}
#mainBannerGrid a h5{font-size:13px;}
#mainBannerGrid a h5 small{font-size:10px;}

.column-section {margin-bottom:12px; gap:4px;}
.column-header {padding:5px;font-size:16px;}
.column-header h1{font-size:18px; padding:3px;}
.post-container .items{padding:6px 4px 0px 16px; line-height:1.4; font-size:13px;}
.post-container .items li{padding:0px; margin-bottom:7px;}
.view-more-section{padding:4px;}
.view-more-section a {font-size:13px; padding:4px;}

#main-info-section{margin-top:12px;}
.description-section {line-height:1.6; margin-bottom:22px;}
.description-section h1 {font-size:18px; margin-bottom:10px;}

.description-box h2{font-size:18px; margin-bottom:4px;}
.description-box{padding:0 4px;}
.description-box ul{padding:4px 18px}

.description-section p,
.description-section strong,
.description-section ul {font-size:13px;}

.post-container{margin-top:12px;}
.post-section-column-header{padding:6px;font-size:18px;}
.post-section-sub-header{padding:5px; font-size:16px;}
.post-section-items{margin:5px 0px 12px 0px; padding:0px 20px; font-size:13px;}
.post-section-items li{padding:4px 0px;}
.post-section-items li a{font-size:12px;}
.post-section-items div{padding:2px 3px; color:#ff00aa; border-radius:3px;font-size:11px; font-weight:500;border:1px dashed #ddd;}
.post-content-section{width:100%;}

.ads-post-section{display:none;}

.site-footer {margin-top:0px; padding:28px 0px 0px 0px;}
.footer-logo{margin-bottom:18px;}
.footer-logo h1 {font-size:20px;}
.footer-nav {width:65%; margin:0 auto; gap:14px; margin-bottom:22px;}
.footer-nav a {font-size:13px;}
.site-footer .social-icons {gap:12px; margin-bottom:18px;}
.site-footer .social-icons a {width:36px;height:36px;}
.footer-copy {padding:14px 0;font-size:13px;}

tbody tr, tbody td, tbody th{height:auto;padding:10px 4px;line-height:1.8;}
tbody h1 span, tbody h1 strong{font-size:16px;}
tbody h2 span, tbody h2 strong{font-size:15px;}
tbody h3 span, tbody h3 strong{font-size:14px;}
tbody h4 span, tbody h4 strong{font-size:13px;}
tbody h5 span, tbody h5 strong{font-size:12px;}
tbody span, tbody strong{font-size:13px;}
tbody td,tbody tr{height:auto;height:fit-content;font-size:13px;}
tbody tr td ul{font-size:13px;margin:0;padding-right:2px;padding-left:16px;}
tbody td h1 span{font-size:18px;}
table,td,tr,th,td{padding:12px 8px;}
table ul{margin-left:22px;}

.about-us h1{padding:0px;font-size:18px; font-weight:600;}
.about-us h2{font-size:18px;padding:0px; font-weight:500;}
.about-us p,.about-us ul,.about-us li, .about-us strong{line-height:1.5; font-size:13px; padding:0px;}
.about-us ul{padding-left:12px;}
.about-us ul li{padding:3px 0px;}
}

@media (min-width: 481px) and (max-width: 768px) {
.content-section{width:100%}

.brand-name-section{min-height:100px}
.brand-name-section h1{font-size:28px}
.brand-name-section h2{font-size:18px}
.img-loog{display:none}

.main-navigation li a{padding:12px 10px;font-size:12px}

/* top-description-section */
.top-description-section{padding:4px}
.top-description-section h3{font-size:11px; line-height:1.5;}

.marquee-container{font-size:10px; margin:0; padding:0;}
.marquee-container a{font-size:10px; line-height:1.2;}
.marquee-container span{font-size:10px; font-weight:600;}
.marquee-container .marquee-item{padding-bottom:3px;}

.live-image-section{width:65px; margin:6px auto;}
.live-image-section img{width:100%;}

.social-media-section{width:170px; height:36px; padding:5px; margin:12px auto;}
.follow-us h4{font-size:12px;}
.social-icons{gap:6px;}
.social-icons a {width:26px; height:26px;}

#mainBannerGrid {display:grid; grid-template-columns: repeat(3, 1fr); padding:0px;}
#image7,#image8 {display:none !important;}
#mainBannerGrid {gap:2px; margin:12px auto;}
#mainBannerGrid div {height:50px;}
#mainBannerGrid div a{font-size:12px;}
#mainBannerGrid a h5{font-size:13px;}
#mainBannerGrid a h5 small{font-size:10px;}

.column-section {margin-bottom:12px; gap:4px;}
.column-header {padding:5px;font-size:16px;}
.column-header h1{font-size:18px; padding:3px;}
.post-container .items{padding:6px 4px 0px 16px; line-height:1.4; font-size:13px;}
.post-container .items li{padding:0px; margin-bottom:7px;}
.view-more-section{padding:4px;}
.view-more-section a {font-size:13px; padding:4px;}

#main-info-section{margin-top:12px;}
.description-section {line-height:1.6; margin-bottom:22px;}
.description-section h1 {font-size:18px; margin-bottom:10px;}

.description-box h2{font-size:18px; margin-bottom:4px;}
.description-box{padding:0 4px;}
.description-box ul{padding:4px 18px}

.description-section p,
.description-section strong,
.description-section ul {font-size:13px;}

.post-container{margin-top:12px;}
.post-section-column-header{padding:6px;font-size:18px;}
.post-section-sub-header{padding:5px; font-size:16px;}
.post-section-items{margin:5px 0px 12px 0px; padding:0px 20px; font-size:13px;}
.post-section-items li{padding:4px 0px;}
.post-section-items li a{font-size:12px;}
.post-section-items div{padding:2px 3px; color:#ff00aa; border-radius:3px;font-size:11px; font-weight:500;border:1px dashed #ddd;}
.post-content-section{width:100%;}

.ads-post-section{display:none;}

.site-footer {margin-top:0px; padding:28px 0px 0px 0px;}
.footer-logo{margin-bottom:18px;}
.footer-logo h1 {font-size:20px;}
.footer-nav {width:65%; margin:0 auto; gap:14px; margin-bottom:22px;}
.footer-nav a {font-size:13px;}
.site-footer .social-icons {gap:12px; margin-bottom:18px;}
.site-footer .social-icons a {width:36px;height:36px;}
.footer-copy {padding:14px 0;font-size:13px;}

tbody tr, tbody td, tbody th{height:auto;padding:10px 4px;line-height:1.8;}
tbody h1 span, tbody h1 strong{font-size:16px;}
tbody h2 span, tbody h2 strong{font-size:15px;}
tbody h3 span, tbody h3 strong{font-size:14px;}
tbody h4 span, tbody h4 strong{font-size:13px;}
tbody h5 span, tbody h5 strong{font-size:12px;}
tbody span, tbody strong{font-size:13px;}
tbody td,tbody tr{height:auto;height:fit-content;font-size:13px;}
tbody tr td ul{font-size:13px;margin:0;padding-right:2px;padding-left:16px;}
tbody td h1 span{font-size:18px;}
table,td,tr,th,td{padding:12px 8px;}
table ul{margin-left:22px;}

.about-us h1{padding:0px;font-size:18px; font-weight:600;}
.about-us h2{font-size:18px;padding:0px; font-weight:500;}
.about-us p,.about-us ul,.about-us li, .about-us strong{line-height:1.5; font-size:13px; padding:0px;}
.about-us ul{padding-left:12px;}
.about-us ul li{padding:3px 0px;}
}