/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { ... }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) { 
    .navbar {border-bottom: 2px solid #797979;}
    .navbar-ul-1 {border-top: 1px dotted #ccc; padding-top: 10px; margin-top: 10px;}
    .creative-lp .navbar {margin-top: 0;}
    .logo {width: 112px; height: 34px;}
    .barra-topo {display: none;}
     /* carousel */
    .content-carousel {width: 340px; position: relative; margin-top: 0; margin-left: 50px!important;}
    .content-carousel h1 {font-size: 1.875rem; font-weight: 800; padding-bottom: .3em;}
    .content-carousel p {}
    .content-carousel a {}
    .bg-1 {background-position: 50% 50%;}
    .bg-2 {background-position: 70% 50%;}
    .bg-3 {background-position: 19% 50%;}
    .bg-4 {background-position: 12% 50%;}
    .bg-5 {background-position: 80% 50%;}

    .section-whats p {font-size: 19px; margin-top: 10px; line-height: 20px; color: #FFF;}
    .section-whats {text-align: center; padding: 35px;}
    .atalho {display: block;}
    .atalho-webmail {
    background-color: #313581;
    padding: 10px 19px 10px 19px;
    border-radius: 20px;
    font-size: 10px!important;
    text-transform: uppercase;
    margin-top: 10px;
    }
    .atalho-a a {color: #dedede!important;}

    .section-email p {font-size: 19px; margin-top: 10px; line-height: 20px; color: #FFF;}
    .section-email {text-align: center; padding: 35px;}
    .email-icon {width: 35%;}

    .logo-visitesantos {
    width: 35%;
    height: auto;
    }

    /* INFO APRE */
    .info-apre h1 {font-size: 1.125rem; text-align: center!important;}

    /* PARALLAX*/
    /* PARALLAX */
    .h2-responsive, .section-blog-fw h2 {
    font-size: 1.1875rem; font-weight: 600;}

    .col-ps-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }

    /*PADRÃO INTERNAS*/
    .internas {position: relative; margin-top: 60px; height: auto;}
    .bt_bb_headline h1, .bt_bb_headline h2, .bt_bb_headline h3, .bt_bb_headline h4, .bt_bb_headline h5, .bt_bb_headline h6 {font-size: 2.4rem;}
    .bt_bb_headline h1, .bt_bb_headline h2, .bt_bb_headline h3, .bt_bb_headline h4, .bt_bb_headline h5, .bt_bb_headline h6 {display: block; margin-bottom: 0;margin-top: 0;padding: 0;}

    /* footer */
    .logo-footer {width: 112px; height: 34px; opacity: 0.9;}

 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) { ... }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) { ... }

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { ... }

@media (min-width: 600px) {
.top-nav-collapse {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    margin-top: 0px!important;
    }
}

@media (min-width: 768px) {
    /*.navbar-brand, .logo-mobile {display: none;}*/
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { ... }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 

    .navbar-expand-lg .navbar-nav {margin-left: 22px;}
    .top-nav-collapse {padding-top: 5px!important; padding-bottom: 5px!important; margin-top: 0px!important;}
    .logo {width: 180px; height:auto;}
    .logo-collapse {width: 112px; height: 34px; margin-top: -3px; display: block!important; transition: all 0.3s ease;} 

    /* carousel */
    .content-carousel {width: 700px; position: relative; margin-top: 150px; margin-left: -385px!important;}
    .content-carousel h1 {font-size: 3.5em; padding-bottom: .3em;}
    .content-carousel p {}
    .content-carousel a {}
    .bg-5 {background-position: 50% 50%;}

    .content-left {
    float: right;
    padding: 25px 100px 25px 100px;
    }
    .whats-icon {width: 15%; float: left; padding-bottom: 0; margin-right: 15px;}
    .email-icon {width: 15%; float: left; padding-bottom: 0; margin-right: 15px;}
    .atalho {display: none;}

    /* PARALLAX */
    .h2-responsive, .section-blog-fw h2 {
    font-size: 200%;
    font-weight: 600;}

    .section-whats p {font-size: 20px; margin-top: 10px; line-height: 20px; color: #FFF;}

    /*COTAÇÕES */
    .cotacoes iframe {height: 315px;}

    /* LOGOS */
    .col-log-1 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}

    /* footer */
    .logo-footer {width: 112px; height: 34px; display: block}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .top-nav-collapse {padding-top: 5px!important; padding-bottom: 5px!important; margin-top: 0px!important;}
    .logo {width: 180px; height:auto;}
    .logo-collapse {width: 112px; height: 34px; margin-top: -3px; display: block!important; transition: all 0.3s ease;} 

    /* carousel */
    .content-carousel {width: 700px; position: relative; margin-top: 150px; margin-left: -385px!important;}
    .content-carousel h1 {font-size: 3.5em; padding-bottom: .3em;}
    .content-carousel p {}
    .content-carousel a {}
    .bg-5 {background-position: 50% 50%;}

    .content-left {
    float: right;
    padding: 25px 100px 25px 100px;
    }
    .whats-icon {width: 15%; float: left; padding-bottom: 0; margin-right: 15px;}
    .email-icon {width: 15%; float: left; padding-bottom: 0; margin-right: 15px;}
    .atalho {display: none;}

    /* PARALLAX */
    .h2-responsive, .section-blog-fw h2 {
    font-size: 200%;
    font-weight: 600;}

    .section-whats p {font-size: 20px; margin-top: 10px; line-height: 20px; color: #FFF;}

    /*COTAÇÕES */
    .cotacoes iframe {height: 315px;}

    /* LOGOS */
    .col-log-1 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}

    /*PADRÃO INTERNAS*/
    .internas {position: relative; margin-top: 125px; height: auto;}

    .bt_bb_headline h1, .bt_bb_headline h2, .bt_bb_headline h3, .bt_bb_headline h4, .bt_bb_headline h5, .bt_bb_headline h6 {font-size: 3.75rem;}
    .bt_bb_headline h1, .bt_bb_headline h2, .bt_bb_headline h3, .bt_bb_headline h4, .bt_bb_headline h5, .bt_bb_headline h6 {display: block; margin-bottom: 0;margin-top: 0;padding: 0;}
    /* footer */
    .logo-footer {width: 112px; height: 34px; display: block;}
}