@media (max-width: 1900px) {
    #home .testimonial{
        padding:200px 10%;
    }

    #pages.register .main{
        width:65%;
    }
}

@media (max-width: 1750px) {
    #navwrapper .account{
        right:20px;
    }

    #home .stat.dollar.m {
        width: 320px;
    }

    #home .testimonial {
        padding: 150px 5%;
    }

    #home .stat .amount, #home .stat{
        font-size:65px;
    }

    #home .stat.small {
        width: 210px;
    }

    #home .stat{
        width:268px;
    }


}

@media (max-width: 1550px) {

    #home .about .right {
        width: 37%;
    }

    #home .about .left{
        width:55%;
    }
    .padding {
        padding: 120px 0;
    }

    #home .stat .amount, #home .stat {
        font-size: 50px;
    }

    #home .about .box{
        width:800px;
        height:725px;
    }

    #home .stat{
        width:auto!important;
    }

    #home .signup .right{
        width:45%;
    }

    #home .signup .bottom:before{
        width:60%;
    }

    #home .testimonial .left{
        font-size:70px;
    }

    #footerwrapper li{
        margin:0 20px 0 0;
    }

    #pages.about .right{
        margin:-50px 0 0 0;
    }

    #pages.about .desc {

        right: 30px;
        bottom: -40px;
    }

    #pages.register .main {
        width: 80%;
    }

    #pages.register:before{
        height:1100px;
    }

    #pages.contact form{
        width:40%;
    }
}

