﻿/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .banner-text {
        width: 800px;
        font-size: 34px;
    }

    .news-container .col-xxl-2 {
        width: 12.667%;
    }

    .home .news-container .col-xxl-2 {
        width: 17%;
    }

    .news-container .col-xxl-10 {
        width: 86.333%;
    }

    .home .news-container .col-xxl-10 {
        width: 83%;
    }

    .home .news-container {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .zirox-testimonials--home-3 .zirox-testimonials__vectors-left {
        top: 40px;
    }
}
/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px) {

    .home .news-container .title {
        margin: 0;
    }

    .innerPages .news-container .col-xl-3 {
        width: 12.667%;
    }

    .innerPages.news-container .col-xl-9 {
        width: 86.333%;
    }

    .banner-text {
        width: 600px;
        top: 35%;
    }

        .banner-text .text01 {
            font-size: 35px !important;
        }

        .banner-text .text02 {
            font-size: 28.5px !important;
        }


    .Main-Logo {
        padding: 20px 15px 10px;
        width: 330px;
    }

        .Main-Logo img {
            max-width: 60px;
            padding: 0;
        }

    .Main-Title .part01 {
        margin-top: 8px;
    }

    .Login-Button {
        width: 145px;
    }

    .zirox-mobile-nav-wrap {
        display: inline-block;
    }

    .Login-Button {
        display: inline-block;
        margin-left: 30px;
    }

    .zirox-header__mobile-nav-bar {
        display: inline-block !important;
    }

    .program .news-container {
        min-height: 215px;
    }

    .organization .box-container {
        min-height: 205px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    .home .news-container .title {
        margin: 0;
    }

    .banner-text {
        width: 590px;
    }

        .banner-text .text01 {
            font-size: 35px;
        }

        .banner-text .text02 {
            font-size: 28.5px;
            display: inline-block;
        }

    .zirox-mobile-nav-wrap {
        display: inline-block;
    }

    .Login-Button {
        display: inline-block;
        margin-left: 30px;
    }

    .zirox-header__mobile-nav-bar {
        display: inline-block !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    .home .news-container .title {
        margin: 0;
    }

    .banner-text {
        width: 435px;
    }

        .banner-text .text01 {
            font-size: 25px;
        }

        .banner-text .text02 {
            font-size: 20.5px;
            display: inline-block;
        }

    .zirox-mobile-nav-wrap {
        display: inline-block;
    }

    .Login-Button {
        display: inline-block;
        margin-left: 30px;
    }

    .zirox-header__mobile-nav-bar {
        display: inline-block !important;
    }

    body {
        padding-bottom: 520px;
    }
}

/*Small devices (landscape phones, 576px and up*/
@media (min-width: 576px) and (max-width: 767px) {
    .banner-text {
        width: 360px;
        padding: 15px;
    }

        .banner-text .text01 {
            font-size: 20px;
        }

        .banner-text .text02 {
            font-size: 16.5px;
            display: inline-block;
        }

    .zirox-mobile-nav-wrap {
        display: inline-block;
    }

    .Login-Button {
        display: inline-block;
        margin-left: 30px;
    }

    .zirox-header__mobile-nav-bar {
        display: inline-block !important;
    }

    .zirox-footer .partners img {
        max-width: 150px;
    }

    .zirox-footer {
        padding-bottom: 20px;
    }

    .News .Day,
    .News .Month,
    .News .year,
    .Day, .Month, .year {
        display: inline-block;
        font-size: 18px;
        font-weight: normal;
    }

    .News .year,
    .year {
        border: none;
        padding: 0;
        margin: 0;
    }

    .News .date,
    .date {
        background: #eab84e;
        color: white;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        padding: 5px 10px;
        text-align: left;
        display: inline-block;
        margin-bottom: 15px;
    }

    .zirox-testimonials--home-3 .zirox-testimonials__text h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .zirox-about__right.wow.fadeInRight {
        margin-top: 30px;
    }

    .zirox-about--home-3 .zirox-about__right::after {
        display: none;
    }

    .zirox-about--home-3 .zirox-about__right-img {
        width: 100%;
    }

    body {
        padding-bottom: 675px;
    }

    .program .data {
        padding: 15px;
    }

    .member-info {
        text-align: center;
        margin-top: 15px;
    }

    .zirox-team-item {
        margin-bottom: 0
    }

    .organization .zirox-team-item{
        margin: 15px;
    }
}

@media (max-width: 575px) {

    .organization .zirox-team-item {
        margin: 15px;
    }

    .zirox-team-item {
        margin-bottom: 0
    }

    .member-info {
        text-align: center;
        margin-top: 15px;
    }

    .program .data {
        padding: 15px;
    }

    body {
        padding-bottom: 710px;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .zirox-testimonials--home-3 .zirox-testimonials__text h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .zirox-about__right.wow.fadeInRight {
        margin-top: 30px;
    }

    .zirox-about--home-3 .zirox-about__right::after {
        display: none;
    }

    .zirox-about--home-3 .zirox-about__right-img {
        width: 100%;
    }

    .News .Day,
    .News .Month,
    .News .year,
    .Day, .Month, .year {
        display: inline-block;
        font-size: 18px;
        font-weight: normal;
    }

    .News .year,
    .year {
        border: none;
        padding: 0;
        margin: 0;
    }

    .News .date,
    .date {
        background: #eab84e;
        color: white;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
        padding: 5px 10px;
        text-align: left;
        display: inline-block;
        margin-bottom: 15px;
    }

    .banner-text {
        /*display: none;*/
    }

    .banner-text {
        top: auto;
        width: 90%;
        left: 5%;
        bottom: 0%;
    }

        .banner-text .text01 {
            font-size: 24px;
        }

        .banner-text .text02 {
            font-size: 24px;
        }

    .Login-Button a {
        font-size: 14px;
        line-height: normal;
        padding: 10px;
        text-transform: none;
    }

    .Main-Logo {
        padding: 0;
        width: 200px;
    }

        .Main-Logo img {
            padding-left: 0px;
            max-width: 40px;
            padding-right: 2px;
            padding-top: 5px;
        }

        .Main-Logo a {
            padding-left: 0;
        }

    .Main-Title .part01 {
        font-size: 18px;
    }

    .Main-Title .part02 {
        font-size: 14.8px;
        margin-top: 0;
    }

    .zirox-header-3 .container-fluid {
        margin-left: 0;
    }

    .Main-Title .part03 {
        font-size: 12px;
        margin-top: 0;
    }

    .Login-Button {
        margin-left: 15px;
    }

    .zirox-mobile-nav-wrap, .Login-Button {
        display: inline-block;
    }

    .zirox-header__mobile-nav-bar {
        display: inline-block !important;
    }

    .welcome-text {
        display: none;
    }

    .zirox-footer .partners img {
        max-width: 150px;
        margin-bottom: 20px;
    }

    .zirox-footer {
        padding-bottom: 20px;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .welcome-text {
        display: none;
    }
}
