@media only screen and (min-width: 1600px) and (max-width: 2000px) {
    /* #slider .slogan{      top: 350px; } */
    .today {
        padding: 90px 0px 150px 110px;
    }
    .upside {
        padding: 140px 20px 170px 110px;
    }
    .upside h4 {
        font-size: 55px;
    }
    .upside p {
        margin-bottom: 100px;
    }
    .responsive-calendar .day a {
        padding: 20% 0 20% 0 !important;
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1340px) {
    .container {
        width: 1210px;
    }
    .block1 h4 {
        font-size: 20px;
    }
    .today {
        padding: 52px 0px 51px 110px;
    }
    .upside {
        padding: 15px 20px 70px 110px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .container {
        width: 1168px;
    }
    .upside {
        padding: 55px 20px 70px 110px;
    }
    .today {
        padding: 60px 0px 104px 110px;
    }
}

@media only screen and (max-width: 1500px) {
    .mainm nav > ul > li > a {
        padding: 30px 20px;
    }
    /* .mainm nav { float: left; }
	.headUp { float: none; margin-left: 6.5%; } */
}

@media only screen and (max-width: 1230px) {
    .upside {
        padding: 55px 20px 39px 110px;
    }
    .memberscale ul.ulmember {
        width: 65%;
    }

    .mainm nav > ul > li > a {
        padding: 30px 16px;
        font-size: 15px;
    }
    .mainm nav ul ul ul {
        width: 150px;
    }
    .mainm nav ul ul {
        width: 170px;
    }
}
@media only screen and (max-width: 1080px) {
    .today {
        padding: 31px 0px 60px 110px;
    }
    .upside {
        padding: 30px 20px 25px 110px;
    }
    .upside h4 {
        font-size: 38px;
    }
}
@media only screen and (max-width: 1100px) {
    #slider .slogan {
    }
    #slider .slogan h1 {
        font-size: 40px;
    }
    #slider .slogan p {
        font-size: 25px;
        margin-bottom: 20px;
    }
    a.btnf {
        padding: 15px 40px;
    }
    .block1 h4 {
        font-size: 12px;
    }
    .block1 p {
        font-size: 15px;
    }
    .block1 img {
        width: 20%;
    }
    nav li a {
        padding: 30px 12px;
    }

    #welcome h3 {
        font-size: 35px;
    }
    #welcome {
        padding: 45px 0px;
    }
    .today h4 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .cal {
        padding: 40px 70px 100px 70px;
    }
    .cal h5 {
        font-size: 30px;
    }

    .thirty p {
        font-size: 12px;
    }

    .upside {
        padding: 35px 20px 35px 110px;
    }
    .today {
        padding: 65px 0px 57px 110px;
    }
    .upside h4 {
        font-size: 35px;
        margin-bottom: 7px;
    }
    .upside p {
        font-size: 17px;
    }
    .mail h5 {
        font-size: 17px;
    }

    .a1 img {
        width: 50%;
    }
    .a2 h3 {
        font-size: 20px;
    }
    .a2 p {
        font-size: 14px;
    }
    .hist p {
        font-size: 14px !important;
    }
    .histscale {
        padding: 0px 0px 70px 0px;
    }
    #his-part1 {
        padding: 50px 0px;
    }
    #his-part2 {
        padding: 75px 0px 0px;
    }
    .centerh img {
        width: 100%;
    }
    .hist h4 {
        margin-bottom: 15px;
        font-size: 22px;
    }

    #edu-part1,
    #child-part1 {
        padding: 50px 0px;
    }
    .edu h4,
    .child h4,
    .resource h4 {
        margin-bottom: 15px;
        font-size: 22px;
    }
    .edu p,
    .edu ul.ulLecture li,
    .edu ul.ulWorkshop li,
    .child p,
    .ulChildWorkshop li,
    ul.ulSupport li,
    .resource p {
        font-size: 14px !important;
    }
    .edu ul.ulLecture,
    .edu ul.ulWorkshop,
    .ulChildWorkshop,
    ul.ulSupport {
        padding: 2% 7% 0;
    }

    .formBox input[type='text'],
    .formBox textarea,
    .formBox input[type='tel'],
    .formBox input[type='email'],
    select {
        width: 88%;
    }
}

