﻿@media only screen and (max-width: 1700px) {
    /* html {font-size: 52%;} */
    
    }
    
    /* 16000 */
    @media only screen and (max-width: 1500px) {
    /* html {font-size: 50%;} */
    }
    /* 1440 */
    
    @media only screen and (max-width: 1400px) {
    /* html {font-size: 40%;} */
    }
    /* 1366 */
    
    @media only screen and (max-width: 1279px) {
    
        .d-details-section .doc-row{grid-template-columns:1fr;}
        .right-box .heading04 {font-size: 19px;line-height: 20px;}
        .Hospital-row {gap: 15px;}
        .number {font-size: 22px;line-height: 29px;}
        .hospital-count {gap: 24px;}    
        .dr-count {font-size: 16px;}
        .img-box img{width: 70px;}
        .heading04 {font-size: 23px;line-height: 30px;}
        .btn {font-size: 15px;padding: 8px 12px;}
        p {color: #666;font-size: 14px;line-height: 23px;}
        .heading02 {color: #000;margin-bottom: 20px;font-size: 26px;line-height: 31px;}
        .serv a {padding: 8px 12px;font-size: 13px;}
        .academic-info strong {font-size: 16px;}
        .academic-info .years {font-size: 14px;line-height: 21px;}    
        .academic-info {padding-bottom: 10px;padding-top: 10px;}
        .doc-p-row .heading04 {margin-bottom: 10px;}
        .nav-item ul {gap: 20px;}
        .nav-item {padding: 10px 0;}    
        .doc-row .doc-name {font-size: 18px;line-height: 20px;}
        .doc-row .degination {font-size: 14px;line-height: 18px;}
        .doc-row {padding: 20px 10px;gap: 14px;}
        .doc-row .doc-img img {width: 50px;height: 50px;}
    }
    
    @media only screen and (max-width: 1023px) {
        .Hospital-row {display: block;}
        .heading02 {font-size: 21px;line-height: 27px;}
        .top-row{display: block;}
        .bootom-row {display: block;}
        .share-box{margin-top: 15px;}
        .footer-row {display: block;}    
        .hospital-count {margin-top: 13px;justify-content: flex-start;}
        .second-row{margin-top: 20px;}
        .footer {padding: 25px 0;}
        .second-row ul li a {margin-bottom: 10px;}
        .social-iocn {margin-top: 0;}
        .sticy-btn {position: fixed;bottom: 0;width: 100%;display: block;}
        .sticy-btn .btn{width: 100%;}
        .right-box{display: block;}
        .second-nav .d-flex{display: block;}
        .second-nav .d-grid{display: block;}
        .second-nav .d-flex .field{margin-bottom: 10px;}
        .nav-item ul {gap: 9px;}
        .nav-item ul a {padding: 10px 10px;font-size: 13px;}
        .doc-row .price span {font-size: 14px;}
        .doc-row {gap: 14px;    grid-template-columns: 45% 1fr;}
        .gallery-row {display: block;}
        .gallery-row img{width: 100%;}
        .doc-row .doc-img img {width: 65px;height: 65px;}
        .footer {padding: 40px 0;}
        .enq-section .right-box{width: 90%;}
        .d-details-section {display: block;}
        .academic-info strong {font-size: 14px;}
         .hospital-detail{display: inline-block;vertical-align: middle;width: 86%;padding-left: 30px;}   
        .img-box{display: inline-block;width:14%;vertical-align: middle;margin-right: -5px;}
        .heading04 {font-size: 19px;line-height: 24px;}  
        .count-box {display: flex;gap: 7px;}
        .share-box {display: flex;justify-content: flex-start;gap: 22px;}
        .img-box img{width: 100%;}
            
    }
    
    @media only screen and (max-width: 767px) {
        .hospital-detail {width: 80%;padding-left: 15px;}
        .img-box {width: 20%;}
        .dr-count {font-size: 13px;}
        .serv a {padding: 8px 9px;font-size: 12px;}
        .close-menu, .menu-btn {visibility: visible;position: absolute;right: 0;top: 20px;background: none;border: none;padding: 0;width: 25px;height: 25px;display: block;}
        .menu-btn span {width: 100%;height: 2px;background: #ffff;margin: 4px 0;display: block;}
        .right-nav ul{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #001935;z-index: 9;padding: 30px;padding-top: 55px;transform: translateX(100%);transition: ease .5s all;    display: block;    height: 100vh;overflow-y: scroll;}
        nav ul li {padding: 10px 0;    border-bottom: 1px solid #4d4d4d;display: block;}
        .close-menu span:first-child {transform: rotate(45deg);}
        .close-menu span {width: 100%;height: 2px;background: #fff;margin: 5px 0;display: block;}
        .close-menu span:last-child {transform: rotate(-45deg);margin-top: -6px;}
        .close-menu {right: 22px;}
        .logo {width: 130px;cursor: pointer;}
        .right-nav ul.active {transform: translateX(0);}
        .submenu ul li a{color: #ffff !important;}
        .submenu{
            /*background: #001935;*/
            padding-top: 0px; 
            position: static;
            
        }
        .submenu ul{transform: none;padding:0;position: static;background: #001935;height: 30vh;overflow: scroll;overflow-y: scroll;}
        .submenu ul li {font-size: 14px;line-height: 14px;}
    
    }