/* @media 3000px */
@media only screen and (max-width: 3500px) {
    .carousel-control.left:hover .fa-chevron-left, .carousel-control.right:hover .fa-chevron-right {
        display: block;
    }

    .carousel-control.left .fa-chevron-left, .carousel-control.right .fa-chevron-right {
        transition: .5s all ease-in;
        display: none;
    }

    #logo {
        box-shadow: 1px 1px 1px transparent;
    }

    .resp-menu {
        display: none;
    }

    .hc-nav-trigger {
        position: absolute;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: none;
        top: 30px;
        right: -15px;
        z-index: 9980;
        width: 30px;
        min-height: 24px;
    }

    .achieved {
        display: inline-flex;
        flex-wrap: wrap;
        width: 570px;
    }

    .logoD a > img {
        z-index: 99;
        width: 72px;
        margin-top: -2px;
        position: absolute;
        left: -50px;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        width: 100%;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 70px;
        right: -57px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .founderI img {
        width: 100%;
        margin-top: 25%;
    }

    #supportD {
        width: -webkit-fill-available;
        padding: 0 65px;
    }
}

/* @media 2560px */
@media only screen and (max-width: 2560px) {
    .carousel-control.left:hover .fa-chevron-left, .carousel-control.right:hover .fa-chevron-right {
        display: block;
    }

    .carousel-control.left .fa-chevron-left, .carousel-control.right .fa-chevron-right {
        transition: .5s all ease-in;
        display: none;
    }

    #logo {
        box-shadow: 1px 1px 1px transparent;
    }

    .resp-menu {
        display: none;
    }

    .hc-nav-trigger {
        position: absolute;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: none;
        top: 30px;
        right: -15px;
        z-index: 9980;
        width: 30px;
        min-height: 24px;
    }

    .achieved {
        display: inline-flex;
        flex-wrap: wrap;
        width: 570px;
    }

    .logoD a > img {
        z-index: 99;
        width: 72px;
        margin-top: -2px;
        position: absolute;
        left: -50px;
    }
}

/* 1921px | 2560px */
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
    .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        width: 100%;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 70px;
        right: -57px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .founderI img {
        width: 100%;
        margin-top: 25%;
    }

    #supportD {
        width: -webkit-fill-available;
        padding: 0 65px;
    }
}

@media only screen and (min-width: 1230px) and (max-width: 1920px) {


    #Academy {
        display: inline-flex;
    }

    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #ffc107;
        position: absolute;
        min-height: 130px;
        right: -120px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 0;
        transition: .1s all ease-in-out;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 70px;
        right: -116px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        width: 550px;
        position: absolute;
        font-size: 45px;
        font-weight: 600;
        margin-left: 1.5rem;
        text-transform: uppercase;
        font-family: Rajdhani !important;
        margin-top: .3rem;
        transition: .2s all ease-in-out;
    }
}

/* media 1200px | 1230px */
@media only screen and (min-width: 1201px) and (max-width: 1230px) {

    .logoD a > span {
        color: #fff;
        z-index: 99;
        width: 500px;
        position: absolute;
        font-size: 34px;
        margin-left: 1rem;
        font-family: Rajdhani, Sans-Serif !important;
        margin-top: 10px;
        transition: .2s all ease-in-out;
    }

    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 130px;
        right: -120px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 1 !important;
        transition: .1s all ease-in-out;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 70px;
        right: -116px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }
}


/* @media 1230px */
@media only screen and (max-width: 1200px) {
    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 130px;
        right: -150px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 1 !important;
        transition: .1s all ease-in-out;
    }

    .navbar {
        display: none;
    }

    .resp-menu {
        display: block;
    }

    div#dl-menu {
        position: absolute;
        width: auto;
        left: auto;
        right: 0;
    }

    .achieved {
        display: inline-flex;
        flex-wrap: wrap;
        width: 530px;
    }
}




/* @media 1200px */
@media only screen and (max-width: 1200px) {
    #Academy {
        display: inline-flex;
    }
}

/* @media 991 | 1284px */
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .logoD a > img {
        z-index: 99;
        margin-top: 1rem;
        width: 70px;
        position: absolute;
        left: 0px;
    }

    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 130px;
        right: -200px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 1 !important;
        transition: .1s all ease-in-out;
    }
    /*
    .logoD::after
    {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #fff;
        position: absolute;
        min-height: 130px;
        right: -130px;
        top: -35px;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }
    */
    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #fff;
        position: absolute;
        min-height: 70px;
        right: -197px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .logoD a > img {
        z-index: 99;
        margin-top: 0rem;
        position: absolute;
        left: -34px;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        width: 500px;
        position: absolute;
        font-size: 40px;
        margin-left: 2.6rem;
        font-family: Rajdhani;
        margin-top: 0.7rem;
        transition: .2s all ease-in-out;
    }
}

