.popular-100inch-container { width: 100%; padding: 0 0 20px; box-sizing: border-box; } 
.popular-100inch-inner { width: calc(100% - 80px); max-width: 1440px; min-height: 105px; margin: 0 auto; padding: 20px 40px; display: flex; align-items: center; gap: 35px; background: #f6f6f6; box-sizing: border-box; } 
.popular-100inch-title { flex: 0 0 300px; padding-right: 30px; border-right: 1px solid #d0d0d0; box-sizing: border-box; } 
.popular-title-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; } 
.popular-title-row .tv-icon { width: 28px; height: 28px; flex: 0 0 28px; display: block; object-fit: contain; } 
.popular-title-row strong { display: block; margin: 0; color: #222; font-size: 15px; line-height: 1.3; font-weight: 600; } 
.popular-main-page { display: flex; align-items: center; gap: 8px; min-width: 0; } 
.star-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #16b7bd; font-size: 26px; line-height: 1; } 
.popular-main-page a { display: inline-block; color: #17689a; font-size: 15px; line-height: 1.4; font-weight: 600; text-decoration: none; white-space: nowrap; } 
.popular-main-page a:hover { color: #00aeb5; } 
.main-page-badge { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; border-radius: 15px; background: #d9f2f5; color: #3b8995; font-size: 11px; line-height: 1.2; font-weight: 500; white-space: nowrap; } 
.popular-related-pages { flex: 1 1 auto; min-width: 0; } 
.popular-related-pages > strong { display: block; margin: 0 0 13px; color: #222; font-size: 14px; line-height: 1.4; font-weight: 600; } 
.related-page-links { display: flex; align-items: center; flex-wrap: wrap; row-gap: 8px; } 
.related-page-links a { color: #555; font-size: 14px; line-height: 1.5; text-decoration: none; white-space: nowrap; transition: color 0.2s ease; } 
.related-page-links a:hover { color: #00aeb5; } .related-page-links span { margin: 0 12px; color: #999; font-size: 12px; line-height: 1; } 
.star-icon { width: 24px; height: 24px; flex: 0 0 24px; display: block; object-fit: contain; } 

.email-subscription-container-india.internal {
margin: 40px auto 40px;
}

@media (max-width: 991px) { 
.popular-100inch-inner { width: calc(100% - 30px); padding: 20px; gap: 20px; } 
.popular-100inch-title { flex: 0 0 220px; padding-right: 18px; } 
.popular-title-row { gap: 7px; } 
.popular-title-row .tv-icon { width: 24px; height: 24px; flex-basis: 24px; } 
.popular-title-row strong { font-size: 13px; } 
.star-icon { font-size: 22px; } 
.popular-main-page a { font-size: 12px; } 
.main-page-badge { padding: 4px 7px; font-size: 9px; } 
.popular-related-pages > strong { font-size: 12px; } 
.related-page-links a { font-size: 12px; } 
.related-page-links span { margin: 0 5px; } }

@media (max-width: 767px) { 
.popular-100inch-container { padding-bottom: 15px; } 
.popular-100inch-inner { width: calc(100% - 30px); padding: 20px; display: block; } 
.popular-100inch-title { width: 100%; padding: 0 0 16px; margin-bottom: 18px; border-right: 0; border-bottom: 1px solid #d0d0d0; } 
.popular-title-row { gap: 8px; margin-bottom: 13px; } 
.popular-title-row .tv-icon { width: 26px; height: 26px; flex-basis: 26px; } 
.popular-title-row strong { font-size: 14px; } 
.popular-main-page { gap: 7px; } 
.star-icon { font-size: 24px; } 
.popular-main-page a { font-size: 14px; } 
.popular-related-pages > strong { margin-bottom: 12px; font-size: 13px; } 
.related-page-links { display: flex; flex-wrap: wrap; } 
.related-page-links a { font-size: 12px; } } 

@media (max-width: 575px) { 
.popular-100inch-container { padding-bottom: 12px; } 
.popular-100inch-inner { width: calc(100% - 20px); padding: 18px 15px; } 
.popular-100inch-title { padding-bottom: 15px; margin-bottom: 16px; } 
.popular-title-row { gap: 8px; margin-bottom: 13px; } 
.popular-title-row .tv-icon { width: 24px; height: 24px; flex-basis: 24px; } 
.popular-title-row strong { font-size: 13px; } 
.popular-main-page { gap: 6px; } 
.star-icon { font-size: 23px; } 
.popular-main-page a { font-size: 13px; } 
.main-page-badge { padding: 4px 8px; font-size: 9px; } 
.popular-related-pages > strong { margin-bottom: 9px; font-size: 12px; } 
.related-page-links { display: block; line-height: 1.9; } 
.related-page-links a { display: inline; font-size: 12px; } 
.related-page-links span { margin: 0 5px; } } 

@media (max-width: 374px) { 
.popular-100inch-inner { width: calc(100% - 16px); padding: 16px 12px; } 
.popular-100inch-title { padding-bottom: 14px; margin-bottom: 14px; } 
.popular-title-row { gap: 7px; margin-bottom: 12px; } 
.popular-title-row .tv-icon { width: 22px; height: 22px; flex-basis: 22px; } 
.popular-title-row strong { font-size: 12px; } 
.popular-main-page { gap: 5px; } 
.star-icon { font-size: 21px; } 
.popular-main-page a { font-size: 12px; } 
.main-page-badge { padding: 4px 7px; font-size: 9px; } 
.popular-related-pages > strong { margin-bottom: 8px; font-size: 11px; } 
.related-page-links { line-height: 1.9; } 
.related-page-links a { font-size: 11px; } 
.related-page-links span { margin: 0 4px; } }
