@media all and (min-width: 1920px){
    .nav-sec ul li a{font-size: 20px;}
}

@media all and (max-width: 1920px){
    #timeline{padding-left: 25px;}
    .page-banner h2{font-size: 75px !important;bottom: 45px !important;}
    .page-banner h2 img {width: 95px;top: -58px;}
    .contact-page .text h1 {font-size: 55px;    margin-bottom: 30px;    margin-top: 25px;}
    .contact-page .text h1::after{width: 85px;height: 85px;top: -55px;margin-left: -19px;}
    .success img {top: -130px !important;left: 160px !important;}
    .governance-top .text h1 {font-size: 55px;margin-bottom: 30px !important;    margin-top: 45px;}
    .governance-top .text h1::after{width: 85px;height: 85px;top: -64px;margin-left: -19px;}
    .banner-content h2 {margin-bottom: 10px;font-size: 75px;}
    .banner-content h1 {font-size: 105px;}
    .banner-content h2 img{width: 115px;top: -65px;left: -40px;}
    .scroll a img {width: 120px;}
    .banner-content{top: 50%;}
}


@media all and (max-width: 1620px){
     .page-banner h2{font-size: 65px !important;}
    .success img {top: -120px !important;left: 130px !important;}
}

@media all and (max-width: 1440px){
    .banner-content h2 {margin-bottom:8px;font-size: 65px;}
    .banner-content h2 img{top: -38px;left: -30px;width: 60px;}
    .banner-content h1 {font-size: 105px;}
    .governance-top .text h1 {font-size: 38px;margin-bottom: 10px !important;}
    .governance-top .text h1::after {width: 55px;height: 55px;top: -33px;margin-left: -14px;}
    .page-banner h2 {font-size: 40px !important;}
    .success img {top: -71px !important;left: 80px !important;width: 55px !important;}
    .page-banner h2 img {width: 55px;top: -30px;}
    .banner-content h2 {margin-bottom: 0px;font-size: 55px;}
    .banner-content h1 {font-size: 82px;}
    .scroll a img {width: 75px;}
    .contact-page .text h1{font-size: 45px;}
    .contact-page .text h1::after{width: 55px;height: 55px;top: -24px;margin-left: -18px;}
    #issues li{    width: 1024px !important;}
}

@media all and (max-width: 1366px){
    #issues li .text {width: 985px;}
    .page-banner h2 {font-size: 58px !important;}
    .page-banner h2 img{    width: 70px;top: -38px;}
    .contact-page .text h1::after{top: -30px;margin-left: -8px;}
}

@media all and (max-width:1280px){
    #issues li .text {width: 965px;}
    .logo-right-block img {height:35px;}
    .nav-sec ul{margin-top: 30px !important;}
    .foundation-profile .names p{min-height: 85px;}
    .new-mission .mission_in{min-height:452px !important;}
    .nav-sec ul li{margin: 23px 17px 0px 0px;}
    .logo-box a img{margin-top: 8px;}
    .head-marquee{margin-top: 13px !important;}
    .page-banner h2 {font-size:45px !important;}
    .page-banner h2 img {width: 65px;top: -37px;}
    .success img{    width: 65px !important;
    top: -81px !important;
    left: 90px !important;}
    .contact-page .text h1 {font-size: 45px;}
    .page-banner {margin-top: 95px;}
    .governance-top .text h1 {font-size: 45px;}
    .search-box{top: 92px !important;right: 145px !important;}
}


