@media (max-width: 767.98px) {

    .branch-wrapper {
        padding-bottom: 5px;
    }

    .branch-wrapper ul li {
        width: 104px;
        height: 50px;
        line-height: 54px;
        margin: 5px 5px 0 0;
    }

    .branch-wrapper ul li a {
        font-size: 12px;
    }

    .update-info {
        line-height: 0;
    }

    .update-info h2 {
        width: 20%;
        font-size: 14px;
        margin-right: 0px;
        line-height: 50px;
    }

    .update-info .slide-text-content {
        width: 80%;
        margin-left: 14px;
    }

    .update-info .slide-text-content p {
        padding: 8px 0;
        font-size: 13px;
        line-height: 22px
    }

    .latest-news-wrapper {
        height: auto;
    }

    .banner1-wrapper .banner-slider img {
        height: 450px;
    }

    .banner-content-txt h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .banner-content {
        margin-top: 48px;
        padding: 30px;
        height: 360px;
        margin-right: 8px;
    }

    .banner-slider ul.slick-dots {
        bottom: 15px;
    }

    .slick-arrow {
        font-size: 30px;
    }

    .fa-chevron-left.slick-arrow {
        left: -3px;
    }

    .fa-chevron-right.slick-arrow {
        right: -3px;
    }

    .banner-content-txt p,
    .chairman-signature h5 {
        font-size: 16px;
    }

    .banner-content-txt a {
        float: left;
        padding: 10px 26px;
        font-size: 16px;
        margin-top: 30px;
    }

    .banner1-wrapper {
        height: 450px;
    }

    .activity-img {
        width: 60px;
        height: 60px;
        line-height: 50px;
        margin: 0 auto;
    }

    .activity-img img {
        height: 35px;
        width: 35px;

    }

    .activity-txt {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .img-radidus-content {
        width: 100%;
    }

    .activity-txt h5 {
        font-size: 15px;
    }

    .activity-txt p {
        font-size: 13px;
        margin: 10px 0;
    }

    .activity-txt a.read-more {
        font-size: 15px;
    }

    .activity-wrap-content {
        margin-bottom: 0px;
        overflow: hidden;
    }

    .branch-activity-wrap {
        padding-bottom: 30px;
    }

    .section-grap,
    .main-footer-wrapper,
    .service-details-content {
        padding: 40px 0;
    }

    .about-features-content.d-flex {
        height: auto;
        margin: 0px -7.5px;
    }
    .about-features-content.d-flex .about-feature-txt{
        text-align: center;
    }
    .about-features-one.d-flex.flex-column {
        margin: 0 7.5px;
    }

    .feature-item-img {
        text-align: center;
    }

    .about-page-img {
        box-shadow: none;
        overflow: initial;
        width: 100%;
    }

    body {
        overflow-x: hidden;
    }

    .about-features-item,
    .recent-activity-content .section-title,
    h4.branch-heading {
        margin-bottom: 15px;
    }

    .about-details h1 {
        margin-bottom: 20px;
        font-size: 22px;
        margin-top: 15px;
        text-align: center;
    }

    .about-details p {
        font-size: 14px;
        font-weight: 400;
    }

    .learn-more a {
        margin-right: 5px;
    }

    .learn-more a,
    .about-more a {
        width: 135px;
        font-size: 12px;
    }

    .learn-more a i,
    .about-more a i {
        font-size: 12px;
        margin-left: 2px;
    }

    .mileston-img,
    .mileston-content h4 {
        top: 0;
        left: 0;
        position: inherit;
    }

    .mileston-content {
        width: 100%;
        padding-bottom: 0;
    }

    .mileston-info.section-grap2 {
        margin-top: 0;
        padding: 30px;
        margin-bottom: 60px;
    }

    .mileston-info-wrapper.clear-cache {
        overflow-x: hidden;
    }
    .carousel-slider-icon a.carousel-control-prev{
        left: 0;
    }
    .carousel-slider-icon a.carousel-control-next{
        right: 0;
    }
    .carousel-slider-icon a span i{
        font-size: 30px;
    }
    .mileston-img {
        width: 150px;
        height: 150px;
        overflow: hidden;
        margin: auto;
        margin-bottom: 15px;
    }

    .mileston-img img {
        height: 100%;
        width: 100%;
    }

    .mileston-content h4 {
        font-size: 28px;
    }

    .mileston-content p {
        padding: 0;
        font-size: 15px;
        margin-top: 15px;
    }

    .counter-text h5 {
        font-size: 28px;
    }

    .counter-text p,
    .service-details-text h4 {
        font-size: 20px;
    }

    .mileston-counter {
        margin: 0 -15px;
        padding: 40px 0 5px;
    }

    .counter-content {
        justify-content: left;
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .count-img {
        width: 60px;
        height: 60px;
        line-height: 50px;
        margin: auto;
        margin-bottom: 15px;
    }

    .section-title {
        font-size: 25px;
        line-height: 50px
    }

    .gov-content {
        margin-top: 15px;
    }

    .mourn-title,
    .features-wrapper.section-grap.clear-cache .section-title,
    .specialized-wrapper .wrapper-txt {
        margin-bottom: 40px;
    }

    .mourn-img,
    .recent-act-img,
    .chairman-img,
    .biography-section .chairman-img,
    .about-page-img {
        height: auto;
    }

    .mourn-wrap-content,
    .features-txt p.features-para,
    .recent-act-img,
    .service-details-text h4{
        margin-bottom: 15px;
    }

    .features-content {
        margin-top: 15px;
    }

    .features-txt,
    .mourn-txt {
        padding: 30px 0;
    }

    .features-txt {
        padding: 30px;
    }

    .features-txt:last-child {
        margin-bottom: 0;
    }

    .recent-activity-content {
        margin-top: 0;
    }

    .specialized-wrapper.section-grap3.\.clear-cache {
        padding: 30px 0 40px;
    }

    .branch-address p,
    .branch-links ul li a {
        font-size: 16px;
    }

    .branch-links {
        margin-top: 30px;
    }

    .branch-links ul li {
        padding: 14px 35px;
    }

    .branch-links ul li img {
        height: 20px;
    }

    .branch-img {
        height: auto;
        padding-left: 0;
        margin-top: 15px;
    }

    .view-map {
        bottom: 4%;
        right: 5%;
    }

    .footer-logo {
        margin-bottom: 20px;
    }

    .footer-left-info p,
    .footer-txt p {
        font-size: 15px;
    }

    .back-to-top {
        text-align: right;
    }

    .back-to-top p {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .footer-txt.made_by p {
        text-align-last: left;

    }

    .footer-links.terms {
        text-align-last: left;
        margin-bottom: 0;
    }

    .footer-social,
    .address-info,
    .footer-links {
        margin-bottom: 20px;
        width: 100%;
    }

    .footer-links ul li a,
    .address-info ul li {
        font-size: 16px;
    }

    .row {
        margin: 0 -7.5px;
    }

    .col-sm-6,
    .col-md-3,
    .col-md-4,
    .col-md-6,
    .col-md-8,
    .col-md-10,
    .col-md-12,
    .col-md-5,
    .col-md-7 {
        padding: 0 7.5px;
    }

    .news-page-wrapper .features-content {
        margin-top: 0;
        margin-bottom: 35px;
    }

    .news-page-wrapper .features-txt {
        padding: 20px;
    }

    .breadcrumb-item h3 {
        font-size: 20px;
    }

    .chairman-message {
        margin-left: 0;
        margin-top: 30px;
    }

    .chairman-message .wrapper-txt {
        margin-bottom: 30px;
    }

    .chairman-details {
        padding: 25px 8px;
    }

    .appoint-btn button {
        font-size: 12px;
        padding: 10px 19px;
    }

    .doctor-biography .biography-details ul li img {
        width: 30px;
        height: 20px;
        margin-right: 10px;
    }

    .doctor-biography .biography-details ul li span,
    .chairman-message .message-info p {
        font-family: 14px;
        font-weight: 400;
    }

    .doctor-biography .biography-details h4 {
        font-size: 17px;
        line-height: 26px;
    }

    .about-page-section .about-details {
        margin-left: 0;
        margin-top: 20px;
        display: inline-block;
    }

    .counter-content.d-flex,
    .items-wrap.d-flex {
        display: block !important;
        text-align: center;
    }

    .about-page-mileston .counter-content.d-flex {
        text-align:center;
    }

    .items-wrap.d-flex .mileston-item {
        width: 50%;
        float: left;
    }

    .items-wrap.d-flex {
        overflow: hidden;
    }

    .about-page-mileston .count-img {
        margin-right: 0;
        margin: 0 auto;
    }
    .about-page-branch .branch-info {
        margin-bottom: 35px;
        overflow: hidden;
    }

    .consultants-section .counter-content .count-img {
        margin-bottom: 0;
        width: 35px;
        height: 35px;
        line-height: 45px;
        margin-left: 20px;
    }

    .consultants-section .counter-content img {
        width: 25px;
        height: 25px;
    }
    .consultants-section .counter-content{
        margin-bottom: 0;
        margin-top: 25px;
    }

    .items-wrap.d-flex {
        padding-bottom: 25px;
    }

    .about-page-mileston .counter-text {
        margin-top: 15px;
    }

    .section-grap4 {
        margin-top: 40px;
    }

    .about-details {
        margin-left: 0;
    }

    .about-page-branch .wrapper-txt {
        padding: 40px 0;
    }

    .consultants-section .counter-content .query-box,
    .consultants-section .counter-content .count-img {
        float: left;
        margin-right: 10px;
        font-size: 14px;
    }

    .consultants-section .query-box {
        width: 70%;
    }

    .consultants-section .mileston-counter {
        margin: 0;
        padding:15px 0 40px 0;
    }

    .consultants-section .wrapper-txt {
        margin-bottom: 40px;
    }

    .consultants-section .chairman-wrap-content {
        margin-top: 40px;
    }

    .modal-header .close {
        width: 45px;
        height: 45px;
    }

    .modal-header .close span {
        line-height: 40px
    }

    .modal {
        top: 20;
    }

    .modal-body h4.title {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .mdl-appoint-details,
    .mdl-patieat-details {
        width: 100%;
    }

    .modal-body,
    .mdl-appoint-details .appoint-address,
    .appointment-info {
        padding: 15px;
    }

    .mdl-appoint-details .appoint-address p {
        font-size: 13px;
    }

    .appointment-info p {
        padding-right: 0;
    }

    .mdl-patieat-details {
        margin-top: 20px;
    }

    .mdl-patieat-details textarea.form-control {
        height: 140px;
        margin-bottom: 0;
    }

    .mdl-patieat-details button.confirm-appoint {
        margin-top: 5px;
    }

    .info-icon img {
        width: 35px;
        height: 35px;
    }

    .mdl-patieat-details button.confirm-appoint {
        font-size: 14px;
    }

    .info-icon {
        line-height: 44px
    }

    .date-brach-content ul {
        width: 100%;
    }

    .date-brach-content ul li {
        margin-right: 0;
        width: 100%;
        line-height:30px;
        padding: 25px 15px;
        text-align: center;
    }
    .date-brach-content ul li .select{
        width: 77%;
    }
    .date-brach-content ul li img{
        width: 7%;
    }
    .date-brach-content ul li .select .nice-select .list{
        width: 100%;

    }
    .date-brach-content ul li span {
        font-size: 18px;
        display: block;
    }

    .view-doc-info button {
        margin-top: 20px;
    }

    .branch-page-wrapper.d-flex.clear-cache {
        display: block !important;
        padding: 0 7.5px;
    }
    .branch-overview{
        width: 100%;
    }

    .branch-page-info {
        width: 100%;
        padding: 25px 15px;
        height: auto;
        margin-top: 15px;
    }
    .branch-page-wrapper{
        background: transparent;
    }
    .branch-page-info h4 {
        font-size: 22px;
    }
    .branch-left{
        border-right: 0;
        margin-bottom: 15px;
    }
    .branch-right{
        position: relative;
        height: 250px;
        overflow: hidden;
    }
    .branch-page-img {
        margin: 0;
        margin-top: 15px;
        height: auto;
        width: 100%;
    }

    .branch-overview {
        margin-top: 40px;
    }

    .branch-overview ul li:nth-child(3) {
        margin-bottom: 20px;
    }

    .branch-page-activity {
        padding-top: 40px;
    }

    .branch-page-activity .activity-wrap-content {
        padding: 30px 15px;
        margin-bottom: 0;
    }

    .branch-page-activity .col-md-6 {
        margin-top: 15px;
    }

    .branch-page-activity .activity-txt p {
        font-size: 12px;
    }

    .branch-overview ul li:nth-child(2) {
        margin-right: 25px;
    }

    section.mileston-info-wrapper.about-page-mileston.clear-cache {
        padding-top: 0;
    }

    .modal-appointment-page .mdl-appoint-categroy form select,
    .modal-appointment-page .mdl-appoint-categroy form input {
        margin-bottom: 15px;
        width: 100%;
    }
    .offers-section-wrapper .about-features-item{
        margin-bottom: 60px;
    }
    .gallery-img{
        margin-bottom: 15px;
    }
    .gallery-pagination .pagination{
        text-align: left;
    }
    .gallery-pagination .page-link{
        font-size: 13px;
        padding: 4px 10px;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .gallery-pagination{
        margin-top:25px;
    }
    .contact-details{
        padding: 30px;
    }
    .contact-details h2{
        font-size: 25px;
        margin-bottom: 25px;
    }
    .contact-form{
        margin-left: 0;
        margin-top: 30px;
    }
    .news-detail-content h4,
    .news-detail-content h5{
        font-size: 21px;
        line-height: 1.7
    }
    .news-detail-content p, .event-details-text p{
        font-size: 16px;
    }
    .news-detail-content button{
        font-size: 16px;
    }
    .news-detail-content p, .event-details-text p,
    .news-detail-content img,
    .news-detail-content h4, .news-detail-content h5{
        margin-top: 15px
    }
    .publish-social li a{
        font-size: 12px;
        margin-right: 8px;
    }
    .publish-social{
        margin-left: 0;
    }
    .news-publish-author{
        display: block;
        margin:20px 0;
    }
    .news-publish-author img,
    .news-publish-author p,
    .news-publish-author h6{
        display: inline-block;
    }
    .news-publish-author h6, .news-publish-author p{
        margin: 0 10px;
        font-size: 15px;
    }
    .doctor-service-img{
        box-shadow: none;
    }
    .doctor-service-content{
        margin-left: 0;
        margin-top: 15px;
    }
    .doctor-services-wrapper{
        margin-bottom: 40px;
    }
    .doctor-service-content .service-content-text h4{
        font-size: 21px;
        line-height: 1.7
    }
    .service-details-text p{
        font-size: 15px;
    }
    .pop-up-video{
        margin: 20px 0;
    }
    .service-details-appooint,
    .service-details-info{
        margin-left: 0;
        margin-top: 15px;
    }
    .service-details-query-box h3{
        font-size: 20px;
    }
    .details-info-icon{
        line-height:0px;
        width: 10%;
    }
    .service-details-info p{
        width:87%;
    }
  }


@media (max-width: 575.98px) {
    .update-info p a {
        margin-left: 0px;
    }

    .update-info p a i {
        margin-left: 0;
        font-size: 11px;
    }

    .footer-txt.made_by p {
        margin: 10px 0;
    }

    .about-features-content.d-flex,
    .about-features-one.d-flex.flex-column {
        display: block !important;
        height: auto;
        margin: 0;
    }

    .mileston-reviews-info.d-flex {
        display: block !important;
    }

    .review-star {
        margin-left: 0;
    }

    .activity-wrap-content {
        margin-bottom: 30px;
        overflow: hidden;
    }

    .activity-txt {
        width: 70%;
        margin-left: 15px;
        margin-top: 0;
    }

    .activity-img {
        margin: 0;
    }

    .branch-wrapper ul li {
        width: 91px !important;

    }

    .img-radidus-content {
        width: 23%;
    }

    .update-info h2 {
        width: 170px;
        font-size: 12px;

    }

    .update-info p {
        padding: 8px 0;
        font-size: 11px;
        line-height: 16px
    }

    .items-wrap.d-flex .mileston-item {
        width: 100%;
    }

    .update-info h2 {
        width: 30%;
    }

    .update-info .slide-text-content {
        width: 70%;
        margin-left: 14px;
    }
    .event-detail-content{
        display: block;
    }
    .event-date{
        display: block;
        float: inherit;
        margin: auto;
    }
    .event-details-text,
    .event-text{
        width: 100%;
        margin-left: 0;
    }
    .event-details-text h3,
    .event-details-text h4{
        font-size: 20px;
    }
    .event-details-text p{
        margin-top: 15px;
        font-size: 15px;
    }
    .participation-list table td{
        font-size: 15px;
    }
    .event-text{
        margin-top: 15px;
    }
    .details-info-icon{
        line-height: 80px;
        width: 18%;
    }
    .service-details-info p{
        width: 76%;
    }
     .date-brach-content ul li .select{
        width: 57%;
    }
    .date-brach-content ul li img{
        width: 13%;
    }
    .date-brach-content ul li .select .nice-select .list{
        width: 120%;

    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    body,
    .about-details {
        overflow-x: hidden;
    }

    .navbar {
        padding: 0 15px;
    }

    .navbar-brand {
        padding: 0;
    }

    .navbar .row {
        width: auto;
    }

    .branch-wrapper {
        padding-bottom: 5px;
    }

    .branch-wrapper ul li {
        width: 118px;
        height: 50px;
        line-height: 50px;
        margin: 5px 5px 0 0;
    }

    .update-info {
        line-height: 0;
    }

    .update-info h2 {
        width: 15%;
        font-size: 16px;
        margin-right: 0px;
        line-height: 50px;
    }

    .slide-text-content {
        width: 85%;
        margin-left: 15px;
    }

    .update-info p {
        padding: 8px 0;
        font-size: 16px;
        line-height: 30px;
    }

    .latest-news-wrapper,
    .about-page-img {
        height: auto;
    }

    .activity-img {

        margin: 0 auto;
    }

    .activity-txt {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .img-radidus-content {
        width: 100%;
    }

    .activity-txt h5 {
        font-size: 18px;
    }

    .about-features-content.d-flex {
        height: auto;
        margin: 0px -7.5px;
    }

    .about-features-one.d-flex.flex-column {
        margin: 0 7.5px;
    }

    .about-features-item {
        margin-bottom: 60px;
    }

    .about-details h1 {
        text-align: center;
    }

    .mileston-img,
    .mileston-content h4 {
        top: 0;
        left: 0;
        position: inherit;
    }

    .mileston-content {
        width: 100%;
        padding-bottom: 0;
    }

    .mileston-info.section-grap2 {
        margin-top: 0;
        padding: 30px;
        margin-bottom: 100px;
    }

    .mileston-img {
        width: 180px;
        height: 180px;
        overflow: hidden;
        margin: auto;
        margin-bottom: 15px;
    }

    .mileston-img img {
        height: 100%;
        width: 100%;
    }

    .mileston-content h4 {
        font-size: 28px;
    }

    .mileston-content p {
        padding: 0;
        font-size: 15px;
        margin-top: 15px;
    }

    .mileston-counter {
        margin: 0 -15px;
        padding: 40px 20px 20px;
    }

    .counter-content {
        justify-content: left;
        margin-bottom: 20px;
    }

    .count-img {
        width: 60px;
        height: 60px;
        line-height: 50px;
        margin-right: 20px;
    }

    .counter-text h5 {
        font-size: 28px;
    }

    .counter-text p {
        font-size: 16px;
    }

    .governing-section-wrap .row.mt35,
    .mourn-section-wrapper .row,
    .features-wrapper .row,
    .recent-activites .row,
    .consultants-section .row,
    .gallery-wrapper .row{
        margin: 0 -7.5px;
    }

    .governing-section-wrap .col-md-6,
    .mourn-section-wrapper .col-md-6,
    .mourn-section-wrapper .col-md-12,
    .features-wrapper .col-md-4,
    .features-wrapper .col-md-12,
    .recent-activites .col-md-6,
    .consultants-section .col-md-3,
    .consultants-section .col-md-12,
    .consultants-section .col-md-4,
    .gallery-wrapper .col-md-12,
    .gallery-wrapper .col-md-4.col-lg-3.col-sm-6{
        padding: 0 7.5px;
    }

    .gov-content {
        margin-top: 15px;
    }

    .governing-section-wrap .wrapper-txt {
        margin-bottom: 75px;
    }

    .mourn-wrap-content,
    .recent-act-img,
    .gallery-img {
        margin-bottom: 15px;
    }

    .features-txt {
        padding: 30px 15px;
    }

    .branch-img {
        height: auto;
        padding-left: 0;
        margin-top: 15px;
    }

    .back-to-top p {
        padding: 7px 15px;
        font-size: 12px;
    }

    .footer-social {
        margin-bottom: 40px;
    }

    .footer-left-info p,
    .footer-txt p {
        font-size: 15px;
    }

    .news-page-wrapper .features-txt {
        padding: 20px;
    }

    .news-page-wrapper .features-content {
        margin-top: 35px;
    }

    .news-page-wrapper .section-title {
        margin-bottom: 40px;
    }

    section.about-eye-hospital.section-grap.clear-cache {
        padding-bottom: 100px;
    }

    .chairman-img {
        height: auto;
    }

    .chairman-message {
        margin-left: 15px;
    }

    .appoint-btn button {
        font-size: 13px;
        padding: 10px 18px;
    }

    .about-page-section .about-details {
        margin-left: 40px;
        margin-top: 0;
    }

    .about-details h1 {
        font-size: 34px;
    }

    .items-wrap.d-flex {
        display: block !important;
        text-align: center;
    }

    .items-wrap.d-flex .mileston-item {
        width: 50%;
        float: left;
    }

    .items-wrap.d-flex {
        overflow: hidden;
    }

    .about-page-mileston .count-img {
        margin-right: 0;
        margin: 0 auto;
    }

    .about-page-mileston .counter-text {
        margin-top: 15px;
    }


    .about-page-branch .branch-info {
        margin-bottom: 35px;
        overflow: hidden;
    }

    .items-wrap.d-flex {
        padding-bottom: 25px;
    }

    .offers-section-wrapper .feature-item-img {
        text-align: center;
    }

    .offers-section-wrapper .about-feature-txt {
        margin: 20px 0 30px;
    }

    .about-features-item.d-flex {
        display: block !important;
    }

    .about-feature-txt h5 {
        font-size: 20px;
    }

    .consultants-section .wrapper-txt {
        margin-bottom: 40px;
    }

    .consultants-section .mileston-counter {
        margin: 0;
    }

    .consultants-section .query-box {
        width: 90%;
        text-align: left;
    }

    .consultants-section .counter-content .count-img {
        margin-bottom: 15px;
    }

    .consultants-section .counter-content.d-flex {
        margin-bottom: 20px;
    }

    .consultants-section .chairman-details {
        padding: 25px 5px;
    }

    .consultants-section .appoint-btn button {
        padding: 10px 15px;
        font-size: 12px;
    }

    .consultants-section .chairman-wrap-content {
        margin-top: 40px;
    }

    .modal {
        top: 25px;
    }

    .modal-body {
        padding: 40px;
    }

    .modal-body h4.title {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .mdl-branch-select {
        text-align: center;
    }

    .date-brach-content ul li {
        width: 100%;
    }

    .branch-page-info {
        padding: 30px 15px;
    }

    .branch-overview ul li:nth-child(3) {

        margin-bottom: 20px;
    }

    .branch-page-activity .activity-wrap-content {
        padding: 30px 15px;
    }

    .branch-page-activity .img-radidus-content {
        width: auto;
    }

    .branch-page-activity .activity-txt {
        margin-left: 25px;
        margin-top: 0;
    }

    .about-details {
        margin-top: 100px;
    }

    .branch-overview {
        margin-top: 40px;
    }

    .address-info {
        width: 100%;
    }
    .consultants-section .query-box form{
        text-align: left;
    }
    .nice-select{
        width: 85%;
    }
    section.mileston-info-wrapper{
        overflow-x: hidden;
    }
    .pagination{
        text-align: center;
    }
    .contact-form{
        margin-top: 30px;
        margin-left: 0;
    }
    .news-detail-content h4{
        font-size: 30px;
        line-height: 1.7
    }
    .event-date{
        padding: 6% 0;
        width: 21%;
    }
    .event-text{
        width: 75%;
    }
    .doctor-service-content{
        margin-left: 60px;
    }
    .service-details-appooint{
        margin-left: 0;
    }
    .service-details-info p{
        width: 76%;
    }
    .date-brach-content ul li .select .nice-select .list{
        width: 100%;
    }
    .date-brach-content ul li .select{
        width: 80%;
    }
    .date-brach-content ul li img{
        width: 6%;
    }
    .date-brach-content ul li .select .nice-select span{
        margin-top: 7px;
        display: block;
    }
}

@media (max-width: 991px) {
    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: #049e4f;
        border-radius: 2px;
        padding: 3px 8px;
    }

    .navbar-nav,
    .valuable_info {
        width: auto;
        text-align: center;
    }

    .valuable_info {
        text-align: left;
    }

    .navbar-collapse {
        background: #049e4f;
        margin: 0 -15px;
        margin-bottom: 15px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        background: #049e4f;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        background: #049e4f;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        color: #fff;
    }


    .navbar-light .navbar-nav li {
        border-bottom: 1px solid #ffffff;
    }

    .navbar-light .navbar-nav .nav-link {
        text-align: left;
        color: #ffffff;
        padding: 15px 25px;
    }

    .navbar-light .navbar-nav .nav-link:hover,
    .valuable_info li a span,
    .valuable_info ul li a,
    .dropdown-menu a {
        color: #fff !important;
    }

    .valuable_info .app_btn {
        margin: 8px 0;
        display: inline-block;
        margin-left: 25px;
    }

    .dropdown-toggle::after {
        vertical-align: 3px;
        border-top: .3em solid #fff;
    }

    .submenu {
        width: 100%;
    }

    .valuable_info ul li {
        display: block;
        color: #fff;
        font-size: 15px;
        margin-right: 0;
        border-bottom: 1px solid #ffffff;
        padding: 10px 25px;
    }

    .valuable_info ul li:last-child {
        border-bottom: 0
    }

    .valuable_info .app_btn {
        display: none;
    }

    .dropdown-menu a {
        border-bottom: 0;
    }

    .site_logo {
        width: 200px;
    }

    .navbar {
        padding: 0 15px;
    }

    .navbar-brand {
        padding: 0;
    }

    .navbar .row {
        width: auto;
    }

    .vbox-next {
        right: 0;
    }

    .vbox-prev {
        left: 0;
    }

    .vbox-close {
        top: 0;
        right: 0;
    }

    .hidden-xs {
        display: none;
    }

    .xs-logo {
        width: 67%;
        float: left;
    }

    .xs-menu {
        width: 33%;
        text-align: right;
    }
    .stellarnav{
        padding: 0;
    }
    .xs-menu .stellarnav{
        padding-top: 0 !important;
    }

    .xs-menu .fa-caret-down{
        display: none;
    }
    .stellarnav.dark.right .menu-toggle{
        margin-top: 15px;
        background: #049e4f;
        border: none;
        border-radius: 2px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    body,
    .about-details {
        overflow-x: hidden;
    }

    .navbar-nav {

        width: 100%;
    }

    .nav-item .nav-link {
        font-size: 15px;
    }

    .site_logo {
        width: 179px;
        height: 55px;
    }

    .valuable_info ul li,
    .valuable_info ul li a,
    .valuable_info .app_btn a {
        font-size: 14px;
    }

    .container {
        padding-right: 30px;
        padding-left: 30px;
    }

    .back-to-top p {
        font-size: 14px;
    }

    .recent-activity-content {
        margin-top: 10px;
    }

    .features-txt {
        padding: 30px;
    }

    .mileston-counter {
        margin: 0 -15px;
        padding: 40px 20px 40px;
    }

    .consultants-section .wrapper-txt {
        margin-bottom: 60px;
    }

    .counter-text p {
        font-size: 20px;
    }

    .about-features-content.d-flex {
        margin: 0px -7.5px;
    }

    .about-features-one.d-flex.flex-column {
        margin: 0 7.5px;
    }

    .activity-img {

        margin: 0 auto;
    }

    .activity-txt {
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 15px;
    }

    .img-radidus-content {
        width: 100%;
    }

    .branch-wrapper {
        padding-bottom: 5px;
    }

    .branch-wrapper ul li {
        width: 85px;
        margin: 5px 5px 0px 0;
    }

    .valuable_info ul li {
        margin-right: 6px;
    }

    .valuable_info .app_btn {
        padding: 12px 14px;
    }

    .valuable_info {
        width: 70%;
        margin-left: 4px;
    }

    .nav-item .nav-link {
        font-size: 14px;
    }

    .chairman-img {
        height: auto;
    }

    .chairman-message {
        margin-left: 40px;
    }

    .appoint-btn button {
        font-size: 15px;
        padding: 10px 30px;
    }

    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        transition: all 1s linear;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

    .full-modal-wrapper.modal-branch-date .modal-body {
        padding: 55px;
    }

    .date-brach-content ul li {
        width: 32%;
        padding: 0 15px;
        margin-right: 11px;
    }

    .date-brach-content ul li span {
        margin: 0 15px;
        font-size: 15px;
    }

    .branch-page-info {
        padding: 50px 15px;
    }
    .branch-overview{
        width: 100%;
    }

    .branch-page-activity .activity-wrap-content {
        padding: 30px;
    }

    .branch-page-activity .activity-wrap-content .img-radidus-content {
        width: auto;
        margin: 0;
    }

    .branch-page-activity .activity-txt {
        margin-top: 0;
        margin-left: 30px;
        text-align: left;
    }

    section.about-eye-hospital.section-grap.clear-cache {
        padding-bottom: 100px;
    }

    .mileston-content h4 {
        font-size: 30px;
        right: 70px;
    }

    .about-page-section .about-details {
        margin-left: 70px;
    }

    .about-page-mileston .items-wrap {
        padding: 60px 15px;
    }

    .about-page-mileston .counter-text p {
        font-size: 17px;
    }

    .count-img img {
        width: 28px;
        height: 28px;
    }

    .modal {
        max-width: 90%
    }

    .count-img {
        margin-right: 25px;
    }

    .gov-text h3,
    .mourn-txt h3,
    .chairman-details h3 {
        font-size: 18px;
    }

    .gov-text,
    .chairman-details {
        padding: 20px 12px;
    }

    .recent-activity-content .section-title {
        margin-bottom: 15px;
    }

    .learn-more a,
    .about-more a {
        width: 170px;
    }

    .vbox-prev {
        left: 100px;
    }

    .vbox-next {
        right: 100px;
    }

    .modal-appointment-page .appoint-btn button {
        font-size: 11px;
    }

    .modal-appointment-page .chairman-wrap-content p.appoint-time,
    .modal-appointment-page .chairman-wrap-content p {
        font-size: 13px;
    }

    .slide-text-content {
        width: 80%;
        margin-left: 15px;
    }
    .stellarnav > ul > li{
        margin-right: 7px;
    }
    .stellarnav > ul > li > a{
        font-size: 14px;
    }
    .valuable_info ul li:last-child{
/*        display: none;*/
    }
    .stellarnav{
        padding: 13px 0;
    }
    .valuable_info{
        padding: 20px 0;
    }
    .consultants-section .query-box{
        width: 70%;
        margin-top: 0;
    }
    .consultants-section .counter-content .count-img{
        width: 50px;
        height: 50px;
        line-height: 40px;
    }
    .consultants-section .counter-content img{
        width: 25px;
        height: 25px;
    }
    .consultants-section .query-box form label{
        font-size: 14px;
    }
    .contact-details{
        padding: 60px 25px;
    }
    .news-detail-content h4{
        font-size: 35px;
    }
    .event-date{
        width: 34%;
    }
    .event-text{
        width: 60%;
    }
    .doctor-service-content .service-content-text h4{
        font-size: 24px;
    }
    .date-brach-content ul li .select{
        margin: 0 5px;
    }
    .date-brach-content ul li{
        padding: 25px 15px;
    }
    .date-brach-content ul li img:last-child{
        margin-top: 10px;
    }
    .date-brach-content ul li .select .nice-select .list{
        width: 130%;
    }
    .bottom-content-wrap ul li{
        font-size: 14px;
    }
    .date-brach-content ul li .select{
        width: 69%;
    }
}

@media (min-width: 1200px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        transition: all 1s linear;
    }
    section.mileston-info-wrapper{
        overflow-x: hidden;
    }
}
@media (min-width: 1200px) and (max-width: 1439px) {
       .navigation-wrapper .col-md-3{
        flex: 22%;
        max-width: 22%
    }
    .navigation-wrapper .col-md-9{
        flex: 43%;
        max-width: 43%
    }
    .navigation-wrapper .col-md-4{
        flex: 35%;
        max-width: 35%
    }
    .stellarnav > ul > li > a{
        font-size: 14px;
    }
    .stellarnav{
        padding: 22px 0;
    }
    .date-brach-content ul li span{
        font-size: 17px;
    }
    .stellarnav > ul > li {
        display: inline-block;
        margin-right: 4px;
    }
    .stellarnav {
        padding: 26px 0 !important;
        height: 100%;
    }


}
@media only screen and (min-width : 1440px) {
    .container {
        max-width: 1366px;
    }

    .branch-wrapper ul li {
        width: 127px;
        margin-right: 7px;
    }

    .navbar-nav {
        width: 100%;
    }

    .branch-overview ul li {
        margin-right: 48px;
    }

}


@media only screen and (min-width : 1440px) {
    .inner-row {
        width: 85%;
        display: block;
        margin: 0 auto;
        text-align: left;
    }
    .stellarnav > ul > li > a {
        font-size: 15px;
    }
}


@media only screen and (max-width : 1440px) {
    .inner-row {
        width: 55%;
        display: block;
        margin: 0 auto;
        text-align: left;
    }
    .stellarnav > ul > li > a {
        font-size: 13px;
    }
    .stellarnav > ul > li > a {
        padding: 10px 0px;
    }
}


@media only screen and (width : 1402px) {
    .inner-row {
        width: 83%;
        display: block;
        margin: 0 auto;
        text-align: left;
    }
}

@media only screen and (width : 1024px) {
    .inner-row {
        width: 85%;
        display: block;
        margin: 0 auto;
        text-align: left;
    }
}


@media only screen and (width : 768px) {
    .inner-row {
        width: 85%;
        display: block;
        margin: 0 auto;
        text-align: left;
    }
}