/* Only small desktops */
@media only screen and (min-width: 992px) and (max-width: 1180px) {
    .footer-area h3 {
        font-size: 18px;
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-light .navbar-brand {
        margin-left: 15px;
    }
    .navbar-light .navbar-toggler {
        margin-right: 15px;
        border-radius: 0px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        box-shadow: none;
    }
    .carousel-control-prev {
        left: -60px;
    }
    .carousel-control-next {
        right: -60px;
    }
    .why-text h4 {
        font-size: 18px;
    }
    .why-text p {
        margin: 0px;
    }
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    .menu-box .col-3, .menu-box .col-9 {
        width: 100%;
    }
}

/* Mobile or only mobile */
@media (max-width: 767px) {
    .navbar-light .navbar-brand {
        margin-left: 15px;
    }
    .navbar-light .navbar-toggler {
        margin-right: 15px;
        border-radius: 0px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        box-shadow: none;
    }
    .cover-slides h1 {
        font-size: 22px;
    }
    .cover-slides p {
        font-size: 14px;
    }
    .slides-navigation a {
        height: 42px;
        width: 38px;
        line-height: 33px;
    }
    .inner-column {
        margin-top: 15px;
    }
    .inner-column h1 {
        font-size: 22px;
    }
    .filter-button-group {
        margin: 10px 0px;
    }
    .contact-imfo-box .col-md-4 {
        margin-bottom: 15px;
    }
    .carousel-control-prev {
        left: 0px;
    }
    .carousel-control-next {
        right: 0px;
    }
    .blog-box-inner .blog-detail {
        overflow: hidden;
    }
    .blog-sidebar {
        margin-top: 50px;
    }
    .top-navbar .navbar {
        border-radius: 0px 0px 50px 50px;
    }
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    .menu-box .col-3, .menu-box .col-9 {
        width: 100%;
    }
    .gallery-box .col-md-4, .gallery-box .col-lg-4 {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* Only small tablets and small devices */
@media only screen and (min-width: 280px) and (max-width: 599px) {
    .why-text p {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .inner-column {
        margin-bottom: 30px;
    }
    .inner-menu-box .nav-pills .nav-link {
        font-size: 12px;
        padding: 5px;
    }
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}