@media (min-width: 901px) {
    #header #mainnav  {
        display:block !important;
    }
}
/*  */
@media (max-width: 1400px) {
    #header #mainnav ul li a {
        padding:15px 10px 12px 10px;
    }
}

@media (max-width: 1200px) {
    * {
        word-wrap: break-word;
    }

    #header #mainnav ul li a {
        padding:15px 8px 12px 8px;
    }
}

@media (max-width: 1100px) {
    #thepopup {
        max-width: 80%;
    }
    
    .inner {
        width:90%;
    }

    #maincontent.homemaincontent .inner {
        width:90%;
    }

    #home-hero .hero-wrap h1 {
        font-size:70px;
        line-height:80px;
    }

    #maincontent.homemaincontent .bcontent {
        width:85%;
        margin:0 auto;
    }

    #header #mainnav ul li {
        font-size: 14px;
    }

    #header #logo img {
        width: 200px;
    }
}

@media (max-width: 1000px) {
    .home .multiple-slides {padding-top:80px !important}
    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 14px;
        height: 20px;
        margin: 0 10px;}
    .slick-dots li button {        background-color: #5e69ff;}
    .slick-dots li.slick-active button {        background-color: #272e96;}
    .home .homemaincontent {padding-top:60px;}
    .slick-dots {bottom: -37px;}
    .sliderdesktoponly { display: none; }
    .slidermobileonly { display: block; }
    .herobtn-mobile {
      display: block;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      background: #5e69ff;
      color: #fff;
      padding: 15px 0;
      font-size: 19px;
      font-family: config-variable, sans-serif;
      text-transform: uppercase; 
      font-weight: 800;
      font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
      border: none;
      border-radius: 2px;
    }
    #home-hero,
    #home-hero .hero-wrap {
      height: auto !important;
    }
    
    /* #home-hero-mobile .slick-dots { display: none !important; } */
    
}

