/* reports Tablet */
@media (max-width: 1100px) {
.reports-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.7vw;
}
.report-overlay {
    padding: 2vw;
}
.report-logo {
    width: 4vw;
}
.report-content h3, .report-content p {
    font-size: 2.4vw;
}
.report-arrow {
    font-size: 4.8vw;
}
}

@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 */


/* 16 june starts */
.team-block-area{margin: 5vw 0 0 0;}
.team-block{width: 100%; display: block; margin: 0 0 5vw 0;}
.team-block figcaption{bottom: 3vw; padding: 3vw 4vw; font-size: 5vw; line-height: 6vw;}
.team-block img{border-radius: 6vw 0 6vw 0; min-height: 110vw; max-height: 110vw;}
.team-block figcaption span{font-size: 3.5vw; line-height: 5vw; display: block; font-weight: 400;}
	
/*Popus CSS Start*/
.popup-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%; height: 90%;
  padding: 4vw;
  border-radius: 3vw; overflow: scroll;
}
.pop-left{width: 100%; display: block; margin: 0 0 7vw 0;  text-align: center;}
.pop-left figure{width:100%; display:block; margin:0 0 4vw 0;}
.pop-left figure img{min-height: 92vw; max-height: 92vw;}
.pop-left figcaption{font-size: 5vw; margin: 0 0 5vw 0;}
.pop-left figcaption span{font-size: 4vw;}
.pop-left .social-icns{margin: 0 0 2vw -5vw;}
	
.pop-right{width: 100%; display: block; font-size: 3.5vw; line-height: 5vw;}
.pop-right p{margin: 0 0 4vw 0;}
.pop-right ul{margin: 4vw 0 5vw 0;}
.pop-right li{margin: 0 0 2vw 5vw;}

.pop-head{font-size: 3.5vw;}
.social-icns{font-size: 8vw; display: block; margin: 0 0 2vw 0;}
.social-icns i{margin: 0 6vw;}
.social-icns i:last-child{margin: 0 0 0 6vw;}
/*Popus CSS End*/
	
.jump-dropdown{width: 55%; display: inline-block; float: right; margin: -15vw 0 0 0;}
.jump-dropdown select{padding: 3.5vw; border-radius: 3vw; font-size: 3.2vw;}
	
.map-area{margin: 0 0 5vw 0;}
.map-block{width: 100%; display: block; margin: 0 0 5vw 0;}
.map-block figure{margin: 0 0 4vw 0;}
.map-block figure iframe{height: 40vw; border-radius: 3vw;}
.map-block figcaption{font-size: 3.7vw; line-height: 5vw; padding: 0 3vw;}
.map-block figcaption strong{font-size: 4vw; line-height: 5vw; margin: 0 0 2vw 0;}
.c-icn-02{margin: 0 5vw 0 0; width: 15%;}
.c-info{font-size: 4vw; line-height: 5vw;}

.cbg{background-size: 100% 100%; padding: 11vw 0 12vw 0;}
.fields-left{width: 100%; display: block; margin: 0;}
.fields-right{width: 100%; display: block;}
.c-form input{border-radius: 3vw; padding: 4vw; font-size: 4vw; margin: 0 0 3vw 0;}
.c-form textarea{border-radius: 3vw; padding: 4vw; font-size: 4vw; margin: 0 0 3vw 0;}
.c-form i{margin: 0 0 0 3vw;}
.cap{border-radius: 3vw; padding: 4vw;}
.c-form button{padding: 5vw; font-size: 5vw; border-radius: 3vw;}
	
.donate-area{margin: 0 0 10vw 0;}
.donate-block{width: 100%; display: block; margin: 0 0 5vw 0;}
.c-icn-03{margin: 0 5vw 0 0; width: 15%;}
.c-info span{font-size: 3.2vw;}
	
.wbg{background-size: 100% 100%; padding: 11vw 0 12vw 0;}
	
.opening-left{width: 100%; display: block; margin:0 0 8vw 0; padding: 8vw; border-radius: 3vw;}
.open-txt{width: 100%; display: block; margin:0 0 4vw 0;}
.open-txt h3{font-size: 5vw; margin: 0 0 3vw 0;}
.open-txt p{font-size: 3vw; line-height: 5vw;}
.open-txt p i{margin: 0 3vw; font-size: 2vw;}

