/*
Theme Name:   indc
Description:  Write here a brief description about your child-theme
Author:       informatiza
Author URL:   https://informatizaweb.com.br/
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  indc
*/
#header_pop {
    transition: ease-out .3s all;
}
#main-banner {
    overflow: hidden;
}

/* Write here your own personal stylesheet */
@media screen and (max-width: 1260px) and (min-width: 1026px) {
    #header_info {
        height: 60px;
    }
    #header_pop.scrolled-up {
        top: -60px !important;
    }
    #header_social_title {
        display: none;
    }
    #header_social_icons {
        width: 15%;
    }
    #header_message {
        width: 40%;
    }
}
@media screen and (max-width: 1260px) and (min-width: 1025px) {
    #header_menu {
        width: 71%;
    }
    #header_menu a {
        font-size: 14px;
    }
    #header_button {
        width: 14%;
    }
    #header_button a {
        font-size: 14px;
        padding: 10px 20px 10px 20px;
    }
}
@media screen and (max-width: 1024px) {
    .bgd-mbl-rmv {
        background-image: none !important;
    }
    .order-2 {
        order: 2 !important;
    }
    .whatsapp {
        right: 3%;
    }
}
@media screen and (width: 1025px) {
    #header_contact {
        width: 40%;
    }
    #header_message {
        width: 40%;
    }
    #header_social_icons {
        width: 20%;
    }
}
@media screen and (max-width: 1025px) and (min-width: 769px) {
    #header_info {
        height: 90px;
    }
    #header_pop.scrolled-up {
        top: -90px !important;
    }
    #header_social_title {
        display: none;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    #header_menu {
        order: 2;
    }
}
@media screen and (max-width: 985px) {
    .whatsapp {
        bottom: 10%;
    }
}
@media screen and (max-width: 768px) {
    #header_info {
        height: 130px;
    }
    #header_pop.scrolled-up {
        top: -130px !important;
    }
}
@media screen and (max-width: 767px) {
    #header_message h3 {
        text-align: center;
    }
}
@media screen and (max-width: 650px) {
    .whatsapp {
        bottom: 20%;
    }
}