@media screen and (min-width: 1024px) {
    .feature-image {
        max-height: 250px;
        min-height: 53px;
        overflow: hidden;
        /*margin-top: 48px;*/
    }
    #menu {
        display: block !important;
        -webkit-transform: translate(0, -40%);
        -ms-transform: translate(0, -40%);
        transform: translate(0, -40%);
    }
    #header .container {
        position: relative;
    }
    .site-header > .container {
        padding: 0 50px;
        box-sizing: border-box;
    }
    .white-bg {
        position: absolute;
        background: white;
        top: 66px;
        width: 10000px;
        left: -3000px;
        height: 49px;
        display: none;
        border-bottom: 1px solid #00A9A9;
    }
    .site-header.mini .white-bg {
        top: 59px;
    }
    /*Nav bar*/
    .home .crosses-icon {
        display: block;
    }
    #menu .current_page_parent > .sub-menu {
        display: block;
    }
    .nav-bar-right-block {
        margin-top: 20px;
        float: left;
        width: calc(100% - 374px);
        font-family: "Okojo";
        font-weight: bold;
        font-size: 17px;
        color: #848484;
    }
    #menu a {
        font-family: 'Okojo';
        font-size: 17px;
        letter-spacing: 0;
        color: #939291;
        display: block;
        font-weight: normal;
        height: auto;
    }
    #menu li {
        padding-right: 0;
        margin-right: 15px;
    }
    #menu li:last-child {
        margin-right: 0;
    }
    .site-header {
        padding-bottom: 4px !important;
    }
    #header.mini,
    body.mini-header #header {
        padding: 30px 0;
        padding-top: 13px;
    }
    .site-header.mini .nav-bar-right-block {
        margin-top: 5px;
    }
    .site-header.mini .menu {
        margin-top: 10px;
    }
    .site-header.mini .nav-bar-right-block {
        /*width: calc(100% - 258px);*/
        width: 100%;
    }
    .site-header.mini #menu li {
        padding-right: 0;
        /*margin-right: 26px;*/
        margin-right: 60px;
    }
    .site-header.mini #menu li:last-child {
        margin-right: 0px;
    }
    #menu .menu > li {
        position: static;
    }
    #menu .menu > li > ul.sub-menu {
        /*display: block;*/
        width: auto;
        left: auto;
        border: none;
        background: none;
        padding-top: 36px;
        padding-bottom: 0;
    }
    header.site-header .menu > li > .sub-menu li:first-child a {
        padding-left: 1px !important;
    }
    #menu ul .sub-menu li {
        display: inline-block;
        width: auto;
    }
    ul.sub-menu {
        text-align: right;
    }
    #menu ul ul li a {
        /*padding: 8px 10px;*/
    }
    #menu li .sub-menu li {
        margin-right: 5px;
    }
    #menu .menu > li > ul > li.menu-item a {
        padding: 8px 10px;
        color: #939291;
        font-size: 17px;
        font-family: 'Okojo';
    }
    #menu .sub-menu {
        top: 16px;
    }
    #menu .sub-menu .sub-menu {
        top: 25px;
        left: 0;
        border: none;
    }
    #menu .sub-menu .sub-menu li a {
        text-align: left;
    }
    #menu .sub-menu .sub-menu li a .plus-icon {
        background-position: -487px -29px;
        width: 14px;
        height: 14px;
        display: inline-block;
        float: left;
    }
    #header {
        box-shadow: none;
    }
    #menu .sub-menu .sub-menu li a:hover .plus-icon {
        background-position: -450px -30px;
        width: 14px;
        height: 14px;
    }
    #menu .sub-menu .sub-menu li a p {
        display: inline-block;
        float: left;
        width: calc(100% - 25px);
        margin-left: 8px;
        margin-top: -3px;
    }
    #menu .menu > li > ul.sub-menu {
        background: url(../images/menu/sub-menu-bg.png);
    }
    .site-header.mini #menu .menu > li > ul.sub-menu {
        /*display: block;*/
        width: auto;
        left: auto;
        border: none;
        /*background: none;*/
        padding-top: 36px;
    }
    /*End Nav bar*/
    .ft-show-desk {
        display: block;
    }
    .entry-share-mobile {
        display: none;
    }
    /*====slide==*/
    .cross-mobile {
        display: none;
    }
    .menu-mobile,
    .menu-mobile-hidden {
        display: none !important;
    }
    #menu .sub-menu .sub-menu {
        padding: 17px 0 0;
        background: none;
    }
    #menu .sub-menu .sub-menu li {
        background: #fff;
        padding-bottom: 5px;
        width: 100%;
        margin-bottom: -3px;
    }
    /*========footer=====*/
    .homepage #footer .container,
    .smart-giving-program #footer .container {
        padding: 20px 100px 0px;
    }
    .smart-giving-program #footer .container {
        padding: 20px 70px 0px;
    }
    .homepage #footer .footer-widget,
    .smart-giving-program #footer .footer-widget {
        width: 605px;
    }
    .homepage #footer .menu-footer-menu-container ul li,
    .smart-giving-program #footer .menu-footer-menu-container ul li {
        padding: 0 16px;
    }
    /*=====smart-page=====*/
    .smart-giving-program #content .container {
        padding: 0 50px;
    }
    .smart-giving-program #footer .footer-widget {
        width: 640px;
    }
    /* update new changes 27/01 */
    .site-header .container > a {
        position: absolute;
        top: 0;
        float: none;
    }
    .site-header.mini .logo {
        height: 38px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1160px) {
    .site-header > .container {
        padding: 0 20px;
    }
    .container {
        width: 1000px;
        margin: 0 auto;
    }
    /*.site-header.mini #menu li {
        margin-right: 13px;
    }*/
    #content .container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    /*======footer======*/
    #footer .container {
        width: 100%;
        text-align: center;
        margin: 0px auto;
        padding: 5px 85px 0;
    }
    .first-widget {
        float: none;
        width: 100%;
    }
    #footer .footer-widget {
        float: none;
        width: 100%;
    }
    #footer .footer-phone {
        float: none;
        display: block;
        margin: 0px auto;
        padding-top: 10px;
    }
    .footer-widget ul.menu {
        text-align: center;
    }
    #footer .menu-footer-menu-container ul li {
        display: inline-block;
        float: none;
    }
    .ft-show-desk {
        display: block;
    }
    .entry-share-mobile {
        display: none;
    }
    #menu li:hover > ul {
        visibility: hidden;
        z-index: 10001;
    }
}

