/*-------------------------------------------------------*/
/* @media - Karakas
/*-------------------------------------------------------*/


.post-type-archive-latest ul.other-story-list > li figure img,
.single-latest ul.other-story-list > li figure img{
    display: none;
}

.single-goals ul.other-story-list > li figure img{
    display: none;
}
.single-stories ul.other-story-list > li figure img{
    display: none;
}

@media only screen and (min-width:981px) and (max-width: 2600px) {
    .latest-story li.highlight-story figure {
        width: 100%;
        padding-top: 100%;
    }
    .post-type-archive-latest section.inner-two-col .fill-bar.fill-half{
        height: 55vh;
    }
}
@media only screen and (min-width:981px) and (max-width: 1280px) {
    .post-type-archive-latest section.inner-two-col .fill-bar.fill-half {
        height: 50vh;
    }
    .latest-story li.highlight-story figure {
        padding-top: 40vh;
    }
    .post-type-archive-latest .latest-story li.highlight-story h4 {
        font-size: 38px;
        line-height: 38px;
    }
}

@media only screen and (min-width : 1441px) and (max-width : 1650px) {	
	.inner-section #cities-thumb-wrap ul.cities-thumb > li figure{
        align-items: unset;
    }
    #city-slider .city-thumb figure{
        align-items: unset;
    }
}
@media only screen and (min-width : 1300px) and (max-width : 1650px) {
    #city-slider .city-thumb figure{
        align-items: unset;
    }
}
@media only screen and (max-width: 1480px) {
    .latest-story li.highlight-story h4 {
        font-size: 42px;
        line-height: 44px;
    }
    #ybecomme-slider .swiper-slide.swiper-slide-active {
        width: 80vw !important;
    }
}
@media only screen and (max-width: 1360px) {
    ul.team-result-list > li {
        width: calc(100% / 2);
    }
    ul.team-result-list.newteam > li{
        width: calc(100% / 3);
    }
}

@media only screen and (max-width: 1280px) {
    .drop-down-wrap .drop-down{
        padding-left: 90px;
    }
    #landing-slider .swiper-slide.swiper-slide-active {
        width: 80vw !important;
    }

    #landing-slider .slider-desc h3{
        font-size: 46px;
        line-height:46px;
    }
    section.landing-intro .box-blue h3, section.landing-intro .box-blue h3 a{
        font-size:30px;
        line-height: 36px;
    }
    #cities-thumb-wrap ul.cities-thumb > li figure {
        max-height: calc(100vh / 4);
    }
    #cities-thumb-wrap ul.cities-thumb > li .desc h5{
        font-size:20px;
        line-height: 28px;
    }
    .discover-city-wrap h3{
        font-size: 30px;
        line-height: 30px;
    }
    footer .member-btn{
        padding: 12px 12px 14px 38px;
    }

    .story-featured .desc-wrap h3{
        font-size:42px;
        line-height:44px;
    }
    .story-item-wrap .story-desc-wrap h3 a{
        font-size:30px;
        line-height: 32px;
    }
    .article-wrap .city-title, .article-wrap .article-title{
        font-size: 60px;
        line-height: 60px;
    }
    ul.other-story-list > li h4, ul.other-story-list > li h4{
        font-size: 30px;
        line-height: 30px;
    }
    ul.number-list > li h4{
        font-size: 58px;
        line-height: 58px;
    }
    .article-wrap .article-quote blockquote{
        font-size: 36px;
        line-height: 42px;
    }
    .latest-story li.highlight-story h4{
        font-size: 44px;
        line-height: 44px;
    }
    .about-quote blockquote{
        font-size: 50px;
        line-height:52px;
    }
    .team-join-wrap h2{
        font-size: 52px;
        line-height: 52px;
    }
    .team-offic-wrap .team-join-wrap h2{
        font-size: 46px;
        line-height: 46px;
    }
    .team-thumb .desc strong{
        font-size:23px;
        line-height: 27px;
    }
    ul.team-result-list{
        width:100%;
    }
    .inner-two-col .project-filter .search-box {
        width: calc(40vw - 26vw) !important;
    }
    .title-wrap h1{
        font-size:56px;
        line-height: 56px;
    }
    .project-thumb-wrap ul.project-thumb > li{
        width:33.33%;
    }
    .project-header .title-wrap h1{
        font-size:52px;
        line-height: 52px;
    }
    #site-wrapper #authorModal.modal{
        z-index: -10;
    }
    #site-wrapper #authorModal.modal.show{
        z-index: 1050;
    }
    .project-aside-wrap.active{
        z-index: 1055;
    }
    .article-wrap .trans-text{
        top: 0px;
    }
    h2.newabt-title{
        font-size: 40px;
        line-height: 44px;
    }
    .howwework-inner .intro.full-width,
    .policywork-inner .intro.full-width,
    .ybecommenber-inner .intro.full-width {
        max-width: 550px;
    }
    
}/*max-width: 1280px*/

