.event-f-page{margin-top:60px;}    
.event-f-page .listing .thumbnail_container{padding-bottom:56%;}
.event-f-page .listing{padding:50px 12px 12px;position:relative;box-shadow:4px 5px 5px rgba(0,0,0,0.1);border-radius:5px;border:1px solid #ddd;}
.event-f-page .listing .title-list{margin-bottom:15px;display: flex;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;width: 100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height: 45px;overflow: hidden;}
.event-f-page .listing p{height: 61px;overflow: hidden;}
.event-f-page .listing .title-list a{font-size:18px;}
.event-f-page .listing .img-list{margin-bottom:15px;}
.event-f-page .listing .date{width:100px;height:64px;box-shadow:0 2px 5px rgba(0,0,0,0.3);text-align:center;color:#ffffff;padding:15px 0;background:#0074E4;position:absolute;top:-32px;left: 0;right: 0;margin: auto;border-radius: 50px;}
.event-f-page .listing .date b{font-size:20px;display:block;}
.event-f-page .listing .ed{display:table;margin-top:8px;width:100%;}
.event-f-page .listing .ed b{display:block;margin-bottom:5px;}
.event-f-page .listing .ed i{vertical-align:middle;margin-right:5px;}
.event-f-page .row .col-md-4:nth-child(n+4) .listing{margin-top:60px;}
.ac-pagination li a{background-color: #f2f2f2;}
.event-f-page .ac-pagination{margin-top:30px;}
.event-detail .img-list{height:300px;background-size:cover;margin-bottom: 20px;}
.event-detail .title-d-event{margin-bottom:5px;}
.event-detail{margin-top:40px;}
.event-detail .iconlist{margin-bottom:30px;}
.event-detail .iconlist li{font-size:17px;}
.event-detail .iconlist i{margin-right:5px;font-size:20px;vertical-align:middle;}
.event-detail .badge-danger{background:#dc3545;}
.event-detail .badge{border-radius:4px;}
.event-detail .tbl-events-time{margin-top:10px;}
.event-detail .table td{font-size:14px;}
.pray-time-list .listing-p-time .img-list{width:180px;margin-right:15px;}
.pray-time-list .listing-p-time .img-list .thumbnail_container{padding-bottom: 56%;}
.pray-time-list .listing-p-time .title-p-time{font-weight: 600;font-size: 18px;color:#0074E4;margin-bottom:6px;}
.pray-time-list .listing-p-time .p-time{font-size:16px;}
.pray-time-list .listing-p-time .p-time i{margin-right:5px;}
.pray-time-list .listing-p-time{display: table;width: 100%;margin-top:30px;padding: 20px;background: #fafafa;border: 1px solid #eee;border-radius: 14px;}
.pray-time-list .listing-p-time .download-a{background: #0074E4;color: #fff;padding: 5px 10px;display: inline-block;border-radius: 6px;margin-top: 20px;}
.media-page .listing .thumbnail_container{padding-bottom:56%;}
.media-page .listing{margin-top:30px;overflow:hidden;border-radius:8px;background: #fafafa;border: 1px solid #eee;position:relative;}
.media-page .listing .overlay{position:absolute;left:0px;top:0px;bottom:0px;right:0px;text-align:center;background:rgba(0,0,0,0.5);transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;opacity:0;}
.media-page .listing .overlay i{font-size: 28px;color: #ffffff;position: absolute;left: 0;right: 0;top: 0px;bottom: 0px;height: 28px;margin: auto;}
.media-page .listing img{transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.media-page .ac-pagination{margin-top:30px;}
.album-page .title-album{background: rgba(255,255,255,0.8);padding: 15px 10px;position: absolute;left: 0;right: 0;text-align: center;bottom: 0px;color: #000;font-size: 18px;}
.cam-card-wrap{margin: 0 0 15px;}
.cam-card-wrap .listing{padding:15px;margin:15px 0;cursor:pointer;background:#ebebeb;border-radius:10px;height: 167px;position: relative;}
.cam-card-wrap .listing .card-img{width: 50px;position: absolute;right: 20px;top: 20px;}
.cam-card-wrap .listing .card-num{text-align: center;margin: 35px 0 15px;font-size: 18px;}
.cam-card-wrap .listing .card-name{display:-webkit-box;display:-ms-flexbox;display:flex}
.cam-card-wrap .listing .card-name .nm{width: 210px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.cam-card-wrap .listing .card-name .exp{margin-left: 20px;text-align: center;width: 70px;}
.cam-card-wrap .listing .card-name .exp.error{font-size:14px;line-height:150%;}
.cam-card-wrap .listing .card-name .exp input{margin-top: 5px;font-size: 16px;height: 40px;border-radius: 6px;padding: 5px 10px;text-align: center;}
.cam-card-wrap .scroll-card{height:200px;overflow:hidden;}
.cam-card-wrap .listing .card-name .exp.error{padding:0px;color:#333;}
.cam-card-wrap .listing .card-name .exp.error .form-control{border-color:#ff0000;}
.add-new-card a{font-size:17px;}
.add-new-card a i{margin-left:5px;}
.campaign_section .campaign_box_outer ul li .box_campaign .full-box .donation-list .lbl-donation .price, .campaign_section .fund_box_outer ul li .box_campaign .full-box .donation-list .lbl-donation .price{width: 100%;}
.campaign_section .campaign_box_outer ul li .box_campaign .full-box .donation-list .lbl-donation, .campaign_section .fund_box_outer ul li .box_campaign .full-box .donation-list .lbl-donation{height:78px;display: flex !important;flex-wrap: wrap !important;align-items: center !important;}
@media (min-width:1199px)
{
    .media-page .listing:hover .overlay{opacity:1;}
    .media-page .listing:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
    .album-page .listing:hover img{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
}
@media (max-width:1199px)
{
    .cam-card-wrap .scroll-card{overflow:auto;}
}
@media (max-width:991px)
{
    .event-f-page .row .col-md-4:nth-child(n+3) .listing{margin-top:60px;}    
}
@media (max-width:659px)
{
    .event-f-page .row .col-xs-6{width:100%;}
    .event-detail .iconlist li{font-size:14px;}
    .event-detail .iconlist i{font-size:16px;}
    .event-f-page .listing{max-width:400px;margin:auto;}
    .event-f-page .row .col-md-4:nth-child(n+2) .listing{margin-top:60px;}
    .pray-time-list .listing-p-time{width:auto;margin:15px auto auto;}
    .pray-time-list .listing-p-time .img-list{float:none !important;margin:auto auto 10px;}
    .cam-card-wrap .col-xs-6{width:100%;}
    .cam-card-wrap .listing{max-width: 300px;margin: 15px auto auto;}
    .cam-card-wrap .listing .card-num{font-size:16px;}
    .cam-card-wrap .listing .card-name .exp input{font-size:13px;}
    .cam-card-wrap .scroll-card{height:220px;}
}