@media screen and (max-width: 1023px) {
    /**
     * Structure
     */
    .site-header.mini .logo {
        /*background-position: 0 0;*/
        background-position: bottom;
        width: 177px;
        height: 48px;
        /*background-size: 234px 101px;*/
    }
    #homepage-slider {
        background: #6c6c6c;
    }
    .asp-tw span {
        font-size: 15px;
    }
    .sharing-field {
        overflow: hidden;
    }
    #page {
        width: 100%;
    }
    .container {
        width: 90%;
    }
    .contact-page {
        clear: both;
    }
    .sharing-field {
        clear: both;
    }
    .breadcrumbs {
        margin-top: 3px;
        /*margin-bottom: 2px;*/
    }
    .menu > li > .sub-menu {
        display: none;
    }
    .menu > li:hover > .sub-menu {
        /*display: block;*/
    }
    body {
        padding-top: 85px !important;
    }
    .block-img-home {
        height: 190px;
    }
    #homepage-slider {
        height: 395px;
    }
    .share-entry-btn {
        width: 55px;
        height: 40px;
        background: #fff url(../images/@3x/share-social-btn.png) no-repeat 13px 5px;
        float: right;
        background-size: 20px 20px;
        margin-bottom: -7px;
        margin-top: -2px;
        background-position: 15px 7px;
        /*margin-right: -35px;*/
        position: absolute;
        right: 0;
        margin-right: 10px;
    }
    .entry-share-text {
        display: none;
    }
    .entry-share i {
        margin-right: 12px;
    }
    .menu-list .social-mail p {
        font-size: 14px;
        margin-left: 5px;
    }
    .color-bar {
        -webkit-background-size: 100%;
        background-size: 100%;
        height: 5px;
        margin-top: 15px;
    }
    .entry-share {
        padding: 5px 0;
        padding-bottom: 2px;
    }
    .site-header .logo {
        width: 175px;
        height: 50px;
        background-size: 234px 101px;
    }
    .nav-bar-right-block {
        display: none;
    }
    .menu-mobile {
        text-align: right;
        height: 50px;
    }
    .menu-btn-mob {
        width: 33px;
        height: 33px;
        background: url(../images/@3x/humburger-btn.png);
        cursor: pointer;
        -webkit-background-size: cover;
        background-size: cover;
        display: inline-block;
        margin-top: 17px;
        /*float: left;*/
    }
    /*.site-header{
        overflow: hidden;
    }*/
    #page {
        overflow: hidden;
    }
    .menu-mobile-hidden {
        background-color: rgba(0, 0, 0, 0.58);
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        display: none;
        transition: all 0.6s ease-out;
        -webkit-transition: all 0.6s ease-out;
        -webkit-transform: translate3d(120%, 0, 0);
        z-index: 999;
    }
    .menu-mobile-hidden.active {
        -webkit-transform: translate3d(0, 0, 0);
    }
    #wpadminbar {
        display: none;
    }
    .menu-list {
        width: calc(100% - 55px);
        float: right;
        background: white;
        padding: 10px;
        box-sizing: border-box;
    }
    .menu-list a {
        text-decoration: none;
        display: block;
    }
    .menu > li a {
        width: calc(100% - 50px);
        font-size: 17px;
    }
    .menu > li .sub-menu a {
        font-size: 14px;
        padding: 3px 0px;
    }
    .search-block .gl-input {
        width: calc(100% - 40px);
        float: left;
        border-radius: 5px;
        border-top: 1px solid #bdbdbd;
        border-left: 1px solid #bdbdbd;
        height: 33px;
        background-color: white;
    }
    .menu .arrow-action {
        width: 40px;
        height: 40px;
        background: red;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/menu-item-arrow.png) no-repeat;
        background-position: calc(100% - 15px) 13px;
        transition: all 1s linear;
    }
    .menu > li.expend:after {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
    .search-icon-hidden {
        height: 33px;
        width: 33px;
        background: url(../images/search-icon-hidden.png);
        cursor: pointer;
        display: block;
        float: right;
    }
    .search-block {
        background: #ebeaea;
        padding: 18px 14px 11px 14px;
        margin: -10px;
        margin-bottom: 0;
    }
    .menu-list .social-btn {
        margin-left: 0;
        margin-right: 12px;
    }
    .menu-list .social-mail {
        margin-right: 0;
    }
    .menu-list .social-button {
        width: 100%;
    }
    .menu-list .follow-us {
        float: none;
        font-size: 12px;
        font-weight: bold;
        color: #909497;
    }
    .menu-list-page {
        padding: 12px;
        padding-right: 0;
        padding-top: 0;
        margin-top: -15px;
    }
    .sub-second-menu li > a > span {
        font-size: 14px;
    }
    .sub-second-menu li {
        margin-top: -5px;
        margin-bottom: 5px;
    }
    .menu-list-page li.menu-item {
        padding: 3px 0;
        border-bottom: 1px solid #ebeaea;
        /*background: url(../images/menu-item-arrow.png) no-repeat;*/
        cursor: pointer;
        background-position: calc(100% - 10px) 10px;
    }
    .menu-item .sub-menu {
        padding-left: 10px;
    }
    #menu-main-navigation > li {
        line-height: 25px;
        position: relative;
        border-bottom: 1px solid #ebeaea;
        padding: 7px 0;
        list-style-type: none;
    }
    .menu-item .sub-menu > li > a > span {
        font-size: 14px;
    }
    .sub-second-menu {
        padding-left: 10px;
    }
    .menu-copy-right {
        font-size: 16px;
        font-family: "Okojo", "Helvetica Neue", Helvetica, sans-serif;
        color: #525252;
        height: 45px;
        line-height: 45px;
        background: #ebeaea;
        margin: -10px;
        padding-left: 22px;
        margin-top: 0;
    }
    .menu-list-page li.menu-item:last-child {
        border: none;
    }
    .menu-list-page .menu-item span {
        color: #939291;
    }
    .menu-mobile-hidden .menu-btn-mob {
        width: 33px;
        margin-left: 11px;
        background: url(../images/humburger-btn.png) no-repeat center;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .search-icon-mob {
        width: 33px;
        height: 33px;
        background: url(../images/@3x/search-icon-mob.png);
        -webkit-background-size: cover;
        background-size: cover;
        cursor: pointer;
        display: inline-block;
        margin-top: 17px;
    }
    body.fixed-header.admin-bar #header {
        top: 0;
        padding-bottom: 3px;
        padding-top: 0;
    }
    #content .col-left {
        margin-bottom: 20px;
    }
    #content .container {
        padding: 0;
    }
    .donate-form {
        padding: 15px;
        background: #f6f6f6;
    }
    input[type="submit"],
    button {
        -webkit-appearance: none;
    }
    .crosses-icon {
        display: none;
    }
    /**
     * Menu
     */
    .my-pagination {
        right: 5%;
        bottom: 100px;
    }
    .radio-box {
        clear: both;
        margin-bottom: 8px;
    }
    .radio-block p {
        margin-right: 0;
    }
    body.fixed-header #header {
        padding: 0px 0 5px;
        position: absolute;
        top: 0;
    }
    .menu-toggle {
        font-size: 34px;
        display: block;
        float: right;
        position: relative;
        z-index: 10;
        margin-top: -11px;
    }
    .menu-toggle i {
        color: #565656;
    }
    body.admin-bar #header {
        top: 0;
    }
    body.admin-bar {
        padding-top: 0;
    }
    .site-title {
        text-align: left;
        position: relative;
    }
    #menu {
        display: none;
        padding: 40px;
        position: absolute;
        top: 80px;
        background: #fff;
        width: 100%;
        left: 0;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    #menu ul {
        float: none;
        padding: 0;
        margin: 0;
        position: relative;
        top: auto;
    }
    #menu .sub-menu {
        margin-left: 20px;
        display: block !important;
        position: relative;
        top: auto;
        width: auto;
        background: none;
        border: 0;
        padding: 0;
    }
    #menu .right .sub-menu,
    #menu .sub-menu .sub-menu,
    #menu .right .sub-menu .sub-menu {
        left: 0;
        right: auto;
    }
    #menu ul .sub-menu li {
        margin: 0;
        padding: 0;
    }
    #menu li {
        float: none;
        height: auto;
        padding: 0;
    }
    #menu .right {
        float: none;
    }
    #menu .right li {
        padding: 0;
    }
    #menu li a {
        padding: 6px;
        display: block;
    }
    #menu ul ul li a {
        padding: 8px 0;
    }
    #menu li:hover > ul {
        visibility: visible;
        z-index: 10001;
    }
    /**
    * Hero Grid
    */
    #home-page-featured {
        height: auto;
    }
    #home-page-featured ul {
        height: 120px;
        overflow: hidden;
    }
    #home-page-featured img {
        width: 120px;
        height: 120px;
    }
    #home-page-featured h1,
    #title-image h1 {
        font-size: 22px;
        line-height: 50px;
        top: 26%;
    }
    /**
     * Projects
     */
    #projects section {
        margin-right: 0;
    }
    #projects .item {
        margin-right: 3%;
        width: 30%;
    }
    #projects .item:nth-child(4n) {
        margin-right: 3%;
    }
    #projects .item:nth-child(3n) {
        margin-right: 0;
    }
    /**
     * Campaign
     */
    .project-details .image,
    #main-content {
        width: 65%;
    }
    .project-details .right-side,
    #sidebar {
        width: 26%;
    }
    .project-details .image img {
        max-width: 100%;
        min-width: 100%;
        height: auto;
    }
    /**
     * Footer
     */
    #footer .footer-widget,
    #footer .last-widget {
        margin-right: 5%;
        width: 20%;
        float: left;
    }
    #footer .last-widget {
        margin-right: 0;
    }
    /*.nav-bar-right-block {
        margin-top: 20px;
        float: left;
        width: calc(100% - 374px);
        font-family: Arial;
        font-weight: bold;
        font-size: 15px;
        color: #848484;
    }*/
    .social-share {
        float: left;
        margin-top: 20px;
        clear: both;
    }
    #menu-main-navigation > li > ul {
        margin-bottom: 20px;
    }
    #menu-main-navigation > li > ul >li {
        list-style-type: none;
    }
    #menu a {
        height: 20px;
    }
    /*=======slide========*/
    .swiper-container,
    .swiper-slide {
        width: 100%;
    }
    .swiper-slide img {
        width: 100%;
        height: auto;
    }
    .des-bottom-bg .title {
        font-size: 42px;
        line-height: 40px;
    }
    .des-bottom-bg .title {
        margin-top: 18px;
    }
    .des-bottom-bg {
        min-height: 140px;
    }
    .des-bottom-bg .description {
        font-size: 18px;
        line-height: 20px;
    }
    .des-bottom-bg .learn-more-button {
        margin-right: 0;
    }
    .cross-mobile {
        display: none;
    }
    .sharing-field .container {
        padding: 0;
        padding-right: 35px;
    }
    /*========content=========*/
    .home #main-content {
        width: 100%;
    }
    .block-welcome-to-australian-schools-plus .content {
        padding-right: 65px;
        line-height: 28px;
    }
    .des-bottom-bg .description {
        float: left;
        display: block;
        max-width: 600px;
        width: calc(100% - 145px);
    }
    .middle-content {
        padding: 30px 0px;
    }
    /* .des-bottom-bg{
        padding-left: 50px;
    }*/
    .middle-content .content {
        padding: 19px 20px 50px 20px;
    }
    /*======footer======*/
    #footer .container {
        width: 100%;
        text-align: center;
        margin: 0px auto;
        padding: 5px 85px 0;
    }
    .first-widget {
        float: none;
        width: 100%;
    }
    #footer .footer-widget {
        float: none;
        width: 100%;
    }
    #footer .footer-phone {
        float: none;
        display: block;
        margin: 0px auto;
        padding-top: 10px;
    }
    .footer-widget ul.menu {
        text-align: center;
    }
    #footer .menu-footer-menu-container ul li {
        display: inline-block;
        float: none;
    }
    .ft-show-desk {
        display: block;
    }
    .entry-share-mobile {
        display: none;
    }
    /*=======project profile==========*/
    .post-details ul li.progress .project-detail .project-right-content p {
        font-size: 18px;
    }
    /*==========smart-page============*/
    .smart-giving-showcase .news-row .news-col {
        width: 50%;
    }
    /*=====content=====*/
    /*.our-projects #content{
        padding: 80px 0 50px;
    }*/
    /* .our-stories #content , .faqs #content, .annual-report #content, .capacity-building #content, .expression-of-interest #content, .what-we-do #content{
        padding: 80px 0 50px;
    }*/
    /*=======smart page========*/
    .smart-giving-program .contact-footer {
        width: 100%;
    }
    .sharing-field {
        padding: 0;
    }
    .social-share .donate-button {
        line-height: 38px;
        height: 36px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 12px;
    }
    .social-share .donate-button:hover {
        background-color: #fff;
    }
    .social-share .donate-button:hover::before {
        background: url(../images/menu/icon-expand-head-w2-hover.png) no-repeat 0 0 !important;
    }
    .site-header .donate-box {
        display: block;
        padding: 15px 0;
        margin-bottom: 0;
        background: #d03173;
        text-align: center;
        border: 1px solid #d03173;
    }
    .site-header .donate-box a {
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "Okojo-bold";
        font-size: 16px;
        position: relative;
        padding-left: 23px;
        color: #ffffff;
        font-size: 25px;
    }
    .site-header .donate-box a:before {
        width: 27px;
        height: 27px;
        content: "";
        background: url(../images/menu/icon-expand-head-w2.png) no-repeat;
        display: inline-block;
        background-size: cover;
        position: absolute;
        left: -13px;
        top: -4px;
    }
    .site-header .donate-box a span {
        display: none;
    }
}

