@media only screen and (max-width: 750px) and (orientation:landscape) {
    .digital_app .pt-5 {
        padding-top: 1em !important;
    }
    .bottom_grass,
    .bottom_lab,
    .games {
        display: none;
    } 
}
@media only screen and (max-width: 568px) and (orientation:portrait) {
      .digital_app .main_title {
            font-size: 2.1em;
        }
          .bottom_grass,
          .bottom_lab {
           display: none;
        }
}


/* mobile landscpe */
@media (min-width: 480px) and (max-width: 850px)  and (orientation:landscape){
    .login .col-md-8 {
            width: 66.6666666667%;
    }
     .login .col-md-4 {
            width: 33.3333333333%;
    }
    .logo {
            max-width: 75px;
    }
    .login .electa_img {
            max-width: 400px;
    }
    .login_form {
        min-width: 8em;
        margin: 0 auto;
    }
    .invalid-feedback {
        font-size: .75em;
    }
    .about_us .col-md-6 {
            width: 50%;
    }
    .about_us .col-md-6 {
            width: 50%;
    }
    .about_us .main_title {
        font-size: 3em;
        line-height: 1;
    }
    .about_us .sub_title {
        font-size: 1.3em;
        width: 95%;
    }
    .about_us .bottom_text {
        width: 90%;
        font-size: 1em;
    }
    .pappers {
        max-width: 400px;
    }
    .digital_app .lap {
        right: 5%;
        bottom: 10%;
        max-width: 115px;
    }
    .digital_app .mob {
        bottom: 21%;
        left: 9%;
        max-width: 80px;
    }
    .digital_app .sub_title {
        font-size: .9em;
    } 
    .digital_app .main_title {
        font-size: 2.2em;
    }
    .explore .text span {
        font-size: 1.5em;
    }
    .explore .main_title {
        font-size: 3em;
    }
    .web_app .main_title {
        font-size: 1.5em;
    }
    .web_app .sub_title {
        font-size: 0.9em;
        width: 100%;
    }
    .bottom_grass,
    .bottom_lab {
        display: none;
    }
    .web_app .top_title h4 {
        font-size: 1em;
    }
    .top_title {
        text-align: center;
    }
    .horizontal_line {
        width: 8em;
        margin: 0 auto;
    }
    .cloud {
        position: absolute;
        top: 11%;
        left: 35%;
        max-width: 360px;
    }
     .interactive_media .main_title {
        font-size: 1.5em;
    }
    .interactive_media .sub_title {
        font-size: 0.9em;
        width: 100%;
    }
    .interactive_media .top_title h4 {
        font-size: 1em;
    }
    .silvadore {
        max-width: 230px;
        position: unset;
    }
    .market_research .main_title {
        font-size: 2.2em;
    }
    .market_research .red_sub {
        font-size: 1.6em;
    }
    .market_research .sub_title_white {
        font-size: 1.1em;
    }
    .market_research .sub_title {
        font-size: 1em;
    }
    .digital_games .top_title {
        left: 0 !important;
    }
    .top_title h4 {
        font-size: 1.1em;
    }
    .digital_games .main_title {
        font-size: 2.5em;
    }
    .digital_games .sub_title {
        font-size: 1.1em;
        line-height: 1.2;
    }
    .games {
        display: none;
    }
    .expertise {
        max-width: 328px;
    }
    .word {
        font-size: 1em;
        line-height: 1;
    }
    .word_one {
        top: 40%;
        left: 28%;
    }
    .word_two {
        top: 57%;
        left: 9%;
    }
    .word_three {
        bottom: 1%;
        left: 7%;
    }
    .word_four {
        top: 41%;
        right: 20%;
    }
    .word_five {
        top: 70%;
        right: 17%;
    }
    .word_six {
        bottom: 2%;
        right: 10%;
    }
    .digital_events .main_title {
        font-size: 2em;
    }
     .digital_events .top_title {
         text-align: left;
     }
      .digital_events .horizontal_line {
         margin: unset;
     }
     .man {
         max-width: 240px;
         width: 100%;
     }
     .man {
           display: none;
        }
}


