
@media (min-width: 1200px) {
   
}

@media (min-width: 992px) {
    .hidden-md-up {
        display: none !important;
    }
    
    .img-background {
        margin-right: 5px;
        margin-bottom: 3px;
    }
}

@media (max-width: 991px) {
    .hidden-sm-down {
        display: none !important;
    }
    
    .img-background {
        margin-right: 0px;   
        margin-bottom: 3px;
    }
}

@media (max-height: 745px) {
   
}

@media (max-width: 767px) {
  
}


@media (min-width: 768px) and (max-width: 1024px) { /* table landscape */
  
    
}

@media (min-width: 481px) and (max-width: 767px) { /* tablet */
      
}

@media (min-width: 321px) and (max-width: 480px) { /* mobile landscape */
        
    
}

@media (max-width: 1024px) {
    .subactivity {
        flex-direction: column;
    }
    
    .subactivity-ver {
        border-top: 0px solid #2aa24b;
        border-right: 3px solid #2aa24b;
    }
    
    .subactivity-img {
        border-bottom: 0px solid #2aa24b;
        border-left: 3px solid #2aa24b;
    }
    
    .subactivity-info {
        border-bottom: 3px solid #2aa24b;
        border-left: 3px solid #2aa24b;
        border-right: 0px solid #2aa24b;
    }
    
    .subactivity-ver .borderVert {
        left: 0;
        top: 0;
    }
    
    .subactivity-ver .borderHori {
        left: 0;
        bottom: 0;
    }
    
    .subactivity-info .title {        
        border-left: 0px solid #ccc;
        margin-left: 0px;
    }
    
}


@media (max-width: 767px) { /* mobile landscape */
    /*
    .navbar-collapse.collapse {
        height: auto !important;
    }
    */
    /*
    .navbar-collapse {
        width: 100%;
        z-index: 4000;
        
        position: absolute;
        top: 80px;
        overflow: hidden !important;
        height: auto !important;
        padding: 1px;
    }
    */
    .navbar-collapse > ul {
        display: flex;
        flex-direction: column;
        z-index: 4001;
        height: auto;
        width: 100%;
        background-color: #fff;
    }

    
    .navbar-collapse .navbar-nav > li > a.menuItem span {
        display: block;
        font-size: 12px;
    }
    
    .navbar-collapse .navbar-nav li {
        /*background: #eee;*/
        margin-bottom: 1px;
    }
    
    .navbar-collapse .navbar-nav li .dropdown-menu > li a {
        color: #3d6d9d !important;
    }
    
    
    .navbar-collapse .navbar-nav > li i {
        font-size: 1.2em !important;
    }
    
    .navbar-collapse .navbar-nav > li > a {
        flex-direction: row;
        justify-content: center;
        /*color: #3d6d9d !important;*/
    }
    
    .navbar-collapse .navbar-nav > li:not(:last-child) > a {
        border-bottom: 1px solid #999;
    }
    

    /*
    .navbar-collapse {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        display: block;
         
        opacity: 0;
        
    }
     */
    
    .navbar-nav .dropdown-menu:not(.breadcrumbDropdown) {
        
        left: 0px !important;
    }
    
    .navbar-nav .show .dropdown-menu:not(.breadcrumbDropdown) {
        position: unset;
        width: 100%;
        margin-top: 0px !important;
        left: 0px !important;
        background-color: #e0eaf2;
        border-left: 10px solid #2aa24b !important;
        border-radius: 0px !important;
        padding: 2px 0px;
        flex-direction: column;
    }
    
    .dropdown-toggle::after {
        /*bottom: 6px;*/
        top: 38px;
    }
    
    .nav .dropdown ul.dropdown-menu {
        margin-top: 0px;
        width: 100%;
        padding:0;
    }
    .nav .dropdown ul.dropdown-menu::before {
        content: unset;   
    }
    
    .footer {
        flex-direction: column;   
    }
    
    .footer > span, .footer > div {
        padding: 3px 0px;   
    }
    
    .footer-social ul li a {
        font-size: 1.1em;
    }
    
    .footer-social ul li {
        width: 28px;
        height: 28px;
    }
    
    .nav > li > a, .nav > li.info {
       height: auto !important;
    }
    
    .navbar_user {
        order: 1;
    }
    
    .navbar-toggler-content {
        order: 2;
    }
    
    .navbar-brand {
        order: 3;
    }
    #navbarNavAltMarkup {
        order: 4;
    }
}

@media (min-width: 575px) { /* até sm */
    .navbar-brand .logo-small {
        display: none;
    }
}
@media (max-width: 575px) { /* até sm */
    
    .newsletter button {
        font-size: 11px;
    }
    
    ul.acesso {
        font-size: 0.9em;
    }
    
    ul.acesso li:not(:first-child) {
        padding-left: 15px;
    }

    .navbar-brand .logo {
        display: none;
    }
    
}
@media (max-width: 480px) { /* mobile */
    .activity-title {
        font-size: 1.4em;
    }

    .activity-subtitle {
        font-size: 1.2em;
    }
    .subactivity-info .title {
        font-size: 1em;
    }
    
    .subactivity-img {
        min-height: 150px;   
    }
    
    .img-background {
        min-height: 150px;
    }
    
    .footer .footer-powered .logo img {
        max-width: 70px;
    }

}


@media (max-width: 320px) { /* mobile */
      
    
}

@media (max-height: 800px) {
  


@media (max-height: 380px) {
   
}

@media (orientation: portrait) {

}