@media all and (max-width: 1024px){
    .about-us .about-text h1 {font-size: 22px !important;}
    .partner-card{min-height: 288px;}
    .new-mission .mission_in {min-height: 475px !important;}
    .owl-carousel.staractures .item .item-in .text{min-height: 305px;}
    #issues li .text {width: 875px;}
    #issues li {width: 1000px !important;}
    .search-box{right: 125px !important;}
    .head-m{align-items: end;}
    .nav-sec ul{    margin-top: 6px !important;}
    .logo-right-block{    margin-top: 15px;}
    .right-menu{display: flex;align-items: center;}
    .nav-sec ul li a i{top: -2px;}
    .nav-sec ul li a {font-size: 10px;}
    .nav-sec ul li{margin: 23px 15px 0px 0px;}
    .head-marquee{margin-top: 0px !important;}
    .page-banner h2{bottom:20px !important;}
    .pdf-block h5{font-size: 18px;}
    .packs-card h3{font-size: 20px !important;}
    .packs-card p{padding: 0px 0px !important;}
    .graph h4{font-size: 20px;}
    .pack-card .text h5{font-size: 16px;}
    .title-text h3{font-size: 26px !important;}
    .how-people .text .textin h4{font-size: 24px !important;}
    .how-people .text .textin p{font-size: 16px;}
    .how-people .text .textin{left: 0px;}
    .partner-card-small{min-height: 408px;}
    .governance-logo-list ul li{min-height: 171px;}
    .contact-page .text h1 {font-size: 38px;margin-bottom: 15px;margin-top: 0px;}
    .contact-page .text h1::after {
    width: 55px;
    height: 55px;
    top: -30px;
    margin-left: -7px;}

    .banner-content{top: 38%;}
.header {height: 105px;padding: 20px 15px 0;}
header {padding: 15px 15px 15px;}
.logo-box {width:15%;}
.logo-box img {width:100%;}
.nav-sec {width:85%;padding: 15px 0 0;}
.banner_container {height:80vh;position: relative;}
.slider-img {height:80vh;}
.slider-img img {height:80vh;}
.banner-content h4 {font-size:32px;}
.banner-content h2 {font-size: 35px;}
.banner-content h2 img{top: -28px;left: -18px;width: 50px;}
.banner-content h1 {font-size: 55px;}
.banner-content h5 {font-size: 30px;}
.scroll a img {width: 40px;}
.owl-carousel.staractures .item .item-in .text h4{font-size: 15px;}
.pillar .text h4 {font-size: 19px;}
header .sub_dropdown-menu {top: 70px;}
.owl-carousel.resourcess .owl-nav{width: 15%;}
.owl-carousel.resourcess .owl-dots{width: 85%;}
.partners .container {width: 85%;}
.resources .container {width: 85%;}
.hestory .container {width: 85%;}
.area-work .container {width: 85%;}
.impact .container {width: 85%;}
.pillar-of-trustia .container {width: 85%;}
.about-us .container {width: 85%;}
.work-col .text h4 {font-size: 17px;}
.fixed-page-width .container {max-width: 100%;}
.owl-carousel.what-is-seal .owl-nav .owl-prev{width: 40px;height: 40px;left: -20px;}
.owl-carousel.what-is-seal .owl-nav .owl-next{width: 40px;height: 40px;right: -20px;}
.governance-top .text h1 {
    font-size: 38px;
    margin-bottom: 15px !important;
    margin-top: 0;}
.governance-top .text h1::after{    width: 55px;
    height: 55px;
    top: -30px;
    margin-left: -7px;}
}


