@media (max-width:1900px) {
    #home #videos .button:before, #home #news .button:before {

        left: -285%;

        width: 280%;
    }

    #home #split .right h2{
        font-size:75px;
    }

    #home #split .left h2 {
        font-size: 75px;
    }

    #home #split .right, #home #split .left {
        width: 44%;

        padding: 200px 4% 50px 3%;
    }

    #home #split .right .desc {
        width: 44%;
    }

}

@media (max-width:1750px) {
    #home #videos .wrapper{
        width:85%;
    }

    #home h2 {
        font-size: 65px;
    }

    #home #videos .button:before, #home #news .button:before {

        left: -335%;

        width: 320%;
    }

    #home #split .right h2, #home #split .left h2 {
        font-size: 65px;
        line-height: 1;
    }

    #pages h1 {
        font-size: 110px;
    }

    #home #videos .button:before, #home #news .button:before {
        left: -285%;
        width: 270%;
    }

    #home #videos .owl-carousel .owl-nav .owl-next {
        margin-right: 180px;
    }



    #pages.videos .main{
        max-width:1400px;
    }




}

@media (max-width:1580px) {
	#home #split .right .titles, #home #split .right .desc {
		width:90%;
	}
	
}

@media (max-width:1450px) {
    #home #videos .button:before, #home #news .button:before {
        left: -190%;
        width: 180%;
    }

    #home #split{
        flex-direction:column;
    }

    #home #split .right, #home #split .left {
        width:92%;
        padding: 50px 4% 50px 4%;
    }

    #home #split .left{
        padding: 100px 4% 0px 4%;
        text-align:left;
    }

    #home #split:before{
        width:100%;
    }

    #home #split .left .desc{
        text-align:left;
        width:100%;
    }

    #home #split .right .titles {
        width: 100%;
    }

    #home #split .right .desc {
        width: 100%;
        margin:30px 0 0 0;
    }

    #home #impact .stats {
        margin: 100px 0;
    }

    #home #impact .stat.odd {
        margin: 80px 1% 0 1%;
    }

    #home #testimonial .right {

        padding: 55px 4%;
        width: 55%;
    }

    .mailing .title{
        width:100%;
        text-align:center;
        margin:0 0 30px 0;
    }

    #pages.signup .desc{
        width:90%;
    }

    #pages.news #load_data{
        flex-wrap:wrap;
    }

    #pages.news .newsbox{
        width:30%;
    }

    #home #news .padding{
        max-width:90%;
    }

    #home #news .details h2 {
       font-size:30px;

        margin: 0 0 10px 0;
    }

    #home #news .details .small {
        margin: 30px 0 40px 0;

    }

}

@media (max-width:1350px) {
    #videos .filter{
        color:#fff;
        display:block;
        width:150px;
        padding:10px 0;
        font-size:20px;
        letter-spacing:3px;
        text-align:center;
        text-transform:uppercase;
        cursor:pointer;
        border:1px solid #fff;
    }

    #pages.videos .main{
        padding:80px 0 50px 0;
    }

    #videos .close{
        cursor:pointer;
        font-size:20px;
        display:block;
    }

    #videos .search-wrapper{
        display:none;
        position: fixed;
        width: 90%;
        top: 0%;
        background: rgba(0, 0, 0, 0.8);
        padding: 5%;
        left: 0px;
        height: 100%;
        z-index: 99999;
    }
}

@media (max-width:1250px) {
    h1{
        font-size:100px;
    }

    #home #hero{
        background-position:center;
    }

    #home #videos .button:before, #home #news .button:before{
        display:none;
    }

    #home #impact .flex{
        flex-direction:column;
        align-items:start;
    }

    #home #impact .stats {
        margin: 0px 0 40px 0;
    }

    #home #impact .stat.odd, #home #impact .stat {
        margin: 30px 0 0 3%;
        text-align:left;
    }

    #home #impact h2{
        text-align:left;
        font-size:100px;
        margin:0 0 40px 3%;
    }

    #home #impact {
        background-image:  url(images/home-stats2.png);

        background-size: cover;
    }

    #home #impact .buttons{
        margin:30px 0 0 3%;
        text-align:left;
    }

    #home #impact .caps br{
        display:none;
    }

    #home #testimonial .flex{
        flex-direction:column;
        align-items:center;
    }

    #home #testimonial .left{
        width:100%;
        text-align:center;
        margin:0 0 40px 0;
    }

    #home #testimonial .right {
        padding: 55px 4%;
        width: 55%;
        margin:40px auto 0 auto;
    }

    #home #news .box{
        flex-direction:column-reverse;
    }

    #home #news .flex, #home #news .box{
        flex-direction:column;
        max-height:100%;
    }

    #home #news .image{
        width:100%;
    }

    #home #news .details{
        padding: 40px 5%;
        width: 90%;
    }

    #home #news .flex{
        margin:0 0 40px 0;
    }

    #home #news .left .small{
        margin:20px 0;
    }

    #home #news .box{
        margin:0;
    }

    #pages.news .title{
        font-size:30px;
    }

    #home #hero, #home #split{
        background-attachment: scroll;
    }

    #home #split .right h2{
        margin:0;
    }

    #pages.contact .flex{
        max-width:1000px;
    }

    #home #split{
        background-attachment: scroll;

    }

}
@media (max-width:1000px) {
    #home #videos .flex.two{
        flex-direction:column;
    }

    #home #videos .frame iframe {
        height: 416px;
    }

    #home #videos .desc {

        margin: 0 0 30px 0;
        width: 100%;
    }

    #home #videos #owl-demo .video{
        width:100%;
    }

    #home #videos #owl-demo {
        width: 100%;
        margin: 0  0% 0 0;
    }

    #home #videos .owl-stage-outer {
        overflow: hidden !important;
    }

    #home #videos .owl-stage{
        margin:0;
    }

}

