@media (max-width: 1700px) {
    .doctors-all .btn-more, .departments-all .btn-more{
        font-size: 25px;
    }
}
@media (max-width: 1550px) {
    section .btn{
        font-size: 35px;
    }
    .doctors-all .grid-view  .row > div, .departments-all .grid-view > .row > div{
        padding: 0px 9px;
    }
    .doctors-all .grid-view .items,
    .departments-all .grid-view .items
    {
        margin: 0 -15px;
    }
}
@media (max-width: 1470px) {

    section .cards > div{
        padding: 0 30px;
    }
}
@media (max-width: 1400px) {

    section .btn{
        font-size: 32px;
    }
}
@media (max-width: 1440px) {

    section .cards-carousel .slick-track > div {
        padding: 0 25px;
    }
    .home .carousel-container .slick-list {
        /*margin: 0 70px;*/
    }
    section .cards {
        margin: 34px -20px 0;
    }
    body.home section.departments .flp-section,
    body.home section.doctors .flp-section,
    body.home section.news .flp-section,
    section, footer
    {
        padding: 50px 50px;
    }
    #carousel .caption {
        left: 50px;
    }
    .cards-carousel .c-prev {
        left: 82px;
    }
    .cards-carousel .c-next {
        right: 82px;
    }
    .section-white .green-line {
        width: 15px;
    }
}
@media (max-width: 1366px) {
    .header-contacts li{
        max-width: 70%;
    }
    .sections .item {
        padding: 20px 30px;
    }
}
@media (max-width: 1325px) {

    section .card-body{
        padding: 30px 35px;
    }
    .section-counter{
        width: 240px;
    }
    .section-counter .count{
        font-size: 75px;
    }
    .section-counter .label{
        font-size: 43px;
    }
    .section-title{
        font-size: 50px;
    }
    section.news .item .title{
        font-size: 35px;
    }
    section.news .item .short{
        font-size: 23px;
    }
    .social-links li{
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 1280px)
{
    .navbar-nav .nav-link {
        font-size: 17px;
    }
    .navbar-nav .nav-dropdown a {
        font-size: 14px;
    }
    section .btn {
        font-size: 25px !important;
    }
}

@media (max-width: 1250px) {
    section{
        padding: 50px 50px;
    }
    section .btn{
        font-size: 29px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-nav .nav-link{
        font-size: 15px;
        line-height: 1;
    }
    .header-contacts li{
        font-size: 15px !important;
        max-width: 80% !important;
    }
    #carousel .slider-caption .title{
        font-size: 50px;
    }
    .slider-caption h2{
        font-size: 18px;
    }
    .carousel .btn-success{
        padding: 9px 35px;
    }
    .sections .name{
        font-size: 15px;
    }
    .sections .item{
        padding: 25px 30px;
    }
    .section-title{
        font-size: 38px;
        margin-bottom: 80px;
    }
    body.page .section-title:after {
        bottom: -50px;
    }
    .section-counter{
        width: 180px;
        height: 150px;
    }
    .section-counter .count{
        font-size: 55px;
    }
    .section-counter .label{
        font-size: 40px;
    }
    section{
        padding: 30px 30px;
    }
    section .btn{
        font-size: 25px !important;
    }
    body.home section.departments .flp-section,
    body.home section.news .flp-section
    {
        padding: 30px 30px;
    }
    body.home section.doctors .flp-section{
        padding: 30px 30px 30px 45px;
    }
    section .cards > div{
        padding: 0 15px;
    }
    section .cards{
    }
    section .card-title{
        font-size: 17px;
    }
    section.news .item .title:before{
        width: 40px;
        height: 40px;
    }
    section.news .item .title{
        font-size: 30px;
    }
    section.news .item .short{
        font-size: 20px;
    }
    .section-gray form .btn{
        padding: 13px 40px;
        margin-bottom: 60px;
    }
    body.home section.news{
        min-height: 0% !important;
    }
    .langs a{
        font-size: 15px;
    }
    .fp-tableCell{
        height: 100%;
    }
    .social-links li a{
        font-size: 25px;
    }
    .social-links li{
        width: 40px;
        height: 40px;
    }
    .check-up .check-up-list .items li a{
        line-height: 1.3;
    }
    #media .title{
        font-size: 18px;
    }
    #media #animated-thumbnails{
        padding: 0 35px 0px;
    }
    .contacts{
        padding: 20px 32px;
    }
    .contacts ul li{
        font-size: 17px;
    }
    .bordered-block,
    .gallery.bordered-block
    {
        padding: 30px 30px 0;
    }
    footer{
        padding: 40px 35px;
    }
    #media .filter {
        margin: 50px;
    }
    #carousel .caption {
        top: 115px;
        left: 30px;
        width: 60%;
        font-size: 36px;
    }
    .hot-call {
        top: 117px;
    }
    .doctors-all .grid-view .row > div,
    .departments-all .grid-view > .row > div
    {
        margin: 15px 0;
    }
}

