/*==========  Mobile First Method  ==========*/
    /* Custom, iPhone Retina */
    
    @media only screen and (min-width: 320px) {}
    /* Extra Small Devices, Phones */
    
    @media only screen and (min-width: 480px) {}
    /* Small Devices, Tablets */
    
    @media only screen and (min-width: 768px) {}
    /* Medium Devices, Desktops */
    
    @media only screen and (min-width: 992px) {
        .paypal-section .container {
            width: 100%;
        }
    }
    /* Large Devices, Wide Screens */
    
    @media only screen and (min-width: 1200px) {}
    
    @media only screen and (min-width: 1440px) {
        #programSlider .slider .slide .img {
            height: 36vw;
        }
    }
    
    @media only screen and (min-width: 1600px) {
        #programSlider .slider .slide .img {
            height: 33vw;
        }
    }
    
    @media only screen and (min-width: 1920px) {
        #programSlider .slider .slide .img {
            height: 28vw;
        }
    }
    
    @media only screen and (min-width: 2560px) {
        #programSlider .slider .slide .img {
            height: 20vw;
        }
    }
    /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    
    @media only screen and (max-width: 1440px) {
        .header-image {
            height: 27vw;
        }
    }
    
    @media only screen and (max-width: 1299px) {
        #vid-text p {
            padding-top: 0;
        }
        figure h2 {
            font-size: 16px;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li {
            font-size: 15px;
        }
        header .bottomHeaderWrapper .bottomHeader .logo {
            width: 250px;
        }
        #homeSlider .slider .slide .slideNote .main-slider-text p {
            font-size: 33px;
        }
        #programs-grid figure h2 {
            bottom: 22px;
        }
        #programs-grid #cards-grid figure:hover h2 {
            bottom: 22px;
        }
        .program-icon {
            margin-bottom: 15px;
            font-size: 40px;
        }
        .search-container {
            width: 100%;
        }
        .donors-section .left {
            padding: 80px 50px 80px 30px;
            min-width: 300px;
        }
        .donors-section .right {
            float: none;
            width: auto;
            overflow: hidden;
        }
        .paypal-section .left {
            padding-right: 60px;
            padding-left: 40px;
        }
        .paypal-section .right {
            padding-left: 60px;
            padding-right: 40px;
        }
        .contact-form {
            padding-right: 20px;
            padding-left: 20px;
        }
        .info-card-box {
            width: 33.33333333333333%;
        }
        #sponsors-grid figure img {
            padding: 25px;
        }
        #cat-sponsor h3 {
            font-size: 20px;
            bottom: 20px;
        }
        #cat-sponsor h3:after {
            bottom: -12px;
        }
        .card-box {
            padding: 0.8em 1em;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li ul li a {
            font-size: 12px;
        }
        #whatIs .teasersWrapper .teaser .number {
            font-size: 38px;
        }
        
        header .bottomHeaderWrapper .bottomHeader nav{
            margin-top: 10px;
        }
    }
    
    @media only screen and (max-width: 1024px) {
        h1 {
            font-size: 32px;
            margin-top: 25px;
            position: relative;
        }
        .header-image {
            height: 34vw;
        }
        #contact-page .header-image #map {
            height: 35vw;
        }
        .all-teasers .hidden-md-down,
        .hidden-md-down.info-card,
        .last-agenda-event {
            display: none !important;
        }
        #info-card-grid {
            margin-left: 8.33333333%;
        }
        #news-list #info-card-grid {
            margin-left: 0;
        }
        #information .info-card {
            width: 65%;
            max-width: 350px;
        }
        #information .info-card:nth-child(2) {
            display: none;
        }
        .agenda:hover:after {
            display: none;
        }
        .agenda-event {
            width: calc(100% - 96px);
        }
        #header-image {
            height: 35vw;
        }
        #programSlider .slider .slide .img {
            height: 39vw;
        }
        .orange-form-header {
            padding: 0 50px;
        }
        h3.first-step,
        div#program-detail p {
            padding-left: 0;
        }
        .search-container {
            position: static;
        }
        .network-container #map {
            max-height: 60vh;
            height: 480px;
            margin: 0 auto;
        }
        .program-form {
            padding-right: 35px;
            padding-left: 35px;
        }
        #related .info-card {
            width: 33.33333333333333%;
        }
        
        #related .info-card:last-child{
            display: none;
        }
        
        #related {
            margin: 0 0 50px 0;
        }
        .paypal-section .left {
            padding-right: 40px;
            padding-left: 20px;
        }
        .paypal-section .right {
            padding-left: 40px;
            padding-right: 20px;
        }
        .steps li {
            padding-left: 10px;
        }
        .award-text a:hover:after {
            display: none;
        }

        
        #whatIs .teasersWrapper .teaser:nth-last-child(2) {
            display: none;
        }
        
        .network-container h3{
            display: block;
            float: none;
            margin-bottom: 25px;
        }
    }
    /* Medium Devices, Desktops */
    
    @media only screen and (max-width: 992px) {
        .searchbutton {display:none!important}
        /********************************************MENU*/
        .topHeader {
            display: none;
        }
        header .bottomHeaderWrapper .bottomHeader .logo {
            width: 220px;
        }
        .scrolled .bottomHeader .logo {
            transform: none;
        }
        header .bottomHeaderWrapper .bottomHeader .mobnav-btn,
        header .bottomHeaderWrapper .bottomHeader .mobnav-btn span {
            display: block;
        }
        header .bottomHeaderWrapper .bottomHeader nav {
            float: none;
            text-align: center;
            display: block;
            background-color: #fff;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li {
            margin: 0;
            display: block;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li.donateButton {
            margin-left: 0;
            margin-top: 15px;
        }
        .menu {
            width: 100%;
        }
        .topList-burger,
        .topList-social,
        .topList-langs {
            display: block;
        }
        .menu li {
            float: none;
            display: block;
            width: 100%;
            position: relative;
        }
        .menu li a {
            float: none;
        }
        .menu ul {
            position: static;
            display: none;
        }
        .menu > li > a {
            padding: 10px 0;
        }
        header .bottomHeaderWrapper .bottomHeader {
            z-index: 3;
            transition: .8s ease;
            -webkit-transition: .8s ease;
            -moz-transition: .8s ease;
            -ms-transition: .8s ease;
            -o-transition: .8s ease;
        }
        header.open .bottomHeaderWrapper .bottomHeader {
            background-color: #fff;
        }
        header .bottomHeaderWrapper:after {
            height: 120px;
        }
        .bottomHeaderWrapper .col-xs-12.noPadding {
            position: static;
        }
        header .bottomHeader nav {
            float: none;
            text-align: center;
            display: block;
            position: absolute;
            right: -100%;
            top: -19px;
            width: 100%;
            background-color: #fff;
            transition-property: transform;
            transition: .5s ease;
            -webkit-transition: .5s ease;
            -moz-transition: .5s ease;
            -ms-transition: .5s ease;
            -o-transition: .5s ease;
            /*            transform: translateX(100%);
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);*/
            z-index: -1;
            height: calc(100vh + 19px);
            overflow: auto;
            padding-top: 50px;
        }
        header.open .bottomHeader nav {
            right: 0;
            /*            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);*/
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li:hover > a,
        header .bottomHeaderWrapper .bottomHeader nav ul li a:hover {
            box-shadow: none;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li a {
            line-height: 50px;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li.donateButton a {
            display: block;
            margin: 0 16px;
            line-height: normal;
        }
        .bodyWrapper.openfix {
            position: fixed;
        }
        .searchWrapper input[type=text] {
            width: 90%;
        }
        ul.menu.toplist.topList-burger.active {
            padding-top: 0;
        }
        .topList li.search .searchWrapper {
            opacity: 1;
            visibility: visible;
            width: auto;
            position: static;
            right: auto;
        }
        .topList li.search {
            border: none;
        }
        .topList li.search i {
		    right: 0;
		    top: calc(50% - 16px);
		    transform: translateY(-50%);
		    font-size: 22px;
		    left: 85%;
		    width: 10%;
		    height: 22px;
        }
        header .bottomHeaderWrapper .bottomHeader .logo {
            margin-right: -82px;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li {
            font-size: 22px;
        }
        header .bottomHeaderWrapper .bottomHeader nav ul li {
            font-size: 18px;
        }
        li.tel {
            padding: 30px 0;
        }
        li.tel,
        .tel a {
            font-weight: 600;
            color: #f07f21;
        }
        .topList-burger:after {
            float: none;
            border-bottom: 3px solid;
        }
        .bottomHeader .languages {
            width: 100%;
            display: inline-block;
            background-color: #f1f0e5;
            padding-bottom: 10px;
        }
        .bottomHeader .languages a {
            color: #6a4a3c;
            line-height: 35px;
            font-weight: 700;
            padding-right: 10px;
            padding-left: 10px;
        }
        .topList-social {
            padding-bottom: 36px;
        }
        .topList-social a i,
        .topList-social i.icon-icon_youtube,
        .topList-social i.icon-instagram,
        .topList-social .instagram i:after
        {
            font-size: 25px;
        }
        .topList-social h3 {
            font-size: 12px;
            padding-bottom: 20px;
        }
        .social > div {
            margin-right: 0;
            padding: 0 15px 0 0;
        }
        .bottomHeader li.search {
            padding-bottom: 36px;
        }
        .contact-burger:after {
            content: '';
            background-color: #efeceb;
            height: 3px;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
        }
        .contact-burger {
            padding-bottom: 44px;
        }
        /*MENU*******************************************/
        .hidden-md-down.info-card,
        #homeSlider a.more.hidden-md-down {
            display: none;
        }
        /*        .grid figure {
            margin: 5px;
        }*/
        .card-box {
            width: 50%;
            padding: 1.75em 1em;
        }
        figure h2 {
            font-size: 17px;
        }
        #twitter {
            padding-left: 0;
        }
        figure {
            margin: 0;
        }
        #newsletter {
            padding-left: 0;
        }
        footer .logo {
            float: none;
        }
        footer h3 {
            padding-top: 25px;
        }
        footer ul li {
            margin-bottom: 15px;
        }
        footer ul {
            padding-top: 20px;
        }
        footer .social {
            padding-top: 12px;
        }
        .purpose {
            padding: 25px 0 25px 0;
        }
        #newsletter {
            padding-left: 0;
        }
        div .categories-border:not(.different) {
            border: none;
        }
        #vid-text {
            padding-top: 0;
        }
        #vid-text p {
            background-image: none;
            text-align: center;
            padding-top: 0;
            margin-top: 15px
        }
        #vid-text p:after {
            content: "";
            position: absolute;
            border-top: 3px solid #fff;
            left: 50%;
            transform: translateX(-50%);
            bottom: -10px;
            width: 80px;
            height: 0px;
        }
        #homeSlider .slider .slide {
            height: 375px;
        }
        #homeSlider .slider .slide .slideNote {
            padding: 0 25px;
        }
        #homeSlider .slider .slide .slideNote .main-slider-text p {
            font-size: 30px;
            padding-top: 42px;
            margin-bottom: 5px;
        }
        #homeSlider .slick-prev.slick-arrow,
        #homeSlider .slick-next.slick-arrow {
            bottom: 150px;
        }
        #homeSlider .slick-prev.slick-arrow {
            right: 16.66666667%;
        }
        #homeSlider .slick-next.slick-arrow {
            left: calc(83.33333333% + 18px);
        }
        #vidwrap {
            margin-top: 50px;
            margin-bottom: 50px;
            margin-right: 5%;
            margin-left: 5%;
            width: 90%;
        }
        #vidwrap iframe {
            height: 52vw;
        }
        #programSlider .slider .slide .img {
            height: 41vw;
        }
        .contact-form {
            padding-left: 25px;
            padding-right: 25px;
        }
        #orange-contact-header h2 {
            font-size: 16px;
        }
        .donors-section .left {
            float: none;
            width: 100%;
            padding: 30px;
        }
        .donors-section h3 {
            margin-bottom: 25px;
            padding-bottom: 5px;
        }
        .donors-section .right .col {
            padding: 40px 30px 40px 10px;
        }
        .paypal-section .left,
        .paypal-section .right {
            width: 100%;
            float: none;
            text-align: center;
            border: 0;
            padding: 20px 0;
        }
        .paypal-section .left p,
        .paypal-section .right p {
            text-align: center;
        }
        .program-icon {
            top: 20px;
        }
        .sharing-container {
            padding-right: 0;
            padding-left: 0;
        }
        #news-list #info-card-grid {
            margin-left: 0;
        }
        .filters {
            margin-bottom: 0;
        }
        .sel-boxaki-left,
        .sel-boxaki-right {
            padding-right: 0;
            padding-left: 0;
            padding-bottom: 20px;
        }
        .info-card-box {
            width: 50%;
        }
        .donors-section .row {
            display: block;
        }
        
    }
    /* Small Devices, Tablets */
    
    @media only screen and (max-width: 768px) {
        
        #breadcrumbs {
            display: none;
        }
        
        h3.first-step {
            padding-left: 8.33333333333%;
        }
        #programSlider .slider .slide .img {
            height: 40vw;
        }
        .program-icon {
            margin-bottom: 15px;
            font-size: 43px;
        }
        #programs-grid figure h2 {
            font-size: 15px;
            bottom: 22px;
        }
        #programs-grid #cards-grid figure:hover h2 {
            top: initial;
            bottom: 22px;
        }
        .custom-wrapper .col-xs-6 {
            float: none;
            width: 100%;
        }
        #donate h2 {
            padding-left: 15px;
            padding-right: 15px;
            font-size: 32px;
            line-height: normal;
        }
        .header-icon .program-icon {
            top: -20px;
        }
        #orange-header > .container {
            background-size: contain;
        }
        .contact-form-header {
            margin-top: 0;
        }
        .result:hover:after {
            display: none;
        }
        .result-text {
            padding: 17px 30px 0 30px;
            width: 100%;
        }
        #infographic .teaser {
            width: 50%;
        }
        #infographic .teasersWrapper .teaser:nth-child(3n) {
            border-right: 5px solid rgba(173, 162, 157, .2);
        }
        #infographic .teasersWrapper .teaser:nth-child(2n) {
            border-right: none;
        }
        #sponsors-grid .card-box {
            margin: 7px;
            width: calc(25% - 14px);
        }
        #sponsors-grid figure img {
            padding: 0;
        }
        #sponsors-grid .card-box:hover:not(#cat-sponsor) p {
            line-height: 1;
        }
        .card-box {
            padding: 1.35em 1em;
        }
        #programs-grid .card-box {
            padding: 0.4em;
        }
        #library .teaser {
            width: 50%;
        }
        #library .teasersWrapper .teaser:last-child {
            width: 100%;
        }
        .team-popup {
            width: 90vw;
        }
        .PopUpDesc {
            max-height: calc(90vh - 330px);
            min-height: 100px;
            overflow: auto;
        }
        .team-popup .profile-photo {
            height: 88px;
            width: 88px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        
        #whatIs .hidden-sm-down,
        #social-feeds,
        .whatIsSlider,
        #needs .hidden-sm-down,
        #info-card-grid .hidden-sm-down {
            display: none;
        }
        .disclaimer span,
        .disclaimer span a,
        a.atcom {
            display: inline-block;
            width: 100%;
            float: none;
            text-align: center;
            padding: 0;
        }
        a.atcom,
        .disclaimer span:last-child {
            padding-bottom: 10px;
        }
        a.atcom,
        a.atcom:hover {
            float: none;
            padding-right: 0;
        }
        .information-flex {
            display: block;
        }
        .newsletter {
            width: 100%;
        }
        #newsletter h3 {
            text-align: center;
        }
        footer .social {
            float: none;
            text-align: center;
        }
        #howTo {
            padding-top: 300px;
        }
        .whatIsSliderWrapper figure {
            background-size: cover;
            max-height: 310px;
        }
        .whatIs-mob {
            margin-bottom: -120px;
            z-index: 1;
            background-color: #fff;
        }
        #whatIs .whatIs-mob p {
            padding-bottom: 20px;
        }
        #whatIs .whatIs-mob a.more {
            display: block;
            bottom: 20px;
            right: 50%;
            transform: translateX(50%);
        }
        footer .social i,
        footer .social i.icon-instagram,
        footer .social .instagram i:after
        {
            font-size: 25px;
        }
        footer .social i.icon-icon_youtube
        {
            font-size: 30px;
        }
        footer .social > div {
            margin: 0;
        }
        .newsletter input[type="submit"]{
            min-width: 100px;
        }
        #homeSlider .slick-dots {
            display: block !important;
        }
        #homeSlider .slick-arrow {
            display: none !important;
        }
        #homeSlider .slider .slide .slideNote .main-slider-text p {
            font-size: 20px;
            padding-top: 15px;
            margin-bottom: -28px;
        }
        #homeSlider .slider .slide .slideNote {
            bottom: 0;
            width: 100%;
        }
        #homeSlider .slide .container,
        #homeSlider .slide .col-xs-12 {
            padding: 0;
        }
        #homeSlider .slick-dots {
            bottom: 12px;
        }
        #homeSlider .slick-dots li {
            margin-right: 10px;
        }
        .slick-dots li button {
            background-color: #fff;
            width: 14px;
            height: 14px;
            border: 1px solid #6e4f41;
            border-radius: 50%;
            outline: none;
        }
        .slick-dots li.slick-active:after {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            margin-top: -2px;
            margin-left: -2px;
        }
        #information h1 {
            text-align: center;
        }
        #info-card-grid {
            margin-left: 0;
        }
        #info-card-grid h1:after {
            left: 50%;
            transform: translateX(-50%);
        }
        #information .info-card {
            margin: 0 auto;
            margin-top: 50px;
        }
        #information a.more {
            right: 50%;
            transform: translateX(50%);
        }
        h1 {
            font-size: 30px;
            margin-top: 25px;
        }
        #needs h1 {
            padding-left: 0;
        }
        #needs h1:after {
            left: 50%;
            transform: translateX(-50%);
            margin-left: 0;
        }
        #cards-grid .card-box {
            width: 50%
        }
        #programs-grid .card-box {
            width: 50%
        }
        .myButton-hide-mob {
            display: none;
        }
        .categories:hover .icon-cat {
            visibility: visible;
        }
        #actions .catsWrapper .categories:hover i {
            color: #fff;
        }
        .inside-cat,
        .categories:hover .inside-cat {
            padding: 8px 0;
        }
        #actions .catsWrapper .categories i {
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            position: absolute;
            display: inline-block;
            width: 105px;
        }
        .text-cat {
            width: calc(100% - 105px);
            float: right;
        }
        .text-cat h4 {
            text-align: left;
            font-size: 30px;
        }
        .text-cat p {
            text-align: left;
            font-size: 20px;
        }
        #actions .catsWrapper .categories i {
            font-size: 45px;
        }
        i.icon-ic_three_together.icon-cat {
            font-size: 40px !important;
        }
        #homeSlider .slider .slide {
            height: auto;
        }
        #homeSlider .slider .slide .img {
            position: relative;
            height: 60vw;
        }
        #homeSlider .slider .slide .slideNote {
            float: left;
            position: relative;
        }
        #vidwrap iframe {
            height: 48vw;
        }
        h3.first-step,
        div#program-detail p {
            padding-left: 0;
        }
        .program-icon {
            font-size: 60px;
            top: 20px;
        }
        .header-icon .program-icon {
            font-size: 48px;
            top: 0;
        }
        #programs-grid figure h2,
        #programs-grid #cards-grid figure:hover h2 {
            font-size: initial;
            bottom: 42px;
        }
        .contact-form-header {
            background-image: none;
        }
        #programSlider .slider .slide .img {
            height: 60vw;
        }
        #related .info-card {
            width: 50%;
        }
        #related {
            margin: 40px 0;
        }
        blockquote {
            padding: 60px 80px;
        }
        .blockquote-left {
            top: 60px;
        }
        .blockquote-right {
            bottom: 60px;
        }
        .popup {
            padding: 30px 40px;
        }
        .popup h3 {
            font-size: 18px;
            line-height: normal;
        }
        .sharing-container {
            margin-right: 0;
            margin-bottom: 35px;
        }
        #sharing-news .sharing-container {
            margin-bottom: 114px;
        }
        .search-container input[type=text] {
            min-width: inherit;
        }
        .search-container .field {
            float: none;
        }
        .search-container .field:last-child {
            margin-left: 0;
            margin-top: 20px;
        }
        .donors-section .right .col {
            width: 50%;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .donors-section .right .col:nth-child(3n+1) {
            clear: initial;
        }
        .donors-section .right .col:nth-child(2n+1) {
            clear: left;
        }
        .steps li {
            padding-left: 22px;
        }
        #programSlider .slick-next.slick-arrow {
            font-size: 15px;
        }
        #programSlider .slick-prev.slick-arrow {
            font-size: 15px;
            right: 120px;
        }
        .pagingInfo {
            right: 100px;
            font-size: 17px;
        }
        .pagination > li:last-child > a,
        .pagination > li:last-child > span,
        .pagination > li:first-child > a,
        .pagination > li:first-child > span {}
        .tryagain input[type=text] {
            width: 60%;
        }
        .tryagain input[type="submit"] {
            width: 40%;
        }
        .img-warning {
            margin-top: 0px;
            margin-bottom: 28px;
            width: 100px;
            height: auto;
        }
        .tryagain {
            position: relative;
            margin: 0;
        }
        #news-list a.meta-data {
            padding: 0;
        }
        #sponsors-grid .grid {
            display: block;
        }
        #sponsors-grid .card-box {
            padding: 100px;
            width: 80%;
        }
        #sponsors-grid .card-box {
            left: 10%;
        }
        #sponsors-grid #cards-grid figure {
            margin: 0 auto;
        }
        .arrow-right {
            display: none;
        }
        .arrow-down {
            display: inline-block;
        }
        #sponsors-grid .card-box:hover:not(#cat-sponsor) p {
            padding-right: 55px;
        }
    }
    /* Extra Small Devices, Phones */
    
    @media only screen and (max-width: 680px) {
        .slick-dots {
            display: none !important;
        }
    }
    
    @media only screen and (max-width: 639px) {
        .card-box {
            float: left;
        }
        .program-icon {
            font-size: 45px;
        }
        #programs-grid figure h2,
        #programs-grid #cards-grid figure:hover h2 {
            font-size: 15px;
            bottom: 22px;
            line-height: 20px;
            bottom: 22px;
        }
        .info-card-box {
            width: 100%;
            margin-bottom: 25px;
            display: block;
        }
        .donors-section .right .col {
            width: 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            text-align: center;
        }
        .donors-section .right .col:nth-child(2n+1) {
            clear: initial;
        }
    }
    
    @media only screen and (max-width: 480px) {
        h1 {
            font-size: 19px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        p {
            font-size: 15px;
        }
        #content-text p,
        #content-text li,
        a.content-link {
            font-size: 15px;
        }
        ::-webkit-input-placeholder {
            font-size: 12px;
        }
        :-moz-placeholder {
            /* Firefox 18- */
            font-size: 12px;
        }
        ::-moz-placeholder {
            /* Firefox 19+ */
            font-size: 12px;
        }
        :-ms-input-placeholder {
            font-size: 12px;
        }
        a.content-link {
            border-bottom: 2px solid #f07f21;
        }
        #content-text .steps {
        padding-top: 0;
        padding-bottom: 50px;
        }
        .content-slider {
            padding: 0;
        }
        .steps ul li {
            padding-left: 0;
        }
        .header-image {
            height: 58vw;
        }
        #contact-page .header-image #map {
            height: 55vw;
        }
        #vidwrap {
            margin-right: 2%;
            margin-left: 2%;
            width: 96%;
        }
        div#program-detail .number {
            font-size: 45px;
            width: 65px;
        }
        #steps h3 {
            -webkit-margin-before: 0.5em;
            font-size: 18px;
        }
        #programSlider .slider .slide .img {
            height: 58vw;
        }
        .orange-form-header {
            padding: 0 10px;
        }
        .submitBtn input[type="submit"] {
            margin-top: 30px;
            margin-bottom: 25px;
        }
        #orange-header h1 {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .sharing-container {
            margin-bottom: 60px;
            padding-right: 5px;
            padding-left: 5px;
        }
        .program-form {
            padding-right: 5px;
            padding-left: 5px;
        }
        .form .input,
        select {
            margin-bottom: 30px;
        }

        .contact-form {
            padding-right: 5px;
            padding-left: 5px;
        }
        .checkbox label {
            line-height: 18px;
        }
        #orange-contact-header h2 {
            font-size: 17px;
        }
        .success .space {
            padding-bottom: 80px;
        }
        .success .contact-form {
            padding-top: 80px;
        }
        #related .info-card {
            width: 100%;
        }
        #related {
            margin: 0 0 50px 0;
        }
        #related .hidden-xs-down {
            display: none;
        }
        blockquote,
        .blockquote {
            font-size: 18px;
        }
        blockquote {
            padding: 28px;
        }
        .blockquote-left {
            top: 28px;
        }
        .blockquote-right {
            bottom: 28px;
        }
        #related #info-card-grid {
            padding-bottom: 0;
        }
        .popup {
            top: 0;
            left: 0;
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        .popup h3 {
            font-size: 16px;
        }
        .popup .image {
            display: inline-block;
            margin-bottom: 10px;
            float: none;
        }
        .popup .descr {
            padding: 20px 0;
            max-height: 90px;
            overflow-y: auto;
            margin-bottom: 20px;
            padding-bottom: 0;
        }
        .popup .descr p {
            font-size: 14px;
            line-height: 18px;
        }
        .popup ul {
            margin: 10px 0;
        }
        .popup ul li {
            font-size: 14px;
        }
        .popup ul li a,
        .popup ul li a:link,
        .popup ul li a:visited {
            font-size: 14px;
        }
        a.fb-share,
        a.tweet,
        #sharing
        {
            display: none;
        }
        .sharing-container {
            padding-right: 20px;
            padding-left: 20px;
        }
        #programSlider .slick-next.slick-arrow {
            font-size: 12px;
            bottom: 15px;
        }
        #programSlider .slick-prev.slick-arrow {
            font-size: 12px;
            right: 105px;
            bottom: 15px;
        }
        #programs-grid .card-box {
            width: 100%
        }
        #cards-grid figure p {
            display: none;
        }
        #cards-grid .card-box {
            width: 100%
        }
        .vertButton {
            display: none;
        }
        figure h2 {
            top: 22px;
        }
        .pagingInfo {
            right: 90px;
            font-size: 15px;
            bottom: 15px;
        }
        .program-icon {
            font-size: 50px;
            float: left;
            padding-right: 20px;
            margin-bottom: 0;
            position: relative;
            top: calc(50% - 20px);
            position: absolute;
            left: -40px;
            display: block;
            width: 30%;
        }
        #programs-grid figure h2,
        #programs-grid #cards-grid figure:hover h2 {
            font-size: 15px;
            text-align: left;
            float: right;
            display: block;
            word-break: break-word;
            width: 70%;
            position: absolute;
            right: 0;
            bottom: 50%;
            transform: translateY(50%);
        }
        #programs-grid figure figcaption {
            padding: 0 22px;
        }
        .header-icon .program-icon {
            font-size: 50px;
            text-align: center;
            clear: both;
            padding-right: 0px;
            margin-bottom: 0;
            position: relative;
            width: 100%;
            left: initial;
        }
        div#program-detail p {
            text-align: left;
        }
        div#program-detail .orange-form-header p {
            text-align: center;
        }
        .orange-form-header {
            margin-top: 22px;
        }
        .steps {
            padding-bottom: 40px;
        }
        .steps li {
            padding-left: 0;
        }
        .contact-form-header {
            margin-top: 0;
        }
        .congrats {
            margin-top: 20px;
            margin-bottom: 20px;
        }
        #map {
            height: 35vw;
        }
        .error-text h1 {
            font-size: 130px;
        }
        #news-header {
            padding-bottom: 0;
        }
        #cards-grid figure#vertical-style:hover {
            transition: all 0.5s ease;
            background-color: #f07f21;
            box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
        }
        figure#vertical-style:hover .brown-layer {
            background-color: transparent;
        }
        figure#vertical-style:hover img {
            opacity: 0;
        }
        #infographic .teaser {
            width: 100%;
            display: block;
        }
        #sponsors-grid #cards-grid .card-box {
            width: 80%;
            margin: 15px auto;
        }
        #sponsors-grid .card-box:hover:not(#cat-sponsor) {
            transition: none;
            background-color: transparent;
            box-shadow: none;
        }
        #sponsors-grid .card-box:hover figure img {
            opacity: inherit;
        }
        #sponsors-grid #cards-grid figure:hover:not(#vertical-style) img {
            opacity: 1;
        }
        .card-box {
            padding: 0.5em;
        }
        #infographic .teasersWrapper {
            padding: 53px 0 50px 0;
        }
        #library .teaser {
            width: 100%;
            display: block;
        }
        #awards h3,
        #awards .notlink h3 {
            font-size: 14px;
        }
        #librarySlider .content-grey {
            padding: 0;
        }
        #library .teasersWrapper {
            padding-top: 0;
        }
        #news-list .row {
            display: block;
        }
        .team-popup {
            padding: 25px;
        }
        #infographic .teasersWrapper .teaser:nth-child(3n) {
            border-right: none;
        }
        #infographic .teasersWrapper .teaser {
            border-right: none;
        }
        
        #about, #about h3, 
        #contact, #contact h3
        {
            display: block;
            width: 100%;
            text-align: center;
        }
        
        footer ul li {
            margin-bottom: 5px;
        }
        
        #information .info-card{
            width: 85%;
             margin-top: 20px;
        }
        
        .main-slider-text{
            float: left;
            width: 100%;
        }        
        #homeSlider .slider .slide .slideNote .main-slider-text p {
            margin-bottom: 0px;
        }
        
        .header-icon {
            margin-bottom: 25px;
        }

    }
    /* Custom, iPhone Retina */
    
    @media only screen and (max-width: 425px) {
        #sponsors-grid .card-box {
            padding: 60px;
        }
        .arrow-down {
            top: 120px;
        }
    }
    
    @media only screen and (max-width: 320px) {
        footer .container {
            padding: 0 5px;
        }
        #contact ul li span {
            padding: 0 10px 0 0;
        }
        #homeSlider .slick-dots {
            bottom: -4px;
        }
        .program-icon {
            top: 10px;
        }
    }