@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/roboto-bold-webfont.eot');
    src: url('../fonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light-webfont.eot');
    src: url('../fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/roboto-medium-webfont.eot');
    src: url('../fonts/roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular_0-webfont.eot');
    src: url('../fonts/roboto/roboto-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-regular_0-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto-regular_0-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;}


body{margin:0;padding:0}
* {
    box-sizing: border-box;
}
a{text-decoration:none}
.text-right{text-align:right}
.header{padding:5px 0;background:#fff;box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.75);position: relative;
    z-index: 9;-webkit-box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 5px -1px rgba(0,0,0,0.75);}
.bodymatter{background:#00695b url("../images/bg-page-section.png")repeat;padding:20px 0;padding-bottom:0;margin-bottom:-6px;}
h1{text-align:center;font-size:24px;font-weight:bold;margin-top:0;color:#fff;margin-bottom:25px;}
h1 span{display:block;font-size:16px;font-weight:normal;padding-top:5px;}
.textleft{display: flex;justify-content: flex-end;}
	p{color:#fff;font-size: 14px;
    line-height: 20px;}
.pdtop20{padding-top:20px;}

.foot{    padding-bottom: 13px;
    margin: 0px 0;
    border-top: 1px solid #ccc;
    padding-top: 13px;}

.copyright{font-size:13px;display:flex;justify-content:flex-start}
.tmc{font-size:13px;display:flex;justify-content:flex-end}
.tmc a{color:#00685a;padding-left:15px;}
.doctorlogin{ color: #00685a;
    border: 1px solid #00685a;
    padding: 5px 17px;
    border-radius: 27px;
    margin-top: 19px;
    display: inline-block;
    text-decoration: none;}
.doctorlogin:hover{text-decoration:none;background:#00685a;color:#fff}


.downloadapp{width: 100%;
    position: relative;
    margin:20px 0 6px 0;
    height:368px;
    overflow: hidden;background-size: cover;padding-top:5px;border-top:1px solid #fff}
    .docimg{text-align: right;margin-top: 20px;}
    .docinfo{text-align: left;}
    .docinfo h2{font-size: 26px;color:#ffffff;font-family: 'robotobold';margin:80px 0 10px 0}
    .docinfo h2 span{font-size:18px;display: block;  font-family: 'robotoregular';padding-top:5px;}
    .docinfo p{font-size: 24px;font-family: 'robotolight';color:#fff;}
    .youtubevedio{text-align: center;margin:40px 0;}
    .youtubevedio h2{margin-bottom: 10px;}

.mat-card{transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    position: relative;
    padding: 16px;
    border-radius: 4px;
box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    background: #fff;
    color: rgba(0,0,0,.87);}

.cntactsection{background: #fff;
    margin-top: -11px;
    width: 780px;
    margin: 0 auto;}	
.cntactsection h2{font-size:26px;padding-top:47px; padding-bottom: 10px;font-family: 'robotobold';}
.cntactsection h2 span{font-size:16px;color: #fff;display: block;padding-top: 3px;font-family: 'robotoregular';}
.greenbg{background:#7cb342;color:#fff;height:309px;}
.cntactsection a{color:#fff;text-decoration:underline}
.cntactsection p{font-size:16px;}
.mg_0{margin:0;padding:0;}
.mgbtm0{margin-bottom:0;font-family:'robotobold';font-size:17px !important;}
.flex-right{display:flex;justify-content:flex-end}	
.dropbtn {
        color: #515151;
    /* border: 1px solid #00685a !important; */
    padding: 5px 9px;
    border-radius: 27px;
    margin-top: 21px;
    font-size: 14px;
    font-weight: 400;
    border: none;
    cursor: pointer;
    background: transparent;
    margin-left: 6px;

}

.dropbtn:hover, .dropbtn:focus {
 text-decoration: none;
    background: #00685a;
    color: #fff;
	outline:none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}
	
@media(max-width:767px){
	.downloadapp{height: auto;overflow: inherit;padding-bottom: 15px;}
	.docinfo h2{margin-top:20px;}
	.docimg{max-width:300px}
	.docimg img{width:100%}
	.textleft {justify-content: center;}
	.logo{width:100%;}
	.doctorlogin {margin-top:0}
	.cntactsection{width:auto}
	.cntactsection h2{text-align:center;padding-top: 16px;}
	.cntactsection p{text-align:center}
	.greenbg{height:auto;padding-bottom:10px;}
	.copyright{justify-content: center;}
	.tmc{justify-content: center;padding-top: 6px;}
	
}
@media(max-width:575px){
	.copyright{justify-content: center;}
	.tmc{justify-content: center;flex-wrap: wrap;}
	.tmc a{padding-right: 10px;padding-top: 10px;padding-left: 0;}
	.flex-right { justify-content: center;align-items: center; margin-top: 9px;}
	.dropbtn{margin-top: 0;}
}
@media(max-width:400px){
.greenbg img{width:100%}
}