@media (max-width: 1350px) {
    #home #navwrapper{
        text-align:right;
    }

    #navwrapper .hide{
        display:block;
    }

    #navwrapper li.drop{
        cursor:pointer;
    }

    #navwrapper li.drop:after {
        position:absolute;
        top:10px;
        right:10px;
        font-family: 'FontAwesome';
        content: "\f107";
        color:#fff;
        font-weight:bold;
    }

    #navwrapper li.drop.toggle:after {
        content: "\f106";
    }





    #navwrapper .main-menu .sub_menu {
        left:0;
        width:100%;
        top:0;
        background:none;
        padding:0;
    }

    #navwrapper li.drop:hover .sub_menu{
        visibility:hidden;
    }

    #navwrapper .main-menu .drop.toggle .sub_menu{
        visibility:visible;
        position:relative;
    }

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

    }



    #navwrapper .main-menu ul{
        list-style: none;
        display:block;
        margin: 0;
        height:calc(100vh - 70px);
        padding: 70px 0 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%;
        background: #000;
        z-index:9;

        flex-direction: column;
        justify-content: space-between;

    }

    #navwrapper .logo{
        display:none;
    }

    #topwrapper .logo.mobile {
        display: block;
        position: absolute;
        z-index: 99;
        top:30px;
        left:30px;
    }

    #home #topwrapper img, #topwrapper #navwrapper img {
        filter: invert(1) brightness(50);
        margin: 0 0 0 20px;
    }

    #navwrapper .main-menu a,  #topwrapper .top a.button{
        display: block;
        padding:0;
        text-transform:uppercase;
        color: #fff;
        text-decoration: none;
        background:none!important;
        border:none;
        font-size:24px;
        border-radius:0;
        text-align:center;
        position:relative;
        background:none;
        letter-spacing:7px;
    }

    #topwrapper .top a.button:hover{
        color:#D7384B;
    }

    #topwrapper #navwrapper li.donate a:hover{
        background:none;
    }


    #navwrapper .main-menu .menu-close{
        position:absolute;

        font-size: 16px;
        margin:20px 10px 0 0;

        font-weight:bold;
    }

    #navwrapper .fa.fa-close{
        font-size:16px;
        font-weight:300;

    }

    #navwrapper .account{
        position:relative;
        right:auto;
    }

    #navbars.scrolled #navwrapper li, #topwrapper .top ul li, #topwrapper .top ul li.hide{
        display:block;
        margin:30px 0;
    }





    #navwrapper .fa-bars{
        color:#CFB6A2;

        font-size:18px;
    }

    #home #navwrapper .fa-bars{
        margin:0;
    }

    #home #navwrapper .fa-bars{
        color:#fff;
    }



    #navwrapper .menu-toggle, #navwrapper .menu-close{
        text-align:right;
        margin:0 10px 0 0;
        display: inline-block;
        float: right;
    }





    .main-menu li:first-child a {
        border-top: 1px solid #383838;
    }

    .main-menu a:hover,
    .main-menu a:focus,
    {
        background: #333;
        text-decoration: none;
    }

    .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);
        text-align:right;


    }

    .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;
    }

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

    }


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

        }



        body.nav-open .backdrop {
            display: block;
        }

        .main-menu {
            display: none;
        }

        body.nav-open .main-menu {
            display: block;
        }



        .backdrop {
            display: none;
            position: fixed;
            /* full-screen overlay */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 1;
        }


        #home .testimonial .left {
            font-size: 65px;
        }

        #home .testimonial .right{
            margin:140px 0 0 0;
        }

        #footerwrapper .nav{

            display:none;
        }

        #navwrapper .mobile {
            display: block;
        }

        #pages.ask .chat{
            width:50%;
        }

    }

    @media (max-width: 1200px) {
        #home .overlay .left {
            width: 85%;
        }

        #home .overlay .left:after{
            display:none;
        }

        #home .overlay .left .par .button{
            display:block;
            position:relative;
            top:0;
            margin:30px 0 0 0;
            right:0;
            left:0;
        }

        .padding {
            padding: 80px 0;
        }

        #home .about .box{
            width:400px;
            height:675px;
        }

        #home .stat .caps{
            text-align:center;
            margin:15px 0 0 0;
        }

        #home .stats .stat .plus{
            position:relative;
            right:0;
        }

        #home .stat{
            width:46%!important;
            margin:0 2% 50px 2%;
            text-align:center;
        }

        #home .signup .right{
            width:100%;
            margin:40px 0;
        }

        #home .signup .bottom {

            margin: 20px 0 0 0;

            border-top: 1px solid #CFB6A2;
            justify-content: center;
            line-height: 1.5;
        }

        #home .testimonial .text {
            width: 100%;
        }

        #home .testimonial .right {
            margin: 40px 0 0 0;
            width:100%;
        }

        #home .testimonial {
            padding: 100px 5%;
            position:relative;
            flex-direction:column;
        }

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

        #home .testimonial span {
            font-size: 400px;

            left: -60px;
            top: 40px;
        }

        #home .designers .box{
            width:490px;
        }

        #home .designers .flex{
            flex-direction:column;
        }

        #home .designers .left{
            padding:30px 5% 40px 0;
            width:95%;
            margin:0 0 60px 0;
        }

        #home .designers .right{
            width:100%;
        }

        .nav li a:hover, .nav .lion, #home .nav li a:hover{
            color:rgba(207, 182, 162, 1)!important;
        }





        #home .overlay .right{display:none;}

    #pages .padding {
        padding: 80px 0;
    }

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

    #pages.about .desc{
        width:100%;
        right:0;
        bottom:0;

        position:relative;
    }

    #pages.about .item .title{
        margin:0 0 50px 50px;
    }

    #pages.register .main {
        width: 100%;
    }

    #pages.register #options{
        padding:100px 0;
    }

    #pages.register .form .main{
        flex-direction:column;
    }

    #dn-center{
        margin:30px 0 0 0;
    }

    #home .overlay .left {
        width: 100%;
        flex-direction: column;

    }

    #home h1{
        width:100%;
    }


    #home .overlay .left .par{
        width:100%;
        margin:40px 0 0 0;}
}



@media (max-width: 1000px) {
}

@media (max-width: 960px) {


    #home .designers .box {
        width: 420px;
    }

    #footerwrapper .email{
        width:100%;
        margin:20px 0 0 0;
    }

    #footerwrapper .caps{
        padding:0;
    }

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

    #pages.about .right, #pages.about .left{
        width:100%;
    }

    #pages.about .right{
        margin:40px 0 0 0;
    }

    #pages.register #options .main{
        flex-direction:column;
    }

    #pages.register #options .main{
        margin:0;
    }

    #pages.register #options .box{
        margin:0 0 30px 0;
    }

    #pages.contact form{
        width: 50%;
    }

    #pages.login #recoverPassword, #pages.login #recoverUsername{
        width:60%;
    }

    #footerwrapper .top{
    justify-content:left;}
}

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

    #home .about .flex{
        flex-direction:column;
    }

    #home .about .left{
        width:100%;
    }

    #home .about .right{
        width:100%;
        margin:40px 0 0 0;
    }

    #home .about .box{
        display:none;
    }

    #home .signup .left{
        font-size:60px;
    }

    #home .designers .left .large{
        font-size:40px;
    }

    #home .designers .box{
        display:none;
    }

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

    #home .testimonial span {
        font-size: 300px;
        left: -30px;
        top: 40px;
    }

    #pages.register #options{
        margin:50px 0 0 0;
    }

    #pages.ask .chat{
        width:75%;
    }
}

