@media only screen and (max-width:1280px) {
    .container-1200{
        max-width: 1024px !important;
    }
    .section_top .inner_top{
        background-position: -50% 0;
    }
    #footer .inner_footer .wrap_menu {
        width: 75%;
    }
    #footer .inner_footer .logo_footer {
        width: 25%;
    }
    .circle_boxes .circle_box .circle{
        height: 207px;
        width: 207px;
    }
    .people_category .category_content .description{
        width: 75%;
    }
    .members_group .member a.member_link .people-text{
        font-size: 20px;
    }
    .top_header .lang-link{
        left:auto;
        right: auto;
    }
}

/************************************************************************************************/
@media only screen and (max-width:1024px) {
    .container-1200 {
        max-width: 960px !important;
    }
}

/************************************************************************************************/

@media only screen and (max-width:769px) {
    .container-1200 {
        max-width: 720px !important;
    }
    .section_top .inner_top{
        background: none !important;
    }
    .blocks_container{
        flex-direction: column;
        max-width: 560px;
        margin: 0 auto;
        width: 100%;
    }
    .blocks_container .block .read_more{
        position: relative;
        top: auto;
        left: 0 !important;
        right: 0 !important;
    }
    .section_top .bottom_blue .text.main br{
        display: none;
    }
    .section_top .bottom_blue .text.main {
        font-weight: bold;
        padding-top: 40px;
        padding-bottom: 0;
    }
    .section_top .bottom_blue .text {
        padding-top: 20px;
        font-size: 24px;
    }
    .blocks_container .block {
        padding: 0 0 50px 0 !important;
    }
    .blocks_container .block .inner{
        padding-bottom: 10px;
    }
    .blocks_container .block .inner .match-height {
        height: auto !important;
    }
    .blocks_container .block {
        padding: 0 0 0 0 !important;
        margin: 0 0 0 0 !important;
    }
    .blocks_container .block.block_1{
        margin: 0 0 70px 0 !important;
    }
    .blocks_container .block.owl-carousel .owl-controls{
        margin-top: 20px;
        position: relative;
        left: auto;
        top: auto;
    }
    .section_collaboration{
        margin-top: 0;
    }
    .flex_icons{
        flex-wrap: wrap;
    }
    .flex_icons .icon_box{
        margin-bottom: 20px;
    }
    .section.top_banner .banner_content{
        padding-top: 40px;
    }
    .members_group .member a.member_link .people-image .news-image-in{
        width: 65px;
        height: 65px;
    }
    .members_group .member a.member_link .people-text {
        font-size: 18px;
        line-height: 1em;
        padding: 0 0 0 10px ;
    }
    #footer .inner_footer{
        display: none;
    }
    #footer .bottom_footer{
        padding: 20px 0 10px 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    /*** mobie menu ******/
    .mobile_menu_button {
        display: block;
    }
    .wrap_mobile_menu {
        position: fixed;
        top: 0;
        right: -10px;
        width: 250px;
        background: #ebebeb;
        height: 100%;
        transform: translateX(-250px);
        transition: transform .5s ease;
        overflow-y: auto;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .wrap_mobile_menu.is-open{
        transform: translate(0);
        z-index: 9999;
        border-right: 3px solid #0d5180;
    }
    .triggerMobileMenu:focus{
        outline: none;
    }
    .triggerMobileMenu{
        position: relative;
        width: 25px;
        height: 21px;
        padding: 0;
        border: 0;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        background: none;
        text-indent: -99999px;
    }
    .triggerMobileMenu span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #0d5180;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .triggerMobileMenu span:nth-child(1) {
        top: 0px;
    }
    .triggerMobileMenu span:nth-child(2) {
        top: 8px;
    }
    .triggerMobileMenu span:nth-child(3) {
        top: 16px;
    }
    .triggerMobileMenu.open span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .triggerMobileMenu.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    .triggerMobileMenu.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .button.triggerMobileMenu:focus,
    .button.triggerMobileMenu:hover {
        background: none;
    }
    /******/
    .wrap_menu ul#main-menu{
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .wrap_menu ul#main-menu li {
        position: relative;
        display: block;
        box-sizing: border-box;
        width: 100%;
        border-bottom: 1px solid #0d5180;
    }
    .wrap_menu ul#main-menu li a {
        position: relative;
        display: block;
        font-size: 1rem;
        font-size: 0.9rem;
        text-decoration: none;
        padding: 10px 15px;
    }
    /***  end of mobie menu ******/
    .wrap_languages {
        position: relative;
        display: flex;
        padding-top: 10px;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .wrap_languages .lang-link{
        position: relative;
        left: auto;
        right: auto;
        width: auto;
    }
    .wrap_languages .lang-link a{
        color: #000;
    }
    #header.new_header{
        position: fixed;
    }
    #header .main_header .inner{
        padding: 10px 30px;
        height: 60px;
    }
    #header > .container-1200.inner_header{
        display: none;
    }
    #header .main_header .logo,
    #header.scroll-header img {
        width: auto !important;
    }
    #header .main_header .logo a{
        position: relative;
        bottom: auto;
    }
    #header .main_header .logo a img{
        max-height: 50px;
    }
    .section_top .bg_image{
        background-position: center center;
    }
    .section_top .inner_top{
        height: 310px;
    }
    .container-940{
        padding: 0 15px;
        box-sizing: border-box;
    }
    .circle_boxes{
        align-items: center; -webkit-align-items: center; -ms-flex-align: center;
    }
    .circle_boxes .circle_box,
    .circle_boxes .circle_box .circle{
        margin: 0 auto 30px auto !important;
    }
    .circle_boxes .circle_box .hidden_text{
        opacity: 1;
        margin-top: 15px;
    }
    .circle_boxes .circle_box .hidden_text p{
        margin: 0 0 15px 0;
    }
    .circle_boxes{
        flex-direction: column;
    }
    .icons_repeater,
    .flex_container{
        flex-direction: column;
        align-items: center;
    }
    .section_3 .flex_container{
        margin: 0;
    }
    .icons_repeater .icon_box{
        margin-bottom: 35px;
    }
    .icons_repeater .icon_box .icon{
        margin-bottom: 10px;
    }
    .section_3 .wrap_title{
        height: 70px;
    }
    .section_4 .flex_container{
        align-items: center; -webkit-align-items: center; -ms-flex-align: center;
    }
    .section_4_bg{
        padding: 40px 0;
    }
    .section_4 .flex_container .icon_box{
        margin-bottom: 40px !important;
    }
    .section.top_banner .banner_content .title{
        font-size: 50px;
    }
    .section.top_banner .banner_content .text{
        font-size: 26px;
    }
    #page-wrap.lt_center .section.top_banner .banner_content .title{
        margin-bottom: 20px;
    }
    #page-wrap.aboutus .section.top_banner{
        height: 370px;
    }
    #page-wrap.aboutus.lt_center .section.top_banner{
        height: 480px;
    }
    #page-wrap.aboutus .section h2.section_title{
        font-size: 36px;
    }
    #page-wrap.lt_center .section_2 .icons_repeater .icon_box{
        margin-bottom: 30px;
    }
    .section_projects .projects_list .single_project{
        flex-direction: column;
    }
    .section_projects .projects_list .single_project .icon{
        width: auto;
    }
    .section_projects .projects_list .single_project .post{
        width: 100%;
    }
    .section_projects .projects_list .single_project a.read_more{
        width: 100%;
        align-self: flex-start;
        margin-top: 10px;
    }
    #page-wrap.team_members .section.top_banner .banner_content{
        padding-top: 30px;
    }
}