@media (min-width: 992px) {

    @media (max-width: 1200px)
    {
        section .cards-carousel .slick-track > div {
            padding: 0 15px;
        }
        .home .carousel-container .slick-list {
            margin: 0 105px;
        }
        .cards-carousel .c-prev {
            left: 90px;
        }
        .cards-carousel .c-next {
            right: 90px;
        }
    }
    @media (max-width: 1024px)
    {
        .home .carousel-container .slick-list {
            margin: 0 95px;
        }
    }
}

@media (max-width: 1024px) {
    body.home section.departments .flp-section,
    body.home section.doctors .flp-section,
    body.home section.news .flp-section,
    section,
    footer
    {
        padding: 30px 30px;
    }
    .section-title {
        font-size: 38px;
    }
    .sections .item{
        padding: 25px 20px;
    }
    .navbar-nav .nav-link {
        font-size: 14px;
    }
    .navbar-nav .nav-dropdown a {
        font-size: 12px;
    }
    section .cards-carousel .slick-track > div {
        padding: 0 20px 0px 33px;
    }
    .section-white.doctors .fa-chevron-left{
        margin-left: 15px;
    }
    section .cards {
        margin: 34px -5px 0;
    }
    .cards-carousel .c-prev {
        left: 80px;
    }
    .cards-carousel .c-next {
        right: 80px;
    }
    footer ul {
        font-size: 17px;
    }
    .section-title {
        margin-bottom: 80px ;
    }
    body.page .section-title:after {
        bottom: -45px;
    }
    .section-short {
        font-size: 18px;
    }
    .management .item .section-title {
        font-size: 35px;
    }
    .manager-name {
        margin-bottom: 65px;
    }
    .manager-in .page-title:after {

    }
    .text ul li {
        margin-bottom: 15px;
    }
    body.page .section-short {
        margin-bottom: 30px;
    }
    .doctor .text {
        margin-top: 80px;
    }
    .gallery.bordered-block {
        padding: 40px 40px 16px;
    }
    .check-up .check-up-list .items li:not(:last-child) {
        margin-bottom: 15px;
    }
    .doctor .info-items {
        padding: 30px;
    }
    #carousel .slider-caption .title {
        font-size: 42px;
        max-width: 100%;
        width: 100%;
    }
    .slider-caption,
    .slider-caption h2
    {
        width: 100%;
    }
    body.home section.departments .flp-section,
    body.home section.news .flp-section
    {
        padding: 30px 30px;
    }
    section.news .item .title:before {
        width: 35px;
        height: 35px;
        border: 8px solid #3b3b3b;
    }
    section.news .item {
        padding-left: 50px;
    }
    section.news .item .title:before {
        left: -50px;
    }
    section.news .item .title {
        font-size: 25px;
    }
    section.social label {
        margin-bottom: 25px;
    }
}

@media (max-width: 992px) {
    #carousel .slider-caption .title {

    }
}