@media (max-width: 750px) {
    #pages.about .item.middle {
        padding: 30px 0;
        margin: 30px 0;
    }

    h1{
        font-size:40px;
    }

    #pages.contact form{
        width: 70%;
    }
}

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

    #pages .padding {
        padding: 40px 0;
    }
}

@media (max-width: 550px) {
    #home .signup .left br{
        display:none;
    }

    #home .signup .left{
        font-size:30px;
    }

    #home .signup .right{
        flex-direction:column;
    }

    #home .signup .box{
        width:100%;
        margin:0 0 20px 0;
    }

    #home .signup .bottom{
        gap:0;
        padding:0;
        border-bottom:0;
    }

    #home .signup .bottom:before{
        display: none;
    }

    #home .signup .bottom > div{
        border-bottom: 1px solid #CFB6A2;
        padding:10px 0;
        line-height: 1.2;
    }

    #home .signup .bottom > div:nth-child(odd) {
        width:calc(100% - 250px);
    }

    #home .signup .bottom > div:nth-child(even) {
         width: 250px;
    }

    #home .designers .right{
        flex-direction:column;
    }

    #home .designers .right .col{
        width:100%;
    }

    #footerwrapper .caps{
        font-size:14px;
        text-align:center;
    }

    .footer .logo{
        padding:0;
    }

    #home .about span, #home .designers span{
        font-size:40px;
    }

    #home h1 {
        font-size: 40px;
    }

    #home .stats{
        flex-direction:column;
    }

    #topwrapper .logo.mobile{
        width:130px;
    }

    #home .stat{
        width:100%!important;
    }

    .padding {
        padding: 20px 0;
    }

    #home #topwrapper .logo img{
        margin:0;
    }



    #footerwrapper .top{
        justify-content:center;
    }

    #home .testimonial .left {
        font-size: 30px;
    }

    #footerwrapper .bottom{
        justify-content: center;
    }

    #footerwrapper .social{
        text-align:center;
        margin:40px 0 10px 0;
    }

    #topwrapper .logo.mobile {
        width: 90px;
        top:20px;
        left:20px;
    }

    #pages.about .item .icon {
         margin:0 0 30px 0;
    }

    #pages.about .item .title {
        margin: 0 0 50px 10px;
        font-size:15px;
    }

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

    #pages.faq .question{
        flex-direction:column;
    }

    #pages.faq .a{
        margin:30px 0 0 0;
    }

    #pages.faq .a, #pages.faq .q{
        width:100%;
    }

    #pages.register .main{
        margin:50px auto 0 auto;
    }

    #pages.register .title{
        font-size:25px;
    }

    #pages.register #options .box .but{
        margin:20px auto 0 auto;
    }

    h1 {
        font-size: 30px;
        margin: 20px 0;
    }

    #pages.register #options .box{
        padding:20px 0 10px 0;
    }

    #pages.register .top {
        padding: 0 0 0px 0;

        margin: 10px auto 20px auto;

    }

    #pages.register .text.center{
        width:90%;
        margin:0 auto;
    }

    #dn-center .dn-field.float.half, #dn-center .dn-field.float.two, #dn-center .dn-field.float.third.middle{
        width:100%;
        float:none;
        margin:0 0 15px 0;
    }

    #pages.register #optionText{
        font-size:25px;
        margin:10px 0;
        text-align:center;
        display:block;
    }

    #pages.register h2{
        text-align:center;
        width:100%;
    }

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

   #dn-center {
       width:90%;
       padding:30px 3%;
    }

    #pages.login #recoverPassword, #pages.login #recoverUsername{
        width:100%;
    }
    #pages.ask .chat{
        width:95%;
    }


}


@media (max-width: 450px) {
    #home .signup .bottom{
        font-size: 10px;
    }

    #home .signup .bottom > div:nth-child(odd){
        width:40%;
    }

    #home .signup .bottom > div:nth-child(even){
        width:60%;
    }
}