/* Large desktop */
    @media (min-width: 1200px) { ... }


    /* home slider content */
    @media (min-width: 768px) and (max-width: 1500px) { 
        .slider-content{
            width: 50%;
            right: -25px;
        }
    }
    @media (max-width: 1230px) { 
        .slider-content h1 a{
            font-size: 37px;
        }
        .slider-content p{
            font-size: 18px;
        }
        .bios a.bod-popover, .bios a.cfbm-popover{
            display: none;
        }
        .bio-images{display: block;}
    }
    @media (min-width: 480px) and  (max-width: 995px) {
        .slider-content{
           width: 90%;
           position: relative;
           right: 0;
           bottom: 0;
           left: 0;
           padding: 50px 0 50px 33px;
           background: none;
        }
        .slide-container{
            width: 100%;
            max-width: 100%;
            background: url(../images/slider-content-bg-tile.png)left top repeat;
        }
    }

    @media (min-width: 768px) and (max-width: 1070px){
        .event-excerpt{
            padding-left: 30px;
        }
    }


     @media (max-width: 890px) {
        .carousel-inner > .item > img, .carousel-caption{
            width: 100%;
            padding-bottom: 10px;
        }
        .carousel-caption{
            padding-top: 3%;
        }
        .home-contact-form{
            padding-bottom: 30px;
        }
        .recent-blog-posts{
            padding-bottom: 0;
        }
    }

    @media (min-width: 757px) and (max-width: 890px) {
        .recent-blog-date{
            height: 50px;
            width: 50px;
        }
        .recent-blog-post-month{
            padding-top: 0px;
            font-size: 16px;
        }
        .recent-blog-post-day{
            font-size: 25px;
        }
        .recent-blog-post h4{
            font-size: 20px;
        }
    }

    @media (min-width: 481px) and (max-width: 768px) {
        .span1.recent-blog-meta{
            float: left;
            width: auto !important;
            display: block;
            margin-right: 0px;
            min-height: 220px;
        }
        .span3.recent-blog-meta{
            float: left;
            width: auto !important;
            display: block;
            margin: 0 auto;
            min-height: 0px;
            padding-bottom: 30px;
        }
        .blog-post-thumbnail img, .row-fluid .span4.post1, .row-fluid .span4.post2, .row-fluid .span4.post3{
            width: 100%;
            margin-left: 0 !important;
        }
        .span4.posts-white-bg{
            width: 95%;
            margin: 0 auto !important;
            padding-left: 40px;
        }
        .row-fluid .recent-blog-posts-container .span4.post1, .row-fluid .recent-blog-posts-container .span4.post2, .row-fluid .recent-blog-posts-container .span4.post3{
            padding-bottom: 20px;
        }
        .recent-blog-posts{
            padding-bottom: 35px;
        }
        .recent-blog-post h4{
            line-height: 120%;
        }
        .row-fluid .span3.map-image{
            width: 40%;
            margin-left: 50px;
        }
        .page-template-page-contact-php .row-fluid .span2.office-locations{
            width: 50%;
        }
        .page-template-page-contact-php .row-fluid .span2.office-locations.yeg{
            padding-bottom: 50px;
        }
        .page-template-page-contact-php .row-fluid .span8.staff-listings{
            width: 100%;
            margin-left: 0 !important;
        }
        .page-template-page-contact-php .row-fluid .span8.staff-listings.intake-staff{
            margin-left: -10px !important;
        }
        .page-template-page-contact-php .row-fluid .span8.staff-listings.staff-sub-heading h4{
            margin-left: -20px !important;
        }
        .staff-listings a{
            font-size: 13px;
        }
    }

    @media (min-width: 480px) and (max-width: 600px) { 
        .span1.recent-blog-meta{
            min-height: 0px !important;
        }
    }
     
     
    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { 
        .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
            border-radius: 0;
        }
        #logo_{
            float: none;
            margin: 0 auto;
            width: 170px;
        }
    }

    @media (min-width: 891px) and (max-width: 1100px) { 
       
        #menu-main{
            padding: 55px 0 40px 0;
            float: right;
        }
        #menu-main li a{
            text-align: center;
            padding: 0 0 10px;
            margin: 0px 14px;
        }
    }

    @media (min-width: 768px) and (max-width: 900px) { 
        .menu-main-container{
            width: 100% !important;
            margin-left: 0 !important;
        }
        #menu-main{
            padding: 0 0 40px 0;
            width: 100%;
        }
        #menu-main li a{
            text-align: center;
            padding: 0 0 10px;
            margin: 0px 12px;
        }
    }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) { 
    	#menu-main{
     		padding: 0 0 40px 0;
     	}
     	#menu-main li a{
     		text-align: center;
     		margin: 0px auto;
     	}
        .faces-quote img, .tweet img.tweet-bottom{
            display: block;
            margin: 0 auto;
            float: none;
        }
        .staff-contact, .event-type{
            padding-bottom: 20px;
        }
        .office-locations{
            padding: 20px 0;
        }
        .event-date{
            padding-bottom: 20px;
        }
        .spirit-of-chrysalis-aside{
            padding-top: 30px;
        }
        .careers img, .blog-aside-container, #comments, .comments-icon{
            padding-top: 20px;
        }
        .entry{
            padding-top: 40px;
        }
        #footer-narrow {
            display: block;
            width: 200px;
            margin: 0 auto;
        }
        #footer-banner-narrow{
            padding-bottom: 20px;
        }
        .edmonton-office, .calgary-office, .footer-social-media{
            padding-bottom: 5px;
        }
        #footer-regular{
            display: none;
        }
        #logo{
            float: left;
            margin: 0;
            width: 170px;
        }
    }

    @media (max-width: 768px) { 
        #menu-main li a:hover, #menu-main li a.active, .home #menu-main li a.active.home-active{
            border-bottom: none;
        }
        .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{
            font-weight: 300 !important;
        }
        #menu-main{
            padding-top: 30px;
        }
        #menu-main li a{
            padding: 17px 0 17px;
        }
        #menu-main li ul{
            position: relative;
            width: 100%;
            margin: 0 auto 0px;
        }
        #menu-main li ul a{
            text-align: center;
        }
        #two-col{
            -moz-column-count: 1;
            -moz-column-gap:  0px;
            -webkit-column-count: 1;
            -webkit-column-gap:  0px;
            column-count: 1;
            column-gap: 0px; 
        }
        footer{
            margin-bottom: 40px;
        }
        .main-image-wrap h1{
            font-size: 30px;
        }
        #main-nav-donate{
            display: block;
        }
        #donate, .twitter-handle, #prog-serv-bg-image-container .anystretch img{
            display: none !important;
        }
        #prog-serv-bg-image-container{
            background: url(../images/white-bg-tile.jpg)left top repeat !important;
        }
        #menu-main li ul a.prog-serv-edm:hover {
            background:#191048;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            border-bottom: none;
            }

        #menu-main li ul a.prog-serv-cal:hover {
            background:#191048;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            border-bottom: none;
            }
        #header-top .row-fluid{
            width: 98% !important;
        }
        .resize-font{
            padding-left: 9px;
        }
        .header-contact-edmonton{
            padding-right: 3px;
        }
        #header-top p{
            font-size: 12px;
        }
        .row-fluid .span3.ed-office, .row-fluid .span3.cal-office{
            width: 31%;
        }
        .row-fluid .span4.footer-sm{
            margin-left: -30px;
        }
        .page-template-page-be-a-game-changer-php .main-image-wrap img{
            width: 50%;
        }
        .donate-form select#province, .donate-form select#card-type{
            width: 94%;
        }
        .additional-comments textarea{
            width: 91%;
        }
        .donate-form .security-code, .donate-form .frequency{
            width: 45%;
        }
        .donate-form .frequency{
            margin-bottom: 0 !important;
        }
    }

    @media (max-width: 795px) { 
        .header-contact{
            text-align: center;
        }
    }

    @media (max-width: 650px) { 
        .directors-board-members img{
            width: 100%;
        }
    }

    @media (max-width: 590px) { 
        .archives-container, .header-contact{
            display: none;
        }
        .blog-aside-container{
            float: right;
            padding-top: 30px;
            width: 100%;
        }
        .blog-social-media-container{
            width: 30%;
            float: left;
            width: 100px;
        }
        .search-form-container{
            float: right;
            width: 130px;
            margin-right: 15px;
        }
        .blog-social-media-container{
            padding-right: 10px;
        }
        #search-form{
            float: none;
        }
    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) { 
        .resize-font{
            padding-left: 5px;
        }
        .span1.recent-blog-meta{
            float: none;
            width: 70px !important;
            display: block;
            margin: 0px auto 40px !important;
        }
        .recent-blog-post{
            padding-bottom: 20px;
        }
        .ceo-image{
            width: 100%;
        }
        #two-col{
            -moz-column-count: 1;
            -moz-column-gap:  0px;
            -webkit-column-count: 1;
            -webkit-column-gap:  0px;
            column-count: 1;
           column-gap: 0px; 
        }
        .blog .blog-excerpt, .archive .blog-excerpt, .search .blog-excerpt, .home .blog-excerpt{
            padding-top: 30px;
        }
        .recent-blog-date{
            margin: 0 auto;
        }
        #field_1_1, #field_2_1, #field_2_3, #field_1_2, #field_2_2, #field_2_4{
            float: none;
            width: 100%;
            margin-right: 0;
        }
        .faces-of-chrysalis, .blog-post-thumbnail img{
            display: none;
        }
        .main-image-wrap{
            background: url(../images/blue-bg-tile.jpg)left top repeat !important;
        }
        .main-image-wrap .anystretch img{
            display: none !important;
        }
        .slider-content{
           width: 90%;
           position: relative;
           right: 0;
           bottom: 0;
           left: 0;
           padding: 50px 0 50px 0px;
           margin: 0 auto;
           background: none;
        }
        .slide-container{
            width: 100%;
            max-width: 100%;
            background: url(../images/blue-bg-tile.jpg)left top repeat;
        }
        .slider-content p, .slider-content a:hover{
            color: #008D9C;
        }
        .button.prog-serv-more-button{
            width: auto;
        }
        .flexslider .slides img{
            display: none !important;
        }
        .home .arrow.blue{
            background-position: 0px -13px;
        }
        .recent-blog-post h4{
            line-height: 100%;
        }
        .blog-tags{
            padding-top: 5px;
        }
        .donate-form select#province, .donate-form select#card-type{
            width: 96%;
        }
        .donate-form .security-code, .donate-form .frequency{
            width: 43.5%;
        }
    }