/* Landscape phones and smaller */
@media (max-width: 347px) { 
    .ai1ec-posterboard-view .ai1ec-event {
        width: auto! important;
    }
}
    @media (max-width: 767px) {        
    }

/* Portrait tablets and small desktops */
    @media (min-width: 768px){
        /*NAVBAR CUSTOMIZER*/
        .navbar{
            background-color: transparent; /*change if you need background*/
            border-color: transparent;
            border-radius: 0;
            border:none;
            margin-bottom: 0;
        }
        .navbar .navbar-nav > li > a { color: #555; /*change color of navigation*/ }
        .navbar .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: blue; /*change color of Navigation*/
            background-color: transparent;  /*change if you need background*/
        }
        .navbar-default .navbar-nav > .current_page_parent > a,
        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: red; /*change color of active navigation*/
            background-color: transparent; /*change if you need background*/
        }

    } /* use for all devices started from 768px width */

    @media (min-width: 768px) and (max-width: 991px) {

    }

/* Portrait tablets and medium desktops */
    @media (min-width: 822px) {
        .workshops .cd-timeline-img {
            width: 125px;
            height: 125px;
            left: 50%;
            margin-left: -62px;
        }
        .workshops .cd-timeline-block {
            margin-top: 60px;
        }
        .workshops .cd-timeline-content {
            width: 36.5%;
        }
        .workshops .cd-timeline-content::before {
            top: 78px;
            border: 18px solid transparent;
            border-color: transparent transparent white white;
            box-sizing: border-box;            
            transform-origin: 0 0;
            transform: rotate(225deg);
            box-shadow: -6px 4px 8px -1px rgba(0, 0, 0, 0.2);
        }
        .workshops .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
            top: 30px;
            left: 0;
            border: 18px solid transparent;
            border-color: transparent transparent white white;
            box-sizing: border-box;            
            transform-origin: 0 0;
            transform: rotate(45deg);
            box-shadow: -3px 7px 6px -7px rgba(0, 0, 0, 0.2);
        }
    }
    @media (min-width: 992px){

    } /* use for all devices started from 992px width */

    @media (min-width: 992px) and (max-width: 1199px) {

    }
/*Header*/
/* Large desktops and laptops */
    @media (min-width: 1200px) {

    }
    
