/* ===================================================================
                            xxl
====================================================================== */

@media only screen and (min-width: 1400px) {}


/*=====================================================================
                             xl
 ====================================================================== */

@media only screen and (min-width: 1200px) and (max-width:1399px) {
  p {
    font-size: 16px;
  }

  ul li {
    font-size: 16px;
  }

  /* =nav bar= */
  .header .item-left {
    flex: 0 0 20%;
  }

  .header .item-center {
    flex: 0 0 80%;
  }


  ul.menu-main {
    padding: 30px 0;
  }

  .header .menu>ul>li>a {
    font-size: 16px;
  }

  .main_logo a .logo_img {
    width: 68%;
  }

  /* =bg banner= */
  .doctor_info h2 {
    font-size: 38px;
  }

  .doctor_info h4 {
    font-size: 24px;
  }

  .read_more {
    font-size: 16px;
    padding: 8px 15px;
  }

  /* =about section= */
  .abt_doctor_content {
    padding: 20px 0;
  }

  .abt_doctor_content h2 span {
    font-size: 16px;
  }

  .my_specialties_box {
    width: 90%;
  }

  .sidebar__cat-list .list-wrap li a {
    font-size: 16px;
  }

  /* =parallax section= */
  .parallax_tint {
    padding: 100px 0;
  }

  /* =gallery page= */
  .gallery_img {
    height: auto;
  }

  /* =testimonial= */
  section.patient.testimonial .container-fluid {
    width: 100%;
  }
  .testimonial .card_content{
    font-size: 16px;
  }

  section.patient .carousel-control-prev {
    left: -6px !important;
  }

  section.patient .carousel-control-next {
    right: -6px !important;
  }

  section.patient.testimonial .card {
    min-height: 305px;
  }

  section.patient.testimonial .card .card-img video {
    max-height: 240px;
  }

}


/*=================================================================
                         Tablet Landscape(lg)
=================================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  p {
    font-size: 16px;
  }

  /* =nav bar= */
  .header .item-center {
    flex: 0 0 70%;
  }

  .header .item-left {
    flex: 0 0 30%;
  }

  .main_logo a .logo_img {
    width: 65%;
  }

  /* =bg banner= */

  .doctor_info h2 {
    font-size: 40px;
  }

  .bg_banner .banner_tint {
    padding: 60px 0;
  }

  /* =about doctor section= */
  .abt_doctor_content {
    padding-left: 20px;
  }

  .doctors_app {
    width: 70%;
  }

  .parallax_tint {
    padding: 100px 0;
  }

  .parallax {
    background-size: cover;
  }

  .my_specialties_box1 {
    min-height: 260px;
  }

}


/*=================================================================
                        Tablet Portrait (md)
=================================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
  }

  /* =header= */
  .header .item-left {
    flex: 0 0 50%;
  }

  .header .item-right {
    flex: 0 0 50%;
  }

  .main_logo a .logo_img {
    width: 40%;
  }

  .header .mobile-menu-trigger {
    float: right;
    margin-top: 7%;
  }

  .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
    margin-top: 0;
    width: 300px;
    margin-left: 10px;
  }

  /* =bg banner= */
  .doctor_info h2 {
    font-size: 36px;
  }

  .doctor_info h4 {
    font-size: 20px;
  }

  .bg_banner .banner_tint {
    padding: 20px 0 50px;
  }

  .bg_abstruct {
    float: none;
  }

  .doctor_info {
    padding: 30px 0;
  }

  /* =abou doctors section= */
  .abt_doctor_content {
    padding-left: 0;
    padding-top: 50px;
  }

  .abt_dr {
    padding: 60px 0;
  }

  /* =parallax= */
  .parallax_tint {
    padding: 80px 0;
  }

  .parallax {
    background-size: cover;
  }

  .read_more {
    font-size: 16px;
    padding: 6px 18px;
  }

  .my_specialties_box1 {
    margin-top: 40px;
    min-height: 315px;
  }

  .my_specialties_box {
    float: none;
    margin: auto;
    margin-bottom: 30px;
  }

  .myspe_content {
    min-height: 275px;
  }

  .main_inner_content {
    padding-left: 0;
    padding-top: 30px;
  }

  .gallery_img {
    height: 217px;
  }

  .modal-dialog {
    max-width: 100%;
  }


}


