@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
    #app {
        margin-top: 100px;
    }

    nav .dropdown-menu {
        border: none;
    }

    .dropdown-menu .dropdown-item {
        font-size: 18px;
    }

    .dropdown-toggle::after {
        transform: none;
        top: 10px;
    }

    .navbar-nav .dropdown-menu {
        position: initial;
    }

    .navbar-nav .nav-link,
    .dropdown-menu .dropdown-item {
        font-size: 20px;
    }

    .navbar-nav .nav-item,
    .dropdown-menu li {
        margin-bottom: 10px;
    }

    header {
        padding-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    #app {
        margin-top: 68px;
    }

    .slider-section {
        margin-top: 0;
    }

    .slide-item .title,
    .slide-item .info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-section .container-xxl,
    .slider-section .owl-carousel {
        padding: 0;
    }

    .footer-menu a,
    footer .clinic-item,
    .footer-company-info a {
        font-size: 18px;
    }

    .footer-menu li {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    footer {
        margin-top: 0;
    }

    .section {
        margin-top: 50px;
    }

    h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 400px) {}

@media only screen and (min-width: 1200px) {
    .slide-item:hover .image:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00a9bf;
        opacity: .2;
    }

    .slide-item:hover img {
        transform: scale(1.3);
        z-index: 1;
    }
}