@media screen and (max-width: 1020px) {
    .tool-bar span {
        display: block;
        width: 100%;
    }
    .tool-bar .sorter {
        float: left;
        display: block;
        margin-top: 20px;
    }
    .form-login .remember-login.legan-checkbox {
        margin: 0;
        display: block;
        margin-bottom: 20px;
    }
    .form-login .row-field {
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .smart-giving-showcase .wrap-news .img-thumbnail {
        font-size: 16px;
    }
    .post-details ul li.progress .project-detail .project-right-content p {
        font-size: 17px;
    }
}

@media screen and (max-width: 880px) {
    /**
    * Hero Grid
    */
    /*.des-bottom-bg{
        position: relative;
    }*/
    .login-box .form-login {
        padding: 10px 15px;
        padding-bottom: 30px;
    }
    #content #project-description,
    #content .wrap-grey,
    #content #updates,
    .general-content .block-welcome-to-australian-schools-plus {
        display: none;
    }
    #project-description-mobile,
    #updates-mobile {
        width: 100%;
        float: left;
        box-sizing: border-box;
        clear: both;
        display: none;
        margin-top: 40px;
    }
    #project-description-mobile.active,
    #updates-mobile.active {
        display: block;
    }
    #project-description-mobile ul li,
    #updates-mobile ol li {
        font-size: 17px;
    }
    #project-description-mobile p,
    #updates-mobile p {
        font-size: 17px;
        line-height: 1.6;
        font-family: 'Okojo';
        color: #525252;
        margin-bottom: 30px;
    }
    .wrap-grey-mobile {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
    }
    .wrap-grey-mobile h3 {
        padding: 20px 30px;
        font-size: 22px;
        font-family: "Okojo-bold";
    }
    .wrap-grey-mobile .grey-content {
        /*border: 1px solid #f5f5f5;*/
        position: relative;
        text-align: center;
    }
    .wrap-grey-mobile img {
        margin: 0 auto;
        display: block;
        /*float: left;*/
    }
    .wrap-grey-mobile .img-school {
        overflow: hidden;
        display: inline-block;
        /*float: left;*/
        /*max-width: 119px;*/
        /*max-height: 119px;*/
        padding: 5px;
        box-sizing: border-box;
        /*position: absolute;*/
        top: 50%;
        left: 0;
        /*-webkit-transform: translateY(-50%);*/
        /*-moz-transform: translateY(-50%);*/
        /*-ms-transform: translateY(-50%);*/
        /*-o-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/
        height: 100%;
        width: 100%;
    }
    .wrap-grey-mobile .info-school {
        background: #f5f5f5;
        padding: 20px;
        /*float: left;*/
        /*width: calc(100% - 159px);*/
        /*margin-left: 119px;*/
    }
    .wrap-grey-mobile .info-school p {
        word-break: break-all;
        margin-bottom: 5px;
    }
    .wrap-grey-mobile .info-school p a {
        color: #00a9a9;
    }
    .donate-project .donate-to {
        margin-top: 20px;
    }
    #respond p.mandatory-guide {
        margin-top: 27px;
    }
    .img-box {
        height: 320px;
    }
    .donate-project .description {
        margin-bottom: 0;
    }
    .block-img-home {
        height: 170px;
    }
    #homepage-slider {
        height: 320px;
    }
    .block-welcome-to-australian-schools-plus .content {
        padding-right: 0;
    }
    #content .col-left,
    #content .col-right {
        padding: 0;
    }
    .contact-us-form-block {
        padding: 10px 15px;
        padding-bottom: 30px;
    }
    .radio-box {
        clear: none;
    }
    .radio-block p {
        margin-right: 10px;
    }
    .social-share .donate-button {
        margin-bottom: 20px;
    }
    #content .container {
        padding: 0;
    }
    #home-page-featured {
        height: auto;
    }
    #home-page-featured ul {
        height: 100px;
        overflow: hidden;
    }
    #home-page-featured img {
        width: 100px;
        height: 100px;
    }
    #home-page-featured h1,
    #title-image h1 {
        font-size: 22px;
        line-height: 50px;
        top: 20%;
    }
    .home-page-featured-single,
    #title-image {
        min-height: 0;
        height: 300px;
    }
    /**
     * Projects
     */
    #projects .item {
        margin-right: 5%;
        width: 45%;
    }
    #projects .item:nth-child(4n),
    #projects .item:nth-child(3n) {
        margin-right: 5%;
    }
    #projects .item:nth-child(2n) {
        margin-right: 0;
    }
    /** 
     * Sorting
     */
    .home .sort-tabs {
        display: none;
    }
    #content .search-box {
        float: none;
        margin-bottom: 36px;
        width: 100%;
    }
    /**
     * Campaign
     */
    .project-details .image,
    #main-content {
        width: 100%;
        float: none;
    }
    #main-content {
        margin: 0;
    }
    .project-details .right-side,
    #sidebar {
        width: 100%;
        height: auto;
        float: none;
        clear: both;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .project-details .fund {
        clear: both;
        margin: 30px 30px 0;
        position: relative;
        bottom: auto;
    }
    /**
     * Modals
     */
    .campaign-widget-preview-widget,
    .campaign-widget-preview-use {
        width: 100%;
        float: none;
    }
    .modal-login,
    .modal-register {
        margin: 10%;
    }
    /*====slide block=====*/
    /*=======footer=======*/
    #footer .menu-footer-menu-container ul li {
        padding: 0 10px;
    }
    .ft-show-desk {
        display: block;
    }
    .entry-share-mobile {
        display: none;
    }
    /*========end-footer=======*/
    /*===========slide=============*/
    .des-bottom-bg {
        padding-left: 0;
    }
    {
        font-size: 16px;
        width: 400px;
    }
    .des-bottom-bg .learn-more-button {
        margin-right: 0;
    }
    /*====slide==*/
    .cross-mobile {
        display: none;
    }
    /*=========for-school-page==========*/
    #content .col-left {
        width: 100%;
    }
    #content .col-right {
        width: 100%;
    }
    /*=======Smart-page==============*/
    .news-row .news-col {
        width: 50%;
    }
    .tool-bar span {
        font-size: 20px;
    }
    .smart-giving-showcase .wrap-news .img-thumbnail {
        font-size: 16px;
        line-height: 24px;
    }
    /*=======project profile=======*/
    .post-details ul li.progress .project-detail .school-and-button {
        padding-bottom: 30px;
    }
    .post-details ul li.progress .project-detail .school-and-button p {
        padding-top: 10px;
    }
    .project-details .contribute-now {
        padding: 30px 0 18px;
    }
    /*=======our projects page=========*/
    .our-projects #content .col-left {
        width: 100%;
    }
    .tool-bar span {
        width: auto;
    }
    .tool-bar .sorter {
        float: right;
        margin-top: 0;
    }
    .right-bar .right-bar-donate h2 {
        padding: 5px 15px;
    }
    .social-share .donate-button {
        line-height: 38px;
        height: 36px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 12px;
    }
    .social-share .donate-button:hover {
        background-color: #fff;
    }
    .social-share .donate-button:hover::before {
        background: url(../images/menu/icon-expand-head-w2-hover.png) no-repeat 0 0 !important;
    }
}

