@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300i,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');


body{
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; 
  overflow-x: hidden;
    
}

header 
{
    height: 500px;
    background-color: #ccc;
    background-size: cover;
}

#footer
{
  background-color:#fcf7f4;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 0 rgba(0, 0, 0, 0.59);
  font-family: 'Raleway', sans-serif; 
  padding-top: 50px;
}

.slick-slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}

p{
  margin:0;
  padding:0;
}


#navbar 
{
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.4s;
  z-index: 9999999;
}

#top-section{
  padding: 0;
}

  #specialistpage
  {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #specialist
  {
    margin-top: 10%;
    max-width: 1400px;
  }

#contact {
    margin-top: 100px;
    padding-bottom: 150px;
    background-color: white;
    margin: 0 auto;
    height: 100%; 
    font-family: 'Raleway', sans-serif; 
}

input[type='text']
{
  border: 1.5px solid #75c049;
}

#CustomerMessage
{
  border: 1.5px solid #75c049;
}

a:focus 
{ 
  outline: none; 
}



#facilities{
    padding-bottom: 70px;
    padding-top: 50px;

}

#branches{
    padding-bottom: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
}

video{
  width: 100%;
  height: 100%;
}

#headercontent
{
  margin-top: 15%;
  font-size: 20px;
  width: 40%;
  transform: translate( -30%, -20% );
}


/* 
.aboutusparagraph
{
  width:50%;
  font-size: 20px;
   font-family: 'Oswald', sans-serif;
}

.aboutustitle
{
   font-family: 'Oswald', sans-serif;
  font-size: 6vw; 
  color:grey;
  width: 70%;
  text-align: left;
  margin: 0 !important;
  padding: 0 !important;
} */

.card a
{
  color:#465E52;
  
}

#branches .card p
{
  color:#465E52;
}

#branches .card a:hover
{
  text-decoration: none;
}

#slideshow {
  margin: 2px auto;
  position: relative;
  width: 100%;
  height: 100%;

}

#slideshow > div {
  position: relative;
  top: 5px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}


.navbar {
  border-radius: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: transparent;
}

.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

/* fixed to top styles */
.affix.navbar {
  background-color: #ffc107;
}
.affix.navbar .nav-item>a, 
.affix.navbar .navbar-brand {
  color: #fff;
}

.logo-header{
    width: 310px;
    margin-right: 50px;
    display:block;
}

.nav-item{
    font-size: 20px;
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 100%; 
}


.row:after {
  display: table;
  clear: both;
}

img {
    display: block;
    width:100%;
}

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

.caption-title {
    position: absolute;
    top: 65%;
    left: 80%;
    transform: translate( -30%, -80% );
    text-align: center;
    font-weight: bold;

}

.caption-content {
    margin: 30px 0 0 0;
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate( -50%, 70% );
    text-align: left;
    width: 30%;
    color: grey;
   
}

.caption-video{
    float:left;
    background: black;
    opacity: .5;
    color: white;
    position: absolute;
    top: 30%;
    left: 80%;
}

.btn:focus{
    outline: none;
    box-shadow: none !important;
}

