@media (min-width: 1921px){

}


@media (min-width: 1601px) and (max-width: 1920px){

}


@media (min-width: 1368px) and (max-width: 1600px) {


}


@media (min-width: 1281px) and (max-width: 1367px) {


}


@media (min-width: 1025px) and (max-width: 1280px) {

}


@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {

}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}


@media (min-width: 320px) and (max-width: 480px) {

}


@media (min-width: 481px) and (max-width: 767px) {

}

/*------------------------------------- Header Global --------------------------------------------------*/

@media (max-width: 480px) {

    .header-row{
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }

    .top-bar {
        padding: 0;
    }


    header.header-global .top-header-right {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between !important;
    }

    .top-header-right, .top-header-left {
        align-items: center !important;
        justify-content: center !important;
    }

    .top-bar-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .site-logo {
        text-align: center;
    }

    .site-logo img {
        width: 100%;
        height: auto;
    }

    a.btn-prm {
        font-size: 0.75rem;
        text-align: center;
        padding: 10px;
        border-radius: 20px;
    }

}

@media (min-width: 481px) and (max-width: 768px) {

    header.header-global {
        margin-bottom: 50px;
        overflow: hidden;
    }

    header.header-global .top-header {
        display: flex;
        flex-direction: column;
        padding: 20px;
        flex-wrap: nowrap;
        align-content: center;
        row-gap: 25px;
    }

    header.header-global .top-header-right {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .site-logo {
        text-align: center;
    }
    
    .site-logo img {
        width: 75%;
        height: auto;
    }

    .top-header-right, .top-header-left {
        align-items: center !important;
    }


}

@media (max-width: 992px) {
    #header {
        width: 100vw !important;
    }
    #header .logo {
      font-size: 28px;
      justify-content: center;
    }

    #header-img {
        height: 100% !important;
        padding-top: 215px !important;
    }
}



/*------------------------------------- Front page --------------------------------------------------*/

@media (max-width: 480px) {

    p.par, .entry-content p, p {
        text-align: justify;
    }

    #hero-contact .container, #hero .container-fluid {
        padding-top: 200px;
    }

    #hero .bg-img {
        background-position: 100% 50% !important;
    }

    .container-xxl.row.d-flex.title {
        margin: 0;
        padding: 0;
    }

    .activities {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .activities .activity {
        margin: 15px 0;
    }

    #komvos .text p {
        text-align: justify;
    }

    .feed, .feed-post{
        flex-direction: column !important;
    }

    .feed-post-img {
        height: 200px;
    }

    .feed-post .textbox {
        margin: 20px 0;
    }

    #blogfeed .title {
        margin-bottom: 0;
        margin: 15px 0;
    }

    p.title, p.title-middle {
        font-size: 2rem;
        margin: 0;
        padding-bottom: 15px
    }

    p.title:after{
        display: none;
    }

    #partners .partners .partner, #sponsors .sponsors .sponsor, #strategic-partners .partners .partner {
        max-width: 47%;
        margin: 0 0.5em 1em 0;
    }

    .board-member {
        flex-direction: column;
        height: 100% !important;
    }

    .board-member-icon {
        height: 100%;
        max-height: 150px;
    }

    .blog-cont .post img {
        max-width: unset;
        object-fit: cover;
        width: 100%;
    }

    .single-post-categ {
        font-size: 1rem !important;
        padding-right: 10px;
        text-transform: capitalize;
    }

    h1.entry-title {
        font-size: 1.5rem !important;
        margin-top: 15px;
    }

    .post-cont .post-thumbnail img {
        height: 100%;
        width: 100%;
        object-fit: cover !important;
    }

}

/*------------------------------------- Footer --------------------------------------------------*/


@media (min-width: 320px) and (max-width: 768px) {

    .container.footer-cont {
        max-width: 95%;
        margin: 15px auto;
        border-radius: 40px;
        padding: 40px 20px;
    }

    .footer-cont .row {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .col-12.footer-main {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    .footer-widg .row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .foot-widg {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        text-align: center;
        margin-bottom: 30px;
    }

    .foot-widg p, .foot-3 h4.foot-widg-title, .foot-widg .foot-3 p {
        text-align: center !important;
    }

    h4.foot-widg-title {
        font-size: 1.4rem;
        text-align: center;
    }

    section.footer-widg a {
        font-size: 1rem !important;
    }

    section.footer-widg ul {
        flex-direction: column !important;
    }

    .footer-info {
        flex-direction: column !important;
        row-gap: 15px !important;
        align-items: center;
    }

    section.footer-widg ul {
        align-items: center;
    }

    .abs-footer p {
        font-size: 0.8rem !important;
        justify-content: center !important;
    }


}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {

    .container.footer-cont {
        max-width: 95%;
        margin: 15px auto;
        border-radius: 40px;
        padding: 40px 20px;
    }

    .footer-widg .row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .footer-widg .row .foot-widg {
        margin: 15px auto;
    }

    .col-12.footer-main {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    h4.foot-widg-title {
        font-size: 1.4rem;
    }

    section.footer-widg a {
        font-size: 1rem !important;
    }

}

@media (min-width: 1024px) and (max-width: 1280px) {

    .col-12.footer-main {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;
    }

}

/*------------------------------------- Contact page --------------------------------------------------*/

@media (max-width: 480px) {

    section#hero-contact, main#single-member {
        height: 100% !important;
        padding: 15px 0px;
    }

    #hero-contact h1 {
        font-size: 25px;
    }

    #hero-contact p.text, #hero-contact p.text a {
        font-size: 0.85rem;
    }
}

@media (min-width: 481px) and (max-width: 767px) and (orientation: portrait) {
    #hero-contact {
        width: unset;
        height: unset;
        background: linear-gradient(45deg, #001427d1 0%, #001427d1 100%), url(/wp-content/uploads/2022/08/hands.jpg);
        background-size: cover;
        background-position: center;
        padding-top: 150px;
    }

    #hero-contact h1 {
        font-size: 35px;
    }

    #hero-contact p.text, #hero-contact p.text a {
        font-size: 0.95rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #hero-contact {
        width: unset;
        height: unset;
        background: linear-gradient(45deg, #001427d1 0%, #001427d1 100%), url(/wp-content/uploads/2022/08/hands.jpg);
        background-size: cover;
        background-position: center;
        padding-top: 150px;
    }

    #hero-contact h1 {
        font-size: 35px;
    }

    #hero-contact p.text, #hero-contact p.text a {
        font-size: 0.95rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 1295px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    .header-row {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        width: 100% !important;
        margin: auto !important;
    }

    hr.line {
        margin: 15px auto;
    }

    #hero .hero-img img {
        width: 100%;
    }

    .activities {
        display: flex !important;
        column-gap: unset !important;
        justify-content: center !important;
        flex-direction: row !important;
    }

    .activity {
        margin: 0 10px 10px 0 !important;
        max-width: 47% !important;
    }

}


@media only screen and (min-width: 576px) and (max-width: 1295px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    .header-row {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
        width: 100% !important;
        margin: auto !important;
    }

    .main-menu {
        min-height: 50px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: space-around;
    }

}