.donate-form-submit-btn {
    /*height: 55px;*/
    width: 180px;
}

.btn-donation-clear {
    margin-right: 10px;
    width: 180px;
}

.ssl-image {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    body {
        overflow: auto;
    }
    .register-box .regis-wrapper .step-register h2 {
        font-size: 27px;
        display: inline;
    }
    .color-bar {
        margin-top: 20px;
    }
    .memberdeck form .form-row label {
        padding-left: 0
    }
    .memberdeck form .form-row.half {
        width: 100%;
    }
    .memberdeck form .form-row.half.left {
        padding-right: 0;
    }
    .memberdeck form p {
        margin: 0
    }
    .ignitiondeck form {
        padding: 0 10px;
    }
    .memberdeck .dashboardmenu li:last-child {
        float: none !important;
    }
    .fes_section input[type='button'] {
        font-size: 12px !important;
    }
    .ignitiondeck .fes_section {
        padding: 0px 10px !important;
    }
    .ignitiondeck form .form-row.half,
    .ignitiondeck form .half,
    .ignitiondeck form .form-row.twothird.project_title,
    .ignitiondeck form .twothird.project_title,
    .ignitiondeck form .form-row.third,
    .ignitiondeck form .third {
        width: 100% !important;
    }
    .ignitiondeck form .form-row.left {
        padding-right: 0
    }
    .homepage-page .middle-content {
        padding: 39px 0px 0;
    }
    .wrap-grey-mobile .img-school {
        padding: 0;
    }
    .donate-form-submit-btn,
    .btn-donation-clear,
    .btn-donation {
        width: 108px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #page {
        position: relative;
        margin-top: -85px;
        padding-top: 85px;
    }
    .body_overflowh {
        overflow: hidden;
    }
    .des-bottom-bg .description {
        margin-top: 15px;
    }
    .asp-tw span {
        font-size: 18px;
        font-weight: bold;
    }
    .learn-more-button {
        margin-top: 15px;
    }
    .menu-list-page li.menu-item {
        /*padding: 1px 0;*/
    }
    #menu-main-navigation > li li {
        line-height: 18px;
        list-style-type: none;
    }
    .menu-list-page li.menu-item {
        background-position: calc(100% - 10px) 6px;
    }
    #menu-main-navigation > li > ul {
        margin-bottom: 15px;
    }
    .welcome-box .box-content span {
        color: #00a9a9;
        text-decoration: underline;
        cursor: pointer;
    }
    .right-bar-donate .btn-link {
        width: 170px;
    }
    .donate-project .donate-to {
        margin-top: 35px;
        font-size: 20px;
    }
    #respond p.mandatory-guide {
        margin-top: 37px;
    }
    .share-entry-btn {
        height: 31px;
        margin-top: 0;
    }
    .sharing-field {
        padding-bottom: 0;
        overflow: hidden;
    }
    /*.contact-page #title-image{
        padding: 0 5%;
    }
    .contact-page .featured-image{
        overflow: hidden;
    }*/
    .contact-map {
        width: 90% !important;
        margin: auto;
    }
    .des-bottom-bg .title {
        height: auto;
    }
    .social-share .donate-button {
        line-height: 38px;
        height: 36px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 12px;
    }
    .social-share .donate-button:hover {
        background-color: #fff;
    }
    .social-share .donate-button:hover::before {
        background: url(../images/menu/icon-expand-head-w2-hover.png) no-repeat 0 0 !important;
    }
}