@media (max-width:960px) {
    #home #videos .button{
        display:none;
    }

    #home #videos .desc .button{
        display:block;
        width: 150px;
        margin:30px 0 0 0;
    }

    #home #book .main{
        flex-direction:column-reverse;
    }

    #home #book .right{
        width:90%;
        margin:0 auto 50px auto;
    }

    .nav li{
        margin:0 40px;
    }

    #pages h1 {
        font-size: 85px;
    }

    #pages.signup h2{
        font-size:50px;
    }

    #home #videos .owl-carousel .owl-nav .owl-next {
        margin-right: -55px;
    }

}

@media (max-width:850px) {
    h1 {
        font-size: 80px;
    }

    #home #testimonial .right {
        padding: 55px 4%;
        width: 80%;
        margin: 40px auto -180px auto;
    }

    #home #book .right {
        text-align: center;
    }

    #home #book .right h2 {
        text-align: center;
    }

    #topwrapper .logo {
        position: absolute;
        width: 60px;
        margin: 0;
        float: none;
        top: 10px;
        left: 20px;
    }

    #topwrapper .menu-toggle, #topwrapper .menu-close {
        display: block;
    }

    .main-menu {
        position: absolute;
        display: none;
        right: 0;
        top: 0;
        height: 100%;
        transition: left 0.3s ease, box-shadow 0.3s ease;
        z-index: 999;
        width: 100%;
    }

    #navwrapper .main-menu ul.nav {
        padding: 70px 0 0;
        -webkit-box-shadow: -8px 0 8px rgba(0, 0, 0, .5);
        -moz-box-shadow: -8px 0 8px rgba(0, 0, 0, .5);
        box-shadow: -8px 0 8px rgba(0, 0, 0, .5);
        width: 100% !important;
        background: #1a1a1a;
        min-height: 100%;
        display: block;

    }

    #navwrapper .fa.fa-close {
        color: #fff;
    }

    #navwrapper .menu-toggle span {
        color: #fff;
        font-size: 18px;
        display: block;
        z-index: 9;
        width: 16px;
        height: 20px;
        position: fixed;
        top: 0px;
        right: 0px;
        background: rgba(0, 0, 0, 0.7);
        padding: 10px 12px 10px 12px;
    }

    #navwrapper .nav form {
        display: none;
    }

    #topwrapper #navwrapper .logo{
        display:none;
    }

    #topwrapper .mobile {
        display: block;
        float: right;
        margin: 20px 4% 0 0;
    }

    #topwrapper .top .left {
        display: block;
        width: 100%;
    }

    #topwrapper .logo {
        float: left;
    }

    #topwrapper .phone {
        float: left;
    }


    #topwrapper #navwrapper li {
        margin: 0;
    }


    #navwrapper .sub_menu li a {
        font-size: 14px;
        padding: .75em 5px;
    }

    #topwrapper #navwrapper li a, #topwrapper #navwrapper .main-menu a {
        display: block;
        padding: 40px 0;
        font-size: 28px;
        border: none;

        text-align: center;
        color: #fff;
        margin: 60px 0;
        background: none !important;
    }

    #topwrapper .nav .mobile{
        display:block;
        float:none;
    }

    #topwrapper #navwrapper li a:hover, #topwrapper #navwrapper .main-menu a:hover {
        color: #F2CDB4;
    }

    #topwrapper #navwrapper .main-menu .menu-toggle, #topwrapper #navwrapper .main-menu .menu-close {
        display: block;
        text-align: right;
        font-size: 21px;
        margin: 0 10px 0 0;
    }


    #topwrapper .button.empty, #topwrapper .button {
        background: none;
        border-radius: 0;
        color: #fff;
    }

    .main-menu .menu-close span {
        color: #fff;
    }

    .main-menu .menu-close {
        position: absolute;
        right: 0;
        top: 0;
        border-bottom: none !important;
    }

    .main-menu:target, .main-menu[aria-expanded="true"] {
        display: block;
        right: 0;
        outline: none;
        -moz-box-shadow: 3px 0 12px rgba(0, 0, 0, .25);
        -webkit-box-shadow: 3px 0 12px rgba(0, 0, 0, .25);
        box-shadow: 3px 0 12px rgba(0, 0, 0, .25);
    }

    .main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close {
        z-index: 1001;
    }

    .main-menu:target ul, .main-menu[aria-expanded="true"] ul {
        position: relative;
        z-index: 1000;
    }

    #navwrapper .menu-toggle, #navwrapper .menu-close {
        display: block;
    }

    #home #topwrapper{
        padding:0;
        z-index:9;
    }

    .main-menu:target + .backdrop,
    .main-menu[aria-expanded="true"] + .backdrop {
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 998;
        background: #000;
        background: rgba(0, 0, 0, .85);
        cursor: default;

    }


    .main-menu,
    .main-menu:target + .backdrop,
    .main-menu[aria-expanded="true"] + .backdrop {
        position: fixed;

    }

    #pages.donate .help{
        font-size:40px;
    }

    #pages.donate .text{
        width:90%;
    }

    #pages.donate #form{
        max-width:600px;
    }

    #dn-center .leftside{
        float:none;
        width:100%;
    }

    #dn-center .rightside{
        float:none;
        width:100%;
        border:none;
        padding:40px 0 0 0;
    }

    #pages.contact .flex{
        flex-direction:column;
    }

    #pages.contact .left{
        width:90%;
        text-align:center;
        margin:0 auto 40px auto;
    }

    #pages.contact .form{
        width:80%;
        margin:0 auto;
    }

    #topwrapper {
        padding: 20px 0;
    }

    #pages.news .newsbox{
        width:45%;
    }
}