@media only screen and (max-width: 1150px) {
    .container {
        max-width:calc(100% - 30px);
    }
    header nav{
        width: calc(100% - 150px);
    }
    .site-search .search-results > li h3{
        line-height:100%;
    }
    .site-search .search-results > li h3 a{
        font-size: 20px;
        line-height:22px;
    }
    nav ul.primary-nav > li > a{
        padding: 18px 13px;
    }
    header h1{
        width: 120px;
        margin-right: 30px;
    }
    header .primary-nav > li .drop-down-wrap .container{
        max-width:calc(100% - 30px);
    }
    .drop-down-wrap .drop-down{
        padding-left: 0px;
    }
    .menu-scrollbar{
        left: 0;
    }
    ul.submenu-list-wrap > li{
        width: 33.33%;
    }
    .drop-down-wrap a.btn-more:hover{
        color: #333333!important;
    }
    section .fill-bar{
        width:35%;
    }
    h2.trans-text {
        font-size: 5.9vw;
    }
    #landing-slider{
        padding-top:0px;
    }
    #landing-slider .swiper-slide.swiper-slide-active {
        width: 90vw !important;
    }
    #landing-slider .swiper-slide.swiper-slide-active .slider-desc{
        padding-left: 30px;
    }
    #landing-slider .swiper-slide.swiper-slide-active .slider-img figure {
        max-width: 450px;
        width: 450px;
    }
    #landing-slider .swiper-slide.swiper-slide-active .slider-img > span{
        display: none;
    }
    #landing-slider .slider-desc h3{
        font-size:28px;
        line-height: 30px;
        min-width: auto;
    }
    section.landing-intro .box-blue h3, section.landing-intro .box-blue h3 a {
        font-size: 24px;
        line-height: 30px;
    }
    .landing-intro .box-highlight h3{
        font-size: 32px;
        line-height: 36px;
    }
    #landing-slider .swiper-nav-wrap {
        margin-left:0;
        left: 46vw;
    }
    section.landing-intro .box-blue {
        background: #14377d;
        padding:50px 30px 50px 30px;
    }
    section.landing-intro .box-latest-articles{
        padding: 50px 30px 30px;
    }
    .landing-intro .box-highlight .highlight-desc{
        max-width: 57vw;
    }
    #cities-thumb-wrap ul#items_thumb.cities-thumb{
        margin: -10px;
        width: calc(100% + 20px);
    }
    #cities-thumb-wrap ul#items_thumb.cities-thumb > li{
        padding: 10px;
    }
    #cities-thumb-wrap ul.cities-thumb > li{
        width:33.33%!important;
    }
    #cities-thumb-wrap ul.cities-thumb > li figure {
        height: 200px;
        max-height: none;
    }
    #cities-thumb-wrap ul.cities-thumb > li.wd1{
        display: none!important;
    }
    #cities-thumb-wrap ul.cities-thumb > li.discover-city-wrap {
        width:calc(100vw - 33.33% + 17px) !important;
    }
    #cities-thumb-wrap ul.cities-thumb > li.discover-city-wrap figure{
        padding: 30px 45px;
    }
    #cities-thumb-wrap{
        margin-bottom: 100px;
    }
    #cities-thumb-wrap.cities-grid ul.cities-thumb > li figure {
        max-height: 200px;
        min-height: 200px;
    }
    .discover-city-wrap h3 {
        font-size: 26px;
        line-height: 26px;
    }
    .btn-more{
        padding-left: 0px!important;
    }
    .btn-more span{
        display: none;
    }    
    .btn-more.btn-wh:hover {
        color: #FFFFFF !important;
    }
    .btn-more.btn-bl:hover {
        color: #333 !important;
    }
    .project-over a.btn-more:hover {
        color: #FFFFFF !important;
    }
    footer .ft-left, footer .ft-right{
        padding:60px 30px 40px; 
    }
    footer .col-md-6 .col-md-4{
        max-width:50%;
        flex:50%;
    }
    footer .col-md-6 .col-md-4:last-child{
        max-width: 100%;
        flex: 100%;
        padding-top: 30px;
        padding-left: 15px;
    }
    .article-wrap article .social-vertical > li a#lnkPrint{
        display: none!important;
    }
    .inner-landing .story-featured{
        width: calc(100% - 410px);
        margin: -34px 0px 120px;
    }
    .inner-landing .story-featured figure{
        max-width: none;
        width: 300px;
        height: 300px;
    }
    .article-wrap .trans-text{
        left: -20px;
    }
    .story-featured .desc-wrap {
        width: calc(100% - 300px);
        max-width: none;
        padding-left: 20px;
    }
    .story-item-wrap::after {
        height: 20%!important;
    }
    ul.story-listing > li{
        margin: 10px;
        width: calc(50% - 20px);
    }
    .story-featured .desc-wrap h3 {
        font-size: 28px;
        line-height: 30px;
    }
    .story-item-wrap .story-desc-wrap h3{
        line-height: 100%;
    }
    .story-item-wrap .story-desc-wrap h3 a {
        font-size: 26px;
        line-height: 26px;
    }
    .story-item-wrap figure{
        max-height: calc((100vw / 2) - 140px);
    }
    .story-item-wrap figure img {
        min-height: calc(100vw / 2);
    }
    .block-author figure img {
        min-height: 100%;
    }
    .article-wrap .city-title, .article-wrap .article-title {
        font-size: 44px;
        line-height: 44px;
    }
    .article-wrap .article-quote{
        max-width: none;
        width: calc(50% - 30px);
    }
    .article-wrap .article-quote blockquote {
        font-size: 30px;
        line-height: 34px;
    }
    section.in-numbers{
        padding: 42px 0px;
    }
    .article-slider-wrap .swiper-slide {
        width: 100% !important;
    }
    .article-slider-wrap .swiper-slide figure img {
        min-height:auto;
        max-width: none;
        max-height:none;
        width: 100%;
    }
    section.inner-section.grey-bg .trans-text {
        bottom: calc(100% - 50px);
    }
    section.inner-section.grey-bg{
        padding: 70px 0px 100px 0px;
    }
    ul.other-story-list > li h4, ul.other-story-list > li h4 {
        font-size: 24px;
        line-height: 26px;
    }
    ul.number-list > li h4 {
        font-size: 40px;
        line-height: 40px;
    }
    .article-banner figure{
        min-height: 370px;
        height: auto;
    }
    .block-author{
        padding: 20px;
    }
    .block-author figure {
        width: 80px;
        height: 80px;
    }
    .block-author .desc {
        width: calc(100% - 80px);
    }
    .block-author.author-overlay {
        margin-top: -100px;
    }
    .block-author ul.social-links > li a{
        width: 40px;
        height: 40px;
    }
    .block-author ul.social-links > li a i {
        font-size: 16px;
        line-height: 10px;
    }
    ul.story-listing{
        margin: -10px -10px 0px -10px;
        width: calc(100% + 20px);
    }
    .college-banner .clg-img.clg-big{
        min-height:50vh;
    }
    .college-banner .clg-img.clg-large {
        min-height: calc(30vh - 8px);
    }
    .college-banner .clg-img.clg-sml {
        min-height: 20vh;
    }

    .latest-template-default .highlight-block > figure {
        width: calc(100% + 55px);
        left: -55px;
    }
    .highlight-block.article-highlight > figure{
        width: calc(100% + 55px);
        left: -55px;
    }
    .post-type-archive-goals .filter-wrap.filter-focus .box-filter{
        min-width: 590px;
    }
    .post-type-archive-goals .filter-wrap.filter-focus .search-box {
        width: calc(40vw - 120px);
    }
    .focus-list-wrap ul.focus-list > li .focus-meta strong{
        font-size: 20px;
        line-height: 22px;
    }
    .about-cont h2.trans-text, .about-network h2.trans-text {
        font-size: 65px;
        line-height: 56px;
    }
    
    .about-join .team-join-wrap{
        max-width: 70%;
    }
    .team-join-wrap h2 {
        font-size: 34px;
        line-height: 38px;
    }
    .about-quote blockquote {
        font-size: 34px;
        line-height: 38px
    }
    .about-module-wrap{
        max-width: 100%;
        margin-top: 0;
    }
    .team-about::before, .patner-about::before, .project-about::before {
        left: -19vw;
    }
    ul.team-list > li{
        width: calc(33.33% - 40px);
    }
    .team-cat-result{
        max-width:70%;
    }
    .team-join-wrap{
        max-width:30%;
        padding: 30px 0px 30px 30px;
    }
    .team-filter .box-filter ul.filter-list > li a{
        padding: 9px 15px;
    }
    .post-type-archive-team section.inner-two-col > .container h2.trans-text{
        font-size: 90px;
    }
    .commit-wrap h2.trans-text, .team-offic-wrap h2.trans-text{
        font-size: 64px;
    }
    .inner-landing .intro.full-width {
        max-width: 540px;
    }
    .project-thumb-wrap ul.project-thumb > li h5{
        font-size: 22px;
        line-height:26px;
    }
    .project-header .title-wrap h1 {
        font-size: 40px;
        line-height: 44px;
    }
    .project-page .inner-two-col > .container h2.trans-text {
        font-size: 80px;
        left: -7px;
        top: 170px;
    }
    .inner-two-col .filter-wrap.project-filter .box-filter {
        max-width: calc(66vw + 20px) !important;
        min-width: auto !important;
    }
    .inner-two-col .project-filter .search-box {
        width: calc(40vw - 22vw) !important;
    }
    #cities-thumb-wrap ul.cities-list > li a strong{
        font-size: 22px;
    }
    section.inner-section.trans-bg .trans-text{
        z-index: -1;
    }
    .post-type-archive-cities .filter-wrap .search-box{
        width: calc(100% - 430px);
        max-width: none;
    }
    .mb-110, .row.mb-110 {
        margin-bottom: 90px;
    }
    .row.mb-110 + .row.m0.float-left{
        margin-top:0px !important;
    }
    .latest-story li.highlight-story{
        margin-top: -50px;
        max-width: calc(50% - 70px);
    }
    .latest-story li.highlight-story h4 {
        font-size: 34px;
        line-height: 38px;
    }
    .post-type-archive-latest .box-filter.filter-wide{
        width: 100%;
    }
    .post-type-archive-latest .filter-wrap .search-box {
        width: calc(40vw - 100px);
    }
    .single-goals section.inner-section.trans-bg .row.m0 .trans-text{
        bottom:calc(100% - 50px);
        z-index: 1;
    }
    ul.team-result-list > li strong{
        font-size: 20px;
        line-height: 24px;
    }
    .filter-wrap .box-filter{
        padding: 20px 20px;
    }
    .article-banner-full{
        margin-left:-10vw!important;
        width: calc(100vw + 10vw);
    }
    .article-banner-full figure{
        width: calc(100vw + 10vw);
    }
    .article-slider-wrap{
        margin-top: 70px;
    }
    .post-type-archive-latest .box-filter ul.filter-list > li a{
        padding: 9px 20px;
    }
    ul.other-story-list > li .desc{
        width: calc(100% - 184px);
    }
    footer .logo{
        margin-bottom: 30px;
    }
    .project-intro p {
        font-size: 20px;
        line-height: 28px;
    }
    #site-wrapper #authorModal.modal--{
        z-index: -10!important;
    }
    #ybecomme-slider .swiper-slide.swiper-slide-active {
        width: 95vw !important;
    }

    h2.newabt-title {
        font-size: 36px;
        line-height: 40px;
    }
    .howewcont h4{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .howew-city {
        font-size: 20px;
    }
    .howwecontent p {
        font-size: 20px;
    }
    ul.team-result-list.newteam > li{
        width: calc(100% / 2);
    }
    .home #cities-thumb-wrap ul.cities-thumb > li figure img {
        min-height:100%;
    }
    .post-type-archive-cities #cities-thumb-wrap ul.cities-thumb > li figure img {
        min-height: 100%;
      }
}/*max-width: 1150px*/