@media only screen and (max-width: 999px) {
    /* #slider  .slogan{    top: 130px;   } */
    #slider .slogan h1 {
        font-size: 25px;
    }
    #slider .slogan p {
        font-size: 16px;
    }
    #menu {
        margin-top: 19px;
        display: inline-block;
    }

    .logo img {
        /* width:70%; */
    }
    .block1 {
        padding: 25px 20px 0px 30px;
    }
    .block1 p {
        font-size: 13px;
    }
    #welcome h3 {
        font-size: 25px;
    }
    #welcome h3:before {
        top: 0px;
    }
    #welcome p {
        font-size: 15px;
    }

    .cal {
        padding: 40px 50px 40px 50px;
    }
    .n1 {
        display: inline-block;
    }
    .mail {
        margin-bottom: 30px;
    }

    #news .col-sm-4 {
        width: 100%;
    }
    .new1 {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    #news-letter .col-sm-3 {
        width: 50%;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 60%;
    }
    .new1 img {
        width: 60%;
    }
    .upside {
        padding: 35px 20px 70px 110px;
    }
    .responsive-calendar .day a {
        padding: 20% 0 20% 0 !important;
    }

    #about .col-sm-6 {
        width: 100%;
    }
    .a2 h3 {
        font-size: 25px;
    }
    .a2 p {
        font-size: 20px;
    }
    a.meanmenu-reveal {
        /* background: url(../images/navigation2.png) no-repeat scroll 99% center transparent; */
        background: url(../images/navigation.png) no-repeat scroll 99% center #df2027;
    }
    //#heading nav.mean-nav ul li{background-color: #DF2027;}
    .a1 {
        margin-bottom: 40px;
    }

    #his-part1 .col-sm-4 {
        width: 100%;
    }
    #his-part1 .col-sm-8 {
        width: 100%;
    }
    .bx-wrapper .bx-controls-direction a {
        z-index: 111;
    }

    #heading .logo {
        position: relative;
        text-align: center;
    }

    .headUp {
        margin: 0;
        float: none;
        display: flex;
        justify-content: center;
    }
    .socialIcons ul li {
        margin: 0 3px;
    }
    .socialIcons,
    .searchBox {
        margin-right: 20px;
    }
    .searchBox input {
        width: 200px;
    }

    .pBox {
        margin: 15px 0;
    }
    .memberscale ul.ulmember {
        width: 100%;
    }
    .memberscale img.alignRight {
        float: none;
        display: block;
        margin: 0 auto;
    }
    .formBox span {
        font-size: 12px;
    }
}
@media only screen and (max-width: 990px) {
    #slider .bx-wrapper .bx-controls-direction a {
        width: 25px;
        height: 25px;
        background-size: cover;
    }
}
@media only screen and (max-width: 767px) {
    #slider .bx-wrapper .bx-controls-direction a {
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    .logo img {
        width: 30%;
    }
    #topheader .col-xs-12 {
        /* width:50%; */
    }
    #topheader .logo {
        text-align: center;
    }
    /* #slider .slogan{     top: 90px;   } */
    #slider .slogan h1 {
        font-size: 19px;
    }
    #slider .slogan p {
        font-size: 17px;
    }
    a.btnf {
        padding: 11px 20px;
        font-size: 15px;
    }
    #slider .bx-wrapper .bx-prev {
        left: 10px;
    }
    #slider .bx-wrapper .bx-next {
        right: 10px;
    }
    #block .col-lg-3 {
        width: 50%;
    }
    #block .col-xs-12 {
        width: 100%;
        padding: 0px;
    }
    .block1 {
        text-align: center;
        padding: 15px 20px 10px 30px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .block1 img {
        width: auto;
    }
    #welcome h3:before {
        height: 30px;
    }
    .today {
        padding: 20px 0px 30px 30px;
    }
    .upside {
        padding: 20px 0px 50px 30px;
    }
    .cal {
        padding: 40px 50px 30px 50px;
    }

    .new1 h3 {
        font-size: 22px;
    }
    .mail h5 {
        font-size: 15px;
    }
    #footer p {
        margin-bottom: 20px;
    }
    #news {
        padding: 10px 0px;
    }
    h1.head {
        margin-bottom: 20px;
    }
    .bx-wrapper .bx-controls-direction a {
        z-index: 111;
    }
    #news-letter h2 {
        margin: 30px;
        font-size: 23px;
    }
    #icon {
        padding: 30px 0px;
    }
    .bin {
    }
    .block1 h4 {
        margin-bottom: 0px;
    }

    #abhead,
    #teambhead,
    #history,
    #dummyBox,
    #educational,
    #child-teen {
        padding: 20px 0px;
    }
    #abhead h1,
    #teambhead h1,
    #history h1,
    #educational h1,
    #child-teen h1 {
        font-size: 29px;
        margin-bottom: 30px;
    }
    #abhead p {
        font-size: 16px;
    }
    .a2 h3 {
        font-size: 20px;
    }
    .a2 p {
        font-size: 14px;
    }

    #teambhead p {
        margin-top: 20px;
    }
    .team {
        margin-bottom: 40px;
    }
    .team p {
        font-size: 14px !important;
    }
    .centerh img {
        width: auto;
    }
    #history p,
    #dummyBox p,
    #educational p {
        margin-bottom: 30px;
    }
    #his-part2 {
        padding: 25px 0px 0px;
    }
    .hist h4 {
        margin-top: 20px;
    }
    #dummyBox p {
        font-size: 14px;
    }
    /* .upbtn a {
        // position: relative; top: -1px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        margin-top: 15px;
    } */
    .bod.bodLeft::after {
        width: 0;
        height: 0;
    }
    .bod.rightBod {
        margin: 0;
        padding: 0;
    }
    .bodTeam .no-left {
        padding-left: 15px;
    }
    .bod h4 {
        font-size: 20px;
    }
    ul.bodList li i,
    ul.bodList li h5 {
        font-size: 16px;
    }
    ul.bodList li h6 {
        font-size: 14px;
    }

    #heading .logo {
        position: relative;
        text-align: center;
    }
    .headUp {
        margin: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }
    #topheader {
        position: relative;
        background-color: #ececec;
    }
    .topmenu {
        margin-top: 5%;
    }

    a.meanmenu-reveal {
        background: url(../images/navigation.png) no-repeat scroll 99% center #df2027;
    }
    .newsBox .newsBoxText {
        display: block;
        padding-top: 25px;
        padding-left: 0;
    }
    .newsBox img {
        display: block;
        float: none;
    }

    .member {
        margin-bottom: 10px;
    }
    .member p,
    .offset p {
        font-size: 14px !important;
    }
    #edu-part2,
    #child-part4 {
        padding: 25px 0px 0px;
    }
    #child-part2,
    #child-part3 {
        padding: 25px 0;
    }
    .offsetText h4 {
        font-size: 20px;
    }
    #teambhead h1.padding {
        padding-top: 0;
        margin-bottom: 15px;
    }

    .formBox input[type='text'],
    .formBox textarea,
    select,
    input[type='tel'],
    input[type='email'] {
        width: 100% !important;
    }
    .edu.socialActv ul li b {
        width: auto;
        display: inline-block;
        margin-right: 6px;
    }
    #teambhead .indBlock p {
        font-size: 14px;
    }
    #teambhead .indBlock p span {
        font-size: 15px;
    }
    .workshopImg img {
        width: 100%;
        margin-top: 15px;
    }
}
@media only screen and (max-width: 600px) {
    .form_box input {
        width: 265px;
    }

    .proBox {
        display: block;
    }
    .proBox .a2 {
        margin: 15px 0;
        padding: 0 15px;
    }
    .proBox img {
        width: 100%;
    }
    ul.staffList.promoLists li img {
        float: none;
        margin: 0 auto;
        display: block;
    }
    ul.staffList.promoLists li .staffText a {
        word-break: break-all;
    }
    ul.staffList.promoLists li .staffText {
        display: block;
        text-align: center;
        padding-left: 0;
    }
    .familyWalk img,
    .brasCause img,
    .support img {
        float: none;
        margin: 0;
    }
}
@media only screen and (max-width: 480px) {
    /* #slider .slogan{  top: 70px;  } */
    #block .col-lg-3 {
        width: 100%;
    }
    #topheader .col-xs-12 {
    }
    a.meanmenu-reveal {
        height: 35px;
    }
    #slider .slogan p {
        font-size: 13px;
    }
    a.btnf {
        padding: 9px 20px;
        font-size: 12px;
    }
    .time h5,
    .title h5 {
        font-size: 18px;
    }
    .responsive-calendar .day a {
        width: 30px;
        height: 30px;
        padding: 20% 0 20% 0 !important;
    }
    #news .col-sm-4 {
        width: 100%;
    }
    .new1 {
        width: 100%;
        text-align: left;
    }
    .new1 img {
        width: 100%;
    }
    #news-letter h2 {
        font-size: 24px;
        margin: 30px 0px;
    }
    .form_box input {
        width: 255px;
    }
    a.btnf.second {
        padding: 12px 30px;
    }
    #news-letter .col-sm-3 {
        width: 100%;
    }
    #icon {
        padding: 30px 0px;
    }
    #footer p {
        margin-bottom: 10px;
    }
    .upbtn a {
        padding: 7px 22px;
        font-size: 15px;
    }
    .searchBox input {
        width: 350px;
    }
    .searchBox,
    .socialIcons {
        margin-right: 0;
    }
    .upbtn {
        padding-right: 0;
    }

    ul.staffList li img,
    ul.stories li img {
        float: none;
        margin: 0 auto;
        display: block;
    }
    ul.staffList li .staffText {
        display: block;
        text-align: center;
        padding-left: 0;
    }
    ul.staffList li,
    ul.stories li {
        margin-bottom: 8%;
    }
    ul.staffList li .staffText a {
        margin-top: 0;
    }
    .storyText {
        padding-top: 25px;
        display: inline-block;
        width: 100%;
    }
    #teambhead p,
    .corporateBox ul.cLists {
        font-size: 16px;
    }
    .offsetText h4 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 450px) {
    #slider .slogan {
    }
    #block .col-lg-3 {
        width: 100%;
    }
}
@media only screen and (max-width: 415px) {
}