/* media and 769px | 990px */
@media only screen and (min-width: 769px) and (max-width: 990px) {
    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 130px;
        right: -133px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 1 !important;
        transition: .1s all ease-in-out;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        position: absolute;
        min-height: 70px;
        right: -130px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        width: 500px;
        position: absolute;
        font-size: 35px !important;
        margin-left: 0rem;
        font-family: Rajdhani;
        margin-top: .3rem;
        transition: .2s all ease-in-out;
    }

    .name {
        color: #fff;
        text-align: right;
        font-size: 27px;
        margin: 34% 0 0;
        width: auto;
    }

    .founderI img {
        width: auto;
        margin-top: 10%;
    }
}

/* media  990px */
@media only screen and (max-width: 990px) {
    #supportD {
        padding: 0;
    }

        #supportD::after, #supportD::before {
            display: none;
        }

    .Academy_C {
        background: #1111110d;
        padding: 30px 20px 10px;
        text-align: center;
        color: #908d8d;
        font-size: 15px;
        line-height: 20px;
        width: 100%;
        position: relative;
    }

    #Academy_1, #Academy_2 {
        justify-content: center;
    }

    .info > p {
        text-align: center;
        font-size: 15px;
        padding: 0 10px;
        margin: 0 0 20px 0;
    }

    .info::before {
        content: '';
        width: 30px;
        height: 30px;
        background: #f3f3f3;
        position: absolute;
        top: -5%;
        bottom: auto;
        left: 45%;
        right: auto;
        transform: rotate(45deg);
    }

    .awardD {
        background: #000;
    }

    .dl-menuwrapper .dl-menu {
        margin: 5px 0 0 0;
        position: absolute;
        width: 200px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 66px;
        right: -18px;
        left: auto;
        z-index: 99;
    }

    #Academy {
        display: inline-flex;
        flex-wrap: wrap;
    }

    .header {
        display: none;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        position: absolute;
        font-size: 30px;
        margin-left: 4rem;
        font-weight: 600px;
        font-family: Rajdhani;
        margin-top: 10px;
        transition: .2s all ease-in-out;
    }

    .logoD a > img {
        z-index: 99;
        margin-top: 4px;
        position: absolute;
        left: -10px;
        width: 60px;
    }

    .awardD h2 {
        color: #fff;
        font-size: 38px;
        font-family: Rajdhani, Sans-Serif;
        font-weight: 500;
        text-align: center;
    }

    .achieved {
        display: inline-flex;
        flex-wrap: wrap;
        width: 560px;
    }

    #AwardSlider .item > p {
        font-family: Rajdhani, Sans-Serif;
        font-size: 20px;
        color: #fff;
    }
}

/* media max 768px */
@media only screen and (max-width: 768px) {
    .carousel-control.left .fa-chevron-left, .carousel-control.right .fa-chevron-right {
        display: none;
    }

    .achievedC {
        width: 100%;
        margin-bottom: 5rem;
    }

    .achieved {
        display: block;
        flex-wrap: wrap;
        width: 100%;
    }

    #supportD::before {
        display: none;
    }

    #supportD::after {
        display: none;
    }

    #supportD {
        padding: 0;
    }

    #copy_1 {
        margin-bottom: 1rem;
    }

    .footerM iframe {
        width: 100%;
        height: 200px;
        border-radius: 5px;
        border: 2px solid #fff;
    }

    .name {
        color: #fff;
        font-size: 24px;
        margin: 4% 0 0;
        text-align: right;
        width: auto;
    }

    .founderI img {
        width: auto;
        margin-top: 10%;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        position: absolute;
        font-size: 30px;
        margin-left: 4rem;
        font-weight: 600;
        font-family: Rajdhani;
        margin-top: 14px;
        transition: .2s all ease-in-out;
    }

    .logoD a > img {
        z-index: 99;
        margin-top: 4px;
        position: absolute;
        left: -10px;
        width: 60px;
    }

    .dl-menuwrapper button {
        float: right;
        border: none;
        width: 35px;
        height: 31px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
        background: #1b9edc;
        border: 2px solid #fefefe;
        border-radius: 5px;
        margin-top: 4rem;
        margin-right: -2rem;
        margin-bottom: .85rem;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #fff;
        position: absolute;
        min-height: 70px;
        right: -56px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #1b9edc;
        position: absolute;
        min-height: 130px;
        right: -62px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 0;
        transition: .1s all ease-in-out;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        width: 385px;
        position: absolute;
        font-size: 40px;
        font-weight: 600;
        margin-left: 1.5rem;
        text-transform: uppercase;
        font-family: Rajdhani, sans-serif !important;
        margin-top: .3rem;
        transition: .2s all ease-in-out;
    }

    .achieved {
        display: block;
        width: 100%;
    }
}