/*Header*/
@media (min-width: 1200px) { 
    .ubermenu-nav > li > a {
        padding: 22px 12px !important;
        max-width: 147px;
    }
}
@media (min-width:959px) and (max-width: 1200px) { 
    .ubermenu-nav > li > a {
        padding: 22px 8px !important;
        max-width: 139px;
    }    
}
@media (max-width: 1100px) {
    .pre-header-section ul {
        margin-left: auto;
    }
}
@media (max-width: 992px) {
    .logo img {
        margin-left: auto;
        margin-right: auto;
    }
    .main-navigation {
        text-align: center;
    }
    .ubermenu-target-title br{
        display: none;
    }
    .ubermenu-responsive-toggle {
        color: white;
        font-size: 20px;
        font-family: 'MuseoSansRounded-900';
    }
    .pre-header-section {
        text-align: center;
    }
    #menu-pre-header-menu {
        padding-left: 0;
    }
    .social-icons {
        display: block;
        text-align: center;
    }
    .search-btn {
        vertical-align: top;
    }
    .donate-btn-wrapper {
        display: inline-block;
        height: 37px;
        width: 145px;
    }
    .donate-btn {
        margin-left: 0;
    }
}
@media (max-width: 959px) {
    .ubermenu-nav > li > a {
        max-width:initial;
    }
}
@media (max-width: 460px) {
    .pre-header-section ul li {
        margin-left: 5px;
        margin-right: 5px;
    }
}
@media (max-width: 400px) {
    .search-btn {
        margin-left: 0;
    }
    .donate-btn-wrapper {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .donate-btn {
        left: 0;
        right: 0;
        width: 145px;
        margin-left: auto;
        margin-right: auto;
    }
    .pre-header-section ul li {
        margin-left: 3px;
        margin-right: 3px;
    }
}
/* Footer */
@media (max-width: 992px) {
    .footer-stay-posted {        
        margin-bottom: 25px;
    }    
}
@media (max-width: 991px) and (min-width: 768px) {
    .footer-stay-posted {
        margin-top: 60px;
    }
    .video-lessons .wrap{
        padding-left: 0;
    }
    .video-lessons .wrap h3{
        margin-top: 20px;
    }
}
@media (max-width: 767px){
    .recourse-center-content.join-sec.text-center{
        margin-bottom: 80px;
    }
    .recourse-center-content.join-sec.text-center .wrp{
        padding: 30px 15px 40px 15px;
    }
    .transition-resources .featured-video-wrapper .featured-video{
        height: 400px;
        position: relative;
    }
    .transition-resources .featured-video-wrapper .featured-video iframe{
        height: 400px !important;
    }
    .transition-resources .content{
        position: relative;
        padding-bottom: 240px;
    }
    .recourse-center-content .img-container.transition_resources_register_shortcode{
        float: none;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -106px;
    }
    .video-lessons .wrap h3{
        margin-top: 20px;
    }
    .video-lessons .wrap{
        padding-left: 0;
    }
    .footer-social, 
    .footer-stay-posted {
        /*text-align: center;*/
    }
    .footer-social {
        margin-top: 60px;
        margin-bottom: 25px;
        text-align: center;
        padding-left: 0;
    }
    .footer-social .soc-network-item {
        margin-left: 5px;
        margin-right: 5px;
    }
    .footer-stay-posted h5 {
        text-align: center;
    }
    .stay-posted-wrapper a {
        margin-left: auto;
        margin-right: auto;
    }
    .footer-widgets-container .address {
        text-align: left;
        margin-bottom: 25px;
    }
    .footer-widgets-container .address > * {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .foot-inf-menu {
        text-align: left;
        padding-left: 15px;
    }    
    .foot-inf-menu ul {
        display: inline-block;
        text-align: left;
    }
    .footer-widgets-container .accreditations {
        text-align: left;
    }
    .copyright-links {
        text-align: center;
    }
}
/* Content */
/*home*/
@media (min-width:992px ) and (max-width:1220px){
    #home-slider-nav .text{
        font-size: 15px;
    }
    #home-slider-nav .slick-slide{
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-right: 10px;
        max-width: 160px;
        padding-top: 8px;
    }
    #home-slider h3 {
        font-size: 108px;
    }
    #home-slider .slick-slide[data-slick-index='3'] .first-line {
        left: 3%;
    }
    #home-slider .slick-slide[data-slick-index='3'] .second-line {
        left: -28%;
    }
}
@media (max-width:1200px){
    .latest-f-section .single-featured-event-wrapper {
        width: 50%;        
    }
    .latest-f-section .single-featured-event {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }
}
@media (min-width:992px) and (max-width:1200px){
    .acf-map {
        width: 350px;
    }
    .featured-posts-section #searchform {
        margin-left: 0;
    }
}
@media ( max-width:991px ) {
    .image-wrapper.what-w-d img {
        max-width: 100%;
        height: auto;
    }
    .statistics-rows h3 {
        text-align: left;
    }
    .programs-res-content .content {
        margin-left: 0;
        margin-right: 0;
    }
    .program-overv {
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-rows-e-section .right-section .round-image-container {
        top:0;
        margin-top: 50px;
    }
    .content-rows-f-section .inner-content {
        margin-bottom: 25px;
    }
    .content-rows-f-section .photo img {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }
    .content-rows-f-section .before-photo {
        padding-bottom: 25px;
    }
    .content-rows-f-section .link-container.non-photo {
        padding-right: 28px;
        margin-bottom: 25px;
    }
    .content-rows-f-section .link-container.non-photo img {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .looking-job-section .inner-content {
        margin-bottom: 25px;
    }
    .get-inv-wtg .img-wrapper {
        margin-bottom: 15px;
    }
    .get-inv-bacp .content-section-j .round-image-container {
        margin-top: 25px;
    }
    .get-inv-featured-events .single-featured-event {
        margin-bottom: 25px;
    }
    .get-inv-af .content-section-j .round-image-container {
        margin-right: auto;
        margin-left: auto;
    }
    .get-inv-ano .content-section-j .round-image-container {
        top: 0;
    }
    .have-questions-section .content a {
        word-break: break-all;
    }
    .breadcrumbs {
        margin-bottom: 0;
    }
    .career .content-rows-e-section.path .left-section{
        margin-bottom: 25px;
    }
    .search-container {
        text-align: center;
    }
    .featured-posts-section #searchform {
        float: none;
        display: inline-block;
        margin: 0;
    }
    .featured-posts-section .or {        
        float: none;
        display: block;
        margin: 0 auto;
    }
    .featured-posts-section .view-all-topics-btn {
        float: none;
        display: inline-block;
    }
    .featured-posts-section .form-control {
        width: 300px;
    }
    .single-product .product-categories,
    .single-product .product-small-info {
        margin-left: 0;        
    }
    .workshops .steps-container {
        margin-bottom: 25px;
    }
    #home-slider-nav .slick-slide {
        max-width: 100%;
        margin-right: auto;
    }
    #home-slider-nav .text {
        font-size: 16px;
    }
    #home-slider-nav .slick-slide[data-slick-index="3"] {
        padding-left: initial;
        padding-right: initial;
    }
    #home-slider-nav .slick-slide {
        padding-left: 2px;
        padding-right: 2px;
    }
    .did-yn-section {
        margin-bottom: 25px;
    }
}
@media (min-width:810px ) and (max-width:991px){
    #home-slider .slick-slide[data-slick-index='3'] .first-line {
        left: 3%;
    }
    #home-slider .slick-slide[data-slick-index='3'] .second-line {
        top: 0;
        left: 3%;
    }
    #home-slider .slick-slide[data-slick-index='3'] .slider-caption {
        bottom: 55%;
        left: 19%;
    }
}
@media ( min-width:850px ) and (max-width:900px){
    #partners-slider .slick-next {
        right: -30px;
        z-index: 9999999;
    }
    #partners-slider .slick-prev {
        left: -30px;
        z-index: 9999999;
    }
}
@media ( max-width:850px ) {
    #partners-slider .slick-next {
        right: 10px;
        z-index: 9999999;
    }
    #partners-slider .slick-prev {
        left: 10px;
        z-index: 9999999;
    }
}
@media ( max-width:820px ) {
    .radius-container {
        height: 100%;
        width: 100%;
        border: none;
    }
    .radius-container .single-wrapper:nth-child(1) {
        position: initial;
        display: block;
        margin-bottom: 25px;
    }
    .radius-container .single-wrapper:nth-child(2) {
        position: initial;
        display: block;
        margin-bottom: 25px;
    }
    .radius-container .single-wrapper:nth-child(3) {
        position: initial;
        display: block;
        margin-bottom: 25px;
    }
    .radius-container .single-wrapper:nth-child(4) {
        position: initial;
        display: block;
        margin-bottom: 25px;
    }
    .radius-container .single-wrapper:nth-child(5) {
        position: initial;
        display: block;
        transform: translateX(0);
    }
    .radius-container .single-wrapper:nth-child(6) {
        display: none;
    }
}
@media ( max-width:810px ) {
    /*home slider */
    #home-slider .slick-slide {
        max-height: 300px;
    }
    #home-slider h3 {        
        font-size: 48px;
    }
    #home-slider .slider-caption {
        
    }
    #home-slider .slider-caption {        
        width: 100%;
        bottom: 40%;
        right: 0;
        left: 0;
    }
    #home-slider .slider-caption p {
        font-size: 17px;
        margin-left: 15px;
        margin-right: 15px;
    }
    #home-slider .slick-slide[data-slick-index='0'] .second-line {
        top:60px;
    }
    #home-slider .first-line {
        display: inline-block;
        margin-left: 15px;
    }
    #home-slider .slick-slide[data-slick-index='1'] .second-line {
        top: 53px;
    }
    #home-slider .slick-slide[data-slick-index='1'] .slider-caption {
        width: 100%;
        bottom: 36%;
    }
    #home-slider .slick-slide[data-slick-index='1'] .btn-container {
        top: -35px;
    }
    #home-slider .slick-slide[data-slick-index='2'] .second-line {
        top: 42px;
        left: -81px;
    }
    #home-slider .slick-slide[data-slick-index='2'] .slider-caption {
        width: 100%;
        bottom: 38%;
    }
    #home-slider .slick-slide[data-slick-index='2'] .btn-container {
        left: 26px;
        top: -39px;
    }
    #home-slider .slick-slide[data-slick-index='3'] .first-line {
        top: 3px;
        left: 34px;
    }
    #home-slider .slick-slide[data-slick-index='3'] .second-line {
        top: 42px;
        left: -47px;
    }
    #home-slider .slick-slide[data-slick-index='3'] .slider-caption {
        width: 100%;
        bottom: 42%;
        right: 0;
        left: 0;
    }
    #home-slider .slick-slide[data-slick-index='3'] .btn-container {
        right: -30px;
        top: -24px;
    }
    #home-slider .slick-slide[data-slick-index='4'] .second-line {
        top: 49px;
        left: -64px;
    }
    #home-slider .slick-slide[data-slick-index='4'] .slider-caption {
        width: 100%;
        bottom: 33%;
    }
    #home-slider .slick-slide[data-slick-index='4'] .btn-container {
        left: 28px;
        top: -40px;
    }
    #home-slider-nav .slick-slide {
        margin-right: 0;
    }
    #home-slider-nav .slick-slide {
        max-width: 100%;
    }    
}
@media (max-width: 795px) {
    .img-n-map {
        text-align: center;
    }
    .img-n-map .loc-image-wrapper,
    .img-n-map .acf-map {
        float: none;        
    }
    .img-n-map .loc-image-wrapper {
        margin-bottom: 25px;
    }
    .img-n-map .acf-map {
        margin-left: auto;
        margin-right: auto;        
    }
    .contact-info-map {
        margin-bottom: 25px;
    }
}
@media (min-width: 768px) and ( max-width:991px ) {
    .home-center-section .single-section .rollover .text {
        text-align: left;
        left: 25%;
    }
    .custom-content-rows .serve-section h5 {
        word-break: break-all;
    }
    .resource-center-landing .content-wrapper {
        margin: 0 30px;
    }
    .recourse-center-content .img-container img {
        max-width: 100%;
        height: auto;
    }
    .recourse-center-content .img-container .text {
        font-size: 17px;
    }
    .life-cycle .life-cycle-single-1 .photo-container,
    .life-cycle .life-cycle-single-3 .photo-container {
        margin-left: auto;
    }
    .foot-inf-menu {
        padding-left: 15px;
    }
}
@media (max-width: 767px) {
    .about-menu {
        margin-right: auto;
    }
    .page-template-template-getinvolved .content-rows-e-section .right-section .round-image-container {
        margin-top: 0;
        margin-bottom: 25px;
    }
    .recourse-center-content .join-sec {
        margin-top: 25px;
    }
    #searchModal input[type="text"] {
        font-size: 19px;
    }
    .life-cycle .photo-container {
        margin-left: auto;
        margin-right: auto;        
    }
    .signup-btn {
        margin: 0 auto;
    }        
}
@media ( max-width:580px ) {
    .latest-f-section .single-featured-event-wrapper {
        width: 100%;
    }
    .featured-posts-section .form-control::-webkit-input-placeholder { font-size: 15px; }
    .featured-posts-section .form-control::-moz-placeholder { font-size: 15px; }
    .featured-posts-section .form-control::-o-placeholder { font-size: 15px; }
    .featured-posts-section .form-control:-ms-input-placeholder { font-size: 15px; }
    .featured-posts-section .form-search-product button[type="submit"] {                
        padding: 0;
    }
    .resource-center .content-with-bg {
        height: 300px;
        padding: 25px;
    }
    .resource-center .content-with-bg h3 {
        text-shadow: 2px 2px grey;
        font-size: 30px;
    }
    .resource-center .content-with-bg p {
        color: white;
        font-size: 18px;
        font-family: Georgia, Times, 'Times New Roman', serif;
        text-shadow: 1px 0px grey;
    }
    .workshops .content.quoted-text p {
        font-size: 30px;
    }
    h2.cd-timeline-item-title {
        font-size: 20px;
    }
    .cd-timeline-title-container h4 {
        font-size: 18px;
    }
    .workshops .row-content {
        padding-left: 15px;
    }
    .workshops .steps-container {
        text-align: center;
    }
    .workshops .step-container {
        /*float:none;
        display: inline-block;
        width: 200px;
        text-align: left;*/
    }
}
@media (min-width:319px ) and ( max-width:430px ) {
    .img-n-map .acf-map {
        width:auto;
    }
    .featured-posts-section .form-control {
        width: 230px;
    }
    .featured-posts-section .view-all-topics-btn {
        height: auto;
    }
    .featured-posts-section .form-control::-webkit-input-placeholder { font-size: 15px; }
    .featured-posts-section .form-control::-moz-placeholder { font-size: 15px; }
    .featured-posts-section .form-control::-o-placeholder { font-size: 15px; }
    .featured-posts-section .form-control:-ms-input-placeholder { font-size: 15px; }
}