@media only screen and (max-width:860px) and (orientation:portrait){
    .about_us .col-md-6 {
        width: 100%;
    }
    .microphone {
        max-width: 500px;
        width: 100%; 
    }
    .about_us .main_title {
        font-size: 4em;
    }
}

/* ipad portrait */
@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
  .login .col-md-8 {
            width: 100%;
    }
     .login .col-md-4 {
            width: 100%;
    }
    .digital_app .main_title {
        font-size: 4em;
    }
    .digital_app .lap {
        max-width: 220px;
    }
    .digital_app .mob {
        max-width: 165px;
    }
    .web_app .col-md-9 {
        width: 100%;
    }
    .web_app .col-md-3 {
        width: 100%;
    }
    .bottom_lab {
        max-width: 330px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .bottom_grass {
           max-width: 200px;
    }
     .interactive_media .col-md-9 {
        width: 100%;
    }
    .interactive_media .col-md-3 {
           width: 100%;
    }
    .market_research .col-md-6 {
        width: 100%;
    }
    .market_research .col-md-6 {
           width: 100%;
    }
    .silvadore {
        position: unset;
        max-width: 342px;
    }
    .market_research .container-fluid.px-4 {
        padding-right: 0 !important;
    }
    .digital_games .top_title {
        left: 0;
    }
    .games {
        max-width: 210px;
    }
    .digital_games .top_title h4 {
        font-size: 1.3em;
    }
    .word_one {
        top: 40%;
        left: 13%;
    }
    .word_two {
        top: 58%;
        left: 3%;
    }
    .word_three {
        bottom: 11%;
        left: 10%;
    }
    .word_four {
        top: 40%;
        right: 12%;
    }
    .word_five {
        top: 63%;
        right: 6%;
    }
    .word_six {
        bottom: 16%;
        right: 6%;
    }
    .digital_events .main_title {
        font-size: 3.3em;
    }
    .man {
        max-width: 250px;
    }
     .digital_games .top_title h4 {
        font-size: 1em;
    }

    .about_us .main_title {
        font-size: 5em;
    }
    .about_us .sub_title {
        width: 81%;
        font-size: 2em;
    }
    .about_us .bottom_text {
        width: 70%;
    }

    
}

/* ipad landscape */
@media (min-width: 851px) and (max-width: 1200px) and (orientation: landscape) {
    .digital_app .main_title {
        font-size: 4em;
    }
    .digital_app .sub_title {
        font-size: 1.3em;
    }
    .digital_app .mob {
        max-width: 165px;
    }
    .digital_app .lap {
        max-width: 240px;
    }
    .web_app .sub_title {
        width: 95%;
    }
    .interactive_media .sub_title {
        width: 95%;
    }
    .interactive_media .top_title h4 {
        font-size: 1.3em;
    }
    .silvadore {
        max-width: 500px;
    }
     .market_research .main_title {
        font-size: 2.2em;
    }
    .market_research .red_sub {
        font-size: 1.6em;
    }
    .market_research .sub_title_white {
        font-size: 1.1em;
    }
    .market_research .sub_title {
        font-size: 1em;
    }
    .word {
        font-size: 1.1em;
        line-height: 1.1;
    }
    .word_one {
        top: 36%;
        left: 25%;
    }
    .word_two {
        left: 9%;
    }
    .word_three {
        left: 13%;
    }
    .word_four {
        right: 23%;
    }
    .word_five {
            right: 19%;
    }
    .word_six {
        right: 15%;
    }
    .about_us .main_title {
        font-size: 4.5em;
    }
    .about_us .sub_title {
        font-size: 2em;
        width: 85%;
    }
    .about_us .bottom_text {
        width: 80%;
    }
     .man {
        max-width: 270px;
    }
    .digital_games .top_title h4 {
        font-size: 1.3em;
    }
    .btn {
        font-size: .9em;
    }
    .digital_games .top_title {
        font-size: 0.9em;
    }
    h5, h5 {
        font-size: 1rem !important;
    }
}

@media  (max-width: 1024px) and (orientation: portrait) {
    .super {
        margin-top: 20vh;
    }
    .explore .text span {
        font-size: 1.5em;
    }
    .explore .main_title {
        font-size: 4em;
    }
}

