/*
::
:: Theme Name: MedHealth - Medical & Health Template
:: Email: Nourramadan144@gmail.com
:: Author URI: https://themeforest.net/user/ar-coder
:: Author: ar-coder
:: Version: 1.0
::
*/

/* :: Medium devices */
@media (max-width: 991px) {
    
    /* :: Navbar */
    .navbar {
        background-color: #FFF;
        padding: 0px 16px;
    }
    .navbar .navbar-brand {
        padding: 30px 0;
    }
    .navbar .navbar-toggler {
        outline: none;
        padding: 0;
    }
    .navbar .navbar-toggler i {
        font-size: 30px;
        color: #223645;
    }
    .navbar .navbar-toggler i:hover {
        color: #42B3E5;
    }
    .navbar .navbar-nav {
        margin-top: 10px;
    }
    .navbar .navbar-nav .nav-link {
        color: #223645;
        margin: 0;
        padding: 0 0 15px 0;
    }
    .navbar .navbar-nav .nav-link.active {
        color: #42B3E5;
    }
    .navbar .navbar-nav .nav-link:before {
        position: unset;
    }
    .navbar .nav-item.dropdown .dropdown-menu {
        display: none;
    }
    .navbar .nav-item.dropdown.show .dropdown-menu {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        display: block;
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 8px;
    }
    .navbar .navbar-nav .btn-2{
        margin-bottom: 8px;
    }
    
    /* :: Header */
    .header .header-hero .cover-background .banner .head-info .handline{
        font-size: 50px;
    }
    
    /* :: About */
    .about .text-box{
        margin-top: 50px;
    }
    
    /* :: Features */
    .features .features-watch{
        margin-bottom: 110px;
        margin-top: 50px;
    }
    
    /* :: Testimonials */
    .testimonials .testimonials-text-box .box-item-testimonials .text{
        font-size: 20px;
    }
    .testimonials .testimonials-carousel.owl-theme .owl-nav{
        position: unset;
        margin-top: 30px;
    }
    
    /* :: Footer */
    .footer .contact-info,
    .footer .links{
        margin-bottom: 30px;
    }
    
    /* :: Blog Page */
    .blog .pagination-blog-area{
        margin-top: 30px;
    }
}

/* :: Small devices */
@media (max-width: 768px) {
    
    /* :: Top Bar */
    .top-bar .social-media-top-bar{
        display: none;
    }
    
    /* :: Header */
    .header .header-hero .cover-background .banner .head-info .handline{
        font-size: 42px;
    }
    .header .header-hero .cover-background .banner .head-info p{
        font-size: 16px;
    }
    
    /* :: Testimonials */
    .testimonials .testimonials-text-box{
        padding: 50px 80px;
    }
    
    /* :: Newsletters */
    .newsletters .newsletters-box .newsletters-text-box{
        padding: 25px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .newsletters .newsletters-box .newsletters-img-box{
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .background-section{
        height: 50%;
    }
    
    /* :: Map And Contact */
    .map-and-contact .contact-us{
        position: unset;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        margin: 100px 0;
        width: auto;
    }
    
}

/* :: Extra small devices */
@media (max-width: 575px) {

    .index-header .box-index-header h1,
    .index-header .box-index-header .text{
        font-size: 40px;
    }
    
    /* :: Top Bar */
    .top-bar{
        display: none;
    }
    
    /* :: Header */
    .header .header-hero .cover-background .banner .head-info .handline{
        font-size: 25px;
    }
    .header .header-hero .cover-background .banner .head-info p{
        font-size: 14px;
    }
    .header .header-hero .cover-background .banner .head-info .buttons .btn-1,
    .index-header .box-index-header .buttons .btn-1{
        margin-bottom: 10px;
        margin-right: 0;
    }
    
    /* :: Testimonials */
    .testimonials .testimonials-text-box{
        padding: 50px 30px;
    }
    
    /* :: Breadcrumb Header */
    .breadcrumb-header .banner .head-info h1{
        font-size: 35px;
    }
    
    /* :: Schedule */
    .calendar{
        overflow: scroll;
    }
    
}