@media screen and (max-width: 700px) {
    .block-img-home {
        height: 135px;
    }
    .radio-box {
        clear: both;
    }
    .radio-block p {
        margin-right: 0;
        width: calc(100% - 40px);
    }
    /*=====Smart-page=======*/
    .smart-giving-showcase .wrap-news .img-thumbnail {
        font-size: 14px;
        line-height: 21px;
    }
    .entry-share i {
        font-size: 20px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 600px) {
    /**
    * Hero Grid
    */
    .login-box .form-login {
        margin-top: 10px;
    }
    .des-bottom-bg > .container {
        padding-bottom: 15px !important;
    }
    .contact-page #title-image {
        height: auto;
    }
    .contact-page .feature-image {
        display: block;
    }
    /*.featured-image img{
        display: none;
    }*/
    .des-bottom-bg {
        background: none;
    }
    .img-box {
        height: auto;
    }
    .general-content #respond ul {
        font-size: 16px !important;
    }
    .staff-team .img-mobile img,
    .resources .img-mobile img,
    .our-board .img-mobile img {
        width: 100% !important;
    }
    .resources .for-school-capacity .wrap-news .img-thumbnail,
    .news .for-school-capacity .wrap-news .img-thumbnail,
    .our-board .for-school-capacity .wrap-news .img-thumbnail {
        display: none;
    }
    .block-1 {
        margin-top: 30px;
    }
    .block-for-schools,
    .block-lorem-ipsum-amet,
    .block-1,
    .block-3 {
        margin-left: 0;
    }
    .smart-giving-program .contact-footer span.title-contact {
        margin-bottom: 0 !important;
    }
    .general-content #respond .grey-box ul li,
    .general-content #respond .entry-content ul li,
    .general-content #respond .second-content ul li {
        margin-bottom: 0;
    }
    .project-details img.img-desktop {
        display: none;
    }
    .project-details img.img-mobile {
        display: block !important;
    }
    .smart-giving-showcase .wrap-news .img-thumbnail img.img-desktop {
        display: none;
    }
    .smart-giving-showcase .wrap-news .img-thumbnail img.img-mobile {
        display: block !important;
    }
    .wrap-news .brief-capacity {
        min-height: 0;
    }
    .general-content #respond .quote-box .content-quote p {
        font-size: 20px;
    }
    .contact-footer span.title-contact {
        font-size: 15px;
    }
    .contact-map {
        width: 100% !important;
        margin: auto;
    }
    .smart-giving-program .news-row .news-col {
        height: auto;
    }
    .smart-giving-showcase .wrap-news .img-thumbnail {
        height: auto;
    }
    .smart-giving-showcase .wrap-news .brief-capacity h2 {
        height: auto;
    }
    .smart-giving-showcase .wrap-news .brief-capacity .brief-capavity {
        height: auto !important;
    }
    .col-left h2 {
        font-size: 20px;
    }
    .col-left h3 {
        font-size: 18px;
    }
    .col-left h4 {
        font-size: 16px;
    }
    .col-left h5 {
        font-size: 14px;
    }
    .col-left h6 {
        font-size: 12px;
    }
    .donate-project .title,
    .page-title {
        font-size: 38px;
        line-height: 1.2;
    }
    .donate-form-submit-btn {
        width: 100%;
    }
    .donation-form-box .donation-wrapper .donation-inner .step-donation.step-3 .btn-donation-clear {
        width: 100%;
        margin-bottom: 20px;
    }
    .expression-of-interest .entry-brief,
    .expression-of-interest .entry-brief h2 {
        font-size: 20px;
        line-height: 1.4;
    }
    .support-text,
    .contact-footer {
        padding: 15px;
        font-size: 15px;
    }
    p.error,
    p.main-error {
        font-size: 12px;
    }
    .our-projects .wrap-news .img-thumbnail img {
        width: auto;
    }
    .contact-div p {
        font-size: 16px;
    }
    .contact-address p,
    .contact-phone p {
        width: calc(100% - 130px);
    }
    .wrap-news .img-thumbnail.img-mobile {
        height: auto;
    }
    .smart-giving-program .sharing-field .container {
        padding: 0;
    }
    /*======button hover=====*/
    .donate-btn:hover {
        text-decoration: none;
        background: #00a9a9;
        color: #ffffff;
        border: 1px solid #00a9a9;
    }
    .social-share a.donate-btn:hover::before {
        background: url(../images/menu/icon-expand-head-w.png) no-repeat 0 0;
        width: 15px;
        height: 15px;
    }
    .social-button .social-btn:hover {
        background-color: #ebeaea;
    }
    .social-button .social-btn:hover p {
        color: #939291;
    }
    .social-button .social-btn:hover span.twitter {
        background: url(../images/menu/sprites.png) no-repeat;
        background-position: -342px -104px;
        width: 20px;
        height: 16px;
    }
    .social-button .social-btn:hover span.fb {
        background: url(../images/menu/sprites.png) no-repeat;
        background-position: -399px -100px;
        width: 11px;
        height: 21px;
    }
    .social-button .social-btn:hover span.mail-icon {
        background: url(../images/menu/sprites.png) no-repeat;
        background-position: -438px -101px;
        width: 21px;
        height: 13px;
    }
    .social-button .social-btn:hover span.search-icon {
        background: url(../images/menu/sprites.png) no-repeat;
        background-position: -404px -24px;
        width: 19px;
        height: 19px;
    }
    .des-bottom-bg a:hover {
        text-decoration: none;
        color: #ffffff;
        background: #00a9a9;
    }
    .block-welcome-to-australian-schools-plus a:hover::before {
        background: url(../images/icon-expand.png) no-repeat 0 0;
    }
    .block-welcome-to-australian-schools-plus a:hover {
        color: #ffffff;
        background: #00a9a9;
        border: 1px solid #00a9a9;
    }
    .middle-content .orange a.button:hover {
        text-decoration: none;
        border: none;
        background: #eb8123;
        color: #ffffff;
    }
    .middle-content .blue a.button:hover {
        text-decoration: none;
        border: none;
        background: #45c6e6;
        color: #ffffff;
    }
    .middle-content .green a.button:hover {
        text-decoration: none;
        border: none;
        background: #1ca973;
        color: #ffffff;
    }
    .middle-content .pink a.button:hover {
        text-decoration: none;
        border: none;
        background: #d12d73;
        color: #ffffff;
    }
    .right-bar-donate .btn-link:hover span {
        background: url(../images/@3x/bg-cross.png);
        background-position: 0 15px;
        background-size: cover;
    }
    .general-content #respond ul.for-supporter-case li p a.supporter-img:hover {
        text-decoration: none;
        color: #ffffff;
        background: none;
        border: none;
    }
    .for-school-capacity .wrap-news .brief-capacity a.btn-link:hover {
        text-decoration: none;
        background-color: #00a9a9;
        color: #ffffff;
        border: none;
    }
    a.btn-green.contribute:hover::before {
        background: url(../images/icon-expand.png) no-repeat 0 0;
    }
    .post-details .rigth-side .contribute-now a.btn-green:hover {
        color: #ffffff;
        background: #00a9a9;
        border: 1px solid #00a9a9;
    }
    .right-bar-donate .btn-link:hover {
        background: #ffb50b;
        color: white;
        border: none;
    }
    .right-bar .find-out-more-btn:hover {
        color: #fff;
        background: #da3768;
        border: none;
    }
    .general-content #respond ul.for-supporter-case li p a.btn-link:hover {
        color: #ffffff;
        background: #00a9a9;
        border: none;
    }
    .donate-form-submit-btn:hover {
        color: #ffffff;
        background: #00a9a9;
        border: none;
    }
    .our-projects .wrap-news .brief-capacity-block .brief-capavity a:hover {
        color: #ffffff;
        background: #00a9a9;
        border: none;
    }
    .our-projects .wrap-news .brief-capacity-block .capacity-tag a:hover {
        background: #f5f5f5;
        color: #565656;
    }
    .smart-giving-showcase .wrap-news .btn-field a.show-case-findout:hover {
        color: #ffffff;
        background: #bcbcbc;
        border: none;
        box-sizing: border-box;
    }
    .smart-giving-showcase .wrap-news .btn-field a.show-case-donate:hover {
        color: #ffffff;
        background: #00a9a9;
        border: none;
        box-sizing: border-box;
    }
    .news .wrap-news .brief-capacity a.btn-link:hover {
        color: #ffffff;
        background: #00a9a9;
        border: none;
    }
    input[type=submit]:hover {
        color: #ffffff!important;
        background: #00a9a9!important;
        opacity: 1;
        border: 1px!important;
    }
    input[type=submit]:not(#searchsubmit),
    .entry-content .button:not(.add_media),
    a.btn-green,
    .edd-add-to-cart,
    .edd_go_to_checkout {
        border: 0;
    }
    .expression-of-interest .description {
        margin-bottom: 0;
    }
    input[type=reset]:hover {
        opacity: 1;
    }
    .contact-div:hover {
        opacity: 1;
    }
    .for-school-capacity .wrap-news .brief-capacity a h2:hover {
        opacity: 1;
    }
    /*====slide==*/
    .donate-project .description,
    .description {
        margin-bottom: 0;
    }
    .block-img-home {
        width: 100%;
    }
    .contact-map {
        height: 250px;
        margin-top: 15px;
        /*display: none;*/
    }
    .contact-address {
        height: 48px;
        overflow: hidden;
    }
    .contact-address.active {
        height: auto;
    }
    .contact-page .featured-image img {
        display: none;
    }
    /*.menu-item .sub-menu > li > a > span {
        font-size: 10px;
    }*/
    .for-school-form {
        margin-top: 30px;
    }
    #donate-form .field .form-field-title {
        margin-top: 0px;
    }
    .swiper-slide .img-box {
        height: 166px !important;
        overflow: hidden;
        position: relative;
        /*margin-bottom: -5px;*/
    }
    #homepage-slider {
        height: auto;
    }
    /* #homepage-slider .swiper-slide img{
        position: relative;
    }*/
    #title-image {
        /*display: none;*/
    }
    .term-condition {
        margin-top: 0;
    }
    .follow-us {
        margin-top: 2px;
    }
    .contact-info-box {
        width: 65px;
        height: 40px;
        display: inline-block;
        color: white;
        background: #00a9a9;
        border-radius: 5px;
        font-size: 13px;
        line-height: 1.2;
        text-align: center;
        padding-top: 8px;
        box-sizing: border-box;
        float: right;
        margin-top: 5px;
        cursor: pointer;
    }
    .contact-us-form-block {
        margin-top: 10px;
    }
    .your-interest {
        font-size: 20px;
    }
    .call {
        padding-top: 15px;
        margin-top: 0px;
    }
    .contact-page .col-right > h3 {
        font-size: 20px;
    }
    .feature-image {
        height: 75px !important;
    }
    .title-contact.mobile {
        display: block;
        visibility: visible;
    }
    .title-contact.desktop {
        display: none;
    }
    .img-thumbnail.img-mobile {
        height: 160px;
        overflow: hidden;
        min-height: 0 !important;
    }
    .img-thumbnail.img-mobile a {
        display: block;
        /*height: 141px;*/
        position: relative;
        margin-top: 10px;
        overflow: hidden;
        text-align: center;
    }
    .page-template-news-page .img-thumbnail.img-mobile a {
        height: 141px;
    }
    .img-thumbnail.img-mobile a img {
        position: absolute;
        top: -22px;
    }
    .for-supporter-case a {
        display: block;
        height: auto;
        overflow: hidden;
    }
    .for-supporter-case a.btn-link {
        height: auto;
    }
    .entry-share .entry-share-text {
        display: none;
    }
    /* .img-thumbnail {
        display: none !important;
    }*/
    .img-mobile {
        display: block !important;
    }
    .contact-email {
        width: calc(100% - 60px);
        display: inline-block;
        -ms-word-break: break-word;
        word-break: break-word;
    }
    .homepage #main-content .content {
        position: relative;
    }
    .contact-page .mandatory {
        clear: both;
        text-align: left;
        padding-top: 10px;
        display: block;
    }
    .right-bar-donate .btn-link {
        width: 100%;
    }
    .breadcrumbs li {
        font-size: 11px;
        /*margin-bottom: 2px;*/
    }
    .expression-of-interest .for-school-form {
        margin-top: 10px;
    }
    .share-entry-btn {
        height: 100%;
        max-height: 60px;
        /*position: absolute;
        right: -8px;*/
    }
    .expression-of-interest .for-school-form {
        padding: 20px 15px;
        background: #f6f6f6;
    }
    .eoi-form label,
    .contact-us-form label {
        font-size: 15px;
    }
    #respond p.mandatory-guide {
        clear: both;
        float: left;
        margin-top: 15px;
        margin-bottom: -5px;
    }
    .expression-of-interest .mandatory-guide {
        margin-top: -5px;
    }
    .share-entry-btn {
        margin-right: 0;
        position: absolute;
        right: 0;
    }
    .homepage #main-content .middle-content .block-mini .content {
        position: static;
        height: auto !important;
    }
    .eoi-form .row-field .field {
        margin-bottom: 15px;
    }
    .middle-content .button {
        font-size: 17px;
    }
    .eoi-form .row-field {
        margin-bottom: 0;
    }
    #donate-form .field .form-field-title {
        font-size: 15px;
    }
    .style-select span {
        font-size: 15px;
    }
    .radio-block p,
    .checkbox-block span {
        font-size: 15px;
    }
    .field .gl-input {
        font-size: 13px;
    }
    #donate-form .style-select {
        width: 100%;
    }
    .field.w50.expiration-block .style-select {
        width: 47% !important;
        float: left;
        box-sizing: border-box;
    }
    .field.w50.left,
    .field.w50.right {
        width: 100%;
    }
    .cross-mobile {
        display: none;
        background: url(../images/cross_blue-m.png) 0 0 no-repeat;
        width: 73px;
        height: 73px;
        position: absolute;
        margin-left: -37px;
        margin-top: 0;
        top: -25px;
        left: 50%;
        z-index: 9;
    }
    .social-button {
        width: 100%;
    }
    #home-page-featured {
        height: auto;
    }
    #home-page-featured ul {
        height: 75px;
        overflow: hidden;
    }
    #home-page-featured img {
        width: 75px;
        height: 75px;
    }
    #home-page-featured h1,
    #title-image h1 {
        font-size: 18px;
        line-height: 40px;
        top: 20%;
    }
    .home-page-featured-single,
    #title-image {
        height: 225px;
    }
    /**
     * Projects
     */
    #projects .item {
        width: 100%;
    }
    /**
     * Campaign
     */
    .sort-tabs {
        height: auto;
    }
    .sort-tabs ul {
        float: none;
    }
    .sort-tabs li {
        float: none;
        margin: 0 0 20px;
        width: 100%;
    }
    .sort-tabs li a {
        text-align: center;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /**
     * Main
     */
    #main-content {
        margin-top: 0;
    }
    /**
     * Footer
     */
    #footer .footer-widget,
    #footer .last-widget {
        width: 100%;
        margin: 0 0 5px;
        float: none;
    }
    .contact-footer .title-contact {
        line-height: 1.7;
        font-size: 14px;
    }
    /**
     * Contact
     */
    .contacts h2 {
        width: auto;
    }
    /**
     * Modals
     */
    .atcf_custom_price_wrap,
    .mfp-content .edd_purchase_submit_wrapper,
    .mfp-content .atcf_custom_price_wrap + .edd_purchase_submit_wrapper {
        float: none;
        width: 100%;
    }
    .mfp-content .atcf_custom_price_wrap input[type="text"] {
        width: 90%;
    }
    .mfp-content .edd_purchase_submit_wrapper,
    .mfp-content .atcf_custom_price_wrap + .edd_purchase_submit_wrapper {
        margin: 20px 0 0;
    }
    .mfp-content .edd_purchase_submit_wrapper a,
    .mfp-content .atcf_custom_price_wrap + .edd_purchase_submit_wrapper a {
        display: block;
    }
    .mfp-content .edd_download_purchase_form .edd_price_options h3 {
        float: none;
    }
    .mfp-content .edd_download_purchase_form .edd_price_options .backer-count {
        float: none;
        margin: 5px 0 0;
    }
    /*======content=====*/
    .block-why-we-do-it,
    .block-for-schools,
    .block-for-supporters,
    .block-lorem-ipsum-amet,
    .block-0,
    .block-1,
    .block-2,
    .block-3 {
        width: 100%;
        text-align: center;
        float: none;
        height: auto !important;
    }
    .block-for-schools,
    .block-lorem-ipsum-amet {
        margin-left: 0px;
    }
    .block-for-schools {
        margin-top: 30px;
    }
    .block-welcome-to-australian-schools-plus {
        height: 0px;
    }
    .page-title,
    .col-left h1 {
        font-size: 38px;
        line-height: 1.1;
    }
    /*=========home page==========*/
    .homepage #content {
        padding-bottom: 0;
    }
    .swiper-container,
    .swiper-slide {
        position: inherit;
        height: auto;
    }
    .des-bottom-bg {
        padding-left: 0;
        background-color: #6c6c6c;
        position: relative;
    }
    .des-bottom-bg .description {
        font-size: 16px;
    }
    .des-bottom-bg .title {
        font-size: 38px;
        margin-top: 20px;
        line-height: 38px;
        margin-top: 0;
        padding-top: 12px;
        display: inline-block;
        padding-bottom: 0;
    }
    .des-bottom-bg .description {
        font-size: 16px;
        width: auto;
        padding-top: 0;
        float: none;
        min-height: 50px;
        margin-top: 20px;
        display: block;
    }
    .learn-more-button {
        margin: 6px 0;
        padding: 6px 10px 10px;
        float: left;
    }
    .my-pagination {
        bottom: 24px;
    }
    .swiper-pagination-switch {
        margin: 0 7px;
    }
    .block-welcome-to-australian-schools-plus .donate-button,
    .block-welcome-to-australian-schools-plus a {
        width: 245px;
        margin: 0 auto;
        color: #ffffff;
        background: #00a9a9;
    }
    .block-welcome-to-australian-schools-plus .content h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .block-welcome-to-australian-schools-plus .content p,
    .block-welcome-to-australian-schools-plus .welcome-box ul li,
    .browse-projects ul li {
        font-size: 16px;
        line-height: 24px;
    }
    .middle-content {
        padding: 40px 0px;
    }
    .middle-content .title {
        font-size: 38px;
        line-height: 40px;
        padding: 0 10px;
        padding: 30px 10px 0;
        height: auto !important;
    }
    .middle-content .content p {
        font-size: 18px;
        line-height: 24px;
        font-family: "Okojo";
    }
    /*footer-mobile*/
    .ft-show-desk {
        display: none;
    }
    .entry-share-mobile {
        width: 100%;
        display: block;
    }
    #footer {
        padding: 0;
    }
    #footer .block-share-mobile a {
        font-size: 19px;
    }
    #footer .block-share-mobile span {
        display: block;
        float: left;
    }
    .block-share-mobile {
        width: 79.32%;
        float: left;
        margin-right: 1px;
        padding: 15px 0;
        border-right: 1px solid;
        padding-left: 20px;
        box-sizing: border-box;
        font-size: 15px;
        font-family: "Okojo";
        font-weight: bold;
    }
    .block-share-mobile a {
        margin-left: 15px;
    }
    .back-to-top-mobile {
        width: 19.68%;
        float: left;
        padding: 15px 0;
        text-align: center;
        cursor: pointer;
    }
    .back-to-top-mobile .top-ft {
        background: url(../images/@3x/top-arrow.png) no-repeat 0 0;
        width: 26px;
        height: 21px;
        -webkit-background-size: cover;
        background-size: cover;
        vertical-align: middle;
        display: inline-block;
    }
    /*=======Smart-page==============*/
    .smart-giving-program .page-content p {
        font-size: 16px;
        line-height: 1.7;
    }
    .smart-giving-showcase .news-row .news-col {
        width: 100%;
    }
    .smart-giving-program .tool-bar .sorter,
    .our-projects .tool-bar .sorter {
        float: right;
        margin-top: 10px;
    }
    .smart-giving-program .page-content h3 {
        padding: 20px 0;
        font-size: 20px;
    }
    .smart-giving-showcase .wrap-news .img-thumbnail {
        font-size: 15px;
        height: auto !important;
    }
    .smart-giving-program .tool-bar span,
    .our-projects .tool-bar span,
    .smart-giving-program .tool-bar .col-left h2 {
        display: block;
        width: 100%;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .smart-giving-program .tool-bar .sorter,
    .our-projects .tool-bar .sorter {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    .smart-giving-showcase .brief-capacity p {
        font-size: 15px;
        line-height: 1.6;
    }
    /*===for school===*/
    .for-school-capacity .wrap-news .img-thumbnail {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 15px;
        min-height: 250px;
        min-width: 250px;
    }
    /*.for-school-capacity .wrap-news .img-thumbnail img {
        width: 100%;
    }*/
    .for-school-capacity .wrap-news .brief-capacity {
        margin-left: 0;
    }
    .for-school-capacity .wrap-news .brief-capacity h2 {
        font-size: 20px;
    }
    .capacity-building #respond {
        padding-bottom: 20px;
    }
    /*======project profile======*/
    .post-details ul li.progress .project-detail .image {
        width: 100%;
    }
    .post-details ul li.progress .project-detail .project-right-content {
        width: 100%;
    }
    .post-details .rigth-side .contribute-now .btn-green {
        padding: 15px 20px;
        font-size: 22px;
        margin-top: 10px;
        display: block;
    }
    .post-details ul li.progress .project-detail .school-and-p {
        padding: 20px;
    }
    .post-details ul li.progress .project-detail .school-and-button p,
    .post-details ul li.progress .project-detail .project-right-content h3 {
        padding-top: 10px;
        font-size: 22px;
        line-height: 1.4;
    }
    .project-details .contribute-now {
        padding: 5px 0 25px;
    }
    .post-details ul li.progress .project-detail .school-and-button {
        right: 0px;
        padding-bottom: 0;
        border: none;
        bottom: 0;
    }
    .post-details ul li.progress .project-detail .school-and-button p,
    .post-details ul li.progress .project-detail .school-and-button h3 {
        font-size: 22px !important;
        line-height: 1.4;
    }
    .post-details ul li.progress h1 {
        font-size: 38px;
        line-height: 1.1;
    }
    .post-details .project-content h3 {
        font-size: 20px;
    }
    .post-details ul li.progress .project-detail .project-right-content p,
    .post-details ul li.progress .project-detail .project-right-content h3 {
        font-size: 18px;
        line-height: 1.6;
    }
    .post-details .project-content p {
        margin-bottom: 20px;
    }
    .post-details ul li.progress .project-detail {
        border: none;
    }
    .post-details ul li.progress .project-detail .image {
        border-top: 1px solid #ebeaea;
        border-left: 1px solid #ebeaea;
        border-right: 1px solid #ebeaea;
    }
    .post-details ul li.progress .project-detail .school-and-p {
        border-bottom: 1px solid #ebeaea;
        border-left: 1px solid #ebeaea;
        border-right: 1px solid #ebeaea;
    }
    .post-details ul li.progress .project-detail .school-and-button .rigth-side .school-and-p {
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    .post-details ul li.progress .project-detail .project-right-content p:nth-child(2) {
        float: right;
    }
    /*======for supporters========*/
    .support-a-school #content .general-content {
        margin-bottom: 40px;
    }
    .general-content #content .col-left {
        width: 100%;
    }
    .general-content #respond ul li {
        width: 100%;
        margin-bottom: 40px;
    }
    .general-content #respond ul li > p {
        text-align: left;
    }
    .general-content #respond .program-brief {
        padding: 10px 15px;
        font-size: 16px;
        line-height: 1.7;
    }
    .general-content .title-brief {
        font-size: 20px;
    }
    .general-content #respond ul li > h3 {
        font-size: 20px;
    }
    .general-content .sub-heading h4 {
        font-size: 20px;
        line-height: 1.6;
    }
    .general-content #respond p {
        margin: 0 0 10px 0;
        font-size: 16px;
        line-height: 1.7;
    }
    .thank-you-page {
        font-size: 16px;
    }
    .general-content #respond ul li:nth-child(3),
    .general-content #respond ul li:nth-child(4) {
        margin-top: 0;
    }
    .general-content #respond ul li.items,
    .general-content #respond ul li.items h3,
    .general-content #respond ul li.items .program-brief {
        height: auto !important;
    }
    .general-content .sub-heading {
        padding-top: 10px;
    }
    .general-content .main-brief {
        font-size: 16px;
        line-height: 1.7;
    }
    /*========our projects page=======*/
    .capacity-building #respond .entry-content p,
    .our-projects #respond .entry-content p.title-giving,
    .entry-content h2,
    .for-school-capacity .wrap-news .brief-capacity-block h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .our-projects .wrap-news .img-thumbnail {
        border-bottom: none;
        border-right: 1px solid #ebeaea;
        margin-bottom: 19px;
        box-sizing: border-box;
    }
    .our-projects .wrap-news .img-thumbnail,
    .staff-team .wrap-news .img-thumbnail,
    .our-board .wrap-news .img-thumbnail {
        display: none;
    }
    .our-projects .wrap-news .img-mobile {
        display: block;
    }
    .our-projects .wrap-news .img-thumbnail img {
        /*padding-bottom: 0;*/
        margin-bottom: -5px;
    }
    .our-projects .for-school-capacity .wrap-news {
        margin-bottom: 25px;
    }
    .our-projects .wrap-news .brief-capacity .capacity-tag {
        margin-bottom: 10px;
    }
    .for-school-capacity .wrap-news .brief-capacity .capacity-tag a {
        font-size: 11px;
    }
    .our-projects #respond .entry-content p {
        margin: 0;
    }
    .our-projects .wrap-news .brief-capacity-block {
        margin-left: 0;
    }
    .for-school-capacity .wrap-news {
        margin-bottom: 10px;
    }
    /*===============news================*/
    .for-school-capacity .brief-capacity .publish-date:hover {
        color: #00a9a9;
        background: #ffffff;
    }
    .for-school-capacity .wrap-news .brief-capacity .capacity-tag a:hover {
        color: #565656;
        background: #f5f5f5;
    }
    .news .for-school-capacity .brief-capacity .publish-date {
        font-size: 11px;
        padding: 3px 12px 0;
    }
    /*=====our board page=========*/
    .our-board .wrap-news .our-board-email a:hover,
    .our-board .wrap-news .our-board-lin a:hover,
    .our-board .wrap-news .our-board-twitter a:hover {
        opacity: 1;
    }
    .our-board .wrap-news .our-board-email a:hover::before,
    .our-board .wrap-news .our-board-lin a:hover::before,
    .our-board .wrap-news .our-board-twitter a:hover::before {
        opacity: 1;
    }
    /*.for-school-capacity .wrap-news .brief-capacity a:hover{
        opacity: 1;
    }*/
    .resources .for-school-capacity .wrap-news .brief-capacity a.btn-link:hover {
        text-decoration: none;
        background-color: #00a9a9;
        color: #ffffff;
        border: none;
    }
    .our-board #content .container,
    .our-board .sharing-field .container {
        width: 95%;
    }
    .our-board .entry-content p {
        font-size: 16px;
        line-height: 1.7;
    }
    .our-board .wrap-news .title-fields h3 {
        font-size: 15px;
        line-height: 2;
    }
    .our-board .wrap-news a {
        font-size: 13px;
        line-height: 2.1;
    }
    .our-board .wrap-news .our-board-email {
        margin-top: 17px;
    }
    /*========general content page==========*/
    .general-content .quote-box .author-box .author-name,
    .general-content .quote-box .author-box .author-description {
        font-size: 16px;
    }
    .general-content h1 {
        font-size: 40px;
        line-height: 1.1;
        margin-bottom: 20px;
    }
    .general-content .entry-content h2,
    .general-content .grey-box h2 {
        font-size: 20px;
    }
    .general-content p {
        font-size: 16px;
        line-height: 1.7;
    }
    .general-content p a:nth-child(odd) img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .general-content p a:nth-child(even) img {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .general-content blockquote h1 {
        font-size: 20px;
        padding-top: 30px;
    }
    .general-content .quote-box {
        background: url(../images/bg-left-quote-m.png) no-repeat left top, url(../images/bg-right-quote-m.png) no-repeat right bottom;
        margin: 30px 0;
        padding: 0 30px;
        margin-top: 0;
    }
    /*=======our-stories, annual-report, faqs======*/
    .our-stories .entry-content p,
    .annual-report p,
    .faqs p,
    .what-we-do p {
        font-size: 16px;
        line-height: 1.7;
    }
    .our-stories #content,
    .faqs #content,
    .annual-report #content,
    .capacity-building #content,
    .expression-of-interest #content,
    .what-we-do #content {
        padding: 30px 0 50px;
    }
    .middle-content .container {
        width: 100%;
    }
    .middle-content .button {
        margin: -34px 10px 0px;
    }
    .breadcrumbs {
        float: left;
        margin-bottom: 0px;
        /*height: 26px;*/
    }
    .nominate-a-school .for-school-form {
        /*margin-top: 10px;*/
    }
    .nominate-a-school #respond {
        padding-bottom: 0;
    }
    .share-entry-btn {
        background-position: 15px 5px;
    }
    .for-supporter-imgs {
        height: 141px;
    }
    /*=======faq=====*/
    #faq-accordion .faq-category h2 {
        font-size: 20px;
    }
    #faq-accordion .faq-questions .title-faq {
        font-size: 16px;
    }
}


