/*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;
    }

    .Bulletin_InnerCircle {
        display: none;
    }
}
/*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%;
    }

    .ProgramDetails .col-xl-3 {
        width: 25% !important;
    }

    .ProgramDetails .col-xl-9 {
        width: 75% !important;
    }

    .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;
    }
    .Bulletin_InnerCircle {
        display: none;
    }
}

/*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;
    }

    /*=== Program style ====*/
    .ProgramDetails {
        background: white;
        border-left: 2px solid #125c80;
        margin-left: 15px;
    }

    .program .shaded-BG,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03,
    .program .MakerSpace,
    .program .time,
    .program .event,
    .border-bottom .time,
    .border-bottom .event {
        border: none;
    }

    .program .time {
        background: white;
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    .program .Bulletin_Box {
        position: relative;
        padding-left: 10px;
    }

    .program .Bulletin_OuterCircle {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #1e7ba8;
        padding: 2px;
        overflow: hidden;
        position: absolute;
        top: 37px;
        display: inline-block;
        left: -23px;
        top: 43px;
    }

        .program .Bulletin_OuterCircle.firstBulletin {
            top: 13px;
        }

    .program .Bulletin_InnerCircle {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #1e7ba8;
    }

    .program .highlight-BG,
    .program .Light-BG,
    .program .Break,
    .program .shaded-BG,
    .program .MakerSpace,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03 {
        margin-bottom: 15px;
        padding: 10px;
    }


    .program .highlight-BG {
        padding: 10px;
    }

    .program .border-bottom,
    .program .bl {
        border: none !important;
    }


    /*=== End of the Program style ====*/
}

/*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;
    }

    /*=== Program style ====*/
    .ProgramDetails {
        background: white;
        border-left: 2px solid #125c80;
        margin-left: 15px;
    }

    .program .shaded-BG,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03,
    .program .MakerSpace,
    .program .time,
    .program .event,
    .border-bottom .time,
    .border-bottom .event {
        border: none;
    }

    .program .time {
        background: white;
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    .program .Bulletin_Box {
        position: relative;
        padding-left: 10px;
    }

    .program .Bulletin_OuterCircle {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #1e7ba8;
        padding: 2px;
        overflow: hidden;
        position: absolute;
        top: 37px;
        display: inline-block;
        left: -23px;
        top: 43px;
    }

        .program .Bulletin_OuterCircle.firstBulletin {
            top: 13px;
        }

    .program .Bulletin_InnerCircle {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #1e7ba8;
    }

    .program .highlight-BG,
    .program .Light-BG,
    .program .Break,
    .program .shaded-BG,
    .program .MakerSpace,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03 {
        margin-bottom: 15px;
        padding: 10px;
    }


    .program .highlight-BG {
        padding: 10px;
    }

    .program .border-bottom,
    .program .bl {
        border: none !important;
    }

    /*=== End of the Program style ====*/
}

/*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;
    }

    /*=== Program style ====*/
    .ProgramDetails {
        background: white;
        border-left: 2px solid #125c80;
        margin-left: 15px;
    }

    .program .shaded-BG,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03,
    .program .MakerSpace,
    .program .time,
    .program .event,
    .border-bottom .time,
    .border-bottom .event {
        border: none;
    }

    .program .time {
        background: white;
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    .program .Bulletin_Box {
        position: relative;
        padding-left: 10px;
    }

    .program .Bulletin_OuterCircle {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #1e7ba8;
        padding: 2px;
        overflow: hidden;
        position: absolute;
        top: 37px;
        display: inline-block;
        left: -23px;
        top: 43px;
    }

        .program .Bulletin_OuterCircle.firstBulletin {
            top: 13px;
        }

    .program .Bulletin_InnerCircle {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #1e7ba8;
    }

    .program .highlight-BG,
    .program .Light-BG,
    .program .Break,
    .program .shaded-BG,
    .program .MakerSpace,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03 {
        margin-bottom: 15px;
        padding: 10px;
    }


    .program .highlight-BG {
        padding: 10px;
    }

    .program .border-bottom {
        border: none !important;
    }

    /*=== End of the Program style ====*/
}

@media (max-width: 575px) {

    /*=== Program style ====*/
    .ProgramDetails {
        background: white;
        border-left: 2px solid #125c80;
        margin-left: 15px;
    }

    .program .shaded-BG,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03,
    .program .MakerSpace,
    .program .time,
    .program .event,
    .border-bottom .time,
    .border-bottom .event {
        border: none;
    }

    .program .time {
        background: white;
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    .program .Bulletin_Box {
        position: relative;
        padding-left: 10px;
    }

    .program .Bulletin_OuterCircle {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #1e7ba8;
        padding: 2px;
        overflow: hidden;
        position: absolute;
        top: 37px;
        display: inline-block;
        left: -23px;
        top: 43px;
    }

        .program .Bulletin_OuterCircle.firstBulletin {
            top: 13px;
        }

    .program .Bulletin_InnerCircle {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #1e7ba8;
    }

    .program .highlight-BG,
    .program .Light-BG,
    .program .Break,
    .program .shaded-BG,
    .program .MakerSpace,
    .program .BG-01,
    .program .BG-02,
    .program .BG-03 {
        margin-bottom: 15px;
        padding: 10px;
    }


    .program .highlight-BG {
        padding: 10px;
    }

    .program .border-bottom {
        border: none !important;
    }

    /*=== End of the Program style ====*/

    .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;
    }
}