@media only screen and (min-width: 320px) and (max-width:768px) {
.mobile-item{display: block }
.desktop-item{display: none !important}
.desktop-item,.scroll-header.desktop-item, .mobile-item.scroll-header{display: none }


h1 	{ font-size:24px;line-height: 1.5;}
h2 	{ font-size:20px;line-height:1.4; }
h3 	{ font-size:18px;line-height:1.3;}
h4 	{ font-size:16px;line-height:1.4;}
h5  ,footer .menu li a{ font-size:15px;line-height:1.4;}
h6	{ font-size:14px;line-height:1.4;}

p{font-size: 14px;letter-spacing: 0.5px;line-height: 2;}
.letter-space-8{letter-spacing: 3px}
.margin-60-bottom,.margin-70-bottom,.margin-80-bottom{margin-bottom: 30px}
.margin-40-bottom{margin-bottom: 20px}
.margin-20-bottom{margin-bottom:10px}
.m-margin-20-bottom{margin-bottom: 20px}
.margin-80-top{margin-top: 40px}
.breakline {  background: #999 !important;}

  .custom-reorder-2 {
    order: 2;
  }
  .custom-reorder-1 {
    order: 1;
  }
  .d-flex{
    display: flex;
    flex-wrap: wrap;
  }
.flex-direction-nav .flex-next,.flex-direction-nav .flex-prev{opacity: 0}
.slide-img{height: 100vw}
.flexslider-projectsingle .flex-control-nav, .flexslider-projectinner .flex-control-nav, .flexslider-projectsub .flex-control-nav{bottom: 20px}
.flex-control-paging li a{box-shadow: none;background: #FFF}
.flex-control-paging li a.flex-active{background: #333}
/** header */
header .container{padding-left: 20px;padding-right: 20px;}
header{top:0;padding: 15px 0;background: #FFF}
.header-bg{display: none}
.container{padding-left: 20px;padding-right: 20px}
header .menu-main-menu-container{position: fixed;top:60px;right: 0;width: 180px;height: 100vh;background: #FFF;transform: translateX(180px);transition: all 0.3s ease;}
header.active .menu-main-menu-container{transform: translateX(0vw)}
header .menu-main-menu-container li{width: 100%;padding: 0 15px}
header .menu-main-menu-container li .sub-menu li{width: 100%;border: none;padding: 0 }
header .menu-main-menu-container a{font-size: 20px;border-bottom: 1px solid #e1d5d1;;letter-spacing: 4px}

header .menu-main-menu-container li .sub-menu li a{font-size: 16px;border: none;padding: 5px 0}

.menu > li > a:hover::after, .menu > li.active > a::after {
  width: calc(100% - 40px);

}
.menu > li > a::after {display: none;}
header .menu-main-menu-container .sub-menu{display: block;width: 100%;margin-bottom: 10px;margin-top: 10px}
header .menu-main-menu-container .sub-menu .sub-menu{display: none}
header #menu-item-32 a{border-top: 1px solid #e1d5d1;}

.logo{width: 84px;display: inline-block}
.footer-logo{width: 52px}
.row-eq-height{display: block}
footer .menu-main-menu-container{position: relative;margin: 20px 0;border-bottom: 1px solid #999;border-top: 1px solid #999;padding-top: 10px;float: left;width: 100%;}
.footer-info{left: 70px}
footer .menu li{text-align: left}
.footer-ss-list{position: relative;right: auto;bottom: auto}
.footer-ss-list li{margin-left: 0;margin-right: 10px;width: 18px}
footer .col-sm-4{position: relative;float: left;width: 100%}
.footer-info{bottom:auto;top:0}
.footer-info-wrap{margin-bottom: 0 !important}
footer .menu  a{text-align: left !important}

.page-wrap{margin-top: 90px;margin-bottom: 30px}

footer .sub-menu{display: block;background: none;width: 100%;margin-top: -10px;    margin-bottom: 10px;}
footer .sub-menu li a{margin: 0;}
footer .sub-menu li{display: inline-block;width: auto;border-right: 1px solid #999;padding-right: 5px;margin-bottom: 5px}
.sub-menu a{border-bottom: none}
.menu-btn{width: 30px;height: 30px;background: url(../images/icon-menu.svg) center center no-repeat;background-size: contain;;display: inline;cursor: pointer;float: right;}
.popup-inner {
 background: url(../images/popbg-v.svg) center center no-repeat;
    background-size: auto;
  background-size: contain;
  
  }
.popup-inner h1{font-size: 18px}  
.pop-title{background-size: 70px;padding-left: 80px;padding-top: 10px ;padding-bottom: 10px}
.popup-inner .close-btn {  right: 24px;  top: 113px;}
  
/* home */
.animal-left,.animal-right{width: 100%;margin: 0 ;padding: 0 ;border: none;position: relative}
.animal-right{border-top:1px solid #c4e3cf;margin-top:15px;padding-top: 15px;padding-right: 0;margin-bottom: 0;}
.animal-right h3{margin-bottom: 10px}
.popup-inner{width: 100%;max-width: 340px;}
.pop-content{padding: 40px 50px 20px 50px}
.flexslider{border: none;background: none}
.animal-thum{position: absolute;right: 0;width: 70px;height: 70px;margin: 0;top:-35px;background-size: contain !important;}
.flexslider-home-animal .flex-direction-nav .flex-prev{left: -40px !important}
.flexslider-home-animal .flex-direction-nav .flex-next{right: -40px !important}
.flex-direction-nav a{width: 30px;height: 30px}
.flex-direction-nav a::before {font-size: 30px}
.home-news-section .container{max-width: 100%;}
.animal-right h3{text-align: left;}
.animal-left-img{border-radius: 20px;}
.animal-right p{line-height: 1.4;font-size: 13px;}
.home-landing-section{height: 680px;}
.home-landing-section .object-cloud {  width: 40%;  right: 25%;  top: 15%;}
.home-landing-section .vertical-text{font-size:22px;line-height: 32px ;letter-spacing:  4px}
.home-landing-section .vertical-text span{height: 60px}
.home-mask-slider-wrap{width: 80%;left: -10%}
.home-mask-slider{width: 115% !important}
.cloud-mask{width: 100%}
.home-landing-section .object-cat{width: 80px;right: 44%;bottom: 0%;}
.home-landing-section .object-bird{width: 80px;right: 10%;bottom: 180px;}
.home-landing-section .object-tt {width: 60px;right: 50%;bottom: 0;left: auto;}
.home-landing-section .object-door{width: 120px;  right: 5%;  bottom: 30px;}
.home-about-ob1{left: 20px}
.home-about-cloud{left: -180px;top:80px}
.home-about-section, .home-news-section{padding: 60px 0}
.owl-carousel-home{width: calc(100% + 30px)}
.object-cloud1{opacity: .2;}
.object-cloud2{opacity: .2;}
.object-cloud3{opacity: .2;}
.object-cloud4{opacity: .2;}
.home-about-section p{padding-right: 0}
.home-about-ob1a{top:50px}
.home-about-ob1b{top:65px}

/* news */
.news-wrap .row.margin-20-bottom{margin-bottom: 0}
.news-wrap .col-sm-4{margin-bottom: 20px}
.news-wrap .container{padding-left: 20px;padding-right: 20px}

.news-inner{padding: 0}	
.news-info-details {border: none;border-radius: 0;padding-left: 20px;padding-right: 20px;width: calc(100% + 40px);margin-left: -20px}
.close-btn{right: 20px;  top: 20px;  width: 20px;  height: 20px;}
.news-banner-title h2{width: 80%;font-size: 16px}
.news-banner-title{padding-top: 20px;border-bottom: 0;margin-bottom: 0;padding-bottom: 10px}
.news-banner-title .title-date{position: relative;right: auto;top:auto;padding-top: 20px;border-top:1px solid #CCC;margin-top: 10px}
.news-banner-title h5.title-tag{margin-left: 0;margin-right: 10px;margin-bottom: 10px;font-size: 12px;letter-spacing: .8px}
img.news-banner-img{border: none;border-radius: 0}
.news-inner .breakline{display: none}
.news-content-left{width: 100%;position: relative;padding-bottom: 60px}
.news-side-info li p{width: 100%}
.news-content-right{width: 100%;padding-left: 0;padding-top: 20px;border-top:1px solid #CCC;border-left: 0;}
.news-content .apply-button{left: auto;right: 0;bottom: 20px}
.news-side-info li h5.info-tag,.learner-banner-title h5.title-tag{display: inline-block;
  padding: 2px 15px;
  border: 1px solid #000;
  border-radius: 15px;
  margin-right: 10px;
  white-space: nowrap;
  margin-top: 2px;}



/* about */
.about-section-1 .about-cloud-1 { width: 130%;  left: -30%;  top: 90vw;z-index: 1;}
.about-section-1 {padding-top: 90vw}
.about-section-1 .cloud-mask{width: 120%;left: -10%;position: absolute}
.about-section-3 .about-cloud-3 { width: 110%;  left: -20%;  top: 10%;z-index: 1}
.about-section-3 .cloud-mask{width: 120%;left: -10%;position: relative}


.about-path-list li{width: 180px;    height: 153px;}
.about-path-list li:nth-child(1){left: 50%}
.about-path-list li:nth-child(2){left: 50%;top:75%}
.about-path-list li:nth-child(3){top:110%;left: 0}
.about-path-list li:nth-child(4) {  top: 46%;  left: 0;}
.about-section-2{padding: 30px 0 80px 0}
.about-path-wrap{padding: 0;}

.about-path-list li h2{font-size: 16px}
.about-it1,.about-it2,.about-it3,.step-title{display: none}
.about-it4{bottom: -5%;  left: 25%;   transform: translateX(-50vw);top:auto}

.about-path-list li:nth-child(1) .ill-item{background-size: auto 30% !important}
.about-path-list li:nth-child(1) h2{bottom: 25px}

.about-path-list li:nth-child(2) .ill-item{background-size: auto 50% !important}
.about-path-list li:nth-child(2) h2{bottom: 15px}

.about-path-list li:nth-child(3) .ill-item{background-size: auto 60% !important}
.about-path-list li:nth-child(3) h2{bottom: 25px}

.about-path-list li:nth-child(4) .ill-item{background-size: auto 60% !important;height: 50%}
.about-path-list li:nth-child(4) h2{bottom: 15px}
.about-path-wrap img.path-grah{transform: rotate(120deg) translate(50%,50%);left:60%;position: absolute;top:30%;width: 70vw;height: 50vw}

.about-path-list{padding-bottom: 30%}
.about-path-wrap{transform: scale(1);text-align: center}
.about-path-list li{position: relative;width: 100%;top:auto !important;left: 50% !important;right: auto !important;bottom: auto !important;transform: translateX(-50%);margin-bottom: 20px}
.path-grah{display: none}

/* project */
.ppl-thumbnail{width: 60px;height: 60px}
.single-project-3 .flexslider .slides .slides-inner{width: calc(100vw - 40px)}
.single-project-3 .flexslider .slides .slides-wrap{height: 120vw}
.slides-wrap h3{bottom: 15%}
.flexslider-projectsub .flex-direction-nav .flex-prev{left: 20px !important}
.flexslider-projectsub .flex-direction-nav .flex-next{right: 20px !important}
.player{height: 56vw}
.sp-info-wrap{position: relative;width: 100%;top:auto;transform: translateY(0)}
.sp-image{width: 100%}
.sp-info-wrap::after {display: none}
.sp-info-wrap{bottom:auto;margin-top: 20px;padding-bottom: 20px}
.news-side-info p{padding-top: 4px;padding-bottom: 8px}

.feedback-list li,.feedback-list{border-color: #999}
.feedback-list li{padding-left: 80px}
.single-project-2 .project-cloud-1{left: -80px;top: -10px;width: 430px; right: auto}

.single-project-1 .slide-img{height: 100vh}
.single-project-1  .project-landing-info{position: absolute;top:13%;width: 320px}
.single-project-1 .project-cloud-1 {  position: absolute;width: 430px;    left: -100px;top: 0%;}

.project-landing-info{position: relative;top:auto;transform: translate(0);padding: 0 !important;width: 100%;margin-top: 20px;margin-bottom: 20px;top:auto;bottom: auto;position: relative;float: left;;}
.project-landing-info .text-info-box{padding: 0 !important;background: none;margin-bottom: 80px;}

.single-project-1 .text-info-box{background: rgba(255,255,255,.85);padding: 20px !important;}

.page-template-template-project  .page-wrap {    margin-top: 60px;}
.project-banner{height: 140vw;margin-bottom: 40px}
.project-object-cloud{width: 120px;left: auto;  bottom: 40px;right: 20px}
.project-section-2{padding-top: 40px}
.project-section-2 .cloud-mask{width: 120%;position: relative;left: -20%;top:0;margin-bottom: 40px}
.project-cloud-2 {  position: absolute;  width: 120%;  right: -10%;  bottom:10%;left: auto;top:auto}
.project-section-2{padding-bottom: 0;margin-bottom: 40px}
.project-list{border-top:1px solid #999;padding-top: 20px}
.project-list li{margin-bottom: 20px}
.project-list .about-block{margin-top: 20px}



/* learner */
.learner-info-details{border: 0;border-radius: 0;width: calc(100% + 40px);padding-left: 20px;padding-right: 20px;margin-left: -20px}
.learner-inner{padding: 0}
.learner-banner{margin-left: -20px;width: calc(100% + 40px)}
.learner-banner-title .title-date{position: relative;width: 100%}
.learner-banner-title{padding: 10px 0 20px;}
.learner-banner-title h4.bold{padding-left: 100px;padding-top: 2px}

/* participation */
.participation-section{padding: 30px 0}
.participation-section-1 .cloud-mask,
.participation-section-2 .cloud-mask,
.participation-section-3 .cloud-mask
{position: relative;width: 100%;bottom: auto;left: auto;margin-bottom: 20px}
.participation-section-3 .participation-title{margin-top: auto}
.participation-section-3 .cloud-mask{margin-left: -10%}
.participation-section-2 .cloud-mask{margin-left: 10%}
.participation-section-1 .cloud-mask{margin-left: 10%}

.participation-section-3 p{padding-right: 90px}
.padding-40-right{padding-left: 0;padding-right: 0}

.participation-cloud-1 {position: absolute; width: 420px;left: -70px;top: 250px;}
.participation-cloud-2 {position: absolute; width: 380px;right: -70px;top: 250px;left:auto}
.participation-cloud-3 {position: absolute; width: 380px;left: -70px;top: 250px;}

.participation-section{padding-top: 0}

.participation-share-button{float: left;padding-left: 110px}
.participation-map{height: 100vw}

/* support */
.support-cloud-1{width: 430px;    left: -100px;top:-80px}
.support-landing-info p{ width: 80%}

.support-landing .slide-img{height: 100vh}
.support-landing-info{bottom: 120px}
.support-1-item .support-info-wrap,.support-3-item .support-info-wrap{margin-bottom: 60px;padding-right: 90px;width: 360px}
.support-2-item .support-info-wrap,.support-4-item .support-info-wrap{margin-bottom: 30px;padding-left: 90px;width: 360px;float: right}

.cloud-img-bg1, .cloud-img-bg2, .cloud-img-bg3, .cloud-img-bg4, .cloud-img-bg5{width: 360px}
.cloud-img-bg1{left: -30px;top:-40px}
.cloud-img-bg2{right: -30px;top:180px;left: auto}
.cloud-img-bg3{left: 0px;top:410px}
.cloud-img-bg4{right: -40px;top:680px;left: auto}
.cloud-img-bga{left: 0}
.cloud-img-bgc{left: 20px}
.cloud-img-bgb { transform: translateY(0%);  right: 0;  width: 100px;  top: 600px;left: auto}

}
@media only screen and (min-width: 768px) and (max-width:1200px) {

  .container {
    width: 100%;
  }
  .menu a{padding-left: 10px;padding-right: 10px;}
  .news-content-left,.news-content-right{width: 100%;position: relative}
  .news-content-right{padding-left: 0;border-top: 1px solid #ccc;margin-top: 20px;padding-top: 20px;border-left: 0;}
  .more-btn.mobile-item.apply-button{position: relative;display: inline-block !important;margin-top: 40px;}
  .more-btn.apply-button.desktop-item{display: none !important;}
}

@media only screen and (min-width: 1200px) and (max-width:1480px) {
  .container {
    width: 100%;
    padding-left: 90px;
    padding-right: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width:6000px) {

}



@media(min-width:768px) {
}