@media (max-width:750px) {
    #home #hero {
        background-position: center;
        height: 100vh;
        padding: 0;
    }

    #home .overlay{
        padding:200px 0 0 0;
    }

    #home .overlay .desc{
        margin:50px 0 250px 0;
    }

    #home #videos{
        padding:0 0 100px 0;
    }

    #home h2 {
        font-size: 62.815px;
        line-height:1;
    }

    #footerwrapper .footer li{
        display:none;
    }

    #pages.signup h2 {
        font-size: 40px;
    }

    #pages.signup h3{
        font-size:40px;
    }

    #home #videos .wrapper{
    width: 80%;
}

    #home #videos .frame iframe {
        height: 116px;
    }



}

@media (max-width:650px) {
    h1 {
        font-size: 65px;
    }

    #home #videos .wrapper{
        margin:0 auto;
    }

    #home #videos .flex.two{
        margin:30px auto 0 auto;
    }

    .padding {
        padding: 40px 0;
    }

    #home #speakers {
        padding: 0px 0 0 0;
    }

    #home #speakers .info .button{
        font-size:11px;
    }

    #home #split .left h3{
        font-size:40px;
    }

    #home #split .right h2, #home #split .left h2{
        font-size:50px;
    }

    #home #impact h2 {

        font-size: 60px;
        margin: 0 0 0px 3%;
    }

    #home #impact .amount{
        font-size:60px;
    }

    #home #impact .button{
        display:block;
        margin:0 0 10px 0;
        padding:10px 0;
        width:80%;
    }

    #home #testimonial .quote{
        font-size:40px;
    }

    #home #news .flex .white{
        display:block;
        text-align:center;
    }

    .mailing .title{

        line-height:1;
        font-size: 40px;
    }

    .mailing .text{
        display:block;
        margin:0 0 40px 0;
    }

    #pages.donate h2{
        font-size:55px;
        line-height:1;
    }

    #pages.contact h3{
        font-size:30px;
    }

    #home #videos .wrapper {
        width: 75%;
    }

}

