/* Dispositivos extra pequenos (telefones de retrato, menos de 576px) */
@media (max-width: 575px) { 

    
}

/* Pequenos dispositivos (telefones paisagem, 576 px e acima) */
@media (min-width: 576px) and (max-width: 767px) { 
    .baseInt {padding: 150px 0px 0px 0px;}
}

@media (max-width: 768px) {

    .logo {width: 40%;transition: all .3s;}
    .foto-apre {height: 98px;}
    .galeria .col-md-4 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .galeria .mdb-lightbox img {width: 160px;height: 85px;object-fit: cover;}
    .baseInt {padding: 40px 0;}

}

/* Dispositivos médios (tablets, 768px e acima) */
@media (min-width: 768px) and (max-width: 991px) { 
    .baseInt {padding: 150px 0px 0px 0px;}
}

/* Grandes dispositivos (desktops, 992px e acima) */
@media (min-width: 992px) and (max-width: 1199px) {
    .bg-menu-topo {background-color: rgba(10, 13, 27, 0.9);}
    .navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #FFF;
    }
     header {height: 140px;}
     .divSob {display: block;}
     .divSob {border-bottom: 50px solid red !important;
    border-left: 140px solid transparent !important;
    border-right: 0px solid transparent !important;
    width: 450px!important;
    border-bottom-width: 140px!important;
    transform: rotate(180deg);}
    .vai {display: block; position: absolute;}
    .menu-topo {padding: 37px 0px 37px 0px; margin-left: auto!important;}
    .navbar {padding: 0;}	
    .navbar.scrolling-navbar {padding-top: 50px; padding-bottom: 50px;}
    .navbar.scrolling-navbar.top-nav-collapse {padding-top: 30px; padding-bottom: 30px;}
    .menu-topo-li {padding: 0px 0px 0px 20px;}
    .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 45px;
    height: 45px;
    }
    .baseInt {padding: 140px 0px 0px 0px;}
    .quem-somos {width: 100%; height: 800px;}
    .guaritaGaleria ul {}
    .guaritaGaleria li {margin-left: 0;}
    .guaritaGaleria img {
    width: 250px;
    height: 190px;
    }
    .mestres {width: 100%; height: 850px;}
    .localizacao {width: 100%; height: 945px; /*padding: 0px 0px 0px 0px!important;*/}
    .localizacao iframe {width: 100%; height: 685px;}

}

@media (min-width: 992px) {

    .carousel {
    margin-top: 78px;
}

}

/* Dispositivos extra grandes (grandes áreas de trabalho, 1200px e acima) */
@media (min-width: 1200px) {
    .bg-menu-topo {background-color: rgba(10, 13, 27, 0.9);}
     header {height: auto;}
     .divSob {display: block;}
     .divSob {border-bottom: 50px solid #EEEEEE !important;
    border-left: 140px solid transparent !important;
    border-right: 0px solid transparent !important;
    width: 33%!important;
    border-bottom-width: 140px!important;
    transform: rotate(180deg);}
    .menu-topo {padding: 37px 0px 37px 0px; margin-left: auto!important;}
    .navbar {padding: 0;}
    .navbar.scrolling-navbar {padding-top: 30px; padding-bottom: 0; margin-top: -30px;}
    .menu-topo-li {padding: 0px 0px 0px 20px;}
    .navbar.scrolling-navbar.top-nav-collapse {padding-top: 28px; padding-bottom: 0;}
    .divSobCollapse {border-bottom: 50px solid #EEEEEE !important;
    border-left: 105px solid transparent !important;
    border-right: 0px solid transparent !important;
    width: 26%!important;
    border-bottom-width: 100px!important;
    transform: rotate(180deg);}
    .menu-topo-collapse {padding: 60px 0px 37px 0px;}
    .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 45px;
    height: 45px;
    }
    .baseInt {padding: 80px 0;}
    .quem-somos {width: 100%; height: 800px;}
    .guaritaGaleria ul {}
    .guaritaGaleria li {margin-left: 0;}
    .guaritaGaleria img {
    width: 250px;
    height: 190px;
    }
    .mestres {width: 100%; height: 850px;}
    .localizacao {width: 100%; height: 910px; /*padding: 0px 0px 0px 0px!important;*/}
    .localizacao iframe {width: 100%; height: 685px;}

}

/* Grandes dispositivos (desktops, 1401px e acima) */
@media (min-width: 1401px) and (max-width: 1920px) {

    .divSob {
    border-bottom: 50px solid #EEEEEE !important;
    border-left: 140px solid transparent !important;
    border-right: 0px solid transparent !important;
    width: 40%!important;
    border-bottom-width: 140px!important;
    transform: rotate(180deg);
    }

    .divSobCollapse {
    border-bottom: 50px solid #EEEEEE !important;
    border-left: 105px solid transparent !important;
    border-right: 0px solid transparent !important;
    width: 33%!important;
    border-bottom-width: 100px!important;
    transform: rotate(180deg);
    }

    @media (min-width: 1441px) {

        .carousel-caption {}

        /* FOTO-APRE */
.foto-apre {
    height: 480px;
    background-position: 50% 50%;
}

    }
}