@media(max-width: 992px) {
    .header{
        height: 70px;
    }

    .empower-section{
        position: relative;
        font-size: 13px;
        z-index:2;
    }
    .unveiling-text{margin-top: -7rem;}
}
@media(max-width: 768px) {
    .homepage-bg-image{
        background-image: url("homepage-bg-mobile.jpg");
        background-position: center bottom;
    }

    .innovation-block-img img{
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }

    .homepage-main-text-section{
        margin-top: 20px;
        min-height: calc(100vh - 88px - 20px);
    }
    .inner-page-gradient-section{
        margin-top: 20px;
    }
    .bg-angle-gradient-inner-page{
        margin-top: 0;
        height: calc(100%  + 88px + 70px + 50px);
    }
    .bg-angle-gradient{
        top: calc(0% - 88px - 30px - 1rem);
        height: calc(100% - 75px + 88px + 20px);
    }
    .bg-angle-gradient-1{
        top: -5%;
        height: calc(100% + 10%);
    }
    .bg-angle-gradient-inner-page.img-angle{
        -webkit-clip-path: polygon(0 0,100% 0,100% 80%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 80%,0 100%);
    }
    .img-angle-1 {
        -webkit-clip-path: polygon(0 9%,100% 0,100% 91%,0 100%);
        clip-path: polygon(0 5%,100% 0,100% 95%,0 100%);
    }

    .empower-profit{
        border-radius: 0 0 var(--border-radius) var(--border-radius);
    }
    .empower-profit-2{
        width: 90%;
        margin: 1rem auto;
        border-left: none;
        border-right: none;
        border-top: 1px solid rgba(255,255,255,0.5);
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
}
@media(max-width: 576px) {
    .text-mobile-section{
        font-size: 13px;
    }

    h2.text-size-25{
        font-size:2em;
    }

    .unlocking-icon{
        width: 100px;
        height: 100px;
    }
    .introduction-icon{
        width: 70px;
    }

    .navbar-brand img{
        max-height: 21px;
    }

    .innovation-block-text-header{
        font-size: 1.8em;
        line-height:1.2em;
    }

    .platform-rules-table th,
    .platform-rules-table td{
        display: block;
    }
    .platform-rules-table th{
        box-shadow: inset 0 0 150px 5px rgba(170,180,200,0.2);
    }

    .main-banner-icon-text{
        font-size:0.9em;
    }
}

@media(max-width: 400px) {
    #language_select{
        margin-left: 5px;
    }
    .homepage-main-text-section {
        font-size: 12px;
    }
}