html {overflow-x:hidden;scroll-behavior: smooth;}
body{background:#fff;font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a, li{font-family:'Roboto',sans-serif;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}

/*Top Step Css*/
.wrapper-top{background: #eee;padding: 10px;}
.wrapper-mail{margin-top: 10px;}
.wrapper-mail a{color:#999999; text-decoration: none}
.wrapper-mail i{font-size: 1.2em;color: #248dc4;margin-right: 3px;}
.wrapper-social ul{list-style: none}
.wrapper-social li a{display: inline-block;background: #fff; float:left; margin-right: 5px}
.social{width:35px; height: 35px; text-align: center; padding: 9px}
.wrapper-social i{font-size: 1.3em;font-weight: 500;color:#248dc4;}
.wrapper-appoint{text-align: right;}
.more{background: #248dc4;padding: 8px 30px;color: #fff;margin-right: 3px;border-radius: 0px;transition: 0.5s all;}
.more:hover{background: transparent;border: 1px solid #248dc4;border-radius: 0px;color:#248dc4;border-radius: 50px;transition: 0.5s all !important;}

/*Header Logo Design Css*/
.wrapper-logo{padding: 10px;}
.wrapper-logo img{width: 130px;padding: 0px 0px;}
.wrapper-logo i{font-size: 1.3em;color:#248dc4;border: 1px solid #eee;padding: 10px; }
.wrapper-logo ul{list-style: none;padding-left: 0px;}
.wrapper-logo ul li{display: inline-block; color: #999999;}
.wrapper-logo strong{color:#248dc4; }
.wrapper-logo b{font-weight: bold;}

/*Banner Design Css*/
.wrapper-banner{position: relative; background: url(../images/bg_2.jpg);background-repeat: no-repeat;background-size: cover;height: 600px;text-align: center;}
.wrapper-banner-tx {position: absolute;top: 11rem;text-align: center;display: block;margin: 0 auto;padding: 100px 230px;right: 0;left: 0;}
.wrapper-banner-tx h2{font-weight: 800;font-size: 4em;color: #fff;text-shadow: 2px 2px 2px #000}
.wrapper-banner-tx p{font-size: 1.2em;color: #fff; font-weight: 500; text-align: center;padding-top: 20px;}

/*About Css*/
.wrapper-about img{width: 100%;height: 500px;}
.wrapper-about-tx {padding: 125px 80px 0px;}
.wrapper-about-tx strong{color:#248dc4; }
.wrapper-about-tx h1{font-size: 2.9em;font-weight: 700; color: #000;}
.wrapper-about-tx p{font-size: 1.2em;line-height: 28px;color: #999999;margin-top: 20px;}

/*Doctor Css*/
.wrapper-health {background: url(../images/bg_3.jpg);padding: 100px;background-position: center center;background-size: cover;background-repeat: no-repeat;width: 100%;position: relative;}
.wrapper-health-tx {padding: 0px 300px;text-align: center;}
.wrapper-health-tx h2{font-size: 3em;color: #fff;font-weight: 700;padding-bottom: 10px;text-shadow: 2px 2px 2px #000;}
.wrapper-health-tx p{font-size: 1.2em;color: #fff;padding-bottom: 10px;}
.more-s{background-color: #fff;color: #000;padding:11px 40px;}
.more-s:hover{border: 1px solid #fff;color: #fff;padding:11px 40px;}

/*Footer Css*/
.wrapper-footer {padding: 10px;text-align: center;color: #248dc4;}

/*Responsive Css*/
@media (min-width: 320px) and (max-width: 767px){
body {overflow: hidden;overflow-x: hidden;}
.wrapper-mail {text-align: center;margin-top: 0px;}
.wrapper-social {margin-left: 30px;}
.wrapper-logo i {font-size: 1em;padding: 8px;}
.wrapper-logo ul li{font-size: 12px;}
.more {background: #248dc4;padding: 4px 10px;font-size: 12px;}
.wrapper-appoint {text-align: center;margin-top: 45px !important;}
.wrapper-logo img {width: 100px;padding: 10px 0px;text-align: center;display: block;margin: 0 auto;}
.wrapper-logo{padding: 10px;}
.wrapper-banner {min-height: 216px;max-height: 216px;}
.wrapper-banner-tx h2 {font-size: 22px;}
.wrapper-banner-tx {padding: 0px 20px;top: 7rem;}
.wrapper-banner-tx p {font-size: 12px;padding-top: 10px;}
.wrapper-about img {min-height: 200px;max-height: 300px;width: 100%;}
.wrapper-about-tx {padding: 20px 0px 0px;}
.wrapper-about-tx h1 {font-size: 20px;}
.wrapper-about-tx p {font-size: 12px;line-height: 20px;margin-top: 5px;}
.wrapper-health {min-height: 200px;max-height: 200px;padding: 10px;}
.wrapper-health-tx h2 {font-size: 20px;padding-bottom: 5px !important;}
.wrapper-health-tx p {font-size: 12px;margin-bottom: 0px;}
.more {color: #fff;}
.wrapper-health-tx {padding: 25px 20px;}
.wrapper-footer b {font-size: 12px;}
.wrapper-footer{padding: 5px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.wrapper-mail {margin-top: 0px;text-align: center;}
.wrapper-appoint {text-align: center;float: left;}
.wrapper-logo img {width: 130px;padding: 10px 0px;text-align: center;display: block;margin: 0 auto;}
.wrapper-banner-tx {position: absolute;top: 8rem;text-align: center;display: block;margin: 0 auto;padding: 110px 50px;right: 0;left: 0;}
.wrapper-about img {width: 100%;height: 700px;}
.wrapper-about-tx {padding: 40px 40px 40px;}
.wrapper-health {background: url(../images/bg_3.jpg);padding: 80px 0px;background-position: center center;background-size: cover;background-repeat: no-repeat;width: 100%;position: relative;}
.wrapper-health-tx{padding: 0px 50px;}
.wrapper-logo ul {display: none;}
.wrapper-logo i{display: none;}
}