@media (max-width: 900px) {
    #home-hero-mobile .hero-wrap-mobile img {
        width: 100%;
        height: 300px !important;
    }
   
  
    #socialfeed .tweetitem {
        width:100%;
    }

    #ourimpact .contentleft {
        width:100%;
    }

    #ourimpact .contentright {
        width:100%;
    }

    #ourimpact .contentright .newsitem .newscon {
        margin-left:0;
    }

    #ourimpact #standardnews .newsitem {
        width:100%;
    }

    #ourwork .projectiem {
        width:100%;
        margin-bottom:20px;
    }

    .ngp-form .at-row .at-text {
        min-width:100%;
    }

    #maincontent.homemaincontent h3 {
        margin-bottom:10px;
    }

    #home-hero a.herobtn {
        padding:15px 20px;
    }

    #donatetabcontent {
        display:block;
        border:solid 4px #ab2377;
    }

    #donatetabs ul li a {
        border-left:solid 4px #ab2377;
        border-right:solid 4px #ab2377;
    }

    #donatetabcontent #donateleft,
    #donatetabcontent #donateright,
    #donatetabbox {
        width:100%;
        border:none;
    }

    #donatetabs ul li a {
        font-size:16px;
        padding: 16px 10px;
    }

    #header #utilitynav {
        max-height:400px;
    }

    #logo {
        border-bottom:solid 7px #ffb423;
    }

    .colleft img, .colright img {
        position:relative;
        margin:0 auto;
    }

    #header #logo {
        width:100%;
        text-align:center;
        position:relative;
    }
    
    #header #utilitynav h2 {
        display:block;
        text-align:center;
        margin-bottom:10px;
        font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
        font-size:18px;
    }

    #header #mainnav {
        display:none;
    }

    #mainnav ul {
		float:none;
		width:100%;
	}

	#header #mainnav ul li {
		font-size:14px;
		margin-bottom:10px;
		margin-right:0;
		text-align:center;
        display:block;
	}

	#header #mainnav ul li a {
		padding:5px 15px;
	}

	#header #mainnav ul li a.active {
		border:none;
	}

	#header #mainnav ul li:last-child {
		margin-bottom:10px;
	}

    #header #mainnav ul li.current-menu-item a {
        background-color: #f2b91c;
    }

    #menu-icon {
        padding: 5px 0px 0px 0px;
        cursor: pointer;
        display: block;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: 10px;
        right: 20px;
        height: 35px;
        font-family: 'Oswald', sans-serif;
    }

    #menu-icon span {
        background: url(/wp-content/themes/blueprintinteractive/images/toggle.png) no-repeat 10px 32px;
        display: block;
        height: 60px;
        width: 45px;
        text-align: center;
        display: block;
        overflow: hidden;
        padding: 6px 0px;
        color: #ffffff;
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 10px;
        background-size: 70px 19px;
    }

    #menu-icon.expandedinfull span {
        background: url(/wp-content/themes/blueprintinteractive/images/toggle.png) no-repeat -37px 32px;
        background-size: 70px 19px;
    }
    
    #header #logo {
        text-align:left;
    }

    #header #logo img {
        width: 150px;
        height: auto;
    }

    #addresses {
        width:100%;
    }

    img.alignleft, img.alignright {
        width:100%;
        height:auto;
        float:none;
        margin-left:0;
    }

    .addressitem:nth-child(1) {
        border:none;
    }

    .addressitem {
        width:100%;
        margin-bottom:10px;
    }

    #footer img#footerlogo {
        margin-bottom:20px;
    }

    #header #mainnav ul li ul {
        display:block;
        position:relative;
        top:0;
        left:0;
        width:100%;
        border-color:transparent;
    }

    #header #utilitynav {
        text-align:center;
    }

    #header #mainnav ul li.menu-item-has-children:hover {
        border-color:transparent;
    }

    #header #mainnav ul li ul li a:hover, #header #mainnav ul li:hover a {
        background-color:transparent;
        color:#2a2a2a;
    }
    
    #header #mainnav ul li ul {
        background:none;
    }

    #header #mainnav ul li ul li {
        font-size:15px;
    }

    #header #mainnav ul li ul li a {
        color:#2a2a2a;
    }

    #header #mainnav ul li.current-menu-item a {
        background-color:transparent;
        /* border-bottom:solid 1px #cccccc; */
    }

    #header #mainnav ul li.current-menu-item ul li a {
        width:auto;
        display:inline-block;
    }

    #header #mainnav ul li.current-menu-ancestor a span {
        border-bottom:none;
    }

    #header #mainnav ul li.current_page_item > a span {
        border-bottom:solid 5px #ab2377 !important;
    }

    #header #mainnav ul li#menu-item-199,
    #header #mainnav ul li#menu-item-194,
    #header #mainnav ul li#menu-item-226 {
        background:none;
        margin-right:0;
    }

    #header #mainnav ul li#menu-item-199 a {
        background:#e9e9e9;
        width:220px;
        padding:15px;
    }

    #header #mainnav ul li#menu-item-194 a {
        background:#ab2377;
        width:220px;
        padding:15px;
    }

    #header #mainnav ul li#menu-item-226 a {
        background:#5e69ff;
        width:220px;
        padding:15px;
    }

    #header #mainnav ul li ul li.current-menu-item a {
        background-color:transparent;
    }

    #filters .formitem {
        width:100%;
        margin-bottom:10px;
    }

    .everyactionsignup .at-fields .at-row.PostalCode, .everyactionsignup .at-fields .at-row.EmailAddress {
        width:175px;
    }

    .everyactionsignup {
        margin-left:0;
    }

    svg#largesearchicon {
        display:none;
    }

    #maincontent .newsitem .newsright {
        margin-left:2%;
        width:60%;
    }

    .page-template-page-affiliate_listing #map-container, .halfborder {
        display:none;
    }

    #maincontent .partneritem {
        width:100%;
    }

    .slick-slide img.mobileonly {
        display:block;
        object-fit:contain;
    }

    .mobileonly {
        display:block;
    }

    .slick-slide img.desktoponly, .desktoponly  {
        display:none;
    }
}

@media (max-width: 700px) {
    #imagegallery {
        grid-template-columns: 300px;
    }

    .smallamounts .thepopup-button.amountbtn {
        width: 31.7%;
        font-size:15px;
    }

    #maincontent .contentleft {
        width:100%;
    }

    #maincontent .contentright {
        width:100%;
    }
}

@media (max-width: 600px) {
    #home-hero-mobile .hero-wrap-mobile img {
        width: 100%;
        height: 200px !important}
        #home-hero-mobile .hero-wrap {
            height: 250px;
        }
    .hero-wrap .inner h1 {
        font-size: 35px;
        line-height: 40px;
    }
}

@media (max-width: 500px) {
    
}

@media (max-width: 450px) {
    #home-hero-mobile .hero-wrap-mobile img {
        width: 100%;
        height: 150px !important;
    }
    
}

@media (max-width: 400px) {
   
}

@media (max-width: 350px) {

}

#home-hero-mobile .hero-wrap-mobile img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

#home-hero-mobile,
#home-hero-mobile .slick-list,
#home-hero-mobile .slick-track {
    height: auto !important;
    min-height: 0 !important;
}