/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    .envelope_icon{margin-top: 5px;}
    .stepsLd {
        flex-wrap: wrap;
        display: flex;
    }
    .steam .flex_between.wrap {
        flex-wrap: wrap !important;
        align-items: flex-start;
    }
    .flex_between div h3.text-white.mb-10{margin-bottom: 0 !important;}
    body .stepsLd li img{margin-right: 0 !important;height: 90px !important;}
    body .stepsLd li {
        display: block;
        max-width: 48%;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #000000;
        padding: 45px 40px 40px 20px;
        flex-wrap: wrap;
        margin: 1%;
        justify-content: center;
        text-align: center;
    }
    .col-auto.pl-0{width: 200px;}
    .mobile-on.ipad-off{display: none !important;}
    body section h3{font-weight: bolder;}
    section.g{background-position: 90% 50% !important;}
    section.g2{background-position: 68% 50% !important;}
    section.height-xs-fit{height: auto !important;padding: 170px 0 !important}
    .height-xs-fit .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    .team-member-position h4{letter-spacing: 0 !important;font-size: 12px !important;}
    .col-ip-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-ip-12{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ipad-off{display: none !important;}
    .ipad-on{display: block !important;}
    #top nav ul{display: none;}
    body .section-mod {
        padding: 50px 0;
    }
    .joinus img{margin-bottom: 0 !important;}
    .scroll span {
        max-width: 50px;
    }
    body .boxblue {
        display: flex;
        height: 270px;
        border: 1px solid #29ABE2;
        align-items: center;
        justify-content: center;
        padding: 10px;
        width: 100%;
        margin: auto;
    }
    body h4 {
        font-size: 16px;
        letter-spacing: 3px;
        font-weight: bold;
    }
    body h2 {
        font-size: 28px !important;
        line-height: 1 !important;
        font-weight: bold !important;
        margin-bottom: 5px !important;
    }

    body p{
        font-size: 16px;
        line-height: 1.7;
    }
    body .boxspadding div.col-md-4 {
        padding: 0 15px;
    }
    .height-fit .vertical-align{
        position: relative !important;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    .height-fit{
        height: auto !important;
    }
    body h3 {
        font-size: 21px;
        line-height: 34px;
    }
    .col-md-12.text-center.flex_between h2{
        text-align: left;
    }
    .mb-xs-40{
        margin-bottom: 40px;
    }
    .rs{display: none;}

    .col-xs-6{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-7{
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    /*.joinus{flex-wrap: wrap;}
    .joinus p,
    .joinus h3{
        width: 100% !important;
        text-align: left;
    }*/
    .mobile-off{display: none;}
    .mb-xs-20{margin-bottom: 20px;}
    .stepsLd li{flex-wrap: wrap;}
    .stepsLd li p{width: 100%;}
    .stepsLd h3{font-weight: bold;}
    body h1{
        font-weight: bolder !important;
    }
    .team-member-position h3{margin-bottom: 0 !important;}
    .text-xs-center{text-align: center !important;}
    .flex_between.wrap{flex-wrap: wrap !important;}
    .steam .flex_between.wrap {
        flex-wrap: wrap !important;
        align-items: flex-start;
    }
    .flex_between .btn.btn-rounded.btn-large {
        padding: 9px 20px;
    }

    body .panel-title{font-size: 14px !important;}
    #contact-form{
        padding:  0 15px !important;
    }
    .flex_m a{margin: 0 !important;margin-right: 20px !important;}
    .flex_m{
        display: flex;
        align-items: center;
    }
    .mobile-on{display: block !important}
    .player_serie {
        max-height: 363px;
        margin-top: 80px;
    }
    /*span.plus{
        line-height: 2.4 !important;
    }*/
    header a.logo {
        padding: 10px;
    }
    .mainleftmenu {
        margin: 50px 0 0 0 !important;
    }
    body ul.mainleftmenu>li> a {
        text-decoration: none !important;
        font-size: 20px;
        font-weight: 700;
        color: white;
        text-transform: uppercase;
        display: flex;
        padding: 15px 15px !important;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    body.main_menuH.rightpart {
        padding: 0;
    }
    body .menu_open.x_ {
        right: 25px !important;
    }
    body ul.mainleftmenu>li>a span.lm:after{
        height: 25px !important;top: 5px;
    }
    body ul.mainleftmenu>li>a span.lm:before{
        width: 25px;left: 5px;
    }
    body ul.mainleftmenu>li ul {
        padding: 0 60px 30px 30px !important;
    }

    .col-md-12.subfooter {flex-wrap: wrap !important;justify-content: center !important;text-align: center;}
    .col-md-12.subfooter p{width: 100% !important;font-size: 11px !important;}
    /*.col-md-12.subfooter p+p{text-align: right;padding-left: 20px;}*/
    body .ballWaves {
        padding: 10px 20px;
        left: calc(50% - 48px);
        width: 93px;
    }
    body .border-r:before{display: none;}
    .mb-xs-60{margin-bottom: 60px !important;}
    .mb-xs-10{margin-bottom: 10px !important;}
    .mb-xs-5{margin-bottom: 5px !important;}
    .mb-xs-0{margin-bottom: 0px !important;}
}



/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    body .player_serie {
        max-height: 435px;
    }
    .envelope_icon{margin-top: 5px;}
    body h1,
    body h2{
        font-weight: bold;

    }
    body h3 {
        font-size: 27px;
        line-height: 1.2;
        font-weight: bold;
    }
    body .boxblue {
        width: 100%;
    }
    .team-member-position h3{margin-bottom: 0 !important;}
    .flex_between div h3.text-white.mb-10{margin-bottom: 0 !important;}
    h4{
        font-size: 16px !important;
        font-weight: bold !important;
    }
    .team-member-position h4{
        font-size: 14px !important;
        letter-spacing: 0 !important;
        margin-bottom: 0 !important;
    }
    body .stepsLd p {
        width: calc(100% - 310px);
    }

    .col-auto.pl-0{width: 200px;}
}