@media all and (max-width:912px){
    .foundation-profile .press-names{min-height: auto;display: flex;flex-direction: column; justify-content: space-between;}
    .pb_tabs li a {margin-bottom: 10px;font-size: 12px !important;width: 136px !important;padding: 10px 14px !important;}
    .copyright p {float: none;margin-bottom: 8px;}
    #issues li .text {width: 770px;}
    #issues li {width: 925px !important;}
    .slider-img img {height: 50vh;}
    .slider-img {height: 50vh;}
    .banner_container {height: 50vh;}
    .latest{width: 175px;}
    .work-col .text h4{font-size: 14px;line-height: 19px;}
    .page-banner h2{bottom: 18px;}
    .discuss-in{max-width: 80%;}
    .fixed-page-width .container{max-width: 100%;}
    .pack-card .text h5{line-height: 24px;font-size: 15px;}
    .graph{margin: 0px 50px;}
    .about-text h3{font-size: 30px;}
    .about-us .about-text h3::after{margin-left: 0px;}
    .seal-on-pack-banner h2{font-size: 65px !important;bottom: 60px !important;}
    .certification-row .col-one .logo-col img{height: 60px;}
    .certification-row .col-one .text p {font-size: 11px;}
    .foundation-profile .names p{font-size: 14px;}
    .new-mission .mission_in {min-height:545px !important;}
    .partner-card img{width: 100%;object-fit: contain;}
    .partner-card-small img{width: 100%;}
    .partner-card-small{min-height:431px;}
    .program-partner .container .row{width: 100%;}
    .governance-logo-list ul li .block .logo-block img{width: 140px;}
    .contact-address ul li .left img {width: 20px;}
    .contact-address h4 {font-size: 21px;}
    .success img {top: -85px !important;left: 94px !important;}
	.slider-counter{right: 30px!important;}
	.governance-logo-list ul li {min-height: 210px;}
	.the-code-text ul li a {font-size: 13px;font-weight: 700;}
	.c-text ul.form label{width: 80%;}
		.foundation-profile .press-names p {
    font-size: 14px;
}
}



@media all and (max-width: 820px){
    #issues li .text {width: 575px;}
    .pdf-block h5 {font-size: 20px;}
    .nav-sec ul li {margin: 23px 10px 0px 0px;}
    .nav-sec ul li a {font-size: 9px;}
    .logo-right-block a i{margin-top: 5px;margin-right: 3px;}
    .head-marquee{margin-top: -10px !important;}
    .nav-sec ul {margin-top: 15px !important;}
    .logo-right-block{margin-top: 25px;}
    .fixed-page-width .container {max-width: 100%;}
    .owl-carousel.what-is-seal .owl-nav .owl-prev{left: -30px;}
    .owl-carousel.what-is-seal .owl-nav .owl-next{right: -30px;}
    .seal-on-pack-banner h2 {font-size: 48px !important;}
    .about-text h3 {font-size: 26px;}
}
@media all and (max-width: 768px){
    #issues li .text {width: 650px;}
    #issues li {width: 923px !important;}
    .nav-sec ul li a {font-size: 8px;}
    .nav-sec ul li a i {top: -4px;}
    .discuss-in{max-width: 80%;}
  header{padding: 5px 15px;}
  .icon-block {margin: 5px 0px 0px 5px !important;}
  .header{padding: 5px 15px;}
  .top-header{padding: 0px 20px;}
  .about-us .container {max-width: 100%;    width: 100%;}
  .about-us .about-img img {width: 100%;}
  .owl-carousel.what-is-seal .owl-nav .owl-next{display: none;}
  .owl-carousel.what-is-seal .owl-nav .owl-prev{display: none;}
  .about-text h3{font-size: 22px;}
  .owl-carousel.testemonial .owl-nav .owl-prev{left: -60px;}
  .owl-carousel.testemonial .owl-nav .owl-next{right: -60px;}
  .seal-on-pack-banner h2 {font-size: 50px !important;}
  
  
  .top-header .top-header-in .left ul li{margin-right: 35px;}
  
  
  .nav-sec {width: 87%;}
  .logo-box {width: 13%;}
  .logo-box a img {width: 95px;}
  #burger-menu img {width: 30px !important;}
  .icon-block a img {width: 30px;}
	.c-text ul li{margin-left:0 !important;}
}


@media all and (min-width: 768px) {
    .mobile-menu{display: none;}
}

