@charset "utf-8";
 
.social { text-align:center; padding:0 }
.social ul li { margin:0; padding:0; float:left }
.social ul li label { display:inline; font-size:13px; line-height:28px; margin:0 10px 0 0; cursor:default; font-weight:700 }
.social ul li a { color:#fff; margin:0 8px 0 0; display:block }
.social ul li i { width:25px; height:25px; text-align:center; border-radius:50%; line-height:25px; background-color:#fff; font-size:14px }
.social ul li i.fa-facebook { background-color:#3778b9 }
.social ul li i.fa-twitter { background-color:#35c6f0 }
.social ul li i.fa-google-plus { background-color:#d73a1a }
.social ul li i.fa-pinterest { background-color:#ed5053 }
.social ul li i.fa-whatsapp { background-color:#20870f }
.social ul li.apps { margin:0 10px 0 0 }

.tktlistwarp{background: #fff;border: solid 1px #ddd;padding: 10px;border-radius: 4px;margin-bottom: 25px;}
.bannercom{padding: 10px;}
.tktlistwarp .tktimg{width: 20%; float: left; position: relative;margin-right: 10px;}
.date-container{position: absolute; background-color: #19cba7;border-radius: 50px;width: 70px; height:70px;text-align: center;right: -25px;top: -8px;zindex: 1;box-shadow: 0 1px 4px rgb(44 130 237 / 40%);border: #fff solid 4px;}
.date-container b{padding-top: 12px;display: block;color: #fff;font-weight: 500;font-size: 20px;}
.tktlistwarp .tktdecwarp {width:79%; float: left;}
        
.tktlistwarp .tktdecwarp .tktdection{width: 70%; float: left;padding-left: 30px;}
.tktlistwarp .tktdecwarp .tktdection h3 a{color: #212121;}
.tktlistwarp .tktdecwarp .tktdection .event-title {text-transform: uppercase;margin-top: 10px;font-size: 18px;}
.tktlistwarp .tktdecwarp .tktdection .description {margin: 10px 0;font-size: 12px;font-weight: 300;}
.tktlistwarp .tktdecwarp .tktdection .description p {font-size: 16px;font-weight: 300; color: #777;}
.tktlistwarp .tktdecwarp .tktdection .venue span, .time span{font-size: 16px;font-weight:400; color: #212121;}
.tktctawrp span{display: block;padding-bottom: 5px;}
.rate{color: #08a182;font-weight: 500;}
.tktlistwarp .tktdecwarp .tktdection .venue-time {font-size: 14px;margin-bottom: 10px;color: #555;}
.tktlistwarp .tktdecwarp .tktdection .time {display: block;margin-top: 10px;}
        
.tktlistwarp .tktdecwarp .tktctawrp{width: 30%; float: left; text-align: center;margin-top: 25px;}
.tktlistwarp .tktdecwarp .tktctawrp a{padding: 10px 30px;}
.tktlistwarp .tktdecwarp .tktctawrp b{font-size: 16px;}

/*nandhu End*/
@media only screen and (max-width : 568px) {
.tktlistwarp .tktimg, .tktlistwarp .tktdecwarp, .tktlistwarp .tktdecwarp .tktdection, .tktlistwarp .tktdecwarp .tktctawrp{width: 100%;}    
.date-container{right: 0;top: 0;}
.tktlistwarp .tktdecwarp .tktdection{padding-left: 0px;}
.tktlistwarp .tktimg figure{height: 200px;overflow: hidden;}
.tktlistwarp .tktimg figure img{width: 100%;}
.tktlistwarp .tktdecwarp .tktctawrp {margin-top: 0;background-color: #f5f5f5;padding: 10px 0;}
.microtitle{margin: 15px 0!important;}
}
/**/
@media only screen and (min-width : 569px) and (max-width : 768px) {}
/**/
@media only screen and (min-width : 769px) and (max-width : 1024px) {
.tktlistwarp .tktdecwarp {width: 78%;}
    
    
}