@media only screen and (min-width : 981px) and (max-width : 3500px) {	
	.burger_menu, header .primary-nav > li.active-menu .drop-down-wrap{
		display:block!important;
    }
    .home #site-wrapper #landing-slider .swiper-slide .slider-img a{
        background-image: none !important;
    }
    #ybecomme-slider .swiper-slide .slider-img figure{
        background-image: none !important;
    }
}

@media only screen and (max-width: 980px) {
    .container {
        max-width: calc(100% - 20px);
    }
    #site-wrapper > header{
        height:60px!important;
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.4)!important;
    }
    header h1 {
        width: 90px;
        position: absolute!important;
        left: -50%;
        right: -50%;
        margin: auto;
        top: 14px;
        z-index: 1!important;
    }
    header nav{
        width: 100%;
        padding: 0 !important;
        height: 60px !important;
    }

    header .burger{
		display: block;
		float: left;
		cursor: pointer;
		top:23px;
		left:20px;
        z-index: 10;
		position: relative;
		transition: all 0.3s ease;
	}
	
	.burger .line {
		position: relative;
		margin-bottom: 4px;
		width: 25px;
        height: 2px;
		background-color: #333;
		transition: 240ms;
		will-change: transform;
		-webkit-perspective: 100px;
		perspective: 100px;
		float: right;
		clear: both;
	}
	
	
	.burger.active .line:nth-child(1) {
		-webkit-transform:translateY(6px) rotate(45deg);
		transform: translateY(6px) rotate(45deg);
	}
	.burger.active .line:nth-child(2) {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	.burger.active .line:nth-child(3) {
		top:6px;
		-webkit-transform: translateY(-12px) rotate(-45deg);
		transform: translateY(-12px) rotate(-45deg);
	}

    header .burger_menu{
		display:none;
	}
	header .burger_menu{
		width:calc(100% - 0px);
		position: absolute;
		left: -50%;
		top:60px;
		right: -50%;
		margin: auto;
		padding: 20px 20px;
		z-index: 9;
		/*overflow: hidden;*/
		background:#14377d;
		height:auto;
		max-height:calc(100vh - 60px);
		overflow: scroll;
		/*-webkit-box-shadow: 0px 10px 7px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 7px -6px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 7px -6px rgba(0,0,0,0.75);*/
	}
	.burger_menu::before{
		display:none;
		content: '';
		top: 0px;
		left:0px;
		position: absolute;
		width: 100%;
		height: 100%;
		background:#00AAD1;
		z-index:0;
		pointer-events: none;
    }

    header nav ul.primary-nav {
        margin-top:0;
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    nav ul.primary-nav > li{
        width: 100%;
    }
    nav ul.primary-nav > li.current-menu-item > a span{
        display: none;
    }
    nav ul.primary-nav > li > a{
        color:#FFFFFF!important;
        padding: 14px 13px;
    }
    nav ul.primary-nav > li.current-menu-item > a{
        color:#657eaf!important;
    }
    header .primary-nav > li .drop-down-wrap .container{
        opacity: 1;
        transition:none!important;
        max-width: 100%;
    }
    header .primary-nav > li .drop-down-wrap{
        display: none;
        position: static;
        top: 99px!important;
        opacity: 1!important;
        pointer-events: auto!important;
        background:none;
        box-shadow:none;
        transition:none!important;
        padding: 0px;
        padding-bottom:25px;
    }
    .drop-down-wrap .drop-down{
        flex-wrap: wrap;
    }
    .drop-down-wrap .drop-down-left, .drop-down-wrap .drop-down-right{
        width: 100%;
        margin-top: 20px;
    }
    .drop-down-wrap .drop-down-right{
        min-height:auto;
        padding-left: 0;
        margin-bottom:20px;
    }
    
    .drop-down-wrap .drop-down *{
        color:#FFFFFF!important;
    }
    ul.submenu-list-wrap > li {
        width: 100%;
        margin-bottom:0px;
        padding:15px 0 ;
        border-left: 0;
        border-bottom: 1px solid #E3E2DF;
    }
    ul.submenu-list > li a{
        line-height: 22px;
        font-size: 18px;
    }
    header .primary-nav > li.active-menu::before, header .drop-down-wrap::after,
    header .primary-nav > li.parent > a::before {
        display: none;
    }

    .drop-down-wrap .btn-more:hover{
        padding-left: 0;
    }
    .drop-down-wrap .btn-more:hover span {
        display: none;
    }
    header .primary-nav > li.parent > a::after {
        right: 0px;
        color:#FFFFFF;
        top: 20px;
    }
    header .primary-nav > li.current-menu-item > a::after {
        color:#657eaf !important
    }
    
    nav .nav-right .social-links{
        display: none;
    }
    nav .nav-right{
        position: relative;
        top: 10px;
    }
    nav .nav-right .search-wrap a.search-trigger, header.light nav .nav-right.nav-light .search-wrap a.search-trigger:hover i{
        color:#333!important;
        background:transparent!important
    }
    header.affix nav .nav-right .search-wrap a.search-trigger:hover i{
        color:#333!important;
    }

    .search-results nav .searchPagewrap.active, .search-no-results nav .searchPagewrap.active, .error404 nav .searchPagewrap.active{
        width: 75vw;
    }
    .search-results nav .nav-right .search-wrap a.search-trigger:hover i, .search-no-results nav .nav-right .search-wrap a.search-trigger:hover i,
    .error404 nav .nav-right .search-wrap a.search-trigger:hover i, .search-results nav .nav-right .searchPagewrap button:hover i, .search-no-results nav .nav-right .searchPagewrap button:hover i,
    .error404 nav .nav-right .searchPagewrap button:hover i {
        color: #333 !important;
    }
    .search-results nav .nav-right .searchPagewrap button, .search-no-results nav .nav-right .searchPagewrap button,
    .error404 nav .nav-right .searchPagewrap button{
        background: transparent !important;
    }
    header .site-search{
        padding: 20px;
    }
    header .site-search .search-field-wrap{
        margin-bottom: 30px;
        margin-left: 50px;
        width:calc(100% - 80px);
    }
    header .site-search .search-field-wrap input{
        line-height: 28px;
        font-size: 18px;
        max-width: 90%;
    }
    
    header .site-search .search-field-wrap i.icon-search{
        top: 8px;
        font-size: 20px;
        left: -40px;
    }
    header .site-search .close-search{
        top: 40px;
    }
    .site-search .search-results{
        margin: 0px 0 40px;
        flex-wrap: wrap;
    }
    .site-search .search-results > li {
        width: calc(50% - 40px);
        margin:10px 20px;
    }
    .site-search .search-results > li .meta-img{
        display: none;
    }
    header .site-search #more_search{
        margin-bottom: 0;
    }
    header .search-wrap{
        margin-right: 10px;
    }
    .home section.landing {
        min-height: 100%;
        padding-top: 215px;
    }
    .home section.landing section .fill-bar {
        width: 100%;
        height: calc(100% - 180px);
        top: auto;
        bottom: 0;
    }
    #landing-slider .swiper-slide {
        width: 90vw !important;
        flex-wrap: wrap!important;
        padding-left:0px;
        max-width: 100%;
        /*border: 1px solid red;*/
        flex-direction: column-reverse;
    }
    #site-wrapper #landing-slider .swiper-slide,
    #landing-slider .swiper-slide.swiper-slide-active {
        width: 90vw !important;
    }
    #landing-slider.numslides-2 .swiper-slide {
        max-width:none;
    }
    #landing-slider .swiper-slide.swiper-slide-active {
        margin-left: 20px;
    }
    #landing-slider .swiper-slide .slider-desc {
        padding-left: 0!important;
        width: 100%!important;
        /*min-height: calc(100vh / 3 + 80px);*/
        min-height: auto;
        align-items: baseline!important;
    }
    #landing-slider .slider-desc .desc-wrap {
        opacity:0!important;
        padding-right: 0;
        margin-top: 0;
        max-width:100%;
        position: static;
        margin: 10px 0px!important;
       /*max-width: 100%;
        padding-right: 0;
        position: static;*/
    }
    #landing-slider .swiper-slide.swiper-slide-active .desc-wrap {
        opacity:1!important;
        margin-left:0px;
    }
    #landing-slider .swiper-slide.swiper-slide-active .slider-img figure {
        max-width: 100%;
    }
    #landing-slider .swiper-slide .slider-img, #landing-slider .swiper-slide.swiper-slide-active .slider-img{
        width:calc(100% + 10px);
    }
    .home #site-wrapper #landing-slider .swiper-slide .slider-img figure{
        max-width: none;
        max-height: none;
        /*width:700px;*/
        width:calc(100% - 10px);
        overflow: hidden;
        /*height: 400px;*/
        height: 650px;
    }
    .home #site-wrapper #landing-slider .swiper-slide .slider-img a{
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .home #site-wrapper #landing-slider .swiper-slide .slider-img img {
        max-height: none;
        max-width: none;
        position: relative;
        min-height: auto;
        width:calc(100vw / 0.5);

        display: none;
    }
    #landing-slider .swiper-slide .slider-img span{
        display: none;
    }
    #landing-slider .swiper-slide .slider-desc h3{
        left: 0;
    }
    #landing-slider .swiper-slide .slider-desc h3 a {
        padding:0px;
        color: #fff !important;
        text-decoration: none !important;
    }
    #landing-slider .slider-desc p, #landing-slider .slider-desc p a{
        color: #fff !important;
    }
    #landing-slider .slider-desc a.btn-more{
        padding-left: 10px;
        color: #fff !important;
    }
    #landing-slider .swiper-slide-active .slider-desc h3:hover span, #landing-slider .slider-desc h3 span{
        display: none;
    }
    .landing .trans-text.text-bottom{
        bottom: auto;
        top: 110px;
        left: 30px;
    }
    #landing-slider {
        padding-top: 0px;
        margin-top: 50px;
    }
    .home section.landing #landing-slider {
        padding-top: 0px;
        margin-top: 0;
    }
    section.landing-intro .box-blue{
        padding: 20px;
    }
    section.landing-intro .box-latest-articles {
        padding: 40px 20px;
    }

    .home section .fill-bar {
        width: 100%;
        height:calc(100% / 1.8);
        top: auto;
        bottom: 0;
    }
    
    section.landing-intro {
        margin-bottom: 50px;
    }
    section.landing-intro .col-md-4, section.landing-intro .col-md-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.landing-intro .box-blue h3{
        max-width: 100%;
    }
    .landing-intro .box-highlight .highlight-desc {
        max-width: 100%;
        padding: 30px 20px;
    }
    .landing-intro .box-highlight h3 {
        font-size: 28px;
        line-height: 28px;
    }
    #landing-slider .swiper-slide-active .slider-desc h3, #landing-slider .swiper-slide-active .slider-desc h3 a{
        color:#FFFFFF!important;
    }
    #landing-slider .slider-desc h3 a{
        left: 0!important;
    }
    #landing-slider .swiper-slide-active .slider-desc h3:hover a{
        padding:0px;
    }
    

    .our-cities .trans-text {
        bottom: auto;
        top: 30px;
    }
    
    #cities-thumb-wrap ul.cities-thumb{
        width: calc(100% + 16px);
    }
    
    #cities-thumb-wrap ul.cities-thumb > li {
        width:50%!important;
        padding: 8px 8px;
    }
    
    #cities-thumb-wrap ul.cities-thumb > li figure {
        min-height:150px;
    }
    #cities-thumb-wrap ul.cities-thumb > li.discover-city-wrap {
        width: 100% !important;
    }
    #cities-thumb-wrap ul.cities-thumb > li.discover-city-wrap figure{
        min-height: 160px;
        padding: 30px 20px;
    }
    .discover-city-wrap h3 {
        max-width: 100%;
    }

    footer .container-fluid > .row {
        flex-direction: column-reverse;
    }
    footer .col-md-6 {
        max-width:100%;
        flex: 100%;
    }
    footer .col-md-6 .col-md-4 {
        max-width:100%;
        flex: 100%;
    }
    footer .col-md-6 .col-md-4:nth-child(1){
        padding-bottom: 20px;
    }
    footer .social-links {
        width: auto;
        float: right;
        margin-bottom: 0;
    }
    footer a.privacy-link{
      clear: both;
      float: left;  
    }
    footer .logo{
        max-width: 110px;
        margin-bottom: 25px;
    }
    footer .social-links > li{
        margin: 0px 5px 0px 0px;
    }
    footer .ft-left, footer .ft-right {
        padding:20px 20px;
    }
    footer .ft-left{
        padding-bottom:50px ;
    }
    footer .address{
        line-break: 9px;
    }

    section.inner-two-col{
        padding-top: 160px;
    }
    section.inner-two-col .trans-text{
        bottom: auto;
        top: 120px;
    }
    .col-md-8.col-sm-12, .col-md-4.col-sm-12{
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.inner-two-col .intro {
        max-width: 100%;
    }
    section.inner-two-col .fill-bar.fill-nooverlap {
        height: calc(100% / 2);
        width: 100%;
        bottom: 40px;
        top: auto;
    }
    section.inner-two-col .intro{
        margin-bottom: 30px;
    }
    .inner-two-col .inner-landing{
        flex-wrap: wrap;
    }
    section.inner-two-col .intro, .inner-landing .story-featured{
        width: 100%;
    }
    .inner-landing .story-featured {
        margin: 0px 0px 50px;
        flex-wrap: wrap;
        padding-left: 0;
    }
    .inner-landing .story-featured figure, .story-featured .desc-wrap{
        width: 100%;
        max-width:100%;
        
    }
    .inner-landing .story-featured figure{
        height: calc(100vw / 2);
    }
    .story-featured .desc-wrap{
        padding-left: 0;
        padding-top: 20px;
    }
    .filter-wrap .box-filter {
        padding: 15px 15px;
        max-width: 100%;
        flex-wrap: wrap;
        min-width: auto;
    }
    .filter-wrap .story-filter .search-box {
        width:100%;
        min-width: auto;
        margin-left: 0;
        margin-top: 10px;
    }
    .filter-wrap .search-box input{
        font-size: 18px;
    }
  
    .story-item-wrap figure {
        max-height:calc((100vw / 1.8) - 140px);
    }
    .story-item-wrap figure img {
        min-height: calc(100vw / 1.8);
    }
    .stories-list-wrap {
        margin: 20px 0px 60px 0px;
    }
    .story-item-wrap{
        padding: 20px;
    }

    .article-wrap article{
        padding-left: 0;
        padding-top: 42px;
        padding-bottom: 30px;
    }
    .addthis_inline_share_toolbox, .article-wrap article .social-vertical{
        width: 100%;
    }
    .article-wrap article .social-vertical > li{
        width: auto;
        margin: 0px 3px;
    }
    .at-resp-share-element .at-share-btn{
        float: left;
    }

    .article-banner figure {
        min-height: 300px;
        height: auto;
    }
    .college-banner .clg-img.clg-big {
        min-height: 40vh;
    }
    .college-banner .clg-img.clg-large {
        min-height: calc(20vh - 8px);
    }
    .college-banner .clg-img.clg-sml {
        min-height: 20vh;
    }
    .page-nav{
        padding: 15px 0px;
    }
    .article-wrap .city-title, .article-wrap .article-title {
        font-size: 34px;
        line-height: 38px;
        margin-bottom: 30px;
        margin-top:40px;
    }
    .article-wrap article .intro p{
        font-size: 20px;
        line-height: 30px;
    }
    .article-wrap article .intro >  blockquote{
        margin:30px 0;
    }
    .article-wrap .article-quote{
        position: static;
        width: 100%;
        margin-top: 0;
    }
    .article-wrap .article-quote blockquote {
        font-size: 22px;
        line-height: 28px;
        padding-left: 17px;
    }
    .article-wrap .latest-quote blockquote {
        font-size: 22px;
        line-height: 28px;
    }
    blockquote h4 {
        font-size: 22px;
        line-height: 28px;
    }
    .article-wrap .article-quote blockquote::before {
        left: 0;
    }

    .article-wrap article .article-slider-wrap{
        width:100%;
        margin: 40px 0px;
    }
    .article-slider-wrap .swiper-slide figure{
        max-height: 300px;
    }
    .block-author.author-overlay {
        margin-top: 0;
    }
    .article-banner-full{
        margin: 50px 0px;
    }
    section.in-numbers .container {
        padding-left: 15px;
    }
    section.in-numbers ul.number-list > li{
        padding-right: 30px;
    }
    section.in-numbers ul.number-list > li:last-child{
        padding-right: 0px;
    }
    ul.number-list > li h4 {
        font-size: 32px;
        line-height: 32px;
    }
   
    ul.other-story-list > li{
        width: calc(100% - 70px);
        margin: 20px 35px;
    }
    .jobs_section ul.other-story-list > li{
        width: calc(50% - 50px);
    }
    .post-type-archive-jobs .inner-two-col .fill-bar{
        display: none;
    }
    .jobs_section ul.other-story-list.mb-60{
        margin-top: 0px !important;
    }
    section.inner-two-col .fill-bar {
        height: calc(100vh - 80vh);
        width: 100%;
        bottom: -20px;
        top: auto;
    }
    .post-type-archive.post-type-archive-goals section.inner-two-col .fill-bar{
        display:none;
    }
    .post-type-archive-cities section.inner-two-col .fill-bar.fill-nooverlap{
        height: calc(100% / 3);
        bottom: 0px;
    }
    #cities-thumb-wrap ul.cities-list > li{
        width: calc(100% / 2);
    }
    #cities-thumb-wrap {
        margin-bottom:60px;
    }
    body.single-cities .article-wrap .trans-text{
        bottom: auto;
        left: -20px;
    }

    section.inner-section.grey-bg {
        padding: 70px 0px 60px 0px;
    }

    aside.filter-aside{
        padding: 40px;
    }
    
    section.article-section{
        padding: 20px 0px 60px 0px;
    }
    .other-story-wrap.latest-story{
        margin-top: 30px;
    }
    .latest-story ul.other-story-list{
        margin-top: 0;
    }
    .latest-story li.highlight-story{
        margin-top: 0px;
        max-width: calc(100% - 70px);
    }
    .post-type-archive-latest section.inner-two-col .fill-bar.fill-half {
        height:calc(100vh / 2.5);
        top: calc(100% / 4);
        bottom: auto;

        display: none;
    }
    .article-wrap .trans-text {
        left: -10px;
        top: 10px;
        bottom: auto;
    }
    .latest-template-default.single section.article-section{
        padding-top: 100px!important;
    }
    section.inner-section.grey-bg {
        padding: 40px 0px 40px 0px;
    }
    .latest-story li.highlight-story h4 {
        font-size: 30px;
        line-height: 34px;
    }
    .post-type-archive-latest .box-filter.filter-wide {
        width: 100%;
    }
    .post-type-archive-latest .filter-wrap .search-box {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        max-width: 100%;
    }
    .post-type-archive-latest .filter-wrap .order-items {
        margin-top: 40px;
    }
    .article-section .fill-highlight {
        left: -45px;
        height:calc(100vh / 1.5);
        width: calc(100vw + 80px);
    }
    .highlight-block{
        padding: 0px 0px 40px 0px;
    }
    .latest-template-default .highlight-block > figure {
        width: 100%;
        left: 0;
        padding: 0;
        height: 660px;
    }
    section.inner-section.grey-bg .trans-text {
        bottom: auto;
        top: -10px;
    }
    .focus-list-wrap ul.focus-list > li {
        width: calc(50% - 20px);
        margin:10px;
    }
    .focus-list-wrap ul.focus-list > li.focus-item-large figure,
    .focus-list-wrap ul.focus-list > li:nth-child(7) figure,
    .focus-list-wrap ul.focus-list > li:nth-child(18) figure{
        padding-top:calc(100% + 20px);
    }
    .focus-list-wrap ul.focus-list{
        margin: 0px 0px 50px;
        width: calc(100% + 30px);
        margin-left: -15px;
    }
    .focus-list-wrap{
        margin-bottom: 80px;
    }
    .goals-template-default.single section.article-section{
        padding-top: 100px!important;
    }
    .post-type-archive-goals .filter-wrap.filter-focus .box-filter {
        min-width: 100%;
        max-width: 100%;
    }
    .post-type-archive-goals .filter-wrap.filter-focus .search-box {
        width: calc(100% - 230px);
    }
    .goals-template-default.single-goals .article-section .fill-highlight{
        height: calc(100vh / 1.9);
    }
    .goals-template-default.single-goals .highlight-block.article-highlight > figure {
        width:100%;
        left:0px;
        margin-bottom: 20px !important;
    }
    .goals-template-default.single-goals .focus-list-wrap ul.focus-list {
        width: calc(100% - 10px );
        margin-left: 5px;
    }
    .goals-template-default.single-goals section.inner-section.trans-bg .trans-text {
        top: 4px;
        bottom: auto;
    }
    .highlight-block.article-highlight > figure {
        width: calc(100% + 90px);
        left: -40px;
        padding-top: 100%;
    }
    .single-goals section.inner-section.trans-bg .row.m0 .trans-text{
        z-index: -1;
        bottom: auto;
        top: -7px;
    }
    .single-goals section.inner-section.trans-bg .row.m0:nth-child(3) .trans-text{
        z-index: 1;
    }
    .article-section.pt-140 + .trans-bg.inner-section{
        padding-top: 0px;
    }

    section.article-section.about-page {
        padding-top: 50px;
    }
    .about-cont-sect{
        flex-wrap:wrap;
        margin-bottom: 0px;
    }
    .about-cont-sect > .about-left, .about-cont-sect > .about-right{
        width: 100%;
        padding-bottom:0px;
    }
    .about-cont-sect > .about-left article {
        padding-left: 0;
    }
    .about-cont h2.trans-text, .about-network h2.trans-text {
        font-size: 46px;
        line-height: 50px;
        bottom: auto;
        top: 0;
    }
    .about-network {
        padding-top: 36px;
    }
    .about-network {
        padding-top: 36px;
    }
    .about-cont + .about-module-wrap {
        margin-top: 0px;
    }
    .about-cont-sect > .about-left {
        padding-right: 0;
    }
    .team-about, .project-about, .patner-about{
        padding: 25px 0;
    }
    .article-section.about-page .team-about p, .article-section.about-page .project-about p, .article-section.about-page .patner-about p {
        font-size: 20px;
        line-height: 22px;
        margin: 0px 0px 10px;
    }
    .team-about a.btn-more, .project-about a.btn-more, .patner-about a.btn-more{
        font-size: 18px;
        line-height: 22px;
    }
    .team-about::before, .patner-about::before, .project-about::before {
        width: calc(100% + 50vw);
    }
    .about-figure{
        width: calc(100% + 30vw);
    }
    .about-cont-sect > .about-right{
        padding-left: 0;
    }
    .about-right .about-quote, .about-right .about-network {
        margin-top: 35px;
        margin-bottom: 20px;
    }
    .about-right .about-quote + .about-network {
        margin-top: 0;
    }
    .about-quote blockquote {
        font-size: 24px;
        line-height: 28px;  
    }
    .about-join .team-join-wrap {
        max-width: 100%;
        margin-top: 0;
    }
    .post-type-archive-team section.inner-two-col > .container h2.trans-text {
        font-size: 10vw;
    }
    .post-type-archive-team section.inner-two-col .fill-bar.fill-nooverlap{
        display: none;
    }
    .post-type-archive-team section.inner-two-col{
        padding-bottom: 40px;
    }
    .commit-wrap{
        padding-top: 30px;
    }
    .inner-landing .intro.full-width{
        max-width: 100%;
    }
    .commit-wrap h2.trans-text, .team-offic-wrap h2.trans-text{
        top: -4px;
        font-size: 7vw;
        line-height: 100%;
    }
    .team-offic-wrap h2.trans-text{
        top: 22px;
    }
    .box-filter ul.filter-list{
        flex-wrap: wrap;
    }
    .box-filter ul.filter-list > li{
        margin: 5px;
    }
    ul.team-list{
        width: calc(100% + 20px);
        margin: -10px 0px 30px -10px;
    }
    ul.team-list > li {
        margin: 20px 10px;
        width: calc(50% - 20px);
    }
    .team-thumb figure{
        width: 150px;
        height: 150px;
    }
    .team-offic-wrap{
        margin-top: 0;
        padding-bottom: 90px;
    }
    .team-cat-wrap{
        flex-wrap: wrap;
    }
    ul.team-result-list {
        margin: 0px;
    }
    ul.team-result-list > li{
        width: calc(100% / 2);
    }
    .team-cat-result{
        max-width: 100%;
    }
    .team-join-wrap {
        max-width: 100%;
        padding:30px 0px 30px 30px;
        margin-top: 40px;
    }
    .team-offic-wrap .team-join-wrap h2 {
        font-size: 38px;
        line-height: 40px;
    }
    .inner-two-col .filter-wrap.project-filter .box-filter{
        max-width: calc(100% + 20px) !important;
    }
    .inner-two-col .project-filter .search-box {
        width: 100% !important;
        margin-left: 0;
        margin-top: 20px;
    }
    .project-page section.inner-two-col .fill-bar {
        height: 210px;
    }
    .project-thumb-wrap ul.project-thumb > li {
        width: 50%;
    }

    .project-aside-wrap{
        padding-top: 60px;
    }
    .close-project{
        top: 12px;
        left: 15px;
    }
    .project-content-wrap{
        padding: 0px 30px;
    }
    .project-header .title-wrap h1 {
        font-size: 36px;
        line-height: 40px;
        margin-top:0px;
    }
    .project-meta{
        margin-bottom: 20px;
    }
    .project-recomt-wrap{
        margin-top: 30px;
    }
    .project-story{
        padding: 0 30px;
        margin-bottom: 50px;
    }
    .project-recomt-wrap .trans-text {
        font-size: 8vw;
        left: 30px;
    }
    .project-slider-wrap {
        padding-top:50px;
        padding-left: 30px;
    }
    .project-aside-wrap .project-slider-wrap h2.trans-text{
        top: 30px;
        margin-bottom: 0;
        font-size: 8vw;
    }
    .project-thumb-wrap{
        margin-bottom: 60px;
    }
    .project-page .inner-two-col > .container h2.trans-text {
        font-size: 10vw;
        left: -7px;
        top: 120px;
    }
    .post-type-archive-cities .filter-wrap .box-filter {
        min-width: 100%;
    }
    .article-slider-wrap {
        margin-top: 70px;
    }
    section.inner-section.trans-bg{
        padding-bottom: 60px;
    }
    .project-aside-wrap{
        right: -150vw;
    }
    .member-wrap ul.member-list > li{
        width: calc(50% - 40px);
    }
    .member-wrap {
        margin-top:60px;
        margin-bottom: 90px;
    }
    .article-wrap article iframe{
        height: calc(100vw/1.5);
    }

    #landing-slider .swiper-slide.swiper-slide-active .slider-desc{
        width: calc(100vw - 30px) !important;
        padding-bottom: 30px;
    }
    #landing-slider .swiper-slide.swiper-slide-active .slider-desc p{
        padding-right:20px;
    }
    .city-thumb figure{
        max-height: 230px;
        min-height: 230px;
    }
    .city-thumb figure img {
        height: calc(100vh / 2.5);
        max-width: none;
    }
    body.single-cities section.inner-section.grey-bg .trans-text {
        top: -4px;
    }


    #landing-slider .swiper-nav-wrap{
        display:none;
    }
    .project-details .project-content-wrap .project-content figure {
        width: 100%!important;
    }
    .project-details .project-content-wrap .project-content .person-contact figure{
        width: 65px!important;
    }
    .article-slider-wrap .swiper-slide .image_caption{
        position: static;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .college-banner .caption {
        position: static;
        font-size: 14px;
    }
    
    
}/*max-width: 980px*/