@media only screen and (max-width: 415px) {
    #header {
        position: relative;
    }
    #slider {
        z-index: 11;
    }
    #slider .bx-wrapper .bx-controls-direction a {
        width: 15px;
        height: 15px;
        background-size: cover;
        top: 60%;
    }
    #slider .bx-wrapper .bx-prev {
        left: 10px;
    }
    #slider .bx-wrapper .bx-next {
        right: 10px;
    }
    #slider .slogan h1 {
        font-size: 12px;
    }
    .logo img {
        width: 100%;
    }
    .logo {
        text-align: center;
        padding: 0px;
    }

    /* #slider .slogan {     top: 40px;} */
    #slider .slogan p {
        font-size: 10px;
        margin-bottom: 10px;
    }
    .logo img {
        width: 40%;
    }
    #topheader .col-xs-12 {
        width: 100%;
        padding: 0px;
    }
    a.meanmenu-reveal {
        background: url(../images/navigation.png) no-repeat scroll 99% center #df2027;
    }
    .mean-bar {
    }
    a.meanmenu-reveal {
        height: 45px;
    }
    .upbtn a {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    #heading .upbtn a {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    #menu {
        margin-top: 0px;
    }
    #welcome h3 {
        font-size: 15px;
    }
    #welcome p {
        font-size: 12px;
    }
    #welcome h3:before {
        height: 17px;
    }
    #welcome {
        padding: 35px 0px;
    }
    .today h4 {
        font-size: 24px;
    }
    .today {
        padding: 25px 0px 20px 15px;
    }
    .time h5,
    .title h5 {
        font-size: 13px;
    }
    a.btnf {
        padding: 8px 20px;
        font-size: 10px;
    }
    .title p {
        font-size: 12px;
    }
    .upside h4 {
        font-size: 25px;
    }
    .upside p {
        margin-bottom: 25px;
        font-size: 13px;
    }
    a.btnf.second {
        padding: 9px 18px;
    }
    .upside {
        padding: 15px 0px 40px 30px;
    }
    .cal {
        padding: 40px 15px 30px 15px;
    }
    .thirty {
        width: 100%;
        margin-bottom: 20px;
    }
    .responsive-calendar {
        width: 100%;
    }
    .thirty h1 {
        font-size: 60px;
    }
    .cal h5 {
        margin-bottom: 30px;
    }
    .cal h4 a {
        font-size: 19px;
    }
    #news {
        padding: 5px 0px;
    }
    .new1 {
        margin-bottom: 10px;
    }
    h1.head {
        margin-bottom: 30px;
    }
    .new1 h3 {
        font-size: 17px;
    }
    .new1 p {
        font-size: 13px;
        margin-top: 0px;
    }
    #news-letter h2 {
        font-size: 19px;
    }
    .form_box input {
        width: 175px;
        padding: 0px 20px;
    }
    a.btnf.second {
        font-size: 12px;
        padding: 15px 20px;
    }
    .mail h5,
    #teambhead .ulChild p,
    .dChilds ul li a,
    .dChilds ul li {
        font-size: 14px;
    }
    #footer p {
        font-size: 12px;
    }

    #heading .topmenu {
        margin-top: 5%;
    }
    #abhead p {
        font-size: 13px;
        margin-top: 20px;
    }
    .a2 h3 {
        font-size: 14px;
    }
    .a2 p {
        font-size: 9px;
    }
    .a1 {
        margin-bottom: 20px;
    }
    #heading nav li a:hover {
        color: #828181;
    }
    #teambhead h1 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .team h4,
    .brasCause h4 {
        font-size: 20px;
        margin: 10px 0px;
    }
    .team a {
        font-size: 15px;
    }
    #heading .col-xs-12 {
        padding: 0px;
    }
    #history h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .hist h4 {
        font-size: 20px;
    }
    #history p {
        margin-bottom: 20px;
    }
    .hist p {
        font-size: 13px !important;
    }
    .responsive-calendar .day a {
        padding: 10% 0 20% 0 !important;
    }
    .searchBox input {
        width: 270px;
    }

    .member {
        margin-bottom: 0;
    }
    .memberText {
        padding-top: 10px;
        display: inline-block;
        width: 100%;
        background-color: white;
    }

    #educational h1,
    #child-teen h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    #educational p,
    #child-teen p {
        margin-bottom: 20px;
    }
    .edu p,
    .child p,
    .resource p {
        font-size: 13px !important;
    }
    .edu h4 {
        font-size: 20px;
    }
    .child h4,
    .resource h4 {
        font-size: 18px;
    }
    .ulChild h5 {
        font-size: 17px;
    }
    .edu ul.ulLecture li,
    .edu ul.ulWorkshop li,
    .ulChildWorkshop li,
    ul.ulSupport li {
        font-size: 13px !important;
    }
    .edu ul.ulLecture,
    .edu ul.ulWorkshop,
    .ulChildWorkshop,
    ul.ulSupport {
        padding: 2% 10% 0;
    }

    .dBtns {
        line-height: 34px;
        height: 34px;
        padding: 0 15px;
        font-size: 10px;
    }
    .member p,
    .offset p,
    .support p {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 360px) {
    #teambhead .nightBox img,
    .familyWalk img,
    .brasCause img,
    .memberscale img.alignRight,
    .support img {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    /* #slider .slogan {top: 14px;left: 12%;    width: 250px;} */

    #slider .slogan h1 {
        font-size: 12px;
    }
}