@media all and (max-width: 767px) {
    .nav-sec ul li a i{    top: -4px;
    float: right;
    color: #fff;
    font-size: 24px;}
    .nav-sec ul li a {    font-size: 18px;
    display: block;
    padding-bottom: 0;
    color: #fff !important;}
    .logo-right-block{display: none;}
    .head-m{display: none;}
    .mobile-trigger {
    width: 30px;
    float: right;
    z-index: 999;
    position: absolute;
    right: 15px;
    height: 25px;
    top: 25px;
    cursor: pointer;
}
.mobile-trigger span {
    width: 100%;
    height: 3px;
    background: #25a2f2;
    display: block;
    margin: 0 0 5px;
}

	
	.pb_tabs ul{
		    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
}

    .resources .container {width: 100%;}
    .hestory .container{width: 100%;}
    .area-work .container {width: 100%;}
    .impact .container {width: 100%;}
    .about-us .container .row {display: block;}

    .header-margin {padding-top: 73px;}
    .main-menu .submenu{    position: static !important;width: 100% !important;box-shadow: none !important;}

    .icon-block{display: none !important;}
    .logo-box{width: 45%;}
    .top-header{display: none;}
    .mobile-trigger{display: block;}
    .brand img{width: 260px;}
    
    
    
    
    .header {padding: 8px 8px 0;}
    header {padding: 8px 8px 0;height:73px;}
    .mobile-menu{float: right;margin-top:7px;width:30%;}
    




#burger-menu img {width: 30px !important;margin-left: 5px !important;}
.mlogo img{width: 100px;}
.arrow{display: none;}
.nav-sec {width: 100%;float: left;padding: 70px 15px 0;position: fixed;top: 0;left: -100%;height: 100vh; background: linear-gradient(#005584 0%, #005584 50%, #005584 100%); transition:all 0.3s ease-in;z-index: 999;}
.close-menu {position: absolute;right: 20px;top: 20px; display:block;}
.nav-sec ul li {float: left;margin: 0 0 15px;display: block;width: 100%;}
.mobile-trigger {width: 30px;float: right;z-index: 999;position: relative;right: 15px;top: 0px;margin-left: 18px;cursor: pointer;}
.mobile-trigger span {width: 100%;height: 3px;background: #25a2f2;display: block;margin: 0 0 5px;}
.nav-sec.active {left:0;}
.sub_dropdown-menu {position: static;width: 100%;background: transparent;
 display: none;}
.nav-sec ul li .sub_dropdown-menu li a {display: block;width: 100%;padding: 6px 0;border-bottom: 0;color: #fff;font-size: 16px;}
.nav-sec ul li:hover .sub_dropdown-menu {display:none;}
	.slider-counter{margin-top: 25px !important;font-size: 16px!important;}
}








@media all and (max-width: 540px) {
    .me-system{margin-top: 15px;}
    .scope-text{margin-bottom: 40px;}
    .props {padding: 50px 0px;}
    .guidlines{min-height: auto;}
    .guidlines p{min-height: auto;}
    .foundation-profile .press-names .height {min-height: auto;}
    .foundation-profile .press-names {min-height: auto;}
    .new-mission .mission_in {min-height: auto !important;}
    .mobile-menu{margin-left: 5px;width: auto;}
    .owl-carousel.staractures .item .item-in .text {min-height: auto;}
    .videoBox iframe{height: 320px !important;}
    #issues li .text {text-align: center;}
    .banner-title {text-align: center;}
    #issues li .text {width: 375px;}
	.stikymenulink { width: 230px!important; left: -98px!important; font-size: 14px!important;}
	#issues li p{font-size:13px;}
    .member-tabs .tab-content {width: 100%;}
    .owl-carousel.staractures .item .item-in .text p{min-height: auto;}
    .top-tabs ul{display: flex;overflow-x: scroll;margin-bottom: 15px !important;}
    .area-work .owl-carousel.resourcess .owl-nav .owl-next{right: 8px !important;}
    .area-work .owl-carousel.resourcess .owl-nav .owl-prev{left: 8px !important;}
    .top-footer-menu .ft-menu{margin-bottom: 50px;}
    .top-footer-menu .form h5 {font-size: 16px;}
    .discuss-in h3{font-size: 20px;}
    .discuss-in h3::after{width: 40px;height: 40px;top: -25px;}
    .subscribe-form{width: 100%;}
    .discuss-in{max-width: 100%;}
    .foundation .title h2 {font-size: 28px;}
    .our-initative .title h2{font-size: 28px;}
    .our-initative .title h2::after{width: 40px;height: 40px;top: -20px;margin-left: -11px;}
    .resources .title h2{font-size: 28px;}
    .resources .title h2::after{width: 40px;height: 40px;top: -24px;margin-left: -5px;}
    .top-footer-menu .ft-menu h4 {font-size: 28px;}
    .nav-tabs > li > a{font-size: 12px;padding: 10px 5px;width: 135px;}
    .owl-carousel.resourcess .owl-dots{width:75%;}
    .owl-carousel.resourcess .owl-nav{width: 25%;}
    .owl-carousel.testemonial .item .text{width: 100%;}
    .hestory .title h2{font-size: 28px;}
    .hestory .title h2::after{width: 40px;height: 40px;top: -22px;}
    .area-work .title h2 {font-size: 28px;}
    .area-work .title h2::after{width:38px;height: 38px;top: -29px;margin-left: -10px;}
    .work-col .text h4 {font-size: 26px;line-height: 35px;}
    .impact .title h2 {font-size: 28px;}
    .impact .title h2::after{width: 38px;height: 38px;top: -32px;margin-left: -8px;}
    .mid-col {position: initial;}
    .impact-col{padding: 20px;}
    .impact-col img{width: 60px;}
    .impact .title p{width: 100%;}
    .impact-col label{font-weight: 600;font-size: 16px;}
    .impact{padding-bottom: 70px !important;}
    .pillar{width: 100%;margin-bottom: 10px !important;}
    .about-us .about-img img {width: 100%;margin-bottom: 40px;}
    .the-code .container .row{display: block;}
    .the-code-text{margin-top: 40px;}
    .the-code-text h3 {font-size: 32px;}
    .page-banner h2 {font-size: 22px !important;bottom: 0px !important;}
    .page-banner h2 img{top: -23px;left: -13px;width: 45px;}
    .page-banner{margin-top:0px;}
    .title-text {padding: 0px 0px !important;}
    .title-text h3 {font-size:18px !important;line-height: 28px !important;}
    .title-text h3::after{width: 40px;height: 40px;top: -22px;margin-left: 15px;}
    .pack-card{margin-bottom: 15px;}
    .owl-carousel.testemonial .owl-nav .owl-prev{    width: 30px;height: 30px;left: -45px;}
    .owl-carousel.testemonial .owl-nav .owl-next{    width: 30px;height: 30px;right: -45px;}
    .graph h4 {font-size: 14px;    line-height: 25px;}
    .certification-row .row{display: block;}
    .contact-page .text h1 {font-size: 28px;}
    .contact-page .text h1::after{width: 35px;height: 35px;top: -8px;}
    .certification-row .col-one{    min-height: auto;}
    .certification-row .let-right{    border-left: none;border-right: none;}
    .certification-row .col-one h5{text-align: left;}
    .certification-row .col-one .text .icon img{width: 35px;}
    .governance-top .text h1 {font-size: 28px;}
    .success img{top: -40px !important;left: 48px !important;}
    .governance-top .text h1::after{width: 35px;height: 35px;top: -17px;}
    .foundation-profile .names p {min-height: auto;}
    .about-page .about-text{margin-top: 30px;}
    .about-text h3 {font-size: 26px;}
    .about-text h3::after{margin-left: -32px;}
    .member-tabs ul{    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;}
	.subscribe-form form{width: 95%;}
	.subscribe-form .ft_subscribe{font-size: 12px;}
    .member-tabs ul li{margin-bottom: 10px;}
    .memberlocation {width: 100%;margin-top: 65px;}
    .member-tabs ul li a{font-size: 14px;}
    .memberlocation h2{font-size: 28px;}
    .memberlocation .list .text h5 {font-size: 28px;}
    .partner-card{min-height:auto;}
    .partner-card-small{min-height: auto;}
    .partner-card img{height: auto;}
    .partner-card-small img{height: auto;}
    .seal-page .title h1 {font-size: 28px;}
    .program-partner .container .row {width: 100%;}
    .governance-top .text p{padding: 0px 0px;}
    .governance-logo-list ul li {display: block;width: 100%;border-right: none;min-height: auto;}
    .governance-logo-list ul li .block .logo-block img{    min-width: 100%;border: none;padding: 0;margin-right: 0;}
    .governance-logo-list ul li .block {display: block;text-align: center;}
    .guidelines-tabs button{width: 100%;margin-bottom: 10px;}
    .contact-address ul li .left img {width: 35px;}
    .contact-form{margin-top: 45px;}
    .career{padding: 15px;}
    .career h5 {font-size: 17px;line-height: 23px;}
    .seal-on-pack-banner h2 {font-size: 35px !important;bottom: 40px !important;}
    .partners .title h2 {font-size: 22px;}
    .logo-box a img {margin-top: 0px;    width: 65px !important;}
    .success img{     width: 45px !important;
    top: -46px !important;
    left: 40px !important;}
    .banner-content h2 {font-size: 22px;}
    .banner-content h1 {font-size: 38px;}
    .header {height: 75px;}
    .content {margin-top: 75px;}
    .top-tabs ul{width: 100%;}
    .impact .title{width: 100%;max-width: 100%;}
    .marquee-row {display: block;text-align: center;}
    .latest {width: 100%;}
    .marquee-block{padding: 5px 0px;}
    .banner_container {height: 30vh;}
    .slider-img {height: 30vh;}
    .banner-content {top: 15%;}
    .scroll{display: none;}
    .head-m-mobile .head-marquee .textwidget p {padding-top: 10px !important;}
    .subscribe-form input:nth-child(2){font-size: 12px;}
    .subscribe-form input:first-child{font-size: 13px;}
    .top-footer-menu .ft-menu h4::after{width: 38px;height: 38px;top: -28px;margin-left: 60px;}
    .top-footer-menu .ft-menu ul li img {width: 33px;}
    .top-footer-menu .ft-menu ul li {font-size: 17px;}
    .partners .title h2::after{width: 38px;height: 38px;top: -22px;}
    .impact-col span{font-size: 28px;}
    .top-footer-menu .form form .form-group input.submit{font-size: 15px;}
}

@media all and (max-width: 414px) {
    #timeline {padding-left: 0px;}
    #issues li .text {width: 345px;}
    .governance-top .text h1 {font-size: 24px;}
    .guidlines{min-height: auto;}
    .guidlines p{min-height:auto;}
    .seal-on-pack-banner h2 {font-size: 30px !important;bottom: 22px !important;}
    .title-text h3::after{    margin-left: 10px !important;}
    .search-box {right: 60px !important;}
}


@media all and (max-width: 393px) {
    #issues li .text {width: 360px;}
    .governance-top .text h1 {font-size: 21px;line-height: 30px;}
    .governance-top .text h1::after{width: 35px;height: 35px;top: -30px;margin-left: -4px;}
    .seal-page .title h1 {font-size: 22px;}
    .discuss-in h3 {font-size: 16px;}
    .discuss-in h3::after{top: -30px;}
    .search-box {right: 25px !important;}
}



@media (min-width:768px){
    .head-m-mobile{display: none;}
    .mobile-logos{display: none !important;}
}
@media (max-width:767px){
    .mobile-logos{display: flex;
    align-items: center;
    justify-content: right;
    width: 100%;
    margin-top: 0;
    text-align: right;}
    .header{margin-top: 23px !important;}
    .head-m-mobile .head-marquee{position: initial;     border-bottom-left-radius: 0px;   width: 100%;}
    .header.sticky{margin-top: 0px !important;}
    .head-m-mobile .head-marquee .textwidget p{    padding-top: 13px;}

}