/************************************************************************************************/

@media only screen and (max-width:576px) {
    .container-1200 {
        max-width: 540px !important;
    }
    .section_top .bottom_blue{
        background: #0d5180;
        margin-bottom: 42px;
    }
    .section_top .bottom_blue:after{
        content: "";
        position: absolute;
        bottom: -42px;
        left: 0;
        background: url(../images/mobile_home_blue.png) no-repeat 50% 50% ;
        background-size: cover;
        height: 42px;
        width: 100%;
    }
    .video_wrapper a.popup-youtube{
        position: relative;
        bottom: auto;
        left: auto;
        max-width: 400px;
    }
    .section_blocks{
        padding: 60px 0 30px 0;
    }
    .section_collaboration .flex_container .main_content .title{
        text-align: center;
    }
    .section_collaboration .facebook_wrapper .flex_container{
        border-top: 3px solid #0d5180;
    }
    .section_collaboration{
        background: #ebebeb;
        margin-top: 90px;
    }
    .section_collaboration:before{
        content: "";
        position: absolute;
        top: -90px;
        left: 0;
        background: url(../images/mobile_home_gray.png) no-repeat 50% 50% ;
        background-size: cover;
        height: 90px;
        width: 100%;
    }
    .section_collaboration .flex_container.collab{
        flex-direction: column;
        padding-top: 0;
    }
    .flex_icons .icon_box .icon{
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }
    .flex_icons .icon_box img.ic{
        max-width: 55px !important;
    }
    #page-wrap.team_members .section.top_banner .banner_content .title{
        font-size: 40px;
        margin-bottom: 30px;
    }
    #page-wrap.team_members .section.top_banner{
        height: 490px;
    }
    .members_group .member,
    .members_group .member.first{
        margin: 0 0 30px 0;
        width: 50%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .people_category .category_content{
        padding: 40px 0;
    }
    .category_content .arc{
        height: 40px;
    }
    .people_category .category_content .description{
        width: 100%;
    }
    #page-wrap.events_activities .flex_icons .icon_box .icon {
        height: 115px;
        width: 115px;
        margin: 0 auto;
    }
    #page-wrap.events_activities .flex_icons .icon_box .name{
        font-size: 20px !important;
    }
    .section_posts .posts_wrapper{
        margin-bottom: 40px;
    }
    .section_posts .posts_wrapper h2.category_title{
        margin-bottom: 20px;
    }
    #page-wrap.team_members.events_activities .section.top_banner{
        height: 270px;
    }
    .posts_list .post_item,
    .posts_list .post_item .post_content{
        flex-direction: column;
        align-items: flex-start;
    }
    .posts_list .post_item a.thumb{
        margin: 0 0 20px 0;
    }
    .posts_list .post_item .post_content .meta{
        width: 100%;
    }
    .posts_list .post_item .post_content a.read_more,
    .section_projects .projects_list .single_project a.read_more{
        width: 100%;
    }
    .posts_list .post_item .post_content{
        display: block;
    }
    .blocks_container{
        max-width: 400px;
    }
    #page-wrap.project-page .top_banner{
        height: 125px;
    }
    #page-wrap.project-page h1.project_title{
        font-size: 36px;
    }
    .blocks_container .block .image{
        height: auto;
    }
    .blocks_container .circle_title{
        height: 100px;
        width:100px;
        font-size: 16px;
        border: 3px solid #fff;
    }
    .blocks_container .circle_title span{
        padding: 0 10px;
        text-align: center;
        display: block;
        width: 100%;
    }
    .blocks_container .block.owl-carousel .owl-controls .owl-prev span.txt, .blocks_container .block.owl-carousel .owl-controls .owl-next span.txt{
        font-size: 16px;
    }
    .section_top .bottom_blue .text{
        font-size: 16px;
    }
    .section_top .bottom_blue .text.main{
        font-size: 20px;
    }
    .members_group .member a.member_link{
        flex-direction: column;
    }
    .members_group .member a.member_link .people-text{
        word-break: break-word;
        font-size: 14px;
        text-align: center !important;
        padding: 10px 0 0 0 !important;
    }
    .members_group .member a.member_link .people-text .role{
        margin-top: 5px;
        font-size: 0.7rem;
    }

}
/**********************************************************************************************/

@media only screen and (max-width: 480px){

    .section.top_banner .banner_content .title {
        font-size: 40px;
    }
    .section_top .inner_top{
        height: 200px;
    }
    #page-wrap.aboutus.lt_center .section.top_banner {
        height: 370px;
    }
    .section.top_banner .banner_content .text {
        font-size: 18px;
    }
    .blocks_container .block .content,
    .section_collaboration .flex_container .main_content .content{
        font-size: 16px;
    }
    .page-template-page-accessibility h1{
        font-size: 35px;
    }
    .page-template-page-accessibility h2{
        font-size: 30px;
    }
}

@media only screen and (max-width: 375px){
    .blocks_container {
        max-width: 280px;
    }
    .flex_icons .icon_box .icon{
        width: 60px;
        height: 60px;
        border: 2px solid #fff;
    }
    .flex_icons .icon_box .name{
        font-size: 14px;
        margin-top: 5px;
    }
    .flex_icons .icon_box img.arr{
        max-width: 8px;
        margin-left: -4px;
    }
    .flex_icons a.icon_box #ajaxsearchlite1 .probox .proinput input, .flex_icons a.icon_box div[id*="ajaxsearchlite"] .probox .proinput input{
        font-size: 14px;
    }
}