.raise-yellow:hover,
.raise-yellow:focus {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: translateY(-0.25em);
  filter: drop-shadow(0 0 0.75rem #ffc107);
  -webkit-user-select: none;
  -webkit-touch-callout: none;   
}

.btn-success:hover,
.btn-success:focus{
    box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
    filter: drop-shadow(0 0 0.75rem #19bd6b);
}

.raise-green:hover,
.raise-green:focus,
.raise-green.hover_effect {
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  transform: translateY(-0.25em);
  filter: drop-shadow(0 0 0.75rem #19bd6b);
}

.pulse:hover, 
.pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 2em rgba(#fff,0);
}

.smedia:hover{
    color: #19bd6b;
}
.smedia{
    color: #ffc107; 
}


nav ul {
    list-style: none;
    text-align: center;
  }
  nav ul li {
    display: inline-block;
  }
  nav ul li a {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #ffc107;
    font-weight: 50px;
    text-transform: uppercase;
    margin: 0 5px;
  }
  
  nav ul li a,
  nav ul li a:after,
  nav ul li a:before {
    transition: all .35s;
  }
  
  nav ul li a:hover {
    color: #75c049;
    text-decoration: none;
    
  }
  /* stroke */
  nav.stroke ul li a,
  nav.fill ul li a {
    position: relative;
    
  }
  nav.stroke ul li a:after,
  nav.fill ul li a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 35px;
    margin: auto;
    width: 0%;
    content: '';
    color: transparent;
    background: #75c049;
    height: 3px;
    
  }
  nav.stroke ul li a:hover:after {
    width: 100%;
    
  }
  
  
  nav.fill ul li a {
    transition: all 2s;
    
  }
  
  nav.fill ul li a:after {
    text-align: left;
    content: '.';
    margin: 0;
    opacity: 0;
    
  }
  nav.fill ul li a:hover {
    color: #fff;
    z-index: 1;
  }
  nav.fill ul li a:hover:after {
    z-index: -10;
    animation: fill 1s forwards;
    -webkit-animation: fill 1s forwards;
    -moz-animation: fill 1s forwards;
    opacity: 1;
  }
  
  .active {
    color: #75c049;
    border-bottom: 3px solid #75c049;
  }
  
  .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,193,7, 0.7)' stroke-width='5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

.col-half-offset{
  margin-left:5%  
}

  .caption-content-right 
  {
    margin-right: 50px;
    position: absolute;
    top: 20%;
    left: 45%;
    text-align: center;
    font-size: 2vw;
    -webkit-text-size-adjust:none;
    text-size-adjust: none;
  }

  .caption-content-left 
  {
    margin: 22px 0 0 0;
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate( -50%, -50% );
  }

h2
{
  margin: 0 auto; 
  padding: 80px 0 30px 0; 
  color: grey;
  border-bottom: 2px solid grey;
  margin-bottom: 50px;
  font-size: 25px;
}

#send
{
  width: 100%; 
  height: 50px; 
  margin: 0 auto; 
  background-color: transparent; 
  color: grey; 
  border: 1.5px solid #75c049;
}

button:focus 
{
  outline:0;
}



/* navbar collapsing */
@media(max-width:34em) {
    .navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar .navbar-nav {
        float:none !important;
    }
    .navbar .collapse.in, .navbar .collapsing  {
        clear:both;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 320px) and (max-width: 480px){

  h2
  {
    width: 100%;
  }

    .card
    {
      
    margin: 0 auto;
    
    }
    .logo-header
    {
      width: 60%;
    }

    #aboutus h1
    {
      color: #75c049;
      font-size: 400%;
      line-height: 60px;
    }

    #aboutus h1
    {
      font-size: 20px;
    }

    #aboutusseemore
    {
      width: 80px; 
      height: 30px;
    }

    #aboutus 
    {
      padding-top: 85px;
    }

    #aboutuscontent
    {
      position: absolute;
      top: 2%;
      left: 57%;
      width: 40%;
      text-align: left;
      
    }

    .aboutusparagraph
    {
      width:90%;
      font-size: 5vw;
      font-family: 'brandon-grotesque', sans-serif;
      line-height: 1.1em;
      margin: 10% auto;
      color: grey;
      padding: 20px 20px;
      background-color: #F7E9A1;
      font-weight: 500;
    }

    #aboutussubcontent
    {
      display:none;
    }

    .aboutustitle
    {
      font-family: 'Oswald', sans-serif;
      font-size: 9vw; 
      color: grey;
      width: 100%;
      text-align: right;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0.9em;
      
    }

   #aboutusbutton {
      width: 80%;
      padding: 2% 5%;
      font-family: 'brandon-grotesque', sans-serif;
      font-size: 4vw;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-weight: 500;
      color: white;
      background-color: #75C149;
      border: none;
      border-radius: 45px;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease 0s;
      cursor: pointer;
      outline: none;
      margin: 0 10%;
      }

    .button:hover {
      background-color: #FFC107;
      box-shadow: 0px 1px 3px #000000;
      color: #fff;
  
    }

    #ourdentist
    {
      display: none;
    }

    #ourdentist_m
    {
      position: absolute;
      top: 80%;
      width: 100%;
      text-align: left;
    }

    #specialist img
    {
      width: 100%;
    }

    #specialistbutton
    {
      width: 80%;
      height: 40px;
      font-family: 'brandon-grotesque', sans-serif;
      font-size: 4vw;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-weight: 500;
      color: white;
      background-color: #75C149;
      border: none;
      border-radius: 45px;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease 0s;
      cursor: pointer;
      outline: none;
      margin: 0 10%;
    }

    .specialisttitle_m
    {
    font-size: 10vw;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    }

    .specialparagraph_m
    {
      font-size: 4vw; 
      margin: 1% 10% 15% 15%; 
      font-family: 'Raleway', sans-serif;
      font-weight: 450;
    }

    #specialistbutton_m
    {
      width: 80%;
      height: 40px;
      font-family: 'brandon-grotesque', sans-serif;
      font-size: 4vw;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-weight: 500;
      color: white;
      background-color: #75C149;
      border: none;
      border-radius: 45px;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease 0s;
      cursor: pointer;
      outline: none;
    }

    #ourdentist_m button
    {
      position: absolute;
      bottom: -30%;
      right: 10%;
    }

    .ourdentist_m
    {
      position: relative;
      background: url('../img/3.png');
      background-size: cover;
   }

    .ourdentist
    {
      background: url('../img/3.png');
      background-size: cover;
    }

    button span
    {
      font-size: 2.4vw;
      font-family: 'Raleway', sans-serif;
      color: black;
      display: inline-block;
      position: absolute;
      left: 5%;
      width: 70%;
      bottom: 1%;
    }

    #services .row
    {
      width: 100%;
      margin: 0 auto;
    }

    #services
    {
      margin: 70% 0 30% 0; 
    }

    .filtr-item
    {
    flex: 0 0 20% !important; 
    width: 34%;
    margin: 0 auto;
    }

    .btn 
    {
      background-color: Transparent;
      background-repeat:no-repeat;
      border: none;
      cursor:pointer;
      overflow: hidden;
      outline:none;
      box-shadow: none !important;
      height: 120px;
      width: 140px;
    }

    .doctors
    {
      height: 125px;
      width: 125px;
    }

    #branches .card
    {
      min-height: 445px;
    }
  
    #branches p
    {
      font-size: 11px;
    }

    /* CAREER PAGE SECTION */

    
    #careercontent
    {
      position: absolute;
      top: 1px;
      left: 10%;
      width: 80%;
      
    }

    #careercontent img
    {
      width: 100%;
      margin: 80px auto;
 
    }

    .thumbnail-career 
    {
      position: relative;
      display: inline-block;  
    }

    
    #careerimg
    {
      margin-top: 170px;
      width: 100%;
    }

    #careerlevel
    {
      padding-top: -250px;
    }

    /* END CAREER PAGE SECTION */


    /* SERVICES BUTTON */
    #CosDent
    {
      background: url('../img/Services/11.png');
      background-repeat: no-repeat;
    }
    
    #TMJ
    {
      background: url('../img/Services/33.png');
      background-repeat: no-repeat;
    }

    #GenDent
    {
      background: url('../img/Services/44.png');
      background-repeat: no-repeat;
    }

    #ProstDent
    {
      background: url('../img/Services/55.png');
      background-repeat: no-repeat;
    }

    #PediaDent
    {
      background: url('../img/Services/66.png');
      background-repeat: no-repeat;
    }

    #EndoDent
    {
      background: url('../img/Services/77.png');
      background-repeat: no-repeat;
    }

    #OrthoDent
    {
      background: url('../img/Services/88.png');
      background-repeat: no-repeat;
    }

    #PerioDent
    {
      background: url('../img/Services/99.png');
      background-repeat: no-repeat;
    }

    #DentImp
    {
      background: url('../img/Services/1010.png');
      background-repeat: no-repeat;
    }

    #LaserDent
    {
      background: url('../img/Services/133.png');
      background-repeat: no-repeat;
    }

    #Oral
    {
      background: url('../img/Services/144.png');
      background-repeat: no-repeat;
    }

    #Radiographs
    {
      background: url('../img/Services/155.png');
      background-repeat: no-repeat;
    }


/* ------------------------------------------------- */

  .column img
  {
      height: 250px;
      width: 200px;
  }

  .col
  {
      width: 35%;
  }

  .caption-title
  {
    font-size: 9px;
    padding-bottom: 10px;
  }

  .caption-content p
  {
    font-size: 7px;
  }

  nav.stroke ul li a:hover:after 
  {
    width: 50%;
  }
  
  .active 
  {
    color: #75c049;
    border-bottom: 3px solid #75c049;
  }
  
   /* Facilities */

  #facilities
  {
    display: none;
  }

  #facilities_m
  {
    display: block;
  }

  #facilities .card
  {
    width: 100%;
    margin: 0 auto 10px;
  } 

  #facilities img
  {
    height: 400px; 
    width: 100%;
  }

  /* Branches */

  #branches .card
  {
    min-height: 460px;
  }

  #branches a:active, a:focus 
  {
    outline: 0;
    border: none;
  }


 /* ABOUT US STYLE */

.aboutus-vm{
  background-image: url('../img/AboutUs/1.jpg');
  background-attachment:fixed;
  background-size: cover;
  background-repeat:no-repeat;
  position:relative;
  background-position:center;
  padding-top: 50%;
}

.ptext{

  width: 80%;
  text-align:center;
  color: white;
  font-size: 1.5vw; 
  background-color: rgba(255, 193, 7,0.4);
  line-height: 4em;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  padding: 50px 0;
}

.ptext p
{
  width:80%;
  text-align: center;
  margin: 0 auto;
  font-size: 25px;
  font-weight: 500;
  font-family:"Raleway", sans-serif;
}

.ptext h1
{
  font-weight: 500;
  font-size: 50px;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  padding-bottom: 30px;

}


.column-vm img {

  display: none;
  }


.row::after {
content: "";
clear: both;
display: table;
}

.msg p
{

color: white;
width: 80%;
margin: 0 auto;
padding: 10px 0 30px 0;
font-size: 5vw;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
font-weight: 500;
}

.msg
{
  width: 100%;
  background-color: rgba(117, 192, 73,.5);
  margin: 10% auto;
}

.vm-section h1
{
margin: 5% 0 0 20px; 
color: white;
font-weight: 700;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
}

.vm-section
{
  padding-top: 50%;
}

/* SPECIALIST PAGE */

#ourdentistcontent .overlay 
{
position: absolute;
bottom: 10%;
left: 0;
right: 0;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}

#ourdentistcontent .card:hover .overlay 
{
  height: 90%;
  background-color: rgba(117, 192, 73,0.8);
}

#ourdentistcontent .card .white-text
{
  font-size: 18px;
  margin: 20px 10px 0 20px;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  line-height: 1.2em;
}

#ourdentistcontent
{
  padding: 20px 0 150px 0;
  margin-left: 1.5%;
}

#ourdentistconsultants
{
  padding: 0px 0 150px 0;
}

#ourdentistcontent .card 
{ 
  box-shadow: none !important;
} 

#ourdentistcontent .card-body p
{
    font-weight: 600; 
    font-family:'Raleway', sans-serif;
}

#ourdentistcontent .card-body
{
  padding: 10px 0 0 0;
}

}

  
/* Small devices (portrait tablets and large phones, 767 and up) */

@media only screen and (min-width: 481px) and (max-width: 767px)
{
  .logo-header
  {
    width: 50%;
  }

  h2
  {
    width: 80%;
  }

  #aboutus img
    {
      margin: 10% 10% 0 0;
      border: 15px solid white;
      width: 70%;
    }

    #aboutus 
    {
      background-color: #a2dedf;
      background-image: linear-gradient(to left, #F7E9A1, #F7E9A1 51%, #fff, #fff 50%);
    }
  
    .aboutusrightcolumn
    {
      float: left;
      width: 80%;
      height: 100%; /* Should be removed. Only for demonstration */
    }
   
    #aboutuscontent
    {
      position: absolute;
      top: 30%;
      left: 59%;
      width: 41%;
      text-align: left;
      
    }

    .aboutusparagraph
    {
      width:50%;
      font-size: 2vw;
      font-family: 'Oswald', sans-serif;
      line-height: 0.9em;
      text-align: right;
    }
    
    #aboutussubcontent
    {
      position: absolute;
      top: 100%;
      left: 20%;
      width: 80%;
      text-align: left;
    }

    .aboutustitle
    {
       font-family: 'Oswald', sans-serif; 
      font-size: 7vw; 
      color:grey;
      width: 69%;
      text-align: right;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0.9em;
    }

    .button:hover {
      background-color: #FFC107;
      box-shadow: 0px 1px 3px #000000;
      color: #fff;
  
    }
    
    #aboutussubtext
    {
      display:none;
    }

    #specialist img
    {
      width: 100%;
      margin: 0 auto;
    }

#ourdentist
{
  position: absolute;
  top: 50%;
  left: 35%;
  width: 65%;

  font-family: 'Oswald', sans-serif;
}

#ourdentist_m
{
  display: none;
}

.specialisttitle
{
  font-size: 5vw;
  margin: 10% 0 0 10%;
}

.specialparagraph
{
  font-size: 2vw; 
  margin: 1% 10% 15% 15%; 
  font-family: 'Raleway', sans-serif; 
  font-weight: 595;
}

.ourdentist
{
  background: url('../img/3.png');
  background-size: cover;
}

  .caption-title
  {
      font-size: 14px;
      padding-bottom: 10px;
  }
  
  .button {
    width: 80px;
    height: 25px;
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: white;
    background-color: #75C149;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    margin: 10% 10%;
    }
  
  .button:hover {
    background-color: #FFC107;
    box-shadow: 0px 1px 3px #000000;
    color: #fff;
    
  }

  nav.stroke ul li a:hover:after 
  {
      width: 50%;
  }
    
  .active 
  {
    color: #75c049;
    border-bottom: 3px solid #75c049;
  }

  #services .row
  {
    width: 90%;
    margin: 0 auto;
  }

  #services
  {
    padding: 20% 0 10% 0;
  }

  button span
  {
    font-size: 1.5vw;
    font-family: 'Raleway', sans-serif;
    color: black;
    display: inline-block;
    position: absolute;
    left: 5%;
    width: 75%;
    bottom: 1%;
  }

  
  .btn 
  {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    width: 130px;
    height: 140px;
    box-shadow: none !important;
    
  }


  #facilities
  {
    display: none;
  }

  #facilities_m
  {
    display: block;
  }

  #facilities .card
  {
    width: 70%;
    margin: 0 auto;
  } 

  #facilities img
  {
    height: 400px; 
    width: 100%;
  }

  #branches .card
  {
    min-height: 445px;
  }

  #branches p
  {
    font-size: 10px;
  }

  #branches a:active, a:focus 
  {
    outline: 0;
    border: none;
  }

  .filtr-item
  {
  flex: 0 0 20% !important; 
  width: 35%;
  margin: 0 auto;
  }

  #aboutusseemore
  {
    width: 80px; 
    height: 30px;
    
  }

  #specialistseemore
  {
    width: 80px; 
    height: 30px;
    
  }

  #specialistseemore p
  {
    font-size: 10px;
    
  }

  #aboutusseemore p
  {
    font-size: 10px;
    
  }

  /* CAREER PAGE SECTION */
  #careercontent
  {
    position: absolute;
    top: 1px;
    left: 10%;
    width: 80%;
  }

  #careercontent img
  {
    width: 80%;
    margin: 90px auto;
  }

  .thumbnail-career 
  {
  position: relative;
  display: inline-block;  
  
  }

  #careerimg
  {
    margin-top: 150px;
  }

  

  /* END CAREER PAGE SECTION */

   /* SERVICES BUTTON */
   #CosDent
   {
     background: url('../img/Services/1.png');
     background-repeat: no-repeat;
   }
   
   #LaserDent
   {
     background: url('../img/Services/13.png');
     background-repeat: no-repeat;

   }

   #TMJ
   {
     background: url('../img/Services/3.png');
     background-repeat: no-repeat;
   }

   #GenDent
   {
     background: url('../img/Services/4.png');
     background-repeat: no-repeat;
   }

   #ProstDent
   {
     background: url('../img/Services/5.png');
     background-repeat: no-repeat;
   }

   #PediaDent
   {
     background: url('../img/Services/6.png');
     background-repeat: no-repeat;
   }

   #EndoDent
   {
     background: url('../img/Services/7.png');
     background-repeat: no-repeat;
   }

   #OrthoDent
   {
     background: url('../img/Services/8.png');
     background-repeat: no-repeat;
   }

   #PerioDent
   {
     background: url('../img/Services/9.png');
     background-repeat: no-repeat;
   }

   #DentImp
   {
     background: url('../img/Services/10.png');
     background-repeat: no-repeat;
   }

   #Oral
    {
      background: url('../img/Services/14.png');
      background-repeat: no-repeat;
    }

    #Radiographs
    {
      background: url('../img/Services/15.png');
      background-repeat: no-repeat;
    }

/* ------------------------------------------------- */

/* ABOUT US STYLE */

.aboutus-vm{
  position:relative;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
}

.aboutus-vm{
  background-image: url('../img/Facilities/f2.jpg');
  min-height:650px;
}

.ptext{
  position:absolute;
  top: 10%;
  width:100%;
  text-align:center;
  color: white;
  font-size:11px; 
  background-color: rgba(255, 193, 7,0.4);
  line-height: 2em;
  padding: 40px 20px;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}

.ptext p
{
  width: 70%;
  text-align: center;
  margin: 0 auto;
  font-size: 3vw;
  font-weight: 500;
  font-family:"Raleway", sans-serif;
}

.ptext h1
{
  font-weight: 500;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);

}

.column-vm 
{
float: left;
width:50%;
}

.row::after {
content: "";
clear: both;
display: table;
}

.msg p
{
margin: 20px 0 0 15%;
color: white;
width: 75%;
font-size: 18px;
font-weight: 500;
line-height: 1.5em;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
}

.msg
{
  width:50%;
  background-color: rgba(117, 192, 73,.5);
}

.vm-section h1
{
margin: 20% 0 0 20px; 
color: white;
font-weight: 700;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
}

.vm-section
{
padding-top: 70%;
}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

h2 
{
  width: 50%;
}

#collapsenavbar a
{
font-size: 16px;
}

.logo-header
{
  width: 25%;
}

#services .row
{
  width: 90%;
}

  #aboutus img
{
    margin: 5% auto;
    border: 15px solid white;
    width: 80%;
}

#aboutus 
{
    background-color: #a2dedf;
    background-image: linear-gradient(to left, #F7E9A1, #F7E9A1 51%, #fff, #fff 50%);
}

.aboutusrightcolumn
{
    float: left;
    width: 75%;
    height: 100%; /* Should be removed. Only for demonstration */
}

#aboutuscontent
{
    position: absolute;
    top: 30%;
    left: 75%;
    width: 30%;
    transform: translate( -55%, -10% );
    text-align: right;
    
}

.aboutusparagraph
{
    width:50%;
    font-size: 1.5vw;
    font-family: 'Oswald', sans-serif; 
    line-height: 0.9em;
    margin: 5% 0;
}

.aboutustitle
{
    font-family: 'Oswald', sans-serif; 
  font-size: 6.5vw; 
  color:grey;
  width: 100%;
  text-align: right;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0.9em;
}

#aboutussubcontent
{
  position: absolute;
  top: 100%;
  left: 50%;
  text-align: right;
}



.button {
  width: 80px;
  height: 25px;
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: white;
  background-color: #75C149;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  margin: 10% 5%;
  }


.button:hover {
  background-color: #FFC107;
  box-shadow: 0px 1px 3px #000000;
  color: #fff;

}

#aboutussubtext
{
  display:none;
}

#ourdentist_m
{
  display: none;
}

.ourdentist
{
    background: url('../img/3.png');
    background-size: cover;
}

#ourdentist
{
  position: absolute;
  top: 50%;
  left: 35%;
  width: 65%;
  font-family: 'Oswald', sans-serif;
}

.specialisttitle
{
    font-size: 5vw;
    margin: 10% 0 0 10%;
}

.specialparagraph
{
  font-size: 2.5vw; 
  margin: 1% 10% 15% 15%; 
  font-family: 'Raleway', sans-serif; 
  font-weight: 550;
}
    
.caption-title
{
font-size: 16px;
padding-bottom: 10px;
}


.caption-content{
    font-size: 12px;
}

#branches .card
{
min-height: 445px;
}

#branches p
{
font-size: 12px;
}

.btn 
{
background-color: Transparent;
background-repeat:no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
outline:none;
width: 140px;
height: 140px;
box-shadow: none !important;

}

.filtr-item
{
flex: 0 0 20% !important; 
max-width: 150px;
margin: 0 auto;
}

#aboutusseemore
{
width: 80px; 
height: 30px;

}

#specialistseemore
{
width: 80px; 
height: 30px;

}

#specialistseemore p
{
font-size: 10px;

}

.button {
width: 140px;
height: 45px;
font-family: 'brandon-grotesque', sans-serif;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2.5px;
font-weight: 500;
color: white;
background-color: #75C149;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
margin-left: 10%;
}

.button:hover {
background-color: #FFC107;
box-shadow: 0px 1px 3px #000000;
color: #fff;

}

#aboutusseemore p
{
font-size: 10px;

}

#facilities
  {
    display: block;
  }

#facilities_m
  {
    display: none;
  }

#facilities .card
{
width: 70%;
} 

#facilities img
{
height: 400px; 
width: 100%;
}

#branches .card
{
min-height: 445px;
}

#branches p
{
font-size: 10px;
}

#branches a:active, a:focus 
{
outline: 0;
border: none;
}

#aboutus h1
{
color: #75c049;
font-size: 400%;
line-height: 60px;
}

#aboutus h1
{
font-size: 20px;
}

#branches .card
{
min-height: 425px;
}

/* CAREER PAGE SECTION */



#careercontent
{
position: absolute;
top: 1px;
left: 15%;
width: 70%;

}

#careercontent img
{
width: 90%;
margin: 50px auto;

}

.thumbnail-career 
{
position: relative;
display: inline-block;  
}


#careerimg
{
margin-top: 100px;
width: 100%;
}


 /* END CAREER PAGE SECTION */

  /* SERVICES BUTTON */
  #CosDent
  {
    background: url('../img/Services/1.png');
    background-repeat: no-repeat;
  }
  
  #LaserDent
  {
    background: url('../img/Services/13.png');
    background-repeat: no-repeat;

  }

  #TMJ
  {
    background: url('../img/Services/3.png');
    background-repeat: no-repeat;
  }

  #GenDent
  {
    background: url('../img/Services/4.png');
    background-repeat: no-repeat;
  }

  #ProstDent
  {
    background: url('../img/Services/5.png');
    background-repeat: no-repeat;
  }

  #PediaDent
  {
    background: url('../img/Services/6.png');
    background-repeat: no-repeat;
  }

  #EndoDent
  {
    background: url('../img/Services/7.png');
    background-repeat: no-repeat;
  }

  #OrthoDent
  {
    background: url('../img/Services/8.png');
    background-repeat: no-repeat;
  }

  #PerioDent
  {
    background: url('../img/Services/9.png');
    background-repeat: no-repeat;
  }

  #DentImp
  {
    background: url('../img/Services/10.png');
    background-repeat: no-repeat;
  }

  #Oral
    {
      background: url('../img/Services/14.png');
      background-repeat: no-repeat;
    }

    #Radiographs
    {
      background: url('../img/Services/15.png');
      background-repeat: no-repeat;
    }

/* ------------------------------------------------- */
   
#services .row
{
  width: 100%;
  margin: 20% 0;
}

button span
{
  font-size: 1.2vw;
  font-family: 'Raleway', sans-serif;
  color: black;
  display: inline-block;
  position: absolute;
  left: 5%;
  width: 95%;
  bottom: 1%;
}

.btn 
{
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  outline:none;
  width: 150px;
  height: 140px;
  box-shadow: none !important;
  
}


/* ABOUT US STYLE */

.aboutus-vm{
  position:relative;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment: fixed;
}

.aboutus-vm{
  background-image: url('../img/Facilities/f2.jpg');
  min-height:650px;
}

.ptext{
  position:absolute;
  top: 10%;
  width:100%;
  text-align:center;
  color: white;
  font-size:11px; 
  background-color: rgba(255, 193, 7,0.4);
  line-height: 3em;
  padding: 40px 0 40px 0;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}

.ptext p
{
  width: 90%;
  text-align: center;
  margin: 0 auto;
  font-size: 4vw;
  font-weight: 400;
  font-family:"Raleway", sans-serif;
}

.ptext h1
{
  font-weight: 500;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);

}

.column-vm {

float: left;
width:50%;

}

.row::after {
content: "";
clear: both;
display: table;
}

.msg p
{
margin: 30px 0 0 16%;
color: white;
width: 70%;
font-size: 3vw;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
line-height: 1em;
}

.msg
{

  width:50%;
  background-color: rgb(117, 192, 73,.5);

}

.vm-section h1
{
margin: 30% 0 0 20px; 
color: white;
font-weight: 700;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
}

.vm-section
{
padding-top: 120%;
}

} 

/* Large devices (laptops/desktops, 1025px and up) */

@media only screen and (min-width: 1025px) and (max-width: 1223px) {
  

  .logo-header{
    width: 25%;
  }

  h2
  {
    width: 50%;
    margin-bottom: 10%;
  }

  #aboutus img
  {
    border: 15px solid white;
    width: 80%;
    margin: 5% 0;
  }

 #aboutuscontent
    {
      position: absolute;
      top: 30%;
      left: 70%;
      width: 40%;
      transform: translate( -55%, -10% );
      text-align: left;
      
    }

    .aboutusparagraph
    {
      width:80%;
      font-size: 1.5vw;
      font-family: 'Oswald', sans-serif;
      line-height: 0.9em;
      text-align: right;
    }

    .aboutustitle
{
    font-family: 'Oswald', sans-serif; 
  font-size: 7vw; 
  color:grey;
  width: 80%;
  text-align: right;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0.9em;
}


#aboutussubcontent
{
  position: absolute;
  top: 100%;
  left: 30%;
  width: 65%;
  text-align: left;
  margin: 2% 0;
}

.button {
  width: 80px;
  height: 25px;
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: white;
  background-color: #75C149;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  margin: 10% 10%;
  }

.button:hover {
  background-color: #FFC107;
  box-shadow: 0px 1px 3px #000000;
  color: #fff;

}

    #aboutussubtext
    {
      display:none;
    }

    #specialist img
    {
      width: 70%;
      margin: 0 auto;
    }

    .ourdentist
    {
      background: url('../img/3.png');
      background-size: cover;
    }

    #ourdentist
    {
      position: absolute;
      top: 65%;
      left: 40%;
      width: 50%;
      font-family: 'Oswald', sans-serif;
    }

    #ourdentist_m
    {
      display: none;
    }

    .specialisttitle
    {
      font-size: 4vw;
      margin: 10% 0 0 15%;
    }

    .specialparagraph
  {
    font-size: 1.5vw; 
    margin: 1% 5% 10% 15%; 
    font-family: 'Raleway', sans-serif; 
    font-weight: 550;
    width: 80%;
  }

    
  .aboutusrightcolumn p
  {
    font-size: 20px;
    width: 50%;
    transform: translate( -150%, 200% );
  }

  #aboutus 
  {
    background-color: #a2dedf;
    background-image: linear-gradient(to left, #F7E9A1, #F7E9A1 51%, #fff, #fff 50%);
  }
  
  .caption-title{
    font-size: 16px;
}

.caption-content{
    font-size: 14px;
}

.btn 
{
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  outline:none;
  width: 140px;
  height: 140px;
  box-shadow: none !important;
  
}

button span
{
  font-size: 1vw;
  font-family: 'Raleway', sans-serif;
  color: black;
  display: inline-block;
  position: absolute;
  left: 5%;
  width: 100%;
  bottom: 1%;
}

#services .row
{
  width: 100%;
  margin: 0 auto;
}

#services
{
  margin: 20% 0 15% 0; 
}

.filtr-item
{
flex: 0 0 20% !important; 
margin: 0 auto;
}

#aboutusseemore
{
  width: 80px; 
  height: 30px;
  
}

#specialistseemore
{
  width: 80px; 
  height: 30px;
  
}

#specialistseemore p
{
  font-size: 10px;
  
}

.button {
  width: 140px;
  height: 45px;
  font-family: 'brandon-grotesque', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
  color: white;
  background-color: #75C149;
  border: none;
  border-radius: 45px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  margin-left: 10%;
  }

.button:hover {
  background-color: #FFC107;
  box-shadow: 0px 1px 3px #000000;
  color: #fff;
  
}

#aboutusseemore p
{
  font-size: 10px;
  
}

#facilities
  {
    display: block;
  }

#facilities_m
  {
    display: none;
  }

#facilities .card
{
  width: 70%;
} 

#facilities img
{
  height: 400px; 
  width: 100%;
}

#branches .card
{
  min-height: 445px;
}

#branches p
{
  font-size: 10px;
}

#branches a:active, a:focus 
{
  outline: 0;
  border: none;
}

#services p
{
  margin: 100px 30px 0 0;
  font-size: 9px;
  font-family: 'Raleway', sans-serif;
  
}

#services .row
{
  width: 80%;
}

#aboutus h1
{
  color: #75c049;
  font-size: 400%;
  line-height: 60px;
}

#aboutus h1
{
  font-size: 20px;
}

#branches .card
{
  min-height: 405px;
}

/* CAREER PAGE SECTION */



#careercontent
{
  position: absolute;
  top: 1px;
  left: 15%;
  width: 70%;
  
}

#careercontent img
{
  width: 80%;
  margin: 50px auto;

}

.thumbnail-career 
{
  position: relative;
  display: inline-block;  
}


#careerimg
{
  margin-top: 70px;
  width: 100%;
}

/* END CAREER PAGE SECTION */


/* SERVICES BUTTON */
#CosDent
{
  background: url('../img/Services/1.png');
  background-repeat: no-repeat;
}

#LaserDent
{
  background: url('../img/Services/13.png');
  background-repeat: no-repeat;

}

#TMJ
{
  background: url('../img/Services/3.png');
  background-repeat: no-repeat;
}

#GenDent
{
  background: url('../img/Services/4.png');
  background-repeat: no-repeat;
}

#ProstDent
{
  background: url('../img/Services/5.png');
  background-repeat: no-repeat;
}

#PediaDent
{
  background: url('../img/Services/6.png');
  background-repeat: no-repeat;
}

#EndoDent
{
  background: url('../img/Services/7.png');
  background-repeat: no-repeat;
}

#OrthoDent
{
  background: url('../img/Services/8.png');
  background-repeat: no-repeat;
}

#PerioDent
{
  background: url('../img/Services/9.png');
  background-repeat: no-repeat;
}

#DentImp
{
  background: url('../img/Services/10.png');
  background-repeat: no-repeat;
}

#Oral
{
  background: url('../img/Services/14.png');
  background-repeat: no-repeat;
}

#Radiographs
{
  background: url('../img/Services/15.png');
  background-repeat: no-repeat;
}


/* ABOUT US STYLE */

.aboutus-vm{
  position:relative;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
}

.aboutus-vm{
  background-image: url('../img/Facilities/f2.jpg');
  min-height:650px;
}

.ptext{
  position:absolute;
  top: 15%;
  width:100%;
  text-align:center;
  color: white;
  font-size:11px; 
  background-color: rgba(255, 193, 7,0.4);
  line-height: 2.5em;
  padding: 20px 20px;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}

.ptext p
{
  width: 65%;
  text-align: center;
  margin: 0 auto;
  font-size: 2vw;
  font-weight: 500;
  font-family:"Raleway", sans-serif;
}

.ptext h1
{
  font-weight: 500;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);

}

.column-vm {

float: left;
width:50%;

}

.row::after {
content: "";
clear: both;
display: table;
}

.msg p
{
margin: 50px 0 0 23%;
color: white;
width: 60%;
font-size: 2vw;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
}



.msg
{

  width:50%;
  background-color: rgb(117, 192, 73,.5);

}


.vm-section h1
{
margin: 30% 0 0 20px; 
color: white;
font-weight: 700;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
font-family:"Raleway", sans-serif;
}

.vm-section
{
padding-top: 60%;
}

}

/* ------------------------------------------------- */

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1224px) {

    .card
    {
      margin-right: 25px;
      
    }

    .logo-header{
        width: 25%;
      }

      #aboutus 
      {
        background-color: #a2dedf;
        background-image: linear-gradient(to left, #F7E9A1, #F7E9A1 51%, #fff, #fff 50%);
      }

      #aboutus img
    {
      margin: 4% 10% 0 0;
      border: 15px solid white;
      width: 90%;
    }


    #aboutussubtext
    {
      display: none;
    }
  
    #aboutussubcontent
    {
      position: absolute;
      top: 100%;
      left: 15%;
      text-align: right;
      line-height: 1.5em;
    }

    #aboutuscontent
    {
      position: absolute;
      top: 20%;
      left: 60%;
      width: 40%;
      text-align: right;
      color:'grey';
    }

    .aboutusparagraph
    {
      width:70%;
      font-size: 1.2vw;
      font-family: 'Raleway', sans-serif; 
      font-weight: 650;
      text-align: right;
    }

    .aboutustitle
    {
      font-family: 'Oswald', sans-serif; 
      font-size: 6.5vw; 
      color:grey;
      line-height: 1em;
      width: 80%;
      text-align: right;
      margin: 0 !important;
      padding: 0 !important;
      margin: 0 auto;
    }

  
    .button {
      width: 140px;
      height: 45px;
      font-family: 'brandon-grotesque', sans-serif;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-weight: 500;
      color: white;
      background-color: #75C149;
      border: none;
      border-radius: 45px;
      box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease 0s;
      cursor: pointer;
      outline: none;
      margin: 10% 30% 0 10%;
      }
    
    .button:hover {
      background-color: #FFC107;
      box-shadow: 0px 1px 3px #000000;
      color: #fff;
      
    }

    #ourdentist_m
    {
      display: none;
    }

    .ourdentist
    {
      background: url('../img/3.png');
      background-size: cover;
    }

    #ourdentist
    {
      position: absolute;
      top: 60%;
      left: 50%;
      width: 50%;
      font-family: 'Oswald', sans-serif;
    }

    .specialisttitle
    {
      font-size: 2.5vw;
      margin: 10% 0 0 10%;
    }

    .specialparagraph
    {
      font-size: 1.2vw; 
      margin: 1% 10% 15% 15%; 
      font-family: 'Raleway', sans-serif; 
      font-weight: 550;
    }

    
    .aboutusleftcolumn
    {
      float: left;
      width: 40%;
      padding: 10px;
      height: 100%; /* Should be removed. Only for demonstration */
    }
  
    .aboutusrightcolumn
    {
      float: left;
      width: 60%;
      height: 100%; /* Should be removed. Only for demonstration */
    }

    .col{
        width: 50%;
    }

    .caption-title
    {
      font-size: 15px;
    }

    #services .row
    {
      width: 100%;
      margin: 20% auto;
    }

    button span
    {
      font-size: .87vw;
      font-family: 'Raleway', sans-serif;
      color: black;
      display: inline-block;
      position: absolute;
      left: -5%;
      width: 100%;
      top: 70%;

    }

    .btn 
    {
      background-color: Transparent;
      background-repeat:no-repeat;
      border: none;
      cursor:pointer;
      overflow: hidden;
      outline:none;
      width: 185px;
      height: 180px;
      box-shadow: none !important;
    
    }


    .doctors
    {
      height: 345px;
      width: 225px;
    }
    
    /* CAREER PAGE SECTION */


#careercontent
{
 position: absolute;
  margin: 0 auto;
  width: 60%;
  top: 1px;
  left: 20%;
  align-items: center;
}

#careercontent img
{
  width: 100%;
  margin: 0 auto;

}

.thumbnail-career 
{
  position: relative;
  display: inline-block;  
}


#careerimg
{
  margin-top: 120px;
  width: 100%;
}


/* END CAREER PAGE SECTION */
    
    /* SERVICES BUTTON */
    #CosDent
    {
      background: url('../img/Services/1.png');
      background-repeat: no-repeat;
    }
    
    #LaserDent
    {
      background: url('../img/Services/13.png');
      background-repeat: no-repeat;

    }

    #TMJ
    {
      background: url('../img/Services/3.png');
      background-repeat: no-repeat;
    }

    #GenDent
    {
      background: url('../img/Services/4.png');
      background-repeat: no-repeat;
    }

    #ProstDent
    {
      background: url('../img/Services/5.png');
      background-repeat: no-repeat;
    }

    #PediaDent
    {
      background: url('../img/Services/6.png');
      background-repeat: no-repeat;
    }

    #EndoDent
    {
      background: url('../img/Services/7.png');
      background-repeat: no-repeat;
    }

    #OrthoDent
    {
      background: url('../img/Services/8.png');
      background-repeat: no-repeat;
    }

    #PerioDent
    {
      background: url('../img/Services/9.png');
      background-repeat: no-repeat;
    }

    #DentImp
    {
      background: url('../img/Services/10.png');
      background-repeat: no-repeat;
    }

    #Oral
    {
      background: url('../img/Services/14.png');
      background-repeat: no-repeat;
    }
    
    #Radiographs
    {
      background: url('../img/Services/15.png');
      background-repeat: no-repeat;
    }

/* ------------------------------------------------- */
    

    #facilities
    {
      display: block;
    }

    #facilities_m
    {
      display: none;
    }

    #facilities .card
    {
      margin-right: 5px;
    }

    #facilities img
    {
      height: 400px; 
      width: 100%;
    }
        
    #branches .card
    {
      min-height: 0px;
    }

    
    h2
    {
     margin: 0 auto; 
     color: grey;
     border-bottom: 2px solid grey;
     margin-bottom: 50px;
     width: 30%;
    }

    /* ABOUT US STYLE */

  .aboutus-vm{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
  
    /*
      fixed = parallax
      scroll = normal
    */
    background-attachment:fixed;
  }
  
  .aboutus-vm{
    background-image: url('../img/Facilities/f2.jpg');
    min-height:650px;
  }

  .ptext{
    position:absolute;
    top: 15%;
    width:100%;
    text-align:center;
    color: white;
    font-size:11px; 
    background-color: rgba(255, 193, 7,0.4);
    line-height: 3em;
    padding: 20px 20px;
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
  }

  .ptext p
  {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    font-size: 2vw;
    font-weight: 500;
    font-family:"Raleway", sans-serif;
  }

  .ptext h1
  {
    font-weight: 500;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);

  }


.column-vm {

  float: left;
  width:50%;
  
}


.row::after {
  content: "";
  clear: both;
  display: table;
}

.msg p
{
  margin: 50px 0 0 23%;
  color: white;
  width: 60%;
  font-size: 2vw;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  font-family:"Raleway", sans-serif;
}

.msg
{

    width:50%;
    background-color: rgb(117, 192, 73,.5);
  
}


.vm-section h1
{
  margin: 30% 0 0 20px; 
  color: white;
  font-weight: 700;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  font-family:"Raleway", sans-serif;
}

.vm-section
{
  padding-top: 52%;
 
}


/* SPECIALIST PAGE */

    #ourdentistcontent .overlay 
    {
    position: absolute;
    bottom: 14%;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    }

    #ourdentistcontent .card:hover .overlay 
    {
            height: 86%;
            background-color: rgba(117, 192, 73,0.8);

    }

    #ourdentistcontent .card .white-text
    {
            font-size: 13px;
            margin: 20px 10px 0 20px;
            color: white;
            text-shadow: 2px 2px 4px #000000;
            line-height: 1.2em;
    }

    #ourdentistcontent
    {
        padding: 20px 0 150px 0;
        
    }

    #ourdentistconsultants
    {
        padding: 0px 0 150px 0;
        
    }

    #ourdentistcontent .card { box-shadow: none !important; } 

    .specialist_card img
    {
        width: 250px;
    }

    #ourdentistcontent .card-body p
    {
        font-weight: 600; font-family:'Raleway', sans-serif;
    }

    #ourdentistcontent .card-body
    {
        padding: 10px 0 0 0;
    }
}