@media (max-width: 767px)
{
    .call-center-phones a{
        font-size: 30px;
    }
    .sections .item{
        padding: 25px 20px;
    }
    .call-green.mobile{
        float: right;
        margin: 15px 25px 15px 0;
    }
    .call-green.mobile img{
        height: 25px;
    }
    .langs-mobile{
        float: left;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 25px;
    }
    header {
        width: 100%;
        height: auto;
    }
    main {
        width: 100%;
        margin-left: 0;
        margin-top: 0px;
    }
    .navbar-toggler-icon {
        background-color: var(--green-dark);
        width: 35px;
        height: 4px;
        display: block;
        margin: 4px 0;
        border-radius: 10px;
    }
    .navbar {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        z-index: 99;
        padding: 15px;
        box-shadow: 0px 2px 5px rgba(0,0,0, 0.2);
    }
    .navbar-toggler {
        position: absolute;
        left: 25px;
        top: 33px;
        padding: 0;
    }
    .navbar-brand img {
        width: 70%;
    }
    .user-buttons {
        right: 18px;
        top: 35px;
        text-transform: uppercase;
        position: absolute;
    }
    .user-buttons a{
        color: var(--green-dark);
    }
    .user-buttons .btn-login img{
        width: 56%;
    }
    .login-buttons,
    .hot-call,
    .slider-caption h2,
    .carousel .sections .short,
    .sections .img,
    body.home section.departments,
    body.home section.doctors,
    .select-prompt,
    .sections .short,
    #carousel .slick-dots,
    #carousel .slick-arrow,
    .testimonials-section
    {
        display: none !important;
    }
    .slider-caption {
         left: auto;
        transform: translate(0%, -50%);
        width: 100%;
    }
    #carousel .slider-caption .title,
    .slider-caption h2
    {
        font-size: 22px;
        width: 90%;
        margin: auto;
    }
    #carousel {
        /*height: 450px;*/
        margin-top: 154px;
    }
    .sections {
        height: auto;
    }
    .carousel {
        height: auto;
    }
    .sections .item {
        padding: 18px;
        text-align: center;
    }
    body.home section.news {
        /*margin-top: 90px;*/
    }
    .index-news-title {
        color: var(--green);
        font-size: 22px;
        text-transform: uppercase;
        text-align: center;
        padding: 24px 0;
        background-color: #e8e8e8;
    }
    section.news .items {
        margin: 0;
    }
    body.home section.news .flp-section {
        padding: 30px 10px 10px 10px;
    }
    section.news .item .title {
        font-size: 22px;
    }
    section.news .item .short {
        font-size: 15px;
    }
    section.news .item .title:before {
        width: 24px;
        height: 24px;
        left: -43px;
        border: 5px solid #3b3b3b;
    }
    section.news .item {
        padding: 0;
        margin-left: 45px;
    }
    section.news .items > div:not(:last-child) .item {
        border-bottom: 2px solid #3b3b3b;
    }
    section.news .item .title {
        margin-bottom: 5px;
    }
    .sections .name {
        font-size: 15px;
        margin: 0;
    }
    section.news .items > div + div .item {
        margin-top: 15px;
    }
    section.news .btn {
        font-size: 17px;
        padding: 6px 15px 6px;
        margin: 30px auto;
        width: 50%;
        line-height: 1;
    }
    .social.section.fp-auto-height {
        background-color: #E8E8E8;
    }
    .green-line-hr {
        background-image: url(../img/hr-line.png);
        background-repeat: no-repeat repeat;
        background-position: left top;
        position: absolute;
        bottom: -30px;
        height: 15px;
        z-index: 9;
        background-color: transparent;
        width: 110%;
        left: -5%;
    }
    .social-links li {
        width: 40px;
        height: 40px;
        margin-right: 5px !important;
    }
    .social-links li a {
        font-size: 22px;
    }
    .social-links {
        text-align: center;
    }
    section.social label {
        font-size: 16px;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    section {
        padding: 30px 30px 30px;
    }
    .g-recaptcha {
        -webkit-transform: scale(0.55);
        -moz-transform: scale(0.55);
        -ms-transform: scale(0.55);
        -o-transform: scale(0.57);
        transform: scale(0.55);

        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    section.social {
        overflow-x: hidden;
    }
    .subscribe-form {
        margin-top: 58px;
        text-align: center;
    }
    #navbarCollapse {
        margin-top: 0;
    }
    .navbar-nav .nav-link.dropdown-toggle svg {
        right: 0px;
    }
    .header-contacts {
        display: none;
    }
    body.page .carousel {
        /*position: static;*/
        width: 100%;
    }
    .doctors-all .departments-filter {
        width: 100%;
    }
    body.page .carousel {
        height: 60px;
    }
    body.page .carousel-foreground {
        background-color: var(--green);
    }
    body.page #carousel .caption {
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        text-align: center;
        height: 100%;
        font-size: 20px;
    }
    body.page .content {
        margin-top: 214px;
    }
    section .card {
        height: 100%;
        display: block;
    }
    .doctors-all .grid-view .img,
    .departments-all .grid-view .img
    {
        position: relative;
    }
    section .card .img {
        float: left;
        width: 50%;
        height: 100%;
    }
    .news section .card .img,
    .departments-all section .card .img
    {
        float: none;
        width: 100%;
        height: auto;
    }
    .news .grid-view img,
    .departments-all .grid-view img
    {
        position: static !important;
        width: 100% !important;
    }
    .news .card-body,
    .departments-all .card-body
    {
        float: none;
        width: 100%;
        height: auto;
        padding: 15px 15px 25px;
    }
    .news .list,
    .departments-all .list
    {
        font-size: 18px;
    }
    .news .btn-more,
    .departments-all .btn-more
    {
        padding: 5px 0 !important;
        font-size: 18px !important;
    }
    .news .date,
    .departments-all .date
    {
        font-size: 20px;
    }
    .news .card-title,
    .departments-all .card-title
    {
        font-size: 20px;
    }
    .text table {
        width: 100%;
        max-width: 100%;
        overflow-x: scroll;
        display: block;
        font-size: 16px;
    }
    .news-in .section-title.clear,
    .department .section-title.clear
    {
        margin-bottom: 40px;
    }
    .news-in .section-title .short,
    .department .section-title .short
    {
        font-size: 24px;
    }
    .text table td {
        padding: 5px;
    }
    section .card-body {
        float: left;
        width: 50%;
    }
    .doctors-all .grid-view .img img,
    .departments-all .grid-view .img img
    {
        width: 100%;
        height: 100%;
    }
    section .card-body {
        padding: 30px 14px;
    }
    .doctors-all .grid-view .row > div,
    .departments-all .grid-view > .row > div
    {
        margin: 12px 0;
    }
    body.page .section-short {
        margin-bottom: 0px;
        font-size: 16px;
    }
    body.page .section-short p{
        line-height: 1.3;
    }
    .doctors-all .departments-filter {
        border: none;
        padding: 0;
        margin: 15px 0 10px;
    }
    .select2-container--krajee .select2-selection--single {
        background-color: transparent;
        border-color: var(--green);
        text-align: center;
        font-size: 20px;
        padding: 6px 35px 6px 10px;
    }
    .select2-container--krajee .select2-selection--single span {
        color: var(--green-dark) !important;
    }
    .select2-container--krajee .select2-selection--single .select2-selection__arrow {
        border: none;
        right: 15px;
        top: -3px;
    }
    .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
        border-width: 12px 8px 0 8px;
        border-color: var(--green) transparent transparent transparent;
    }
    .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent var(--green) transparent;
        border-width: 0 8px 12px 8px;
    }
    .doctors-all .card-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    section .card-short {
        font-size: 14px;
    }
    .doctors-all .btn-more,
    .departments-all .btn-more
    {
        padding: 1px 0;
        font-size: 15px;
    }
    section .card-body {
        height: 100%;
        text-align: center;
    }
    .section-title {
        font-size: 26px;
        margin-bottom: 45px;
    }
    .section-gray {
        padding: 30px 25px;
    }
    body.page .section-title:after {
        width: 47px;
        height: 11px;
        bottom: -25px;
    }
    .text ul li {
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .bordered-block {
        padding: 20px 25px 0;
    }
    .text ul {
        margin-bottom: 20px;
        padding-left: 0;
    }
    .text h3,
    .text h3 * {
        font-size: 24px;
        line-height: 1;
    }
    .navbar-nav .nav-link {
        font-size: 15px;
        line-height: 1.1;
        padding: 6px 0px;
    }
    .navbar-nav .nav-link.dropdown-toggle {
        padding: 6px 15px;
    }
    .navbar-nav .nav-dropdown a {
        font-size: 13px;
    }
    .navbar-nav .nav-dropdown .nav-link:last-child {
        margin-bottom: 10px;
    }
    .departments-all .grid-view .img img {
        width: auto;
        height: 100%;
    }
    .text h3 {
        font-size: 24px;
    }
    .doctor .text {
        margin-top: 23px;
        margin-bottom: 0;
    }
    .examination-list div {
        margin-bottom: 15px;
        padding: 10px 10px 10px 45px;
    }
    .exam-price-mobile .examination-price {
        display: inline-block;
        margin-top: 0px;
    }
    .examination-list {
        margin-bottom: 0;
    }
    .checkup-form {
        margin-top: 60px;
    }
    .checkup-form .caption {
        margin-bottom: 22px;
        padding-bottom: 15px;
        border-bottom: 2px solid;
        font-size: 22px;
    }
    .checkup-form .form-group {
        margin-bottom: 10px;
    }
    .form-group .form-control:not(textarea) {
        height: 34px !important;
    }
    .check-up.in .examinations {
        padding-bottom: 0;
    }
    .check-up .check-up-list .title {
        margin-bottom: 10px !important;
    }
    .check-up .check-up-list .items li:not(:last-child) {
        margin-bottom: 10px;
    }
    .doctor .info-items {
        padding: 20px;
    }
    .contacts-form .form-group {
        margin-bottom: 12px;
    }
    .page-contacts .bordered-block {
        padding: 0;
    }
    .contacts {
        padding: 25px 50px;
        margin-bottom: 30px;
    }
    .contacts .title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .contacts ul li {
        font-size: 18px;
    }
    .contacts .title.interactive-map {
        margin-bottom: 35px;
    }
    .form-checkbox label {
        font-size: 15px;
        padding: 8px 13px;
    }
    #consultation_form .form-checkbox {
        /*margin-top: -30px;*/
    }
    form .select2-container--krajee .select2-selection--single {
        font-size: 1rem;
    }
    .section-gray form .form-control,
    #verify_user_modal .form-control
    {
        padding-left: 15px;
    }
    #to_top {
        right: 20px;
        bottom: 15px;
        width: 45px;
        height: 45px;
        font-size: 25px;
        z-index: 999999999;
    }
    .copyright {
        left: 30px;
    }
    /*.mt--25 {*/
        /*margin-top: -25px;*/
    /*}*/
    /*.mt--35 {*/
        /*margin-top: -35px;*/
    /*}*/
    footer {
        padding-top: 90px;
    }
    .footer-contacts .icon-copyright {
        padding-top: 3px;
    }
    .content form {
        padding-bottom: 15px;
    }
    .content form .btn-success {
        padding: 8px 15px;
    }
    .section-gray form .btn {
        font-size: 18px;
    }
    .login-page .bordered-block {
        margin-top: 5px;
    }
    .social .form-control, .social form .btn {
        font-size: 18px;
    }
    .social form .btn {
        padding: 5px 0;
    }
    #signup_form .btn-success {
        width: 100%;
    }
    #randevu_form .btn-success {
        width: 100%;
    }
    .checkup-form .caption,
    .bordered-block .caption
    {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .gallery.bordered-block {
        padding: 20px 20px 0 !important;
    }
    .lightgallery-image {
        margin-bottom: 20px;
    }
    .partners .grid-view .img {
        height: 150px;
        background-size: contain;
    }
    .partners .card-body {
        padding: 30px 14px;
    }
    .partners .card-body .btn-more {
        margin-top: auto;
        margin-bottom: 10px;
    }
    .doctors-all .grid-view,
    .departments-all .grid-view
    {
        padding: 0;
    }
    .navbar-toggler span:first-child
    {
        transform: translateY(7px);
    }
    .navbar-toggler span:nth-child(2)
    {

    }
    .navbar-toggler span:last-child
    {
        transform: translateY(-7px);
    }

    .navbar-toggler.collapsed span:first-child
    {
        transform: translateY(0px);
    }
    .navbar-toggler.collapsed span:nth-child(2)
    {
        transform: translateY(0px);
    }
    .navbar-toggler.collapsed span:last-child
    {
        transform: translateY(0px);
    }
    .navbar-toggler span {
        -webkit-transition: transform .3s;
        -moz-transition: transform .3s;
        -ms-transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
    }
    .map-title {
        margin-bottom: 15px;
    }
    #map {
        margin-bottom: 20px !important;
    }
    .manager-name:after {
        content: none !important;
    }
    .about-us section > .row.item:nth-child(2n) > div:last-child {
        padding: 0 15px;
    }
    .management img {
        width: 100%;
        padding: 0 !important;
    }
    .management .img {
        margin: 0 !important;
    }
    .management .btn-more {
        width: 80%;
        margin: auto;
        font-size: 18px;
        padding: 7px;
    }
    .management .item > div {
        padding: 0 15px !important;
    }
    .management .item .section-title,
    .manager-name
    {
        font-size: 20px;
        margin: 0px 0 18px;
    }
    .management .section-title .short,
    .manager-name .short
    {
        font-size: 18px !important;
        margin-top: 3px !important;
    }
    .management .section-short {
        font-size: 16px;
        margin: 30px 0 !important;
    }
    .manager-in .img {
        margin-bottom: 0 !important;
    }
    .manager-in .info-items {
        padding: 20px;
    }
    .manager-in .info-items .item:not(:last-child) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .manager-in .info-items .item > h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .manager-in .info-items .btn-success {
        margin-bottom: 20px;
    }
    .doctor .text h1, .doctor .text h2, .doctor .text h3, .doctor .text h4, .doctor .text h5, .doctor .text h6 {
        margin-bottom: 15px;
    }
    .management .section-gray {
        padding-bottom: 40px !important;
    }
    body.page.navbar-show {
        overflow: hidden;
    }
    .news-in .check-up-list .items li,
    .department .check-up-list .items li
    {
        padding-left: 25px;
    }
    .news-in .info-items .btn-success,
    .department .info-items .btn-success
    {
        margin-bottom: 12px;
    }
    .news-in .items .title a,
    .department .items .title a
    {
        font-size: 20px !important;
    }
    .department .select2-container--krajee .select2-selection--single {
        font-size: 17px;
    }
    .department form {
        padding-bottom: 0;
    }
    .department .info-items .item:not(:last-child) {
        padding-bottom: 10px;
    }
    .department .info-items .item > h5 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .department .info-items .item:not(.social) li:not(:last-child) {
        margin-bottom: 5px;
    }
    .department .info-items .btn-success {
        font-size: 18px;
        padding: 10px 50px;
        margin-top: 0px !important;
    }

    .lab-btn {
        padding: 4px 15px !important;
        font-size: 20px !important;
    }
    .gallery.bordered-block {
        margin-top: 15px;
    }
    .media-nav .item > div {
        padding: 10px;
    }
    .media-nav a {
        font-size: 22px;
    }
    #media .filter {
        margin: 30px;
    }
    #media .filter ul a {
        font-size: 20px;
        border-bottom: 2px solid;
    }
    #media .filter ul li {
        display: block;
        margin-bottom: 10px;
    }
    #media .filter ul li:not(:last-child) {
        border-right: none;
        padding: 0;
    }
    #media #animated-thumbnails,
    #media #video-gallery
    {
        padding: 0 30px 0px;
    }
    .video-image {
        margin-bottom: 15px;
    }
    #media .title {
        font-size: 18px;
        margin: 5px 0 10px;
    }

    #carousel .video {
        margin-bottom: -4px;
    }

    @media (max-height: 750px) {
        .navbar-nav {
            height: 665px;
        }
    }

    @media (max-height: 700px) {
        .navbar-nav {
            height: 605px;
        }
    }

    @media (max-height: 650px) {
        .navbar-nav {
            height: 555px;
        }
    }

    @media (max-height: 600px) {
        .navbar-nav {
            height: 505px;
        }
    }

    @media (max-height: 550px) {
        .navbar-nav {
            height: 455px;
        }
    }
    
    @media (max-height: 480px) {
        .navbar-nav {
            height: 385px;
        }
    }
}

