@media only screen and (max-width:1500px ){
	.main-nav-nk {
    margin: auto 0;
    width: 45%;
}
}

@media only screen and (max-width:1366px ) {
	.main-nav-nk {
	    width: 50%;
	}
	h1{
		font-size: 64px;
	}
	.header-acc .breadcrumbs-nk {
	    width: 80%;
	}

}

@media only screen and (max-width:1200px ) {
	header.header-nk {
        height: 154px;
	}
	header.header-nk.single-nk {
	    background: var(--darkpurple);
	    height: 150px;
	    transition: 0.3s all ease;
	}
	.header-main-nk {
        overflow: hidden;
	}
	.breadcrumbs-nk {
	    width: 100%;
	    padding: 15px 0;
	    position: relative;
	    overflow: visible;
	}
		.header-acc .breadcrumbs-nk {
	    width: 100%;
	}
	.breadcrumbs-nk:after{
		content: "";
		position: absolute;
		bottom: 0;
		height: 1px;
		background: var(--purple);
		width: 120vw;
        left: -5%;
            overflow: visible;
	}

	.main-nav-nk {
	    width: 100%;
	    padding: 14px 0;
	    position: relative;
	}
	.main-nav-nk nav ul {
	    justify-content: flex-start;
	}
	.main-nav-nk nav ul li{
      margin-right: 24px;
	}
	section.intro-hero-nk {
	    background-size: cover;
	}
	h2{
		font-size: 36px;
	}

}
@media only screen and (max-width:1000px ) {
	.hero-text-nk {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.single-intro .hero-text-nk {
	    width: 70%;
	}
	.intro-hero-single-nk .hero-text-nk {
	    width: 50%;
	}
	.hero-img-nk {
    width: 100%;
	    text-align: center;
	}
	.single-intro .hero-img-nk {
		width: 25%;
	}
	.hero-text-nk a:after {
	    height: 48px;
	}
	.hero-info-right-nk .hero-small-info {
    width: 48%;
}
.hero-info-right-nk .img-nk {
    bottom: unset;
    left: 0;
    top: 0;
}
.grid-nk.grid-intro {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}

	section.intro-hero-nk {
	    padding: 0;
	}
	.text-info-left-nk, .text-info-right-nk {
	    width: 100%;
	    position: relative;
	    z-index: 50;
	     -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	}
	.text-info-left-nk p {
	    max-width: 100%;
	}

   .desk-holder-nk{
   	display: none;
   }
   .mob-table-nk{
	  display: block;
	}
    section.funds-section{
    	display: none;
    }
	section.funds-mob{
	  display: block;
	}
}
@media only screen and (max-width:768px ){
  .main-nav-nk{
  	overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    display: block;
  }
  .main-nav-nk::-webkit-scrollbar {
	    display: none;
	}
	p.not-wide, .text-block-nk.not-wide,
	  .hidden-text-nk.not-wide{
	    width: 100%;
	}
	.single-content-nk {
	    max-width: 100%;
	}
	.page-notes{
		width: 100%;
		margin-bottom: 30px;
		margin-top: 10px;
		padding-top: 30px;
		border-top: 1px solid #797482;
	}
	main.single-main-nk{
		padding: 30px 0 50px;
	}
	.btn-holder-single{
		display: flex;
	}
	.btn-holder-single .btn{
		margin: auto;
	}

}
@media only screen and (max-width:767px ) {
	h1{
		font-size: 48px;
	}
	p{
		font-size: 16px;
		margin-bottom: 20px;
	}
	section.intro-hero-nk.single-intro{
		padding: 0 0 40px;
	}
	p.p20bold {
	    font-size: 16px;
	}
	h2{
		font-size: 26px;
	}
	.purple-link-nk{
		font-size: 14px;
	}
	.top-header-nk .see-holder-nk {
	    width: 50%;
	    margin: auto 0;
	}
	.top-header-nk .see-holder-nk h3 {
        font-size: 26px;
	}
	.top-header-nk {
	    padding:0;
	}
	.breadcrumbs-nk a ,.main-nav-nk nav ul > li > a{
		font-size: 11px;
		margin-right: 6px;
	}
	.breadcrumbs-nk a:after {
	    left: 5px;
	}
	.hero-img-nk img{
		width: 50%;
	}
		.single-intro .hero-img-nk img{
		width: 74px;
	}
	.hero-text-nk a:after{
		left: 5px;
	}

	section.text-info-nk {
	    padding: 30px 0 10px;
	}
	section.financial-flows-nk {
	    padding: 40px 0 20px;
	}

	.grid-intro-box span {
	    font-size: 48px;
	    margin-bottom: 20px;
	}
	.grid-intro-box p {
	    font-size: 16px;
	}
	button.purple-link-nk.open-text-alternative {
	    margin: auto;
	    display: block;
	}

	.intro-hero-single-nk .hero-img-nk {
		width: 100%;
		    margin-top: 0;
		    position: absolute;
		    z-index: -1;
		}

		.intro-hero-single-nk .hero-text-nk {
	    width: 100%;
	    margin: auto 0 40px;
	}
	section.section.intro-hero-single-nk {
	    padding: 30px 0 0;
	    background-color: #2E2142;
	    box-shadow: 5px 25px 50px -20px #332647;
	    min-height: unset;
	}

	.section ul li {
		font-size: 16px;
	}
	.text-block-nk ul {
	    max-width: 100%;
	}

	header.header-nk {
	    background: var(--darkpurple);
	    height: 133px;
	}
		header.header-nk.active-nk {
	    background: var(--darkpurple);
	    height: 100px;
	}
	header.header-nk.single-nk {
	    background: var(--darkpurple);
	    height: 144px;
	    transition: 0.3s all ease;
	}

		.hero-info-right-nk {
	    position: relative;
	    width: 100%;
	}
	.hero-info-right-nk .hero-small-info {
	    width: 100%;
	}	
	.hero-info-right-nk .hero-small-info .small-info-span br{
		display: none;
	}
	.grid-nk.grid-intro {
		margin-top: -100px;
		margin-bottom: 40px;
	}
	.separator {
	    margin-bottom: 50px;
	}
	.mob-img{
		display: block;
		padding: 10px 0 34px;
		width: 90%;
		margin: auto;
	}
	.trail-img{
		display: none;
	}
	.trail-text{
		width: 100%;
	}
	.trail-text h3 {
	    font-size: 26px;
	}
	.trail-btn{
		display: flex;
	}
	.trail-btn a{
		margin: auto;
	}
	.trail-section {
	    padding-bottom: 50px;
	}
	.choose-section{
		padding: 40px 0 10px;
	}
	.choose-box {
	    width: 100%;
        padding: 0 0 40px;
	}
	.separator-vert {
	    height: 1px;
	    width: 100%;
	    margin-bottom: 40px;
	    background: var(--purple);
	}
	.choose-box h3 {
	    font-size: 36px;
	}
	.choose-img {
	    min-height: unset;
	    margin-bottom: 15px;
	}
	section.subscription-section{
		background: var(--white);
	}
	.subscription-section form {
	    height: unset;
	    padding: 16px 20px 70px;
	}
	.form-title {
	    width: 100%;
	    padding-bottom: 40px;
	}
	.form-btn-holder {
	    width: 100%;
	    position: relative;
	    z-index: 10;
	    text-align: center;
	    margin: auto;
	}
	.form-btn-holder img {
	    height: 120px;
	}
	.form-btn-holder .btn-purple, .btn.btn-purple {
		font-size: 14px;
	}
	.form-btn-holder .btn-purple {
	    padding: 5px 54px;
	}
	.footer-text{
		display: none;
	}
	.footer-logo {
	    margin-bottom: 60px;
	}
	section.intro-hero-nk.extremism-intro {
	    padding: 30px 0;
	}
	.extremism-intro .hero-text-nk {
	    width: 100%;
	}
	.extremism-intro .hero-right-nk {
	    width: 100%;
	}

}
@media only screen and (max-width:480px ){
	.hero-img-nk img {
	    width: 90%;
	}
}

@media only screen and (max-width:403px ){
    h1{
    	font-size: 36px;
    }

}
@media only screen and (max-width:359px ){
    h1{
    	font-size: 36px;
    }
}