/* ==============================================================
                    Mobile Landscape Size(sm)
================================================================= */

@media only screen and (min-width: 576px) and (max-width: 767px) {}


/*===================================================================
                         All Mobile Sizes 
 ==================================================================== */

@media only screen and (max-width: 767px) {
  p {
    font-size: 16px;
  }

  ul li {
    font-size: 16px;
  }

  ol li {
    font-size: 16px;
  }


  /* =nav bar= */

  .header .menu .mobile-menu-head {
    border: none !important;
  }

  .header .menu>ul>li>a {
    text-align: left;
    font-weight: 600;
  }

  .header {
    padding: 10px 0;
  }

  .header .item-left {
    flex: 0 0 50%;
  }

  .header .item-right {
    flex: 0 0 50%;
  }

  .header .mobile-menu-trigger {
    float: right;
    margin-top: 13%;
  }

  .main_logo a .logo_img {
    width: 80%;
  }

  .main_logo a {
    padding: 0;
  }

  .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
    margin-top: 0;
    width: 300px;
    margin-left: 10px;
  }

  /* =bg banner= */

  .doctor_info h2 {
    font-size: 24px;
  }

  .doctor_info h4 {
    font-size: 18px;
    margin: 20px 0;
  }

  .read_more {
    font-size: 14px;
    padding: 6px 20px;
  }

  .bg_banner .banner_tint {
    padding: 0;
  }

  .bg_banner {
    background-size: cover;
  }

  .bg_abstruct {
    float: left;
  }

  .doctor_info {
    padding: 50px 0;
  }

  /* =about doctor section= */
  .doctor_abt_img::before {
    height: 150px;
    width: 150px;
    top: -5px;
    left: -5px;
  }

  .abt_doctor_content h2 span {
    display: block;
    line-height: 1.5;
  }

  .doctor_abt_img::after {
    height: 150px;
    width: 150px;
    bottom: -5px;
    right: -5px;
  }

  .doctor_abt_img {
    width: 100%;
  }

  .abt_doctor_content {
    padding: 40px 0 0;
  }

  .abt_bg_img img {
    width: 100px;
    bottom: 0 !important;
    right: 0;
    top: auto;
  }

  .abt_dr {
    padding: 60px 0;
  }

  /* =parallax section= */

  .parallax_tint {
    padding: 60px 0;
  }

  .parallax {
    background-size: cover;
  }

  .doctors_app {
    width: 80%;
  }

  /* =my_speciality section= */
  .my_specialties_box {
    width: 100%;
    margin-bottom: 30px;
  }


  .my_special_bg_color {
    padding: 60px 0 30px;
  }

  /* =footer= */
  footer {
    min-height: 95px;
  }

  .footer_right {
    float: none;
    margin-top: 5px;
  }

  .footer_left p{
    margin-bottom: 10px;
  }

  /* =inner banner= */
  section.inner_banner h2 {
    font-size: 20px;
  }

  .inner_banner {
    background-size: cover;
    padding: 20px 0;
  }

  .main_inner_content {
    padding: 0;
    padding-top: 30px;
  }

  .inner_section {
    padding: 50px 0 40px;
  }

  .sidebar__cat-list .list-wrap li a {
    font-size: 16px;
  }

  .contact.section {
    padding: 50px 0;
  }

  .gallery_img {
    margin: 0;
    margin-bottom: 30px;
    height: auto;
  }

  .modal-dialog {
    max-width: 100% !important;
  }


  .modal-body {
    padding: 5px;
  }

  section.gallery {
    padding: 40px 0 10px;
  }

  /* =testimonial= */

  .testimonial .carousel-control-prev {
    left: 0;
  }

  .testimonial .carousel-control-next {
    right: 0;
  }

  .testimonial .carousel-control-next, .carousel-control-prev {
    width: 5%;
  }

  .test_tint {
    padding: 50px 0;
  }

  section.patient.testimonial .card {
    min-height: auto;
    margin-bottom: 30px;
  }

  section.patient.testimonial .container-fluid {
    width: 100%;
  }

  .testimonial .card_content{
    font-size: 16px;
  }



  /* =inner page= */
  .sidebar__widget {
    width: 85%;
    margin: auto;
  }

}