p {
  font-size: 1rem;
}


.smile_icon_list li.icon_list_item {
    background-color: #eee !important;
}

.home-icons {
  z-index: 5;
}

h1.w-post-elm.post_title {
  color: #ffffff;
}

/* Media Queries */

/* Desktop responsive */
@media only screen and (min-width: 1024px) and (max-width: 1804px) {
  .doctor-one {
    width: 100%;
    background-color: #00a6ca !important;
  }
  .doctor-one-img {
    width: 25%;
  }
  .doctor-one-text {
    width: 75%;
    padding-right: 10em;
  }
  .doctor-two {
    width: 100%;
    background-color: #002e63 !important;
  }
  .doctor-two-text {
    width: 75%;
    padding-left: 10em;
  }
  .doctor-two-img {
    width: 25%;
  }  
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .doctor-one {
    width: 100%;
    background-color: #00a6ca !important;
  }
  .doctor-one-img {
    width: 40%;
  }
  .doctor-one-text {
    width: 60%;
    padding-right: 2em;
  }
  .doctor-two {
    width: 100%;
    background-color: #002e63 !important;
  }
  .doctor-two-text {
    width: 60%;
    padding-left: 2em;
  }
  .doctor-two-img {
    width: 40%;
  }  
}

@media only screen and (max-width: 767px) {
  .doctor-one {
    width: 100%;
    background-color: #00a6ca !important;
  }
  .doctor-one-img {
    width: 40%;
  }
  .doctor-one-text {
    width: 60%;
    padding-right: 2em;
  }
  .doctor-two {
    width: 100%;
    background-color: #002e63 !important;
  }
  .doctor-two-text {
    width: 60%;
    padding-left: 2em;
  }
  .doctor-two-img {
    width: 40%;
  }  
}


/* iPad (Retina) Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
  /*Home*/
  .vc_custom_1502281836259 {
    padding-top: 12em !important;
  }  
  .mobile-left {
    display: none;
  }
  .mobile-space {
    height: 32px !important;
  }
  .mobile-content {
    width: 90%;
    margin-left: 2em;
  }  
  .doctor-one, .doctor-two {
    width: 100%;
  }
  .doctor-one-text h1, .doctor-one-text p {
    margin-right: 1em;
  }
  .doctor-two-text h1, .doctor-two-text p {
    margin-left: 1em;
  }
  
  /*Our Surgeons*/
  .dr-cyril-tsan-img {
    width: 100%;
  }
  .dr-cyril-tsan-text {
    width: 100%;
    margin-left: 2em;
  }
  /*.dr-cyril-tsan-text h2, .dr-cyril-tsan-text h4, .dr-cyril-tsan-text p {
    margin-left: 2em;
  }*/
  .dr-paul-ahtye-img {
    width: 100%;
    top: -28em;
  }
  .dr-paul-ahtye-text {
    width: 100%;
    top: 41em;
  }
  .footer-surgery {
    width: 100%;
  }
  
  /*Content Pages*/
  .tablet-content {
    width: 100%;
  }

}


/* iPad (Landscape) Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  /*Home*/
  .mobile-left {
    display: none;
  }
  .mobile-space {
    height: 32px !important;
  }
  .mobile-content {
    width: 90%;
    margin-left: 2em;
  }  
  .doctor-one, .doctor-two {
    width: 100%;
  }
  .doctor-one-text {
    width: 40%;
  }
  .doctor-two-text {
    width: 40%;
  }
  .doctor-one-text h1, .doctor-one-text p {
    margin-right: 1em;
  }
  .doctor-two-text h1, .doctor-two-text p {
    margin-left: 1em;
  }
  
  /*Our Surgeons*/
  .dr-cyril-tsan-img {
    width: 100%;
  }
  .dr-cyril-tsan-text {
    width: 100%;
    margin-left: 2em;
  }
  /*.dr-cyril-tsan-text h2, .dr-cyril-tsan-text h4, .dr-cyril-tsan-text p {
    margin-left: 2em;
  }*/
  .dr-paul-ahtye-img {
    width: 100%;
    top: -24em;
  }
  .dr-paul-ahtye-text {
    width: 100%;
    top: 41em;
  }
  .footer-surgery {
    width: 100%;
  }

}


/* iPhone 6+ - Portrait */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) {
  .vc_custom_1502281836259 {
    padding-top: 12em !important;
  }
  .mobile-content {
    padding: 0 2em 0 2em !important;
  }  
  .doctor-one {
    width: 100%;
  }
  .doctor-one-text {
    width: 100% !important;
    margin-top: 22em !important;
    padding: 0 2em 0 2em;
  }
  .doctor-two {
    width: 100%;
  }
  .doctor-two-img {
    width: 100%;
    margin: 50em 0 -29em 0 !important;
  }
  .doctor-two-text {
    width: 100% !important;
    margin: -2em 0 0 0 !important;
    padding: 0 2em 0 2em;
  }
}

/* iPhone 6 - Portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
  .vc_custom_1502281836259 {
    padding-top: 12em !important;
  }
  .mobile-content {
    padding: 0 2em 0 2em !important;
  }  
  .doctor-one {
    width: 100%;
  }
  .doctor-one-text {
    width: 100% !important;
    margin-top: 22em !important;
    padding: 0 2em 0 2em;
  }
  .doctor-two {
    width: 100%;
  }
  .doctor-two-img {
    width: 100%;
    margin: 50em 0 -30.5em 0 !important;
  }
  .doctor-two-text {
    width: 100% !important;
    margin: -2em 0 0 0 !important;
    padding: 0 2em 0 2em;
  }
}


/* iPhone 5 - Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
  .vc_custom_1502281836259 {
    padding-top: 12em !important;
  }
  .mobile-content {
    padding: 0 2em 0 2em !important;
  }  
  .doctor-one {
    width: 100%;
  }
  .doctor-one-text {
    width: 100% !important;
    margin-top: 22em !important;
    padding: 0 2em 0 2em;
  }
  .doctor-two {
    width: 100%;
  }
  .doctor-two-img {
    width: 100%;
    margin: 50em 0 -33.5em 0 !important;
  }
  .doctor-two-text {
    width: 100% !important;
    margin: -2em 0 0 0 !important;
    padding: 0 2em 0 2em;
  }
}




/* Nexus 6P - Portrait */
@media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : portrait) {
  .vc_custom_1502281836259 {
    padding-top: 12em !important;
  }
  .mobile-content {
    padding: 0 2em 0 2em !important;
  }  
  .doctor-one {
    width: 100%;
  }
  .doctor-one-text {
    width: 100% !important;
    margin-top: 22em !important;
    padding: 0 2em 0 2em;
  }
  .doctor-two {
    width: 100%;
  }
  .doctor-two-img {
    width: 100%;
    margin: 50em 0 -29em 0 !important;
  }
  .doctor-two-text {
    width: 100% !important;
    margin: -2em 0 0 0 !important;
    padding: 0 2em 0 2em;
  }
}