@media (max-width: 420px)
{
    .doctors-all .grid-view .img img,
    .departments-all .grid-view .img img
    {
        position: absolute;
        left: -30px;
        width: auto;
    }

}

@media (min-width: 768px)
{
    #carousel .media-video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    #carousel .video video {
        /* object-fit: cover; */
    }

    @media (max-width: 992px)
    {
        #carousel .caption {
            top: 115px;
            left: 30px;
            width: 60%;
            font-size: 36px;
        }
    }

    @media (max-width: 1024px)
    {
        footer {
            padding-bottom: 160px;
        }
        header {
            width: 25%;
        }
        main {
            width: 75%;
            margin-left: 25%;
        }
        body.page .carousel {
            width: 75%;
        }
        .home .hot-call {
            left: 40px;
            top: 115px;
        }
        .carousel .login-buttons {
            right: 40px;
            top: 118px;
        }
        section.news .item .title {
            margin-bottom: 10px;
        }
        .section-title {
            font-size: 35px;
        }
        section.social label {
            margin-bottom: 20px;
        }
        .social-links {
            margin-bottom: 35px;
            text-align: center;
        }
        .social-links ul {
            text-align: center !important;
        }
        #carousel .slider-caption .title {
            font-size: 35px;
        }
        .sections .name {
            font-size: 16px;
        }
        .sections .short {
            font-size: 15px;
        }
        .section-counter {
            height: 130px;
        }
        .section-counter .count {
            font-size: 55px;
        }
        .section-counter .label {
            font-size: 35px;
        }
        section.news .item .title {
            font-size: 23px;
        }
        section.news .item .short {
            font-size: 20px;
        }
        section .btn {
            font-size: 25px;
        }
        .header-contacts li {
            max-width: 85%;
        }
        .carousel .btn-success {
            padding: 5px 35px;
            font-size: 16px;
        }
        .header-contacts {
            font-size: 15px;
        }
        section .btn {
            padding: 5px 0;
            font-size: 20px;
        }
        section.social label {
            font-size: 23px;
        }
        section .card-body {
            padding: 25px 25px;
        }
        section .card-title {
            font-size: 20px;
        }
        section .card-body .list {
            font-size: 18px;
        }
        .social .form-control, .social form .btn {
            font-size: 20px;
        }
        .form-group .form-control:not(textarea) {
            height: 40px !important;
        }
        .gallery.bordered-block {
            padding: 20px 20px 0px;
        }
        .hot-call {
            top: 117px;
            right: 35px;
        }
        .management .item .section-title {
            font-size: 30px;
        }
        .doctor .section-title .short, .management .section-title .short {
            font-size: 36px;
        }
        .about-us .btn-more {
            padding: 8px 20px;
        }
        .manager-in .manager-name:after {
            content: none !important;
        }
        .manager-in .manager-name {
            margin-bottom: 30px;
            font-size: 30px;
        }
        .doctor .section-title .short,
        .management .section-title .short
        {
            font-size: 25px;
        }
        .doctor .text {
            margin-top: 40px;
        }
        .doctors-all .grid-view .row > div,
        .departments-all .grid-view > .row > div
        {
            margin: 20px 0;
        }
        .doctor .info-items {
            padding: 15px;
        }
        .check-up .check-up-list .title {
            font-size: 17px;
            margin-bottom: 20px;
        }
        .check-up .check-up-list .items li {
            padding-left: 20px;
        }
        .check-up .check-up-list .title {
            font-size: 17px;
        }
        .news-in .items .short a {
            font-size: 15px;
        }
        .news-in .items .title a {
            font-size: 20px !important;
        }
        .check-up .check-up-list .items li a.btn {
            width: 100%;
        }
        .news-in .date {
            font-size: 17px;
            color: var(--green);
            margin-bottom: 10px;
            padding-left: 20px;
        }
        .doctor .info-items .btn-success {
            margin-bottom: 25px;
        }
        .news .card-body {
            padding: 20px 20px 30px;
        }
        .doctors-all .grid-view,
        .departments-all .grid-view
        {
            padding-bottom: 20px;
        }
        .partners .card .img {
            height: 250px;
        }
        .department .info-items .btn-success,
        .checkup-form .btn
        {
            padding: 13px 50px;
            max-width: 100%;
            width: 90%;
        }
        .section-gray form .form-control,
        #verify_user_modal .form-control
        {
            padding: 10px 10px 10px 15px;
        }
        .doctor .info-items .item > h5 {
            font-size: 18px;
            margin-bottom: 20px;
        }
        .select2-container--krajee .select2-selection--single {
            padding-left: 15px;
        }
        .g-recaptcha {
            -webkit-transform: scale(0.56);
            -moz-transform: scale(0.56);
            -ms-transform: scale(0.56);
            -o-transform: scale(0.56);
            transform: scale(0.56);
        }
        .doctors-all .btn-more,
        .departments-all .btn-more
        {
            font-size: 22px;
            padding: 3px;
        }
        .doctor .info-items .btn-success
        {
            padding: 9px 3px;
            font-size: 24px;
        }
        .services .check-up-list .items li {
            padding-left: 20px;
        }
        .news-in .check-up-list .items li {
            padding-left: 0;
        }
        .section-title.clear {
            margin-bottom: 40px;
        }
        .lightgallery-image {
            margin-bottom: 20px;
        }
        .check-up.in .examinations {
            padding: 15px;
        }
        .examination-price {
            font-size: 18px;
            padding: 10px 10px 10px 10px;
            width: 50px;
            text-align: center;
        }
        .checkup-form .caption,
        .bordered-block .caption
        {
            font-size: 20px;
            margin-bottom: 25px;
        }
        .examination-list div {
            margin-bottom: 15px;
            padding: 15px 5px 15px 45px;
        }
        .bordered-block {
            padding: 30px;
        }
        #media #animated-thumbnails, #media #video-gallery {
            padding: 0 30px 0px;
        }
        #media .title {
            font-size: 18px;
            margin: 10px 0 0px;
        }
        #media .filter ul a {
            font-size: 20px;
        }
        #media .filter {
            margin: 40px 30px;
        }
        #media .filter ul li:not(:last-child) {
            padding-right: 15px;
            margin-right: 0;
        }
        .media-nav .item > div {
            padding: 20px;
        }
        .media-nav a {
            font-size: 23px;
        }
        .contacts {
            margin: 20px 0 40px;
        }
        .map-title {
            margin-bottom: 20px;
        }


    }

    @media (max-height: 900px) {
        .navbar-nav {
            max-height: 450px;
        }
    }
    @media (max-height: 850px) {
        .navbar-nav {
            max-height: 390px;
        }
    }
    @media (max-height: 800px) {
        .navbar-nav {
            max-height: 360px;
        }
    }

    @media (max-height: 780px) {
        .navbar-nav {
            max-height: 340px;
        }
    }

    @media (max-height: 760px) {
        .navbar-nav {
            max-height: 320px;
        }
    }

    @media (max-height: 740px) {
        .navbar-nav {
            max-height: 300px;
        }
    }

    @media (max-height: 720px) {
        .navbar-nav {
            max-height: 280px;
        }
    }

    @media (max-height: 700px) {
        .navbar-nav {
            max-height: 260px;
        }
    }
}