@media (max-width:550px) {
    .mailing .title{
        margin:0 0 15px 0;
        font-size:30px;
    }

    #home #book .desc {

        margin: 30px 0;
        font-size: 14px;
    }

    #home #book .left img{
        width:100%;
    }

    #home #book .left{
        width:171px;
    }

    .mailing .button{
        font-size:13px;
        letter-spacing:0.5px;
    }

    .main{
        max-width:87%;
    }

    h1{
        font-size:45px;
    }

    #home .overlay {
        padding: 150px 0 0 0;
        bottom:100px;

    }

    #home .overlay .desc {
        margin: 40px auto 50px auto;
        width: 75%;


    }

    #home #videos .flex.one h2{
        font-size: 33px;
    }

    #home #videos {
        padding: 50px 0 50px 0;
    }

    #home #impact .amount {

        font-size: 50px;
    }

    #home #book .main{
        padding:130px 0 0 0;
    }

    #home #testimonial .quote {

        font-size: 34.667px;
    }

    #home #impact .button {
        display: block;
        margin: 0 0 10px 0;
        padding: 10px 0;
        width: 100%;
        font-size: 12px;
        letter-spacing: 0.5px;
    }

    #home #speakers .padding{
        padding:40px 0 0 0;
    }

    #home #split .right h2{
        width:90%;
    }

    #home #split .right h2, #home #split .left h2 {

        font-size:40px;
    }

    #home #impact h2{
        font-size:50px;
    }

    #home #split .right .button {
        margin: 0 5px 0 0;
        font-size:13px;
        padding: 5px 10px;
        letter-spacing: 1px;
    }

    #home #split .left .desc {

        margin: 0 0 20px 0;
    }

    #home #split .left{
   display:none;

    }

    #home #news .details .button{
        position:absolute;
        bottom:30px;
        left:32%;
    }

    #home #speakers .info .button span{
        display:none;
    }

    #home #news .details .small {
        margin: 10px 0 0px 0;

    }

    #home #news .box{
        flex-direction:column-reverse;
        position:relative;
    }

    #home #news .flex.box .white{
        text-align:left;
        margin:0 0 10px 0;
    }

    #home #news .flex .white {

        font-size: 41.739px;

    }

    #home #news .padding {
        padding: 120px 0 50px 0;
    }

    #home #speakers .info .button {
        font-size: 10px;
        padding:4px 6px;
        display:block;
        margin:8px 0 0 0;
        letter-spacing: 0.5px;
        color:#000;
        width:90%;
        border:1px solid #000;
    }

    #home #speakers .info {

        bottom: 0px;
        left:-2%;
        color:#000;
        width:103%;
        padding:5px 0 0 0;
        background:#fff;
        font-size: 15px;

    }

    #home   h2 {

        font-size: 30px;
        margin: 0 0 30px 0;
    }

    #home #testimonial .left h2{
        font-size: 62.815px;
    }
    #home #news h2{
        text-align:center;
    }


    #home #news .wide{
        display:none;
    }

    .fancybox__content{
        height:650px!important;
    }

    #pages.news .newsbox .info {

        padding: 25px 15px 15px 15px;
    }


        #pages.signup {

        padding: 10vh 0;
    }

    #home #news .image img{
        margin:-100px 0 0 0;
    }

    #home #news .long {
        display: block;
    }

    #home #news .image{
        height:400px;
        overflow:hidden;
    }

    #pages.signup .desc {
        margin: 0 auto 40px auto;
        font-size:16px;
        width:95%;
    }

    #pages h1 {
        font-size: 50px;
    }

    #pages.signup h3 {
        font-size: 28px;
    }

    #pages.signup h2 {
        font-size: 30px;
    }

    #pages.donate h2{
        font-size:45px;
    }

    #pages.donate .help {
        font-size: 30px;
    }

    #pages.donate #form{
        padding:20px;
    }

    h2{
        font-size:50px;
        line-height:1;
    }

    #topwrapper{
        padding:30px 0;
    }

    #pages.contact h3 {
        font-size: 22px;
    }

    #pages.contact .text{
        margin:10px 0 0 0;
    }

    #pages.contact .form{
        width:85%;
        padding:30px 20px;
    }

    #pages.contact .form h2{
        font-size:40px;
    }
    #pages.news #load_data{
        width:100%;

    }

    #pages.news .newsbox{
        width:48%;
    }

    #pages.news .title{
        font-size:22px;
    }

    #pages.news .button{
        font-size:12px;
    }

    #home #videos .wrapper {
        width: 70%;
    }

    #home #videos .owl-carousel .owl-nav .owl-prev {
        margin-left: -55px;
    }

    #home #speakers .speaker{
        height:220px;
    }

    #topwrapper #navwrapper li a, #topwrapper #navwrapper .main-menu a{
        padding:10px 0;
        margin:40px 0;
    }

    #home #split{
        margin:40px  0 0 0;
    }

    #home .overlay .desc {

        text-shadow: 20px 2px 10px rgba(0, 0, 0, 0.85);
        font-size:25px;
    }

    #home #speakers .owl-carousel .owl-item img{
        object-position: center 10%;
    }

    #home #impact{
        background-position:center;
    }

    #home #impact .buttons{
        display:none;
    }

    #navwrapper .main-menu ul.nav{
        padding:20px 0 0 0;
    }



}