@media only screen and (max-width: 767px) {
    .site-search .search-results > li {
        width: calc(1000% - 40px);
        margin: 10px 0px;
    }
    .site-search .search-results > li h3 a {
        font-size: 18px;
        line-height: 20px;
    }
    .site-search .search-results > li .meta{
        margin-bottom: 5px;
    }
   /* header .site-search {
        max-height: calc(100% - 90px);
        overflow: auto;
    }*/
    section.landing-intro .box-blue{
        padding: 30px;
    }
    section.landing-intro .box-blue h3, section.landing-intro .box-blue h3 a {
        font-size: 22px;
        line-height: 24px;
    }
    section.landing-intro .box-latest-articles {
        padding: 30px;
    }
    .landing-intro .box-highlight h3 {
        font-size: 24px;
        line-height: 26px;
    }
    section.landing-intro {
        margin-bottom: 20px;
    }
    .our-cities .trans-text {
        bottom: auto;
        top: 43px;
        font-size: 40px;
    }
    #cities-thumb-wrap ul.cities-thumb > li.discover-city-wrap figure {
        padding: 30px;
    }
    
    .discover-city-wrap h3 {
        font-size: 22px;
        line-height: 21px;
    }
    .home #cities-thumb-wrap ul.cities-thumb > li:first-child {
        display: none;
    }
    #cities-thumb-wrap ul.cities-thumb > li {
        width:100%!important;
        padding: 8px 0px;
    }
    footer .subscribe-wrapper{
        flex-wrap: wrap;
    }
    footer .subscribe-wrapper input[type="text"], footer .subscribe-wrapper input[type="email"]{
        width: 100%;
        border-radius: 0px!important;
    }
    footer .subscribe-wrapper input[type="submit"], #site-wrapper #mc-embedded-subscribe{
        margin-top: 20px;
        top:0px;
    }
    footer .ft-left, footer .ft-right {
        padding: 30px;
    }
    footer .logo {
        margin-bottom: 35px;
        max-width: 120px;
    }
    .home section.landing {
        /*padding-top: 140px;*/
        padding-top:110px;
    }
    .landing .trans-text.text-bottom{
        opacity: 0;
        pointer-events: none;
    }

    ul.story-listing > li {
        width: calc(100% - 20px);
    }
    .story-item-wrap figure {
        max-height: calc((100vw / 1) - 140px);
    }
    .story-item-wrap figure img {
        min-height: calc(100vw / 1.8);
    }
    .filter-wrap .box-filter .btn-black{
        width: 100%;
        margin-bottom: 10px;
    }
    .filter-wrap .box-filter .btn-black.btn-shuffle{
        width: 60px;
    }
    aside.filter-aside{
        left: -120vw;
    }
    aside.filter-aside{
        padding: 30px;
    }
    section.inner-two-col {
        padding-top: 130px;
    }
    section.inner-two-col .trans-text, body.single-cities .article-wrap .trans-text, section.inner-section.grey-bg .trans-text,
    .article-wrap .trans-text, .single-goals section.inner-section.trans-bg .row.m0 .trans-text, .page-template-about-us .article-wrap .about-cont .trans-text,
    .about-cont h2.trans-text, .about-network h2.trans-text, .commit-wrap h2.trans-text, .team-offic-wrap h2.trans-text, .post-type-archive-team section.inner-two-col > .container h2.trans-text,
    .project-aside-wrap .project-slider-wrap h2.trans-text, section.inner-section.trans-bg .trans-text{
        font-size: 32px;
    }
    .commit-wrap h2.trans-text{
        font-size:30px;
    }
    .page-template-about-us .article-wrap .about-cont .trans-text, .about-cont h2.trans-text, .about-network h2.trans-text,
    .commit-wrap h2.trans-text, .team-offic-wrap h2.trans-text, .post-type-archive-team section.inner-two-col > .container h2.trans-text{
        line-height: 100%;
    }
    .article-wrap .trans-text {
        top: 20px;
        bottom: auto;
    }
    .mCS-rounded-dark .mCSB_scrollTools {
        right: 0 !important;
    }
    .filter-aside .city-item-wrap .checkbox {
        width: 100%;
    }
    aside.filter-aside .filter-btm{
        right: 0;
        flex-wrap: wrap;
    }
    .filter-btm .clear_selection, .clear_selection_goal{
        margin: 20px 10px;
    }
    aside.filter-aside .filter-btm .btn-black{
        width: auto;
    }
    aside.filter-aside h3{
        font-size: 24px;
    }
    .filter-aside .close-filter{
        right: 26px;
        top: 12px;
    }
    ul.filter-check-list > li{
        margin: 10px 0px;
    }
    ul.filter-check-list > li .checkbox label{
        font-size: 20px;
    }


    .page-nav .page-meta{
        position: static;
        width: 100%;
        margin-top: 10px;
    }
    .page-nav .page-meta span:nth-child(1){
        padding-left: 0;
    }
    
    ul.other-story-list > li{
        flex-wrap: wrap;
    }
    ul.other-story-list > li > a{
        display: block;
        width: 100%;
    }
    ul.other-story-list > li figure{
        width: 100%;
        margin-bottom: 20px;
    }
    ul.other-story-list > li .desc{
        width: 100%;
        padding-left: 0;
    }
    .article-banner .caption {
        left: -50%;
        max-width: 80%;
        right: -50%;
        margin: auto;
        text-align: center;
    }

    section.in-numbers ul.number-list{
        width: 100%;
        flex-wrap: wrap;
    }
    section.in-numbers ul.number-list > li {
        padding-right: 0;
        width: 100%;
        margin-bottom:20px;
    }
    section.in-numbers ul.number-list > li:last-child {
        margin-bottom:0px;
    }

    .post-type-archive-cities .filter-wrap .search-box {
        width: 100%;
        max-width: none;
        margin-top: 10px;
        margin-left: 0px;
    }
    #cities-thumb-wrap ul.cities-list > li {
        width: calc(100% / 1);
    }

    .college-banner .clg-img.clg-big {
        min-height: 36vh;
    }
    .college-banner .clg-img.clg-large {
        min-height: calc(16vh - 8px);
    }

    .box-filter ul.filter-list{
        flex-wrap: wrap;
    }
    .box-filter ul.filter-list > li{
        width: 100%;
        margin-bottom: 15px;
    }
    .box-filter ul.filter-list > li a{
        width: 100%;;
    }

    .author-modal .modal-body{ 
        padding: 10px 0px;
    }
    .author-modal .modal-content{
        padding: 25px;
    }
    .author-modal .bio-head figure {
        width: 125px;
        height: 125px;
        margin-bottom: 10px;
    }
    .author-modal .bio-head figure img{
        min-height: 125px;
    }
    .author-modal .bio-head strong{
        font-size: 24px;
        line-height: 36px;
    }
    .author-modal ul.social-links > li a{
        width: 40px;
        height: 40px;   
        font-size: 16px;
    }
    .article-wrap .city-title, .article-wrap .article-title {
        font-size: 30px;
        line-height: 34px;
    }

    .post-type-archive-goals .filter-wrap.filter-focus .search-box {
        width: 100%;
        margin-left: 0;
    }
    .focus-list-wrap ul.focus-list > li {
        width: calc(100% - 20px);
    }

    .focus-list-wrap ul.focus-list{
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    .focus-list-wrap ul.focus-list > li.focus-item-large,
    .focus-list-wrap ul.focus-list > li:nth-child(7),
    .focus-list-wrap ul.focus-list > li:nth-child(18){
        width: calc(100% - 20px);
    }
    .about-quote blockquote {
        font-size: 24px;
        line-height: 28px;
    }
    .about-network {
        padding-top: 60px;
    }
    .about-join .team-join-wrap{
        float: left;
        margin-top: 20px;
        padding: 30px 0px;
    }
    .team-join-wrap::after {
        width: calc(100vw + 50vw);
        left: -100px;
    }
    ul.open-position li strong{
        line-height: 24px;
    }

    ul.team-list > li {
        width: calc(100% - 20px);
    }
    ul.team-result-list > li {
        width: calc(100% / 1);
        padding: 10px 0px;
    }
    .team-join-wrap {
        padding: 30px 0px;
    }
    .team-offic-wrap .team-join-wrap h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .project-filter .box-filter .btn-grey, .project-filter .box-filter .btn-black{
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .project-thumb-wrap ul.project-thumb > li {
        width: 100%;
    }
    .project-thumb-wrap .project-over {
        padding: 20px 20px 70px 20px;
    }
    .project-over p{
        font-size: 17px;
    }

    .project-content-wrap {
        padding: 0px 25px;
    }
    .project-header{
        flex-wrap: wrap;
    }
    .project-header .title-wrap {
        width: 100%;
        margin-bottom: 25px;
    }
    .project-header .title-wrap h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .project-logo {
        width: 125px;
    }
    .project-aside-wrap .project-slider{
        padding-right: 50px;
    }
    .project-slider-wrap h2.trans-text{
        left: 30px !important;
    }
    .project-aside-wrap .story-item-wrap .story-desc-wrap h3 a {
        font-size: 24px;
        line-height: 24px;
    }
    .member-wrap ul.member-list > li{
        width: calc(100% - 40px);
        margin: 10px 20px;
    }

    .post-type-archive-partners section.inner-two-col .fill-bar.fill-dblue.fill-half{
        display: none;
    }
    .member-wrap {
        margin-bottom:60px;
    }
    aside.filter-aside .filter-btm .btn-black{
        min-width: auto;
        padding: 10px 15px;
        line-height: 100%;
        min-height: auto;
        font-size: 15px;
        margin-left: 10px;
    }
    .jobs_section ul.other-story-list > li {
        width: calc(100% - 50px);
        margin: 10px 25px;
    }
    #article-slider {
        padding-bottom: 50px;
    }
    .latest-template-default .highlight-block > figure {
        height: 400px;
    }
    section.article-section.about-page {
        padding-top: 20px;
    }
    .about-network {
        padding-top: 20px;
    }
    .project-content > img, .project-content p > img {
        height: auto;
    }
    .project-details .project-content-wrap .project-content figure img{
        height: auto;
    }
    .site-search .search-results{
        max-height: 200px;
        overflow: auto;
        margin-bottom: 10px;
    }
    .error404  .page-header h1{
        font-size: 26px;
    }
    .page-404 p {
        font-size: 18px;
    }
    .page-404 .search-form input[type="search"]{
        line-height: 38px;
        font-size: 20px;
        min-width:auto;
    }
    .page-404{
        padding: 110px 0px 100px;
    }
    .search-page h2.page-title{
        font-size: 24px;
    }


    .home section.landing #landing-slider{
        padding-left: 20px;
    }
    #landing-slider .swiper-slide.swiper-slide-active{
        margin-left: 0px;
    }
    #site-wrapper #landing-slider .swiper-slide.swiper-slide-active {
        /*width: 100%!important;*/
    }
    #site-wrapper #landing-slider .swiper-slide, #site-wrapper #landing-slider .swiper-slide.swiper-slide-active {
        width: calc(100vw - 72px) !important;
    }
    .home #site-wrapper #landing-slider .swiper-slide .slider-img figure{
        height: 550px;
    }
    .page-nav a.back-nav{
        font-size: 20px;
    }
    .project-content > img, .project-content p > img {
        margin: 10px 0px 20px;
    }

    .home  #cities-thumb-wrap ul.cities-thumb > li figure.random{
        display: none;
    }

    .grey-bg .story-item-wrap::after {
        width: calc(100% + 2px);
        margin-left: -1px;
        height: calc(20% + 2px) !important;
        margin-top: -2px;
    }
    .page-template-about-us .article-wrap .about-cont{
        padding-top:10px;
    }
    .page-template-about-us .article-wrap .about-cont .trans-text{
        position:static;
    }
    body.single-cities .article-wrap .trans-text{
        left: -13px;
    }


    .post-type-archive-latest .other-story-wrap ul.other-story-list > li.notlatest figure img {
        display: block;
        width: 100%;
    }
    .post-type-archive-latest .other-story-wrap ul.other-story-list > li.notlatest figure{
        background: none!important;
        height: auto;
    }

    .post-type-archive-latest .other-story-wrap ul.other-story-list.lastestlist > li figure img{
        display: block;
        width: 100%;
    }
    .post-type-archive-latest .other-story-wrap ul.other-story-list.lastestlist > li figure {
        background: none!important;
        height: auto;
    }
    .single-latest ul.other-story-list > li figure {
        background: none!important;
        height: auto;
    }
    .single-latest ul.other-story-list > li figure img {
        display: block;
        width: 100%;
    }
    .single-goals ul.other-story-list > li figure img{
        display: block;
        width: 100%;
    }
    .single-goals ul.other-story-list > li figure{
        background: none!important;
        height: auto;
    }

    .single-stories ul.other-story-list > li figure{
        background: none!important;
        height: auto;
    }
    .single-stories ul.other-story-list > li figure img{
        display: block;
        width: 100%;
    }
    ul.team-result-list.newteam > li{
        width:100% ;
    }
    ul.team-result-list.newteam > li .team-thumb{
        width:100% ;
    }
    
    
    
}/*max-width: 767px*/