@media (min-width: 1500px) {
    .expertise {
        max-width: 805px;
    }
    .word_one {
        left: 31%;
    }
    .word_two {
        left: 21%;
    }
    .word_three {
        left: 25%;
    }
    .word_four {
        right: 31%;
    }
    .word_five {
        right: 28%;
    }
    .word_six {
        right: 25%;
    }
}



@media only screen and (max-width: 767px) and (orientation: portrait) {
    .rotateMessage-text{
        text-align: center;
        color: #01303f;
        font-family: 'Nexa-Bold';
        font-size: 20px;
        line-height: 22px;
    }
    .rotateMessage {
        display: block;
    }
}

@media only screen and (max-width: 1000px) and (orientation: landscape) {
    .rotateMessage-text{
        text-align: center;
        color: #01303f;
        font-family: 'Nexa-Bold';
        font-size: 20px;
        line-height: 22px;
    }
    .rotateMessage {
        display: block;
    }
};

/* mobile portrait */
@media only screen and (max-width: 600px) and (orientation: portrait) {
        .logo {
            max-width: 75px;
        }
        .login.align-items-end {
            align-items: center!important;
        }
          .login_form {
            min-width: 14em;
        }
        .invalid-feedback {
            font-size: .75em;
        }
        .pappers {
            display: none;
        }
        .microphone {
            max-width: 335px;
            width: 100%;
        }
        .about_us .main_title {
            font-size: 3em;
        }
        .about_us .sub_title {
            font-size: 1.3em;
        }
        .electa_word {
            max-width: 210px;
            margin: 0 auto;
        }
        .about_us .bottom_text {
            font-size: .9em;
        }
        .about_us .bottom_text {
            width: 80%;
            margin: 0 auto;
        }
        .digital_app .main_title {
            font-size: 2.6em;
        }
        .digital_app {
            background-image: url(../media/images/digital-bg-mob.png);
            background-size: cover;
        }
        .mob, .lap {
            display: none;
        }
        .digital_app .sub_title {
            width: 85%;
            font-size: 1.1em;
        }
        .web_app .main_title {
            font-size: 2em;
        }
        .web_app .sub_title {
            font-size: 1.1em;
            width: 100%;
        }
        .bottom_lab {
            position: relative;
            bottom: 0;
            right: 0;
            max-width: 150px;
            width: 100%;
            margin: 0 10em;
        }
        .web_app .col-md-9 {
            margin-top: 2em;
        }
        .cloud {
            top: 10%;
        }
         .interactive_media .main_title {
            font-size: 2em;
        }
        .interactive_media .sub_title {
            font-size: 1.1em;
            width: 100%;
        }
        .interactive_media .col-md-9 {
            margin-top: 2em;
        }
        .bottom_grass {
            max-width: 155px;
        }
        .market_research .main_title {
            font-size: 2.2em;
        }
        .silvadore {
            position: unset;
        }
        .market_research .red_sub {
            font-size: 1.6em;
        }
        .market_research .sub_title_white {
            font-size: 1.1em;
        }
        .market_research .sub_title {
            font-size: 1em;
        }
         /* .container-fluid.px-4 {
            padding-right: 0 !important;
        } */
        .games {
            display: none;
        }
        .digital_games .main_title {
            font-size: 2.5em;
        }
        .digital_games .sub_title {
            font-size: 1.1em;
        }
        .word {
            font-size: 1em;
            line-height: 1;
        }
        .word_one {
            top: 40.5%;
            left: 10%;
        }
        .word_two {
            top: 58%;
            left: 9%;
        }
        .word_three {
            bottom: 14%;
            left: 4%;
        }
        .word_four {
            top: 40%;
            right: 8%;
        }
        .word_five {
            top: 66%;
            right: 1%;
        }
        .word_six {
            bottom: 16%;
            right: 4%;
        }
         .microphone {
            max-width: 270px;
            width: 100%; 
        }
        .drop_btn {
            padding: 0.275rem .55rem;
        }
        .man {
           display: none;
        }
        .digital_events .main_title {
            font-size: 2em;
        }

}

@media (min-width: 320px) and (max-width: 375px) and (orientation: portrait) {
    .word {
        font-size: .85em;
    }
}