h1{font-size: 20px;}
h2{font-size: 16px;}

.art_text
{border-bottom:1px dashed #ccc;padding-bottom:10px;font-size:15px;color:#000;
margin-bottom: 10px; text-align: justify;
}
.arthead {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    font-size: 16px;
    color: #0bb7c9;
}

.more{color: #314273;float: right; text-decoration: none; margin: 10px 20px 0px 0px;font-size: 16px;}
.more:hover{font-weight:bold}

#frmBlood .div1{float: left;width: 49%;}
#frmBlood .div2{float: right;width: 49%;}

.tblrblood{width: 100%;}
.tblrblood input{margin: 0px;}
sup{color: #ff0000;}
.tblrblood td{padding: 3px 3px 3px 3px;color: #000;}
.tblrblood .input{height: 25px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #0bb7c9; 
font-size: 14px;font-weight: bold; width: 99%;
}

#tblShow{width:100%; border-collapse: collapse;}
#tblShow td,th{text-align: left;color: #333;}
#tblShow th{background-color: #0bb7c9;padding: 5px;color: #fff; font-size: 14px;}
#tblShow td{padding: 5px; border-bottom: 1px solid #0bb7c9;}

#showReg,#hideReg{cursor: pointer;color: #0bb7c9; font-size: 16px;}
#hideReg{font-size: 16px;display: none;}

.about2:hover{color: #fff;}

.gal-img{float: left; margin-right: 18px; margin-bottom: 18px;}
.gal-img img {
    width: 232px;
    height: 160px;
}

.btnFooter{
    text-transform: capitalize;
    padding: 10px 10px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 14px;
    color: #232d39;
    letter-spacing: 0.5px;
    font-weight: 600;
    transition: all 0.3s;
}
.btnFooter img{width: 25px;}

.awareness{margin-top: 40px;max-height: 400px; overflow: hidden;-webkit-mask-image: linear-gradient(180deg,#000 60%,transparent);}


.clear {
    clear: both;
}

@media (max-width: 768px)
{
    #contact-us .contact-form{padding:0px}
    #contact-us .contact-form #contact{padding:20px 0px}
    #contact-us .contact-form #sec_code{width:60% !important;}
}

@media (max-width: 500px)
{
    .header-area .main-nav .logo {
     line-height: 20px;
    }
    .head1{display:block;margin-top: 20px; font-size: 18px;}
    .head2{display:block; margin: 0;font-size: 14px;}
    .btnFooter{display: block; margin-bottom: 6px; margin-left: 0 !important;}
    
    .col-lg{padding-left: 0; padding-right: 0;}
    
    .trainer-item .photos img{margin:0px !important; margin-bottom: 20px !important;}
    .awareness img{width:100%}
    
    #trainers .trainer-item{padding: 20px 15px;}
    
    #tblShow th{display:none;}    
#tblShow td{width:49%; display: inline-block; border: 0px;}
#tblShow tr{border-bottom: 1px solid #0bb7c9;}

#frmBlood .div1,#frmBlood .div2{float: none; width: 100%;}
.tblrblood td{display: block; text-align: left;}

.tblrblood td #phone{width: 89% !important;}
.tblrblood td #btnSubmit{margin-top: 0 !important;}

}