@media only screen and (max-width: 600px) {
.cc-revoke.cc-bottom{display:none !important}
.home #site-wrapper #landing-slider .swiper-slide .slider-img figure {
    height: 380px;
}

}/*max-width: 600px*/

@media only screen and (max-width: 450px) {
    
    /*#site-wrapper #landing-slider .swiper-slide.swiper-slide-prev{
        opacity: 0;
        pointer-events: none;
    }
    #landing-slider .swiper-slide .slider-desc{
        
    }*/
    .home #site-wrapper #landing-slider .swiper-slide .slider-img figure {
        /*width:calc(100vw - 27vw);
        overflow: hidden;
        height: 220px;*/
        height:270px;
    }
    .home section .fill-bar{
        height: calc(100% / 1.5);
    }

    .college-banner .clg-img.clg-big{
        width: 100vw;
    }
    .college-banner .caption{
        width: calc(100% - 40px);
        bottom: -16px;
    }
    .college-banner .clg-img.clg-large, .college-banner .clg-img.clg-sml{
        display: none;
    }
    .city-thumb figure {
        max-height: 200px;
        min-height: 200px;
    }
    section.landing-intro .box-blue {
        padding: 20px;
    }
    section.landing-intro .box-latest-articles {
        padding: 20px;
    }
    .discover-city-wrap h3 {
        font-size: 20px;
        line-height: 20px;
    }
    footer .ft-left, footer .ft-right {
        padding: 20px;
    }
    .inner-landing .story-featured figure {
        height: 280px;
    }
    .page-nav .page-meta{
        display: flex;
        flex-wrap: wrap;
    }
    .page-nav .page-meta > span{
        width: 100%;
        padding-left:0px;
    }
    #landing-slider .swiper-slide .slider-desc{
       /*min-height: calc(100vh / 5 + 150px);*/
        min-height: auto;
        padding-bottom: 30px;
    }
    #landing-slider .swiper-slide.swiper-slide-active .slider-desc {
        width: calc(100vw - 30px) !important;
    }

    h2.trans-text {
        font-size: 22px;
    }
    .page-404 .search-form input[type="search"]{
        line-height: 38px;
        font-size: 20px;
        width: 100%;
        min-width:auto;
    }
    .page-404 .search-form label {
        margin-bottom:20px;
        width: 100%;
    }
    .page-404 .search-form .search-submit{
        width: 100%;
        font-size: 24px;
    }
    .search-page .pagination{
        flex-wrap: wrap;
    }
    .search-page .pagination h2{
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .search-page article h2{
        font-size: 20px;
    }
    .search-page .page-numbers{
        display: none;
    }
    
    .search-page .nav-prev-text, .search-page .nav-next-text{
        display: none;
    }
    .search-page .page-numbers.current, .search-page .prev.page-numbers, .search-page .next.page-numbers{
        display: inline-block!important;
    }
    section.landing-intro .box-blue h3, section.landing-intro .box-blue h3 a {
        font-size: 20px;
        line-height: 22px;
    }
    ul.latest-list > li h4{
        font-size: 20px;
        line-height: 24x;
    }
    .our-cities .trans-text {
        top: 20px;
    }
    .our-cities {
        padding-top: 50px;
    }
    #cities-thumb-wrap.cities-grid ul.cities-thumb > li figure {
        max-height: 180px;
        min-height: 180px;
    }
    ul.searchitemlist > li{
        margin: 0px 5px 5px 0px;
    }
    #landing-slider.numslides-4 .swiper-slide{
        max-width:none;
    }

}/*max-width: 450px*/
@media only screen and (max-width: 350px) {
    footer .social-links {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    .block-author .desc,
    .person-contact .author-thumb .desc {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .block-author .author-thumb,
    .person-contact .author-thumb{
        flex-wrap: wrap;
    }
    .home #site-wrapper #landing-slider .swiper-slide .slider-img figure{
        height: 230px;
    }
}