/*------------------------------------------------------------------
Author          : OWI (Operating With Integrity - www.owi.ie)
Template Name   : Medical HTML5 Multipurpose Template
Year            : 2019
Version         : 1.0
CSS: Responsive Styles
-------------------------------------------------------------------*/

/* Laptop Layout: 1080px. */
@media only screen and (max-width: 1080px) {
    .aboutus-panels {
        padding-bottom: 8em;
    }

    .btn, .form-control, .page-link {
        padding: 11px 20px;
    }

    ul.attributes {
        display: none !important;
    }
}

/* Tablets Layout: 995px. */
@media only screen and (max-width: 995px) {

    .logo {
        padding: 20px 0px;
    }

    /* Mobile Menu Styles */
    nav .nav-header {
        min-height: 60px;
        border-bottom: solid 1px #dfdfdf;
    }

    .header-logo {
        border-bottom: solid 1px #dfdfdf;
    }

    .header-menu.border-bottom {
        border:none !important;
    }

    .image-caption.text-left {
        text-align: center !important;
    }

    nav .nav-header .brand {
        margin: 0 auto 5px;
        float: none;
        position: relative;
        top: 17px;
        padding: 0;
    }
    nav .nav-header .toggle-bar {
        font-size: 18px;
        position: absolute;
        top: 17px;
        left: 15px;
    }
    nav .menu li a {
        padding: 10px 15px;
        border: 0;
        border-bottom: solid 1px #dfdfdf;
    }
    nav .menu li:last-child a {
        border: 0;
        border-bottom: none;
    }

    .wrap-core-nav-list, .menu.core-nav-list {
        background:#ffffff;
    }

    nav .menu li a {
        color:#005979;
    }

    .nav .menu li a:hover, nav .menu li.active a, nav .menu li a:hover {
        color: #00a84f !important;
    }

    .accordion {
        margin-bottom: 5em;
    }

}

/* Mobile Layout: 767px. */
@media only screen and (max-width: 767px) {
    .bx-wrapper .bx-prev {
        left: 20px;
      }
    
      .bx-wrapper .bx-next {
        right: 20px;
      }

    .py-8, .py-6 {
        padding-top: 5em !important;
        padding-bottom: 5em !important;
    }

    .my-8, .my-6 {
        margin-top: 5em !important;
        margin-bottom: 5em !important;
    }

    .pt-8, .pt-6  {
        padding-top: 5em !important;
    }

    .pb-8, .pb-6  {
        padding-bottom: 5em !important;
    }

    .mt-8, .mt-6  {
        margin-top: 5em !important;
    }

    .mb-8, .mb-6  {
        margin-bottom: 5em !important;
    }
    
    .display-4, .display-48 {
        font-size: 1.8rem !important;
    }

    .header-image .parallax-window {
        min-height: 350px;
    }

    .image-caption  {
        padding:0 12%;
    }

    .image-caption.top-30 {
        top: 25% !important;
    }

    nav .nav-link.pl-3 {
        padding-left:0 !important;
        padding-right:1rem!important;
    }

    .highlight-panels .card-header {
        width: 238px;
        margin: 0px auto;
    }

    .pagination {
        display: block;
    }

    .blog-date .w-50, .hoverEffects .w-50 {
        width:100% !important;
    }

    .comment-item.reply {
        padding-left: 0em;
    }

    .social-media-blog {
        margin-top: 1.5em;
    }

}

/* Snall Mobile Layout: 400px. */
@media only screen and (max-width: 400px) {
    .bxslider, .bxslider li {
        height: 80vh !important;
    }
    .home-caption.top-30, .testimonials-caption.top-30 {
        top: 14% !important;
    }
}