@media (max-width: 389px){
   
    #mobile-endereco {
        margin-left: 20px;
        padding: 0;
        float: left;
        font-size: 100%;
        max-width: 200px !important;
    }
    
}

@media (max-width: 1602px){
    .col-banner {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #page-title-desktop {
        left: 10%;
    }


}

@media (max-width: 1080px){

    #col-img-30-yeas{
        display: none;
    }
    
    #col-img-national-company {
        display: none;
    }
    
    #col-img-contact {
        margin-left: 22%;
    }
}

@media (max-width: 767px) {
    #col-img-contact {
        margin-left: 68%;
    }
}

@media (max-width: 765px){
    #conversor {
        margin-top: 30px;
    }

    #page-title-desktop {
        left: 2%;
    }
}

/* MOBILE */
@media (min-width: 0px) and (max-width: 700px)
{
    #container-desktop {display: none;}
    #container-mobile {display: block;}
    html {
        font-size: 30px;
    }
}

/* DESKTOP */
@media (min-width: 701px){
    #container-mobile {display: none;}
    #container-desktop {display: block;}
}
/* MOBILE */
@media (min-width: 0px) and (max-width: 700px)
{
    #container-desktop {display: none;}
    #container-mobile {display: block;}
    #col-title-conversor-m {
        margin-bottom: 30px;
    }
}

/* DESKTOP */
@media (min-width: 701px){
    #container-mobile {display: none;}
    #container-desktop {display: block;}
}

@media (max-height: 662px) and (min-width: 700px){
    #main-top {
        margin-top: 3px;
    }
    
    #img-top-main {
        height: 135px;
    }

    #conversor > .row {
        margin-top: 3px !important;
    }

    #menu-desktop {
        margin-top: 3%;
    }

    #banner-show {
        margin-top: 5px;
        margin-bottom: 30%; 
        height: auto;
    }

    .col-banner {
        max-height: 110px !important;
        margin-left: 2% /*20px*/ !important;
        margin-right: 1% /*20px*/ !important;
        max-width: 125px !important;
    }

    .img-banner {
        margin-top: 1px !important;
        max-height: 110px !important;
        max-width: 125px !important;
    }

    .img-banner > h1 {
        font-size: 10px;
        padding: 2px;
        max-width: 110px;
    }
}

@media (max-height: 662px) and (min-width: 1475px){
    #banner-show {
        margin-bottom: 6%; 
    }

    .col-banner {
        margin-left: 3.1% /*20px*/ !important;
    }
}

@media (max-height: 662px) and (min-width: 1670px){
    .col-banner {
        margin-left: 4% /*20px*/ !important;
    }
}

@media (max-width: 1167px){
    #menu-conversor {
        margin-left: 0px;
        margin-right: 0px !important;
    }
    
    #conversor {
        margin-top:  20px;
        margin-left: 0;
    }
}

@media (min-width: 767px) and (max-width: 1001px){
    #page-title-desktop {
        margin-bottom: 40px;
    }
    
    #conversor {
        margin-left: 20%;
    }

    #menu-desktop {
        min-width: 400px;
        margin-left: 40%;
    }
}

@media (max-width: 767px){
    #conversor {
        margin-left: 0;
    }

    #menu-desktop {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    #page-title-desktop {
        margin-bottom: 60px;
    }
}