*{ margin: 0; padding-top: 0; }
.counter_bd {background: #fff url(top-bg.png) right top no-repeat;/*background: url(https://drop.ndtv.com/homepage/html/swasth/eng/web/counter_bg.jpg) 0 0 no-repeat;*/margin: 0;display: inline-block;width: 100%;clear: both;background-size: cover;-moz-box-shadow:0 3px 8px #c7c7c7;-webkit-box-shadow:0 3px 8px #c7c7c7; 
box-shadow:0 3px 8px #c7c7c7;background-size: 85px 115px;border-radius: 10px;}
.hp_warp {position: relative;clear: both;font-family: Roboto,sans-serif;}
.swh_cont_host {
    position: absolute;
    right: -17px;
    bottom: -39px;
    float: left;
    width: 123px;
    border-radius: 10px;
    overflow: hidden;
}
.swh_cont_host img { width:100%; }

.swhtop_mid {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    display: block;
    clear: both;
    top: 5px;
    position: relative;
    border-radius: 10px 10px 0 0;
    padding: 7px 0px;
    margin-bottom: 34px;
    /*-moz-box-shadow:0 3px 8px #c7c7c7;-webkit-box-shadow:0 3px 8px #c7c7c7; 
box-shadow:0 3px 8px #c7c7c7;*/
    }

.swhmid_cont {margin: 0;clear: both;padding: 10px 0 0 12px;box-sizing: border-box;height: 80px;}   
.swh_watchcont {color: #009335;font-size:12px;display: block;width: 100%;text-align: left;font-weight: 900;text-transform: uppercase;line-height: 17px;}    
.swh_hastag1 {width: 100%;clear: both;text-align: left;text-transform: uppercase;font-size: 12px;font-weight: 900;color: #0a4d94;line-height: 18px;}


.swh_hastag {}

.swhmid_cont .swh_hastag {width: 100%;clear: both;text-align: left;text-transform: uppercase;font-size: 14px;font-weight: 900;color: #0a4d94;line-height: 18px;}

.swhmid_cont span.host-ttl {color: #0a4d94;font-size: 15px;}

.swhmid_cont span.hastag { display: block; color: #0a4d94;font-size: 11px;text-transform: capitalize;line-height: 20px;font-weight: 200;}

.swhmid_cont p {margin: 0;font-size: 18px;font-weight: 600;text-transform: uppercase;line-height: 30px;}

.swhmid_cont p spans {font-size: 14px;line-height: initial;}

.swh_date {
text-align: center;
display: block;
color: #ea4833;
padding: 3px 0 9px 0;
text-transform: uppercase;
font-size: 14px;
}

.swh_url_wap {
display: block;
font-size: 13px;
text-align: center;
background: #f84b00;
color: #fff;
clear: both;
border-radius: 4px;
padding: 5px 0;
position: absolute;
width: 100%;
}

.js-nametag .bsi--dt { text-transform:none; }

.swh_clickcount {position:relative; cursor: pointer; left: 0;top:0;width: 100%;height: auto;text-decoration: none; display: block; color: inherit;}


.logo {position: absolute;right: 0;z-index: 9;top: 3px;width: 35px;}
.logo a {
display: block;
position: relative;
text-align: center;
left: -3px;
}

.logo img,
.logo a img {
display: block; width: 100%;
}

.timecount .upper b {
line-height: 26px;
}

.swacch_coun {
box-sizing: border-box;
position: relative;
margin: 0 auto;
width: 100%;
display: inline-block;
border-radius: 8px;
padding: 0px 0;
left: 0;
bottom: 0;
right: 0;
padding: 0px 0;
left: 0;
bottom: 65px;
right: 0;
}

.timecount .upper {
width: 100%;
float: left;
text-align: center;
font-size: 16px;
color: #fff;
text-transform: capitalize;
padding: 3px 0 2px;
}

.timecount .upper i {
color: #fff;
font-size: 25px;
font-weight: 300;
font-style: normal;
}

.timecount .upper b {
color: #131313;
font-size: 22px;
display: block;
margin-top: 5px;
font-weight: 900;
text-transform: uppercase;
font-family: 'SF CompactDisplay', 'Roboto', 'Droid sans', Arial;
}

.timecount .upper span {
color: #131313;
font-size: 22px;
display: block;
margin-top: 5px;
font-weight: 600;
}

.timecount .counter {
width: 100%;
float: left;
padding: 0;
box-sizing: border-box;
text-align: center;
position: relative;
}

.timecount .counter ul {width: 95%;display: inline-block;position: relative;box-sizing: border-box;list-style-type: none;margin: 0 auto 5px;padding: 2px 0 0;text-align: center;line-height: 1;height: auto;border-radius: 6px;background-color: #387E3B;}

.timecount .counter ul li {display: inline-block;overflow: hidden;margin: 0 10px;padding: 2px 0;color: white;text-align: center;font-size: 25px;font-weight: 900;width: 15%;border-radius: 4px;position: relative;line-height: 26px;}

.timecount .counter ul li span {
font-weight: 400;
position: relative;
top: 0;
}

.timecount .counter ul span.separators {position: absolute;display: inline-block;width: auto;top: 9px;}

.timecount .counter ul span.separators:before,.timecount .counter ul span.separators:after{width: 5px;height: 5px; content:''; position:absolute; border-radius:50%; background-color:white;left: -3px;}
.timecount .counter ul span.separators:after{top: 10px;}
.timecount .counter ul span.separators:last-child {
display: none;
}

.timecount .counter ul li:last-child:after {
display: none;
}

.timecount .counter ul li:first-child {
margin-left: 0;
}

.timecount .counter ul li span {
display: block;
padding: 0;
font-size: 9px;
text-align: center;
color: #FFF;
line-height: 14px;
letter-spacing: 0.7px;
}

.timecount .bottom {
border-radius: 2px;
width: 100%;
float: left;
text-align: center;
color: #fff;
font-size: 11px;
position: relative;
left: -2px;
}

.timecount .bottom span {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding-top: 0px;
}

@font-face {
font-family: 'SF Compact Display';
src: url('https://swachhindia.ndtv.com/wp-content/themes/magic-mag-child//swachh-india/font/SFCompactDisplay-Black.woff2') format('woff2'), url('https://swachhindia.ndtv.com/wp-content/themes/magic-mag-child/swachh-india/font/SFCompactDisplay-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}

.ImgTxtOvrly {
font-family: 'SF Compact Display', 'Roboto', 'Droid sans', Arial;
position: absolute;
top: 100px;
left: -24px;
right: 0;
text-transform: uppercase;
text-align: center;
font-size: 48px;
font-weight: 900;
font-style: normal;
}

.ImgTxtOvrly .spnTg1 {
color: #000;
display: inline-block;
}

.ImgTxtOvrly .spnTg2 {
color: #000;
display: inline-block;
}

.ImgTxtOvrly .spnTg3 {
color: #008650;
display: inline-block;
position: relative;
top: -4px;
}



.js-nametag{
  position: absolute;
}
.js-nametag:nth-child(1){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  animation-direction: alternate-reverse;  
}


.js-nametag:nth-child(2){
  animation-name: fade;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  animation-direction: alternate;
}

@keyframes fade{
    0%,50% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
}

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

.swhmid_cont {height:85px;}
.swhmid_cont .swh_hastag {font-size: 16px;line-height: 20px;}
.swh_watchcont {line-height:22px;}
.swh_watchcont,
.swh_hastag1 {font-size: 14px; line-height:19px;}

}

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

.swhmid_cont {height: 85px;}
.swh_cont_host { width: 130px;}
.swhmid_cont .swh_hastag {font-size: 16px;line-height: 20px;}
.swh_watchcont {line-height:24px;}
.swh_watchcont,
.swh_hastag1 {font-size: 15px;line-height: 20px;}
.logo { width:42px; }
.counter_bd {background-size: 110px 115px;}
.swhmid_cont span.host-ttl {font-size:17px;}

}