@media (max-width: 320px) {
    .fixed-top {position: absolute!important;}
    .logo {width: 75px; height: 27px; background-image: url("../img/svg/logo.svg"); background-repeat: no-repeat; transition: all 0.3s ease;}
    .social-icons {width: 45%;}
    .social-icons i {color: #FFF;}
    .nav-link {margin: 0 0.2rem;}
    .bg-transparent {background-color: #032b4ee8!important;}
    .active-home {background-color: transparent!important;}
    .banner-int {height: 266px;}
}

/* Pequenos dispositivos (telefones paisagem, 576 px e acima) */
@media (min-width: 576px) and (max-width: 767px) {
    .fixed-top {position: absolute!important;}
    .logo {width: 75px; height: 27px; background-image: url("../img/svg/logo.svg"); background-repeat: no-repeat; transition: all 0.3s ease;}
    .social-icons {width: 45%;}
    .social-icons i {color: #FFF;}
    .nav-link {margin: 0 0.2rem;}
    .bg-transparent {background-color: #032b4ee8!important;}
    .active-home {background-color: transparent!important;}
     .banner-int {height: 266px;}
}

@media (max-width: 575px){
.fixed-top {
    position: absolute!important;}
    .logo {width: 75px; height: 27px; background-image: url("../img/svg/logo.svg"); background-repeat: no-repeat; transition: all 0.3s ease;}
    .social-icons {width: 45%;}
    .social-icons i {color: #FFF;}
    .nav-link {margin: 0 0.2rem;}
    .bg-transparent {background-color: #032b4ee8!important;}
    .active-home {background-color: transparent!important;}
     .banner-int {height: 150px;}
}

/* Dispositivos médios (tablets, 768px e acima) */
@media (min-width: 768px) and (max-width: 991px) {
    .fixed-top {position: absolute!important;}
    .logo {width: 95px; height: 34px; background-image: url("../img/svg/logo.svg"); background-repeat: no-repeat; transition: all 0.3s ease;}
    .social-icons {width: 45%;}
    .social-icons i {color: #FFF;}
    .nav-link {margin: 0 0.2rem;}
    .bg-transparent {background-color: #032b4ee8!important;}
    .active-home {background-color: transparent!important;}
}

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

    .navbar .active {
        background-color: #0675e4;
        color: #FFF;
        border-radius: 4px;  
     }

     .logo {width: 129px; height: 48px; background-image: url("../img/svg/logo.svg"); background-repeat: no-repeat; transition: all 0.3s ease;}
     .logo-collapse {width: 116px; height: 43px; background-image: url("../img/svg/logo-collapse.svg"); background-repeat: no-repeat;}

    /*.teste {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #d94f5c;
    -webkit-transition: ease-in .35s;
    transition: ease-in .35s;
    }*/


    .nav-link {
    position: relative;
    display: block;
    margin: 0 0.2rem;
    padding: 0.75em 0;
    text-align: center;
    color: #b5b5b5;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    }

    /* CAROUSEL */
    .carousel-text {font-family: 'D-DIN';}
    .carousel-text h1 {text-transform: uppercase; font-size: 4.9375rem;}

    /* PRODUTOS HOME */
    .col-xl-produtos-home {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 19.999999%;
    max-width: 19.999999%;
    }

    .banner-int {height: 225px;}

}

/* Dispositivos extra grandes (grandes áreas de trabalho, 1200px e acima) */
@media (min-width: 1200px) {

    .navbar .active {
        background-color: #0675e4;
        color: #FFF;
        border-radius: 4px;  
     }

     .logo {width: 129px; height: 48px; background-image: url("../img/svg/logo.svg"); background-repeat: no-repeat; transition: all 0.3s ease;}
     .logo-collapse {width: 116px; height: 43px; background-image: url("../img/svg/logo-collapse.svg"); background-repeat: no-repeat;}

    /*.teste {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #d94f5c;
    -webkit-transition: ease-in .35s;
    transition: ease-in .35s;
    }*/


    .nav-link {
    position: relative;
    display: block;
    margin: 0 0.2rem;
    padding: 0.75em 0;
    text-align: center;
    color: #b5b5b5;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    }

    /* CAROUSEL */
    .carousel-text {font-family: 'D-DIN';}
    .carousel-text h1 {text-transform: uppercase; font-size: 4.9375rem;}

    /* PRODUTOS HOME */
    .col-xl-produtos-home {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 19.999999%;
    max-width: 19.999999%;
    }

    /* BASE INT*/
    .banner-int {height: 266px;}

    
}