@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Pragati Narrow');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Arial');


body {margin:0; padding:0;}


#topmost_outer {width:100%;background-color:#ffc700;height:41px;vertical-align: middle;padding:3px 0 0 0;}
@media only screen and (max-width: 514px){  #topmost_outer  {height:52px;}}

#topmost_inner {display: table;width:95%;}
@media only screen and (max-width: 1080px){  #topmost_inner {width:95%;}}
@media only screen and (max-width: 514px){  #topmost_inner {display: block;text-align: left;width:100%;}}


#topmost_left{display: table-cell;}
@media only screen and (max-width: 1080px){  #topmost_left {text-align: left;}}
@media only screen and (max-width: 514px){  #topmost_left {display: inline-block;text-align: left;}}

#translate
{
	display: table-cell;vertical-align: text-top; text-align: left;float: left;border-radius: 20px;
}

#translate select {
    border-radius: 20px;
    background-color: white;
    color: black;
    padding: 0 0;
    border: black;
    padding: 2px 10px;
    border-width: 10px;
    font-family: "Roboto Condensed";
    font-size: 9pt;
    margin-top: -10px;
    width: 185px;
    height: 22px;
  
}
@media only screen and (max-width: 680px){  #translate select {font-size: 12px;}}


#topmost_right {display: table-cell; text-align: right;vertical-align: bottom;}
@media only screen and (max-width: 1080px){ #topmost_right {vertical-align: bottom;text-align: right;}}
@media only screen and (max-width: 514px){  #topmost_right {display: inline-block;text-align: left;}}


#detail {vertical-align: top; text-align: right; margin: 0 0 0 0; }
@media only screen and (max-width: 350px){  #detail {margin-top: -3px;}}


#detail a {color: black;font-family: "Roboto Condensed"; text-decoration: none;font-size:12px;}
@media only screen and (max-width: 680px){  #detail a {font-size:12px;}}
#detail img {width: 25px;}
@media only screen and (max-width: 680px){  #detail img {width: 18px;}}



#second_top {width:100%;background-color: white;}
#total {display: table;width:95%;}
@media only screen and (max-width: 796px){  #total {display: block;text-align: left;}}
@media only screen and (max-width: 796px){  #total {height: 25%;}}
@media only screen and (max-width: 407px){  #total {height: 22%;}}


#logo_size{display: table-cell;text-align: left;width:50px;padding-right:5px;padding-bottom: 5px;}
@media only screen and (max-width: 796px){  #logo_size {display: inline-block;}}
#logo_size img {width:140px; height: auto;padding-bottom:2px;}


#top_middle{display: table-cell;text-align: left;vertical-align: bottom;}

#inner_middle_table{display: table;text-align: left;vertical-align: bottom;}
@media only screen and (max-width: 796px){  #inner_middle_table {display: block;}}

#welcome {display: table-cell;vertical-align: middle;font-family:"Oswald"; font-size:33px;padding:5px 5px 0 0;}
@media only screen and (max-width: 970px){  #welcome {font-size:25px;}}
@media only screen and (max-width: 796px){  #welcome {display: inline-block;font-size:18px;}}
@media only screen and (max-width: 407px){  #welcome {padding:0 5px 0 0;font-size:12px;}}


#name {display: table-cell;vertical-align: middle;font-family:"Roboto Condensed"; font-size:33px;color:#319ce2;padding:11px 0 0 0;text-transform: uppercase;letter-spacing:-2px;text-shadow: 2px 2px 15px #cccccc;}
@media only screen and (max-width: 970px){  #name {font-size:25px;}}
@media only screen and (max-width: 796px){  #name {display: inline-block;font-size:18px;letter-spacing:0px;}}
@media only screen and (max-width: 407px){  #name {padding:0 0 0 0;font-size:12px;letter-spacing:0px;}}




#top_middle_right {display: table-cell;text-align: right;vertical-align: middle;}
@media only screen and (max-width: 796px){  #top_middle_right {display: block;vertical-align: top;text-align: right;margin-top: -100px;}}
@media only screen and (max-width: 350px){  #top_middle_right {margin-top: 0px;text-align: left;}}
@media only screen and (max-width: 350px){  #top_middle_right {position: absolute;top:10px;right:5px;}}

#top_middle_right img {height:30px; width: auto;vertical-align: middle;text-align: right;}
@media only screen and (max-width: 796px){ #top_middle_right img {vertical-align: top;text-align: right;height:25px; width: auto;}}
@media only screen and (max-width: 350px){ #top_middle_right img {height:20px; width: auto;}}


#icons a {vertical-align: middle;}
@media only screen and (max-width: 796px){  #icons a {text-align: right;}}



#picture_block { }
#picture {display: table; width:95%;}
@media only screen and (max-width: 930px){  #picture {display: block; min-width: 98%;}}
@media only screen and (max-width: 340px){  #picture {display: block; min-width: 100%;}}

#picture_cell {display: table-cell;padding:2px 15px 5px 15px;}
@media only screen and (max-width: 930px){  #picture_cell {display: inline-block;}}
@media only screen and (max-width: 340px){  #picture_cell{padding:2px 5px 5px 5px;}}

#block_color {background-color:#EFF0F0; width: 375px; padding: 0 0 15px 0;height:282px;}
@media only screen and (max-width: 1080px){  #block_color {width: 300px;}}
@media only screen and (max-width: 930px){  #block_color {width: 450px;}}
@media only screen and (max-width: 560px){  #block_color {width: 400px;}}
@media only screen and (max-width: 435px){  #block_color {width: 300px;}}

#block_color2 {background-color:#EFF0F0; width: 375px; padding: 0 0 15px 0;height:282px;}
@media only screen and (max-width: 1080px){  #block_color2 {width: 300px;}}
@media only screen and (max-width: 930px){  #block_color2 {width: 450px;}}
@media only screen and (max-width: 560px){  #block_color2 {width: 400px;}}
@media only screen and (max-width: 435px){  #block_color2 {width: 300px;height:230px;}}


/* [1] The container */
.img-hover-zoom {
width:325px;
  height: auto; /* [1.1] Set it as per your need */

  overflow: hidden; /* [1.2] Hide the overflowing of child elements */

}
@media only screen and (max-width: 1080px){  .img-hover-zoom {width: 250px;}}
@media only screen and (max-width: 930px){  .img-hover-zoom {width: 350px;}}
@media only screen and (max-width: 560px){  .img-hover-zoom {width: 350px;}}
@media only screen and (max-width: 435px){  .img-hover-zoom {width: 250px;}}



/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.05);
}


/* Slow-motion Zoom Container */
.img-hover-zoom--slowmo img {
width:325px;
  height: auto; /* [1.1] Set it as per your need */

  transform-origin: 50% 65%;
  transition: transform 5s, filter 3s ease-in-out;
  filter: brightness(110%);
}
@media only screen and (max-width: 1080px){.img-hover-zoom--slowmo img {width: 250px;}}
@media only screen and (max-width: 930px){.img-hover-zoom--slowmo img {width: 350px;}}
@media only screen and (max-width: 560px){.img-hover-zoom--slowmo img {width: 350px;}}
@media only screen and (max-width: 435px){.img-hover-zoom--slowmo img {width: 250px;}}


/* The Transformation */
.img-hover-zoom--slowmo:hover img {
  filter: brightness(100%);
  transform: scale(1.5);
}

#main_outer {width: 100%;background-color: white;color:#ffffff;}

.picture_cell_header {
color: black;
font-family: "Oswald";
font-size:20px;
text-align: left;
 border-bottom: 2px solid #731E17;
margin-bottom: 10px;

}


.button_bottom {
border-radius: 5px;
  background-color: #DB5448; 
  border: none;
  color: white;
  padding: 5px 5px 5px 5px;
  text-align: left;
float: left;
margin-top:15px;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
}
@media only screen and (max-width: 1080px){  .button_bottom {margin-top:35px;}}
@media only screen and (max-width: 930px){  .button_bottom {margin-top:15px;}}


#picture_cell2 {display: table-cell;height:20%; padding: 5px 22px 5px 22px;}
@media only screen and (max-width: 1080px){  #picture_cell2 {width: 250px;}}
@media only screen and (max-width: 930px){  #picture_cell2 {width: 350px;}}
@media only screen and (max-width: 560px){  #picture_cell2 {width: 350px;}}
@media only screen and (max-width: 435px){  #picture_cell2 {width: 250px;}}


#picture_cell3 {display: table-cell;height:20%; padding: 5px 22px 5px 22px;}
@media only screen and (max-width: 1080px){  #picture_cell3 {width: 290px;}}
@media only screen and (max-width: 930px){  #picture_cell3 {width: 525px;}}
@media only screen and (max-width: 560px){  #picture_cell3 {width: 380px;}}
@media only screen and (max-width: 435px){  #picture_cell3 {width: 290px;}}



 #tab_heading {color: black;font-family: "Roboto Condensed";text-align: justify; font-size:10pt;line-height:25px;background-color: transparent;}
@media only screen and (max-width: 1080px){  #tab_heading {line-height:20px;font-size:8pt;}}
@media only screen and (max-width: 930px){  #tab_heading {line-height:25px;font-size:10pt;}}
@media only screen and (max-width: 560px){  #tab_heading {line-height:20px;font-size:8pt;}}
@media only screen and (max-width: 435px){  #tab_heading {line-height:20px;font-size:8pt;}}


#tab_heading2 {color: black;
font-family: "Oswald";
font-size:20px;
text-align: left;
 border-bottom: 2px solid #731E17;
margin-bottom: 10px;}
@media only screen and (max-width: 1080px){  #tab_heading2 {font-size:17px;margin-bottom: 15px;margin-top:4px;}}
@media only screen and (max-width: 930px){  #tab_heading2 {font-size:20px;margin-bottom: 15px;margin-top:4px;}}
@media only screen and (max-width: 560px){  #tab_heading2 {font-size:17px;margin-bottom: 15px;margin-top:4px;}}
@media only screen and (max-width: 435px){  #tab_heading2 {font-size:17px;margin-bottom: 15px;margin-top:4px;}}



#main_marquee{max-height:265px;}
@media only screen and (max-width: 1080px){  #main_marquee {height:182px;}}
@media only screen and (max-width: 930px){  #main_marquee {height:250px;}}
@media only screen and (max-width: 560px){  #main_marquee {height:182px;}}
@media only screen and (max-width: 435px){  #main_marquee {height:250px;}}




#content_total {display:block;width: 100%;}

#content {display:table; width:94%;}


#content_left {display:table-cell;width:75%;}


#content_right {display:table-cell;}

#content_title {font-family:"Roboto Condensed";font-size:22px;text-align:left; padding: 10px 0px 7px 0px; border-bottom:1px solid rgba(0,0,0,.4);color:#000000;margin:0 0 10px 0;}



#content_text {text-align:justify; font-family:'Roboto Condensed'; font-size:15px; color: black;line-height:22px;}

#content_text img {width:450px; height:auto; max-width:90vw;}

#content_text:hover {color:#000000;}

#content_title {font-family:'Oswald';font-size:22px;text-align:left; padding: 7px 0px 7px 0px; border-bottom:1px solid rgba(0,0,0,.4);color:#000000;margin:}

#content_title1 {font-family:'Oswald';font-size:22px;text-align:left; padding: 7px 0px 7px 0px; border-bottom:1px solid rgba(0,0,0,.4);color:#000000;margin:}

#content_form {text-align: middle; font-family:'Roboto Condensed'; font-size:15px; color:#666666;line-height:22px;}

#image_fire {}




#footer_total {width: 100%;background-color: white;color:#ffffff;padding:20px 0 10px 0;}

#footer_table {display: table;width:94%;}
@media only screen and (max-width: 768px){ #footer_table {display: block; width:100%;}}

#footer_cell1 {display: table-cell;width:40%;}
@media only screen and (max-width: 768px){ #footer_cell1 {display: inline-block;width:98%;}}


#footer_cell1 img {max-height: 600px; width: auto;padding-top: 2px;padding-right:5px;padding-left:5px; vertical-align: bottom;}
@media only screen and (max-width: 1080px){#footer_cell1 img {max-width: 100%;}}
@media only screen and (max-width: 768px){#footer_cell1 img {padding-top: 0px;padding-right:0px;padding-left:0px;}}


#footer_banner img{max-width: 100%; height:200px;margin-top: 32px;}
@media only screen and (max-width: 1080px){ #footer_banner img {max-width: 98%;}}

#footer_banner_text {text-align:justify; font-family:'Roboto Condensed';text-align: center; font-size:22px; color: black;line-height:22px;}
#footer_banner_text2 {text-align:justify; font-family:'Roboto Condensed';text-align: center; font-size:15px; color: black;line-height:20px;}



#footer_cell2 {display: table-cell;vertical-align: top;width:40%;}
@media only screen and (max-width: 768px){ #footer_cell2 {display: inline-block;margin-top:5px;width:95%;}}

#footer_map{height:555px; max-width:93%;}
@media only screen and (max-width: 1080px){ #footer_map {height:933px;}}
@media only screen and (max-width: 768px){ #footer_map {height:400px;}}

#footer_title {font-family:'Pragati Narrow';font-size:23px; color:#000000; border-top:1px solid rgba(0,0,0, .1);border-bottom:1px solid rgba(0,0,0, .1);text-align:left;margin:0 0 12px 0; padding:0 0 2px 0;width:94%;}


#lower_footer_outer {display: table; background-color:#fcbd1e; width:100%;}
@media only screen and (max-width: 1080px){  #lower_footer_outer {display: block;}}

#lower_footer_block{ display: block;width: 100%;}
#lower_footer_table{display: table; width: 91%;}
@media only screen and (max-width: 1080px){  #lower_footer_table {display: block; min-width: 98%;}}

#lower_footer_left {display: table-cell;text-align: left;font-family:'Roboto Condensed';font-size:12px;vertical-align: bottom;}
@media only screen and (max-width: 1080px){  #lower_footer_left {display: block;text-align: left;}}


#lower_footer_left img {width:200px; height: auto;}
#lower_footer_right {display: table-cell;text-align: right;font-family:'Roboto Condensed';font-size:12px;vertical-align: middle;}
@media only screen and (max-width: 1080px){  #lower_footer_right {display: block;text-align: right;}}
@media only screen and (max-width: 500px){  #lower_footer_right {text-align: left;}}

#doctors
{
    width:94%;
}
#inner_doctors
{
    width:100%;
    display:table;
}
#cell_doctors
{
    width:33.3%;
    display:table-cell;
    padding: 10px;
}
#cell_doctors img
{
    width:100%;
}

#inner_diagnostics
{
    width:100%;
    display:table;
}
#cell_diagnostics
{
    width:25%;
    display:table-cell;
    padding: 10px;
}
#cell_diagnostics img
{
    width:100%;
}

#banner
{
    width:100%;
}
#banner img
{
    width:100%;
}
@media only screen and (max-width: 768px)
{
    #inner_doctors
    {
        display:block;
    }
    #cell_doctors
    {
        display:inline-block;
        width:100%;
    }
    #inner_diagnostics
    {
        display:block;
    }
    #cell_diagnostics
    {
        display:inline-block;
        width:100%;
    }
}