/* 620px | 767px */
@media only screen and (min-width: 620px) and (max-width: 767px) {
    .logoD a > span {
        color: #fff;
        z-index: 99;
        position: absolute;
        font-size: 29px;
        margin-left: 4rem;
        font-family: Rajdhani;
        margin-top: 12px;
        transition: .2s all ease-in-out;
    }
}

/* 550px | 619px */
@media only screen and (min-width: 550px) and (max-width: 619px) {

    .logoD a > span {
        color: #fff;
        z-index: 99;
        position: absolute;
        font-size: 25px;
        margin-left: 4rem;
        font-family: Rajdhani;
        margin-top: 16px;
        transition: .2s all ease-in-out;
    }

    .logoD a > img {
        z-index: 99;
        margin-top: 11px;
        position: absolute;
        left: 0px;
        width: 50px;
    }

    .dl-menuwrapper button {
        float: right;
        border: none;
        width: 35px;
        height: 31px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: none;
        background: #1b9edc;
        border: 2px solid #fefefe;
        border-radius: 5px;
        margin-top: 4rem;
        margin-right: -2rem;
        margin-bottom: .85rem;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #fff;
        position: absolute;
        min-height: 70px;
        right: -56px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #1b9edc;
        position: absolute;
        min-height: 130px;
        right: -62px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 0;
        transition: .1s all ease-in-out;
    }
}
/* 605p */
@media only screen and (max-width: 605px) {
    .menuD {
        min-height: 136px;
        transition: .5s all ease-in;
        background: #000;
    }

    .hc-nav-trigger {
        top: 105px;
        right: -8px;
    }

    .logoD a > span {
        color: #fff;
        z-index: 99;
        position: absolute;
        font-size: 26px;
        margin-left: 30px;
        margin-top: 20px;
        transition: .2s all ease-in-out;
    }

    .logoD a > img {
        z-index: 99;
        margin-top: 11px;
        position: absolute;
        left: -10px;
        width: 50px;
    }
}

/* 550px | 767px */
@media only screen and (min-width: 550px) and (max-width: 767px) {
    .donate .radio-wrap {
        margin-top: 34px;
        margin-bottom: 20px;
        width: 100%;
        font-size: 0;
        height: 41px;
        position: relative;
        display: inline-block;
    }

        .donate .radio-wrap label {
            font-size: 14.5px;
        }
}


@media only screen and (min-width: 400px) and (max-width: 550px) {
    #logo {
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #1b9edc;
        position: absolute;
        min-height: 130px;
        right: -90px;
        top: -35px;
        bottom: 0;
        opacity: 1;
        left: -1000%;
        z-index: 0;
        transition: .1s all ease-in-out;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #fff;
        position: absolute;
        min-height: 100px;
        right: -80px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .achieved {
        display: block;
        flex-wrap: wrap;
        width: 100%;
    }

    .achievedC {
        width: 100%;
        margin-bottom: 5rem;
    }

    .logoD a > span {
        width: 280px;
    }
}

/* 320 | 550px */
@media only screen and (min-width: 320px) and (max-width: 550px) {
    .donate .radio-wrap {
        margin-top: 34px;
        margin-bottom: 20px;
        width: 100%;
        height: 41px;
        position: relative;
        display: inline-block;
    }

    .donate label {
        display: inline-block;
        color: #fff;
        font-size: 1.1rem;
    }
}

/* 320px | 400px */
@media only screen and (min-width: 320px) and (max-width: 400px) {
    .logoD a > span {
        color: #fff;
        z-index: 99;
        position: absolute;
        font-size: 22px;
        margin-left: 30px;
        margin-top: 26px;
        transition: .2s all ease-in-out;
    }

    .logoD::before {
        content: '';
        transform: skewX(-33deg);
        -webkit-transform: skewX(-33deg);
        background: #fff;
        position: absolute;
        min-height: 100px;
        right: -84px;
        top: 0;
        bottom: 0;
        left: -1000%;
        z-index: 0;
    }

    .logoD a > span {
        width: 250px;
    }

    .logoD a > img {
        z-index: 99;
        margin-top: 11px;
        position: absolute;
        left: -10px;
        width: 50px;
    }
}