/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {

    /* Header */

    ul.navbar-nav > li.visible-md.visible-lg {
        display: inline-block !important;
    }
}


/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width:1199px){

    .dropdown i{
        display: none;
    }

    ul.navbar-nav > li.visible-md.visible-lg {
        display: inline-block !important;
    }

    /* Header */

    ul.navbar-nav > li{
        padding: 0 15px;
    }

    ul.top-info li{
        margin-left: 10px;
    }

    .consult{
        padding: 6px 25px;
    }

    ul.top-info{
        float: left;
    }

    /* Slideshow */

    .slider-text{
        position: relative;
        z-index: 1;
    }

    .slider-img{
        top: -95px;
    }

    /* Practice item */

    .practice-item .img-thumb .overlay{
        width: auto;
        height: auto;
        padding: 15px;
    }

    .practice-details{
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-height: 44px;
    }

    /* Case result */

    .case-details-content .case-desc{
        font-size: 14px;
        line-height: normal;
    }


    /* Image block */

    .img-block-left.ts-padding{
        padding: 40px;
    }


    /* Bottom */

    .contact-info-box .contact-info-box-content p{
        word-wrap: break-word;
        font-size: 12px;
    }



}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

    /* Header */

    .top-bar{
        padding-bottom: 10px;
    }

    .top-menu{
        padding-left: 15px;
        padding-top: 10px;
    }

    .top-menu ul{
        text-align: left;
    }

    .top-social{
        padding-right: 15px;
    }

    ul.top-info{
        margin: 15px 0 0 0;
    }

    ul.top-info li{
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .logo{
        min-height: 160px;
        padding-top: 35px;
    }

    .logo:after{
        border-top-width: 160px;
    }

    /* Navigation */

    ul.navbar-nav > li{
        padding: 0 9px;
    }

    ul.navbar-nav > li > a, 
    .dropdown-menu li a{
        font-size: 10px;
    }


    /* Slideshow */

    #main-slide .item{
        min-height: 450px;
    }

    #main-slide .slider-content{
        margin-top: -115px;
    }

    #main-slide .slider-content h2{
        font-size: 24px;
    }
    #main-slide .slider-content h3{
        font-size: 32px;
        margin: 10px 0;
        line-height: 50px;
    }

    .slider-img{
        top: -38px;
        width: 35%;
    }

    .slider.btn{
        padding: 5px 20px;
        margin-top: 0;
        font-size: 12px;
    }

    #main-slide .carousel-indicators {
        bottom: 20px;
    }

    /* Feature box */

    .feature-box {
        clear: both;
        margin-bottom: 40px;
    }

    /* Feature Tab */

    .featured-tab .tab-content img{
        margin-bottom: 15px !important;
    }

    /* Practice Item */

    .practice-item{
        width: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .practice-item .img-thumb{
        display: inline-block;
        text-align: center;
    }

    .practice-item .img-thumb .overlay{
        left: auto;
        right: auto;
        margin: 5px 0 0 20px;
    }

    .call-to-action{
        background-position: 50% 50%;
    }

    /* Case Item */

    .case-item{
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .case-item .img-thumb{
        display: inline-block;
        text-align: center;
    }

    .case-details{
        width: 372px;
        height: 265px;
    }

    .case-details-content .case-amount:after{
        left: 50%;
    }

    .case-details-content{
        width: 372px;
    }

    .case-details:after{
        left: 0;
        width: 372px;
    }

    /* Team */

    .team-grid{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .team-img-wrapper{
        width: auto;
    }

    .team-img-wrapper:after{
        left: 50%;
        margin-left: -120px;
    }

    .team-hover{
        left: 50%;
        margin-left: -90px;
    }

    .team-hover:before{
        border-right: 260px solid transparent;
    }

    .team-desg:after{
        left: 50%;
    }

    /* Image block */

    .img-block-left{
        padding-left: 100px;
    }

    .img-block-right {
        padding: 100px;
    }

    .latest-post{
        clear: both;
        margin-bottom: 50px;
    }

    .quote_form{
        margin-top: -110px;
    }

    /* Footer */

    .footer .angle-bg{
        background: none;
    }

    .footer-widget{
        border:0;
        min-height: auto;
        margin-bottom: 20px;
    }



}

/* Small Devices Potrait */
@media (max-width : 767px){

    /* Header */

    .top-bar{
        padding-bottom: 10px;
    }

    .top-menu{
        padding-top: 10px;
        padding-left: 15px;
    }

    .top-menu ul, .top-bar-full .top-menu ul{
        text-align: center;
    }

    .top-social{
        padding-right: 45px;
    }

    .top-bar-full .top-menu{
        padding-bottom: 0;
    }

    .top-social ul{
        text-align: center;
    }

    .top-bar-full .top-social{
        padding-bottom: 5px;
    }


    ul.top-info{
        margin: 15px 0 0 0;
    }

    ul.top-info li{
        margin-left: 10px;
        margin-bottom: 10px;
    }

    ul.top-info li .info-box .info-box-content{
        padding-left: 10px;
    }

    .logo{
        min-height: auto;
        padding: 20px 25px;
    }

    .header2 .logo{
        min-height: auto;
        padding: 45px 25px 0;
    }



    .logo:after{
        position: relative;
        border: 0;
    }

    .header-right{
        border: 0;
        float: none;
    }

    ul.top-info{
        margin: 50px 0 15px;
        float: left;
    }

    .consult{
        display: none;
    }

    /* Navigation */

    .site-navigation{
        background: #222;
    }

    .site-nav-inner{
        background: none;
        top: 0;
        left: 10px;
        position: relative;
    }

    .site-nav-inner:before{
        border: 0;
    }

    .site-nav-inner:after{
        background: none;
    }

    .navbar-collapse{
        background: #333333;
    }

    .navbar-collapse ul.navbar-nav > li > a{
        color: #fff;
    }

    .navbar-collapse ul.navbar-nav > li.active > a,
    .navbar-collapse ul.navbar-nav > li:hover > a{
        color: #ff6b31;
    }

    ul.navbar-nav > li{
        display: block;
        padding-left: 40px;
    }

    ul.navbar-nav > li.search{
        display: none;
    }

    ul.navbar-nav > li > a{
        padding: 20px 0;
    }

    ul.navbar-nav > li:after{
        background: none;
    }

    ul.navbar-nav > li:hover > a:after, 
    ul.navbar-nav > li.active > a:after{
        background: none;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 30px;
    }


    /* Slideshow */

    #main-slide .item{
        min-height: 400px;
    }

    #main-slide .slider-content{
        margin-top: -165px;
    }

    #main-slide .slider-content h2{
        font-size: 18px;
    }
    #main-slide .slider-content h3{
        font-size: 26px;
        margin: 10px 0;
        line-height: 36px;
    }

    .slider-text{
        z-index: 1;
        position: relative;
    }

    .slider-text .slide-head:after{
        height: 3px;
        bottom: 0;
    }

    .slider-img{
        top: -38px;
        width: 85%;
        right: 0;
    }

    .slider.btn{
        padding: 5px 20px;
        margin-top: 0;
        font-size: 12px;
    }

    #main-slide .carousel-indicators {
        bottom: 20px;
    }

    /* Feature box */

    .feature-box .feature-icon{
        float: none;
        margin-bottom: 30px;
    }

    .feature-box .feature-box-content {
        margin-left: 0;
        margin-bottom: 30px;
    }


    /* Feature Tab */

    .featured-tab .tab-content img{
        margin-bottom: 15px !important;
    }

    /* Practice Item */

    .practice-item{
        width: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .practice-item .img-thumb{
        display: inline-block;
        text-align: center;
    }

    .practice-item .img-thumb .overlay{
        left: auto;
        right: auto;
        margin: 5px 0 0 20px;
    }

    /* Action */

    .action-title{
        font-size: 62px;
    }

    .action-subtitle{
        font-size: 28px;
    }

    .action-btn .btn-primary{
        font-size: 20px;
        min-height: 54px;
        padding-right: 30px;
    }

    .action-btn .btn-primary i{
        height: 54px;
        line-height: 54px;
    }

    .call-to-action{
        background-position: 50% 50%;
    }

    /* Case Item */

    .case-item{
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .case-item .img-thumb{
        display: inline-block;
        text-align: center;
    }

    .case-details{
        width: 372px;
        height: 265px;
    }

    .case-details-content .case-amount:after{
        left: 50%;
    }

    .case-details-content{
        width: 372px;
    }

    .case-details:after{
        left: 0;
        width: 372px;
    }

    /* Team */

    .team-grid{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .team-img-wrapper{
        width: auto;
    }

    .team-img-wrapper:after{
        left: 50%;
        margin-left: -120px;
    }

    .team-hover{
        left: 50%;
        margin-left: -90px;
    }

    .team-hover:before{
        border-right: 260px solid transparent;
    }

    .team-desg:after{
        left: 50%;
    }

    /* Image block */

    .img-block-left{
        padding-left: 30px;
    }

    .img-block-right {
        padding: 100px 30px;
    }

    .latest-post{
        clear: both;
        margin-bottom: 50px;
    }

    /* Quote form */

    .quote_form_title{
        font-size: 18px;
    }

    .quote_form_title span {
        font-size: 32px;
    }

    .quote-form-text{
        margin-bottom: 10px;
    }


    /* Footer */

    .footer .angle-bg{
        background: none;
    }

    .footer-widget{
        border:0;
        min-height: auto;
        margin:0;
    }

    .footer-top-call{
        float: none;
        margin-top: 30px;
    }

    .newsletter-widget{
        margin-top: 30px !important;
    }

    .copyright-info{
        text-align: center;
    }

    .footer-menu{
        float: none;
        text-align: center;
    }

    /* Sub pages */

    .banner-text{
        margin-top: -105px;
    }

    .banner-title{
        font-size: 30px;
    }

    .banner-desc{
        font-size: 18px;
        margin-top: 0;
    }

    .call-action-all .action-btn {
        float: none;
        text-align: center;
    }

    .action-text{
        text-align: center;
        float: none;
    }

    .action-text h2{
        font-size: 28px;
    }

    .action-text p{
        font-size: 18px;
    }

    .call-action-all .action-btn .btn-primary {
        font-size: 14px;
        padding: 12px 25px;
        min-height: 40px;
    }

    .ts-counter.sub-page{
        padding: 80px;
    }

    .ts-counter .facts{
        margin-bottom: 30px;
    }

    /* Video Testimonial */

    .testimonials-video-area{
        min-height: 300px;
    }

    .video-info {
        margin-top: -100px;
    }

    .video-info-title {
        font-size: 28px;
        line-height: 30px;
    }

    .video-info-desc{
        font-size: 14px;
    }

    .video-icon {
        margin-top: 210px;
        font-size: 18px;
    }

    .video-icon i{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .video-icon span{
        font-size: 14px;
        top: -3px;
    }

    /* Testimonial classic */

    .testimonial-classic-info{
        top: 0;
        text-align: center;
    }

    .testimonial-classic-name,
    .testimonial-classic-desg{
        display: block;
    } 
    .testimonial-classic-thumb{
        display: inline-block;
    }

    /* Gallery */

    .isotope-nav ul li{
        margin-bottom: 20px;
    }

    /* Career */

    .join-us-title {
        font-size: 30px;
        line-height: 40px;
    }

    .join-us-call {
        font-size: 24px;
        margin: 20px 0;
    }

    .join-us .btn-primary {
        padding: 14px 40px;
    }

    .pagination{
        margin-bottom: 30px;
    }

    /* News */

    .entry-meta span{
        float: none;
        display: block;
    }



}

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {

    /* Header */

    ul.top-info li .info-box span.info-icon{
        font-size: 16px;
        width: 30px;
        height: 26px;
        line-height: 22px;
        padding-left: 5px;
        top: -5px;
    }

    ul.top-info li .info-box .info-box-content .info-box-title{
        font-size: 12px;
    }

    ul.top-info li .info-box .info-box-content .info-box-subtitle{
        font-size: 10px;
    }

    /* Slideshow */

    #main-slide .item{
        min-height: 320px;
    }

    .slider-img {
        top: -15px;
        width: 80%;
    }

    /* Practice item */

    .practice-item .img-thumb .overlay{
        width: auto;
        height: auto;
        margin: 5px 15px 15px 20px;
    }

    .practice-details{
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-height: 50px;
    }


}

/* Custom, iPhone Retina */ 
@media (max-width : 320px) and (max-width: 478px)  {



}

@media (min-width : 590px) and (max-width: 800px)  {


}

@media (min-width : 320px) and (max-width: 568px)  {
    .socials-resp li{
        float:right !important;
    }

    .header-right img{
        float:right !important;
    }

    ul.top-left{
        margin: -54px 0 15px !important;
        float: left;
    }

    .bg-branco h4 strong{
        font-size: 10px !important;
    }

    .slider-img ul {
        list-style-type: none;
        margin-top: 60px;
        margin-left: -72px;
        text-align: center;
        border: 1px solid #000;
        padding: 0px;
        width: 100%;
        height: auto;
    }
    .slider-img ul li h4 {
        font-size: 9px;
    }

    .angle-bg{
        display:none;
    }

    .news{
        margin-top:-68px;
    }

    .azul{
        margin-top: -119px;
    }

    .featured-tab .tab-pane img.pull-right {
        margin: 19px 0 0 30px !important;
    }

    .tab-pane{
        margin-top: 30px;
    }

    .color-paginas-internas{
        margin-top: 62px;
    }
    .banner-area{
        min-height: 163px !important;
    }

    .margin-top-fundation{
        margin-top: -50px;
    }

    .form-control{
        padding: 10px !important;
    }

    .title-normal{
        padding-left: 10px;
    }

    .btn-resp{
        margin-left: 10px;
        margin-bottom: 18px;
    }

    .contact-resp{
        padding-left: 11px;
        margin-top: 20px;
    }

    .alinhar-integrantes{
        width: 100.333333% !important;
    }

    .pagination a{
        color: #333;
        padding: 6px 0px;
        border-radius: 5px;
        margin-right: 7px;
        height: 35px;
    }

    .display strong{
        padding: 7px;
    }

    .btn-leia-mais{
        display: block;
        display: block;
        background: #0098da;
        width: 40%;
        padding: 5px 11px 7px 16px;
        border-radius: 6px;
        margin-top: 4px;
        color: white;
    }

    .img-resp img{
        min-height: 175px;
        max-height:500px; 
        width: 100%;
    }

    .title-head{
        line-height: 27px !important;
        font-size: 23px;
    }
    .display{
        display:block!important;
    }

    .display a{
        background: transparent;
    }
    .pagination{
        margin-left: -27px !important;
    }
    
    .entry-content img{
        width: 100% !important;
        height: auto !important;
    }

}

@media (min-width : 768px) and (max-width : 1024px){
    .logo-wid{
        width: 45.333333% !important;
    }

    .navbar-collapse.collapse{
        width: 100% !important;
    }

    .angle-bg{
        display:none;
    }

    .slider-img ul{
        position: relative;
        left: -84% ;
        width: 397px ;
        margin-top: 124px;
        margin-left: 0 ;
    }

    .socials-resp li{
        position: relative;
        left: 99% !important;
    }


    .footer-right{
        float: right;
    }

    .col-personalizado{
        position: relative;
        left: 16%;
        width: 64%;

    }

    .col-perso{
        width: 31%;
        float: right;
        margin-top: -50px;
        position: relative;
        left: -44%;
    }

    .btn-leia-mais{
        display: block;
        display: block;
        background: #0098da;
        width: 91%;
        padding: 5px 11px 7px 16px;
        border-radius: 6px;
        margin-top: 4px;
        color: white;
        text-align: center;
    }
    .img-noticias{
        height: auto !important;
    }

    .noticias-img{
        max-height: 148px !important
    }

    .img-resp img{
        min-height: 0px !important;
        width: 100%;
    }

    .top-bg{
        margin-right: -99px;
    }

    .title-perso{
        background: rgba(34, 34, 34, 0.47) !important;
        font-size: 8px !important;
    }

    .view{
        max-height: 136px !important;
        width: 211px !important;
    }
}


@media only screen and (min-width: 980px){


    .slider-img ul{
        left: -43% !important;
        margin-top: 126 !important;
    }

    .footer-right{
        float: left !important;
    }

    .noticias-img {
        max-height: 250px !important;
    }

    .img-gremio-header {
        margin-left: 1px !important;
    }

    .socials-resp li {
        position: relative;
        left: 49% !important;
    }

}


@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 

    .img-gremio-header{
        margin-left: 73px !important;
        margin-top: -18px;
    } 

    .site-navigation{
        margin-top: -24px !important; 
    }

    .slider-img ul{
        margin-top: 108px !important;
        margin-left: -3px;
    }

    .top-info {
        display: none;
    } 

    .angle-bg{
        display: none !important;
    }

    .noticias-img{
        width: 319px; 
        margin: 0 auto;
    }


    .height-noticias{
        margin: 0 auto;
        text-align: center;
    }

    .view{
        margin: 0 auto;
    }

    .btn-leia-mais{
        display: block;
        background: #0098da;
        width: 24%;
        padding: 5px 11px 7px 16px;
        border-radius: 6px;
        margin-top: 10px;
        color: white;
        text-align: center;

    }

    .noticias-img {
        width: 389px;
        margin: 0 auto;
        height: 264px;
    }

    .display a{
        background: transparent;
    }

}