@media screen and (max-width: 480px) {

    .menu-list .social-mail {
        margin-bottom: 10px;
        margin-right: 12px;
    }
    .social-share .donate-button {
        margin-bottom: 10px;
        margin-left: 0;
    }
}

@media screen and (max-width: 425px) {
    /**
    * Hero Grid
    */
    #home-page-featured h1,
    #title-image h1 {
        top: 30%;
        font: 700 14px/24px 'Okojo', sans-serif;
    }
    .email-box {
        float: left;
        width: 112px;
    }
    .mail-form {
        width: 245px;
        left: -90px;
    }
    .email-box input {
        width: 100%;
    }
    #home-page-featured h1 span,
    #title-image h1 span {
        display: inline;
        margin: 0;
        padding: 5px 0;
    }
    .title {
        padding: 18px 0;
        height: auto;
    }
    .title h1 {
        padding: 0;
    }
    /*====content=====*/
    .block-welcome-to-australian-schools-plus {
        height: 0px;
    }
    /*==========home page========*/
    .des-bottom-bg .title {
        margin-top: 0px;
    }
    /* .des-bottom-bg {
        min-height: 180px;
    }*/
    /*=========for-school-page==========*/
    /*.for-school-capacity .wrap-news .img-thumbnail{
        margin-right: 12px;
    }*/
    /*=======project profile=======*/
    .login-box .form-login .lost-password {
        overflow: hidden;
        margin-top: 8px;
    }
    .action-block input[type="submit"] {
        margin-right: 15px;
    }
    .form-login .action-block .lost-password .lostpassword {
        margin-right: 0;
    }
    .form-login .action-block .lost-password .lostusername {
        margin-left: 0;
    }

    #respond .form-submit,#respond .form-submit input{
        float: none;
    }
    #comments .form-submit input.submit{
        width: 100%;
    }

    #comments #respond p{font-size: 14px;}
    #comments #subscribe-reloaded {width: 100%;}
}

@media screen and (max-width: 360px) {
    .breadcrumbs li a {
        text-decoration: none;
        /*max-width: 80px;*/
        white-space: nowrap;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .des-bottom-bg .description {
        margin-top: 4px;
        min-height: 30px;
    }
    .my-pagination {
        bottom: 15px;
    }
    .follow-us {
        margin-left: 0;
        margin-right: 0;
    }
    .menu-list .social-mail p {
        font-size: 11px;
    }
}

@media screen and (max-width: 320px) {
    /*========smart-page==========*/
    .smart-giving-showcase .wrap-news .img-thumbnail span.show-case-target,
    .smart-giving-showcase .wrap-news .img-thumbnail span.show-case-pledged {
        display: block;
        float: none;
    }
    .smart-giving-showcase .wrap-news .btn-field a.show-case-findout,
    .smart-giving-showcase .wrap-news .btn-field a.show-case-donate {
        font-size: 15px;
    }
    /*=======home page=========*/
    .des-bottom-bg .title {
        font-size: 27px;
        line-height: 30px;
    }
    .des-bottom-bg .description {
        margin-top: 20px;
        min-height: 50px;
    }
    .my-pagination {
        bottom: 27px;
        right: 0%;
    }


}