@media screen and (max-width:767px) {
article {margin-bottom: 12vw;}
.right{text-align: center;}
.main-wrapper {width: 90%;}
header{margin: 0 0 12vw 0;}
article {margin-bottom: 12vw;}
	
.logo-menu {margin: 9vw 0 0 0;}
.logo-menu-left {width: 100%; text-align: center; padding: 1vw 0;}
.logo-menu-left img{width: 70%; margin: 0 auto; display: block; transition-duration: 0.3s;}
.logo-menu-right {
  width: 100%; text-align: left;
}
.menu-lines{display: block; float: right; width: 6%;}
aside.scroll .logo-menu {
 padding: 1vw 0;
}
aside.scroll .logo-menu-left {
  width: 100%; margin: 0;
}
aside.scroll .logo-menu-left img{width: 50%; transition-duration: 0.3s;}
aside.scroll .logo-menu-right {
  width: 60%;
}

.headers{margin: 29vw 0 0 0; padding:0;}
.headers figcaption{font-size:6.5vw; line-height:7vw; top:7vw; left:5vw; width: 50%;}
.headers figcaption p{display: none;}
.phead01{font-size: 6.5vw; margin: 0 0 5vw 0;}
.phead01 strong{font-size: 3.5vw; letter-spacing: 0.5vw;}
.phead02{font-size: 5vw; line-height: 6vw; margin: 0 0 8vw 0;}
.body-txt{font-size: 4vw; line-height: 6vw;}
.body-txt p{margin: 0 0 4vw 0;} 

.home-block-01-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.home-block-01-left h1{font-size: 7vw;}
.home-block-01-right{width: 100%; display: block;}

.vdo{padding: 3vw; height: 50vw; margin: 0 0 4vw 0;}

.article-bg{padding: 12vw 0; background-size: cover;}

.btn-01{padding: 3vw 6vw; margin: 0 0 4vw 0; border-radius: 5vw; font-size: 4vw;}
.btn-01 img{width: 5vw; margin: 0 2.5vw 0 0;}

.btn-02{padding: 3vw 6vw; margin: 0 3vw 0 0; border-radius: 5vw; font-size: 4vw;}
.btn-02 img{width: 5vw; margin: 0 2.5vw 0 0;}

.home-block-02-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.home-block-02-right{width: 100%; display: block;}
.home-block-02-right-box{padding: 4vw 4.2vw; margin: 0 0 5vw 0;}

.home-block-02-right-box figcaption h3{font-size: 5vw; margin: 0 0 3vw 0;}
.home-block-02-right-box figcaption p{font-size: 4vw; line-height: 6vw;}

.founding-stage-bg{padding: 12vw 0; background-size: cover;}

.home-block-03-block{width: 100%; display: block; margin: 0 0 5vw 0;}	
	
.programs-bg{padding: 12vw 0;}
.programs-block{padding: 0 6vw; margin: 0 0 6vw 0;}
.p-date{border-radius: 3vw; padding: 3vw 3.5vw; top: 4vw; left: 5vw; font-size: 3vw; letter-spacing: 0.1vw;}
.p-course{border-radius: 3vw; padding: 3vw 3.5vw; bottom: 4vw; left: 5vw; font-size: 3vw; letter-spacing: 0.1vw;}
.programs-block figure img{min-height: 50vw; max-height: 50vw;}
.programs-block figcaption{padding: 6vw;}
.programs-block figcaption h4 {font-size: 5vw; line-height: 6vw; margin: 0 0 5vw 0;}
	
	
.podcast-bg{padding: 4vw; background-size: cover; min-height:none; max-height: none; overflow: visible;}
.podcast-area{width: 70%;}
.podcast-area figure{margin: 0 0 3vw 0;}
.podcast-area h4{font-size: 6vw; line-height: 5vw; margin: 0 0 2vw 0;}
.podcast-area span{font-size: 3.5vw; letter-spacing: 0.1vw; margin: 0 0 2vw 0;}
.podcast-area strong{font-size: 4.5vw; line-height: 5.5vw; font-family: "Spectral", serif; font-weight: 600; margin: 0 0 2vw 0;}

.btn-03{padding: 3vw 6vw; margin: 0; border-radius: 5vw; font-size: 4vw;}
.btn-03 img{width: 5vw; margin: 0 2.5vw 0 0;}

.book-bg{padding: 6vw 4vw 4vw 4vw; background-size: cover; min-height:none; max-height: none; overflow: visible;}

.book-area figure{width: 80%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 5vw;}
.book-area figure img{min-height: 90vw; max-height: 90vw;}
	
.book-area figcaption{width: 100%; display: block;}	
	
.book-area span{font-size: 3.5vw; letter-spacing: 0.1vw; margin: 0 0 2vw 0;}
.book-area figcaption{text-align: center;}
.book-area h4{font-size: 6vw; line-height: 7vw; margin: 0 0 3vw 0;}
.book-area p{font-size: 4vw; line-height: 5.5vw; margin: 0 0 4vw 0;}	
	
.footer-bg{border-top: solid 2vw #8863d1;}
.footer-left{width:100%; display: block; margin: 0;}
.footer-left p{font-size: 3.5vw; line-height: 5vw; margin: 0 0 3vw 0;}
.footer-logo{width: 60%; padding: 3vw; border-radius: 0 0 2vw 2vw; margin-left: auto; margin-right: auto; margin-bottom: 5vw;}
.footer-block01{width:100%; display:block; margin: 0 0 5vw 0;}
.footer-block01 i{font-size: 3vw; margin: 0 2% 3vw 0;}
.footer-block02{width:100%; display:block; margin: 0 0 6vw 0;}
.footer-block02 li{font-size: 3.5vw; line-height: 8vw;}
.footer-block02 i{font-size: 1vw; margin: 0 2vw 0 0;}
.footer-head{font-size: 4.5vw; line-height: 6vw; margin: 0 0 3vw 0;}

.footer-right{width:100%; position:static; right: auto; top: static; padding:8vw;}
.footer-head02{font-size: 5vw; margin: 0 0 5vw 0;}
.footer-right input{padding:6vw; margin: 0 0 3vw 0; font-size: 3.5vw;}
.footer-right input::placeholder{font-size: 3vw;}
.footer-right button{padding:5vw 3vw; font-size: 3.5vw;}
.copyright-strip{padding: 5vw 0;}
.copy-left{width: 100%; font-size: 3vw; text-align: center; display: block; margin: 0 0 3vw 0;}
.copy-right{width: 100%; font-size: 3vw; text-align: center; display: block;}
.copy-right li{margin: 0 2vw 0 0;}
.body-txt li{margin: 0 0 3vw 4vw;}
	
/*Inside CSS Start*/
.inside-headers{margin: 29vw 0 0 0;}
.inside-headers figure img{height: 25vw;}
.inside-headers figcaption{font-size:5.5vw; top:5vw; left:6vw; font-weight:700;}
.inside-headers figcaption span{font-size:3vw;}
.inside-headers figcaption span i{font-size: 2vw; margin: 0 1vw;}
	
.resources-area{margin: 8vw 0 0 0;}
.resources-block{width: 48%; margin: 0 1% 2vw 1%;}
.resources-block div img{min-height: 40vw; max-height: 40vw; }
.resources-block h2{font-size:5vw; margin: 3vw 0 0 0;}
	
.resources-block-inside{width: 100%; display: block;  margin: 0 0 5vw 0;}
.resources-block-inside figure{width: 70%; margin: 0 auto;}
.resources-block-inside figure img{min-height: 90vw; max-height: 90vw;}
.resources-block-inside h2{font-size:6vw; line-height: 7vw; margin: 6vw 0 1.5vw 0;}
.resources-block-inside span{font-size: 3.5vw; line-height: 5vw; margin: 0 0 1vw 0;}
.resources-block-inside p{font-size: 4vw; line-height: 6vw;  margin: 0 0 5vw 0;}
	
.pagination {gap: 3vw;}
.page-number {
      width: 8vw;
      height: 8vw;
      font-size: 4vw;
    }
    
    
    
    
    .card-grid {
      grid-template-columns: 1fr;
      row-gap: 3vw; margin: 0 0 8vw 0;
    }
    .card-text {
      width: 100%;
      height: auto;
      padding: 4vw;
    }
    .card-image {
      position: static;
      transform: none;
      width: 100%;
      height: 50vw;
      margin-top: 2vw;
    }
    .card-text h2 { font-size: 7vw; }
    .card-text p { font-size: 4vw; line-height: 6vw; margin: 0 0 3vw 0;}
    .read-more { font-size: 4vw; }
    .read-more svg { width: 3vw; height: 3vw; }

}