.open-btn{width: 100%; display: block;}
.open-btn button{width: auto; padding: 3vw; border-radius: 7vw; font-size: 3vw;}
.open-btn button i{margin: 0 0 0 3vw;}
.opening-right{width: 100%; display: block;}
.dash{margin: 5vw 0;}
.opening-right h4{font-size: 5vw; line-height: 7vw; margin: 0 0 5vw 0;}
	
/*Tabs CSS Starts*/
.tabs {margin: 9vw 0 0 0;}
.tabs label {padding: 3.5vw 3vw; font-size: 4vw;}
.tabs .tab {padding: 3vw 0 6vw 3vw;}
.tabs input[type="radio"]:checked + label {border-bottom: solid 1vw #e58c5b;}
.tabs input[type="radio"] + label {text-align: left; border: solid 1px #ccc; margin: 0 0 2vw 0;}
/*Tabs CSS Ends*/
	
.blogs-block{display: block; width: 100%; border-radius: 3vw; padding: 4vw; margin: 6vw 0;}

.blogs-block figure{width: 100%; margin: 0 0 4vw 0; display: block;}

.blogs-block figure img{border-radius: 3vw; min-height: 50vw; max-height: 50vw;}

.blogs-block figcaption{width: 100%; display: block;}

.blogs-block figcaption h5{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}

.blogs-block figcaption p{font-size: 3.7vw; line-height: 5.5vw; margin: 0 0 4vw 0;}

.blogs-block figcaption b{font-size: 3.7vw; margin: 0 0 3vw 0;}

.blogs-block figcaption i{margin: 0 0 0 1vw;}
	
.search-area{width: 100%; display: block; float: none;  margin: -15vw 0 0 0;}
.search-area input{padding: 4.5vw 3.8vw; border-radius: 3vw 0 0 3vw; font-size: 3.5vw;}
.search-area button{padding: 4.1vw 0; border-radius: 0 3vw 3vw 0; font-size: 5vw;}
	
.pagination {gap: 3vw;}
.page-number {
      width: 8vw;
      height: 8vw;
      font-size: 4vw;
    }

.blog-headers-inside{margin: 29vw 0 12vw 0;}
.blog-headers-inside figcaption{font-size:5vw; line-height:6vw; bottom:2.5vw; width: 95%;}	
.published-by{margin-top: 3.5vw; margin-bottom: 1vw;
  font-size: 3vw; line-height: 4vw; padding: 1.5vw 3.5vw; border-radius: 5vw;}
.published-date{font-size: 3vw; line-height: 4vw; padding: 1.5vw 3.5vw; border-radius: 5vw;}
	
.blog-body-txt{width: 80%; margin-bottom: 8vw; font-size: 3.7vw; line-height: 5vw;}
.blog-body-txt p{margin: 0 0 4vw 0;}
.blog-body-txt li{padding: 0 0 0 5px; margin: 0 0 3vw 5vw;}

.blog-head{font-size: 5vw; margin: 0 0 3vw 0;}
	
.gallery-txt{font-size: 3vw;}
	
.comment-section{width:90%; margin-top: 12vw; margin-bottom: 16vw; padding: 8vw 0 0 0;}

.comment-pic-btn-area{margin: 4vw 0 8vw 0;}
.comment-pic-btn-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.comment-pic-btn-left figcaption {font-size: 3.5vw; line-height: 5vw;}
.comment-pic-btn-left figcaption span{font-size: 3vw;}

.comment-pic-btn-right{width: 100%; display: block; position: static;}
.comment-pic-btn-right button{width: auto; padding: 3vw 6vw; border-radius: 5vw; font-size: 3.5vw; position: static;}

/* reports mobile */
.reports-grid {
    grid-template-columns: 1fr;
    gap: 6.4vw;
}
.report-card {
    border-radius: 2.6vw;
}
.report-overlay {
    padding: 5.3vw;
}
.report-content {
    padding-bottom: 8vw;
}
.report-content h3, .report-content p {
    font-size: 6.4vw;
}
.report-content h3 {
    margin-bottom: 4.8vw;
}
.report-content p {
    margin-bottom: 6.4vw;
}
.report-arrow {
    font-size: 12.8vw;
}
}