.nav_section {
    background  : rgb(20, 56, 96);
    margin-top  : 0vw;
    z-index     : 10000000;
}
.nav_section .bg-dark{
    background-color    : transparent !important;
}
.nav_section .container {
    width       : 90%;
    max-width   : 100%;
}
.navbar-brand {
    left    : 0;
    margin  : auto;
}
.separation_links {
    padding-left    : 1vw;
}
.separation_links_creditos {
    padding-left    : 1vw;
}        
.navbar-brand img {
    padding-bottom  : 0vw;
    padding-top     : 0vw;
    width           : 6vw;
}    
.navbar-dark .navbar-nav .nav-link{
    font-size           : 0.9vw;
    padding             : .7vw;
    color               : white;
    transition          : all ease .4s;
    -webkit-transition  : all ease .4s;
    -moz-transition     : all ease .4s;
    -ms-transition      : all ease .4s;
    -o-transition       : all ease .4s;
}
.mainmenu-area {
    position            : fixed;
    left                : 0;
    top                 : 0;
    width               : 100%;
    z-index             : 9999999;
    -webkit-transition  : 0.3s;
    transition          : 0.3s;
}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{
    color           : white;
    text-decoration : underline;
}
.language_icon {
    right   : 0;
    margin  : auto;
    width   : 3.5vw;
}
.language_icon .flag-icon {
    line-height : 2em;
    width       : 1.7vw;
}
.language_icon button {
    background-color    : transparent;
    border-color        : transparent;
}
.language_icon .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    background-color    : transparent;
    border-color        : transparent;
}
.language_icon .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline : unset!important;
}
.language_icon .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
    box-shadow  : unset!important;
}
.flag_icon_mobile {
    display     : none;
    margin-left : 50vw;
    width       : 8vw;
}
.navbar-dark .navbar-toggler {
    border-color    : transparent!important;
}    
.navbar-toggler-icon {
    height  : 1.5em!important;
    width   : 1.5em!important;
}
.change_language {
    float       : right;
    margin-top  : -2vw;
    text-align  : center;
}
.change_language .flag-icon {
    width       : 2.333333em;
    line-height : 2em;
}
.change_language button {
    background-color    : transparent;
    border-color        : transparent;
}
.bootstrap-select>.dropdown-toggle:after {
    display: none;
}
.bootstrap-select>.dropdown-toggle:hover,
.bootstrap-select>.dropdown-toggle:active, 
.bootstrap-select>.dropdown-toggle:focus,
.bootstrap-select>.dropdown-toggle:visited {
    background-color    : transparent;
    border-color        : transparent;
}
.language_icon button {
    background-color    : transparent;
    border-color        : transparent;
}
/* IPAD PRO */
@media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {}
/* IPAD */
@media only screen 
    and (min-width: 768px) 
    and (max-height: 1024px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {}
/* KIDLE FIRE HDX */
@media only screen 
    and (min-width: 800px) 
    and (max-height: 1280px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {}
@media( max-width: 768px ) and ( max-height: 500px ) {
    .nav_section {
        margin-top : 0vw!important;
    }        
    .mainmenu-area .container {
        width : 100%!important;
    }
    .navbar-dark .navbar-nav .nav-link {
        font-size   : 2.2vw!important;
        padding     : 0.3vw!important;
        text-align  : center!important;
    }
    .language_icon {
        display : none!important;
    }
    .language_icon_english {
        display : none!important;
    }
    .navbar-brand img {
        padding-bottom  : 0vw!important;
        margin-left     : 0vw!important;
        margin-right    : 0vw!important;
        padding-top     : 0vw!important;
        width           : 10vw!important;
    }
    .change_language {
        margin-top: 0vw!important;
    }    
    .flag_icon_mobile {
        display         : block!important;
        margin-left     : 0vw!important;
        margin-right    : 0vw!important;
        padding         : 0!important;
        width           : 6vw!important;
    }
}
@media( max-width: 700px ) {
    .navbar-toggler {
        margin-right    : unset;
    }    
    .nav_section .container {
        width   : 100%;
    }    
    .nav_section {
        margin-top : 0vw;
    }        
    .navbar-dark .navbar-nav .nav-link {
        font-size : 4vw;
        padding   : 1.2vw;
    }
    .flag_icon_mobile{
        display     : inline;
        margin-left : 0vw;
    }        
    .language_icon {
        display : none;
    }
    .language_icon_english {
        display : none;
    }
    .navbar-brand img {
        width           : 20vw;
        margin-left     : 5.5vw;
        margin-right    : 2vw;
        padding-bottom  : 0vw;
        padding-top     : 0vw;
    }
    .flag_icon_mobile {
        width: 18vw;
    }
    .change_language {
        margin-top: 0vw;
    }
    .navbar-nav {
        text-align  : center;
    }    
}
@media (max-height: 480px) and (max-width: 320px) {
    .navbar-brand img {
        width: 15vw;
        margin-left: 5vw;
        margin-right: 0vw;
    }
    .flag_icon_mobile {
        width: 25vw;
    }        
}