						ul {
							list-style: none;
						}

						ul ul {
							list-style: none;
						}
					
.wdt50{width:50%;padding: 25px 0 !important;}
.flex-row:before, .flex-row:after{content:'';display:table;clear:both;}
.flex-row{display: -ms-flexbox;display: -webkit-flex; display: flex;flex-wrap: wrap;padding:0;justify-content:center}
.flex-row .col{flex:1;margin-right:30px;transition:all ease-in-out .3s;position:relative;padding:25px;background:#fff; -webkit-box-shadow:0 0 2px 0 #c1c1c1;box-shadow:0 0 2px 0 #c1c1c1;}
.flex-row .col:hover {-webkit-box-shadow:0 0 20px 0 #dadada;box-shadow:0 0 20px 0 #dadada;}

.div-sec {padding:50px 0;}
.ebook-card {position:relative;text-align:center;display:flex;align-items:center;flex-wrap:wrap;}
.ebook-card img {max-width:130px;width:100%;margin:0 auto;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;padding-left:15px;flex:1;}
.ctCol {padding: 5px 2px;opacity: .8;color: #000;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;text-align:left;flex:1;}


.div-hover {position: absolute;width:100%;top: 0;left:0;height: 100%;background:#fff;opacity:0;transform: scale(.5);box-sizing:border-box;padding:0 30px;}
.div-hover h3 {margin:10px 0;}
.flex-row .col:hover .div-hover {opacity:1;transition:all ease-in-out .3s;transform: scale(1)}

.btn-con {text-align:left;margin-top:15px;}
a.readmore:link, a.readmore:visited {color:#fff;text-align:center;bottom:-15px;right:20px;text-decoration:none;transition:all ease-in-out .5s;display:inline-block;width:120px;background:#313131;padding:5px 15px;border-radius:20px;}
a.readmore:hover{background:#000000;}

.red-btn-ol:link, .red-btn-ol:visited{display: inline-block; border: 1px solid #ff0505;padding: 5px 15px; color: #e9122b; text-decoration: none;transition:all ease-in-out;}
.red-btn-ol:hover {background:#e9122b;color:#fff;}

p img{box-shadow:5px 5px 10px grey}
.bg-yellow{background-color:#fdffe3;padding:10px;}
.mrgn0{margin:0;}
.mrgnlr{margin:0 5px}

@media (max-width: 1200px) and (min-width:768px) {
.flex-row .col {margin:10px;padding:10px;} .ebook-card {flex-flow:column-reverse;} .btn-con {text-align:center;}
.ctCol {text-align:center;}
}

@media (max-width: 1024px) {
.ctCol {flex:none;width:100%;text-align:center;}
}
@media (max-width:768px){
.flex-row .col{flex:none;width:80%;margin-bottom:30px;}
.ctCol {flex:1;} .btn-con {text-align:center;}
}