@media (min-width:319px ) and ( max-width:390px ) {
    .home-center-section .single-section .rollover .text {
        text-align: left;
        left: 10%;
    }
    .single-section.help {
        padding-bottom: 18px;
    }
    .single-section.help a {
        padding-right: 18px;
    }
    .single-section.help .link-container {
        padding-left: 10px;
    }
    .annual-reports-section .left-section .img-wrapper {
        padding-left: 0;
    }
    .annual-reports-section .left-section .img-wrapper img {
        max-width: 100%;
        height: auto;
    }
    .annual-reports-section .bottom-content-section a {
        word-break: break-word;
    }
    .content-rows-e-section .left-section .plus-collapse {
        margin-right: 20px;
    }
    .gallery-homes .slick-slide {
        height: 250px;
    }
    .programs-slider .first-line,
    .programs-slider .second-line {
        font-size: 50px;
    }
    .ser-faqs-feat-prog-section .left-section .plus-collapse {
        margin-right: 15px;
    }
    .get-inv-wtg .content a,
    .get-inv-bacp .content a {
        word-break: break-all;
    }
    .featured-posts-section .form-control {
        width: 210px;
    }    
}
@media (min-width:319px ) and ( max-width:360px ) {
    #home-slider .slick-slide[data-slick-index='3'] .second-line {
        top: -23px;
        left: 14px;
    }
    #home-slider .slick-slide[data-slick-index='3'] .slider-caption {
        bottom: 67%;
    }
    #home-slider .slick-slide[data-slick-index='3'] .first-line {
        left: 0;
    }
    #home-slider .slick-slide[data-slick-index='0'] .btn-container {
        left: 43px;
    }
    .needfs-section .content a {
        word-break: break-all;
    }
    .ubermenu-submenu .text-fix-center .ubermenu-target-text {
        transform: none;
        top: auto;
        left: auto;
        position: initial;
    }
    .ubermenu-submenu .text-fix-center-1 .ubermenu-target-text {
        position: initial;
        text-align: initial;
        width: auto;
        margin-left: 0;
        top: auto;
        transform: none;
    }
}