@media screen and (max-width:767px) {
article {margin-bottom: 12vw;}
.right{text-align: center;}
.main-wrapper {width: 90%;}

.logo-menu {margin: 9vw 0 0 0;}
.logo-menu-left {width: 20%;}
.logo-menu-left img{width: 100%; transition-duration: 0.3s;}
.logo-menu-mid {width: 30%; margin: 0;}
.logo-menu-right {width: 50%; font-size: 3vw; line-height: 4vw; vertical-align: top; margin: 5vw 0 0 0;}
	
.call-icn{margin: 1vw 0 0 3vw;}
	
.legacy-bg{padding: 12vw 0;}
.legacy-head{font-size: 7vw; margin:0 0 5vw 0;}
.legacy-block{width: 50%; padding: 0 4vw; margin: 0 0 5vw 0;}
.legacy-block figure{width: 60%;}
.legacy-block figcaption{margin: 4vw 0 0 0;}
.legacy-block figcaption h2{font-size: 12vw; margin: 0 0 3vw 0;}
.legacy-block figcaption h2 span{font-size: 6vw;}
.legacy-block figcaption p{font-size: 3.7vw; line-height: 5vw;}
	
aside.scroll .logo-menu {padding: 1vw 0;}
aside.scroll .logo-menu-left {width: 15%;}
aside.scroll .logo-menu-left img{width: 100%;}
aside.scroll .logo-menu-mid {width: 35%; margin: 0;}
aside.scroll .logo-menu-right {width: 50%; margin: 2.5vw 0 0 0;}
	
.headers{padding:0; margin: 29vw 0 0 0;}
.headers figcaption{font-size:4.2vw; line-height:4.5vw; top:8vw; left: 5vw; width: 35%;}
.headers figcaption strong{font-size: 5vw; margin: 0 0 1vw 0;}

.block-1-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.block-1-left h2{font-size: 8vw; line-height: 8.5vw;}
.block-1-right{width: 100%; display: block;}
.body-txt{font-size: 3.7vw; line-height: 5vw;}
.body-txt p{margin: 0 0 4vw 0;}
.body-txt li{list-style-image: url("../images/blt.gif"); padding: 0 0 0 5px; margin: 0 0 3vw 5vw;}

.phead01{font-size: 7vw; margin:0 0 5vw 0;}
.block-2-area{padding: 0 6vw; text-align: center;}
.block-2-logo{padding: 0 2vw;}
.block-2-logo p{font-size: 3.5vw; margin: 3vw 0 0 0;}

.block-3{border-radius: 3vw; padding: 5vw 5vw 15vw 5vw;}
.block-3 h4{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}
.block-3 p{font-size: 3.7vw; line-height: 5.5vw; margin: 0 0 4vw 0;}
.block-3-date{padding: 2vw 3.5vw; border-radius: 0 3vw 3vw 0; font-size: 3vw;}
.block-3-rm{font-size: 3.5vw; margin: 1.5vw 0 0 0;}
.i-p{margin: 0 1.5vw 0 0;}
.i-p2{margin: 0 0 0 1.5vw;}

.block-3-overlay{display: none;}
.block-3-main{margin: 0 5vw;}
.block-3-main:hover .block-3-overlay{display: none;}
	
.block-4{padding: 0 3vw 2vw 3vw;}
.block-4 figure img{border-radius: 3vw; min-height: 40vw; max-height: 40vw;}
.block-4 figcaption{margin-top: -15vw; border-radius: 3vw; padding: 4vw; min-height: 60vw; max-height: 60vw;}
.block-4 figcaption h5{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}
.block-4 figcaption p{font-size: 3.7vw; line-height: 5.5vw; margin: 0 0 4vw 0;}
	
.block-6-area{border-radius: 3vw; margin: 0 5vw 4vw 5vw;}
.block-6 figure img{border-radius: 3vw 3vw 0 0; min-height: 45vw; max-height: 45vw;}
.block-6 figcaption{padding: 6vw 6vw 8vw 6vw; border-radius: 0 0 3vw 3vw; min-height: none !important; max-height: none !important;}
.block-6 figcaption h6{font-size: 4vw; line-height: 5vw;  margin: 0 0 2vw 0;}
.block-6 figcaption p{font-size: 3.7vw; line-height: 5.5vw;}
.block-6 figcaption button{border-radius: 4vw; padding: 2vw 3vw; font-size: 3vw; margin: 3vw 0 0 0;}

.block-6-overlay{border-radius: 4vw; padding: 6vw 6vw 8vw 6vw; margin: 0;}
.block-6-overlay p{font-size: 3.7vw; line-height: 5.5vw;}
.block-6-overlay h6{font-size: 4vw; line-height: 5vw;  margin: 0 0 2vw 0;}	
	
.footer-grey{border-top: solid 2vw #eaeaea; padding: 12vw 0;}
.footer-grey h6{font-size: 4vw; margin: 0 0 2vw 0;}
.footer-grey li{font-size: 3.5vw; line-height: 5vw;}
.footer-grey-mar{margin: 6vw 0 4vw 0 !important;}
.f-contact-txt{font-size: 3.5vw; line-height: 5vw;}
.c-icn{width: 7%; margin: 0 3vw 0 0;}
.footer-01{width: 20%; margin: 0 auto; display: block;}
.footer-02{width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 5vw; display: block;}
.footer-social i{width: 12vw; height: 12vw; font-size: 5vw;  padding: 3vw 0 0 0; margin: 0 3vw 0 0;}

.footer-03{width: 100%; display: block; border-radius: 3vw; margin: 7vw 0 0 0;}
.footer-03 p{font-size: 3.7vw; line-height: 5.5vw;}


.footer-orange{padding: 4vw 0; text-align: center;}
.footer-orange li{font-size: 3vw; line-height: 5vw; display: block; width: 100%;}
.footer-orange li:last-child{text-align: center;}

.headers-inside{margin: 29vw 0 12vw 0;}
.headers-inside figcaption{font-size:5vw; line-height:6vw; top:2.5vw; width: 95%;}
.inside-block-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.inside-block-right{width: 100%; display: block; margin:0;}
.inside-block-right img{border-radius: 2vw;}
.inside-block-right iframe{border-radius: 2vw; height: 60vw;}

.inside-block-left-02{width: 100%; display: block; margin:0;}
.inside-block-left-02 img{border-radius: 2vw;}
.inside-block-right-02{width: 100%; display: block; margin: 5vw 0 0 0;}

	
.cra-bg{background-size: 100% 100%; padding: 11vw 0 12vw 0;}
.phead02{font-size: 5vw; margin: 0 0 3vw 0;}

.pro-block{margin: 3vw 2.5vw; padding: 3vw; border-radius: 3vw; min-height: none !important; max-height: none !important;}
.pro-block figcaption{margin: 3vw 0 0 0;}
.pro-block figcaption h2{font-size: 7vw; margin: 0 0 2vw 0;}
.pro-block figcaption h2 span{font-size: 4vw; margin: 2vw 0 0 1.5vw;}
.pro-block figcaption p{font-size: 3.7vw; line-height: 5vw;}
.pro-pad{margin: 0 0 4vw 0 !important;}
.p-logos{padding: 0 3vw;}
	
.report-area{border-radius: 3vw;}
.report{margin: 0 5vw 4vw 5vw;}
.report figure img{border-radius: 3vw 3vw 0 0; min-height: 35vw; max-height: 35vw;}
.report figcaption{min-height: 45vw; max-height: 45vw;  padding: 6vw 4vw 8vw 4vw; border-radius: 0 0 3vw 3vw;}
.report figcaption h6{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}
.report figcaption p{font-size: 3.7vw; line-height: 5.5vw;}
.report figcaption button{border-radius: 4vw; padding: 2vw 3vw; font-size: 3vw; margin: 3vw 0 0 0;}

.event-block{padding: 0 5vw 2vw 5vw;}
.event-block figure img{border-radius: 3vw; min-height: 50vw; max-height: 50vw;}
.event-block figcaption{margin-top: -15vw; border-radius: 3vw; padding: 4vw; min-height: 37vw; max-height: 37vw;}
.event-block figcaption h5{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}
.event-block figcaption p{font-size: 3.7vw; line-height: 5.5vw; margin: 0 0 4vw 0;}
.event-block figcaption b{font-size: 3.7vw; margin: 0 0 3vw 0; }
.event-block figcaption i{margin: 0 0 0 1vw;}
	
.blog-bg{padding: 11vw 0 12vw 0;}
.blog-block{border-radius: 3vw; padding: 4vw; margin: 3vw 4vw;}
.blog-block figure{width: 100%; margin: 0 0 4vw 0; display: block;}
.blog-block figure img{border-radius: 3vw; min-height: 40vw; max-height: 40vw;}
.blog-block figcaption{width: 100%; display: block;}
.blog-block figcaption h5{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}
.blog-block figcaption p{font-size: 3.7vw; line-height: 5.5vw; margin: 0 0 4vw 0;}
.blog-block figcaption b{font-size: 3.7vw; margin: 0 0 3vw 0;}
.blog-block figcaption i{margin: 0 0 0 1vw;}
	
.approach-bg{padding: 11vw 0 12vw 0;}
.approach{margin: 18vw 0 0 0;}
.approach li{display: block; width: 100%; margin: 0 0 18vw 0; border-radius: 3vw; padding: 5vw;}

.approach li figure{margin-top: -20vw; margin-bottom: 3vw;  padding: 4vw;}
.approach li figcaption h2{font-size: 7vw; margin: 0 0 3vw 0;}
.approach li figcaption p{font-size: 3.7vw; line-height: 5.5vw;}
.impact{padding: 4vw 4vw 4.5vw 4vw; border-radius: 3vw; font-size: 4vw; margin: 6vw 0 0 0;}
.impact strong{font-size: 5vw; margin: 0 0 3vw 0;}
	
.three-parts{clip-path: inset(0 0 0 0 round 3vw);}
	
/* Popup CSS Starts */
.modal-content {
  margin: 5% auto;
  width: 80%;
}
.pop-scroll{max-height: 65vw; overflow-y: scroll;}
/* Popup CSS Ends */
}