@media screen and (max-width: 960px){
  #header .four, #header .eight { width: 100%;}
  #header #header-text {text-align: center;}
  #header .top-bar {margin: 0;}
  #header .top-bar > ul .name img {margin: 0; max-width: 215px;}
  #header .top-bar section > ul li a:not(.button) {background-image: url("../images/vignette.png"); background-repeat: no-repeat; padding-left: 10px; background-position: 20px center; padding-left: 30px !important;}

  #header .top-bar ul.left > li, .top-bar ul.right > li { border-top: 1px solid #e1e1e1;}
  
  //#header .top-bar ul > li.agency-tool-mobile a{background-image: none !important; text-transform: none; font-size: 12px;}

  #header .top-bar ul > li.volunteer { padding: 10px 0;}
  #header .top-bar ul > li.volunteer a{margin: 0 auto; width: 90%; color: #fff !important; background-image: none !important;}

  #header .top-bar ul > li.donate { padding: 10px 0;}
  #header .top-bar ul > li.donate a{margin: 0 auto; width: 90%; color: #fff !important; background-position: none !important;}
  #header #search-mobile { width: 90%; margin: 0 auto;}
  #header #search-mobile form input[type*="text"]  {width: 655px; height: 39px; display: block; float: left; margin: 0px; font-family: "Raleway", sans-serif;}
  #header #search-mobile form input[type*="submit"]  { margin-left: -5px; display: block; float: left;  }
  
  .orbit-wrapper .slider-nav span {top: 25%;}
  
  .orbit-wrapper .orbit-caption {position: relative; bottom: 0; margin:0; padding: 0; left: 0; width: 100%;}
  .orbit-wrapper .orbit-caption .five {width: 100% !important;}

  #content-secondary #programs .container-programs .orange-button {width: 100%;}
}
/******************************
*MediaQuery 767
******************************/
@media screen and (max-width: 767px){
  body{ min-width: 320px;}

  #header {padding: 15px 0;}
  #header #menu {display: block; height: auto;}

  #header #menu nav {padding: 0;}
  #header .top-bar {margin: 0;}
  #header .top-bar > ul .name img {margin: 0; max-width: 215px;}
  #header .top-bar section > ul li a:not(.button) {background-image: url("../images/vignette.png"); background-repeat: no-repeat; padding-left: 10px; background-position: 20px center; padding-left: 30px !important;}

  #header .top-bar ul.left > li, .top-bar ul.right > li { border-top: 1px solid #e1e1e1;}
  
  //#header .top-bar ul > li.agency-tool-mobile a{background-image: none !important; text-transform: none; font-size: 12px;}

  #header .top-bar ul > li.volunteer { padding: 10px 0;}
  #header .top-bar ul > li.volunteer a{margin: 0 auto; width: 90%; color: #fff !important; background-image: none !important;}

  #header .top-bar ul > li.donate { padding: 10px 0;}
  #header .top-bar ul > li.donate a{margin: 0 auto; width: 90%; color: #fff !important; background-position: none !important;}
  #header #search-mobile { width: 90%; margin: 0 auto;}
  #header #search-mobile form input[type*="text"]  {width: 253px; height: 39px; display: block; float: left; margin: 0px; font-family: "Raleway", sans-serif;}
  #header #search-mobile form input[type*="submit"]  { margin-left: -5px; display: block; float: left;  }
  
  #content #green-block h3 {    font-size: 58px; line-height: 60px;}
    #content #green-block.new-template h3 {    font-size: 24px; line-height: 25px;}
  #content #green-block  .left-people{border-right:none; border-bottom:1px solid #425322; padding: 15px 0; margin-bottom: 2px;}
   #content #green-block.new-template img{width: 80%;}
  #content #green-block.new-template a{font-size: 16px;} 
 #content #green-block  .right-people{border-left:none; border-top: 1px solid #425322; padding: 21px 0px 17px; margin-top: 2px;}
  #content #block1 {padding: 15px 0;}
  #content #block2 #content-posts .row {border: none;}
  /*#content-posts-block1 .six{border-bottom: 1px dashed #cccccc;}*/
  #content-posts-block1 #post-4{border:none !important;}
  #content #block1 img{padding: 20px 0;}
  #content #content-images .image-title {margin-top: -55px;}

  
  #content #block2 {padding: 30px 0;}
  #content #block2 #content-posts .content-posts-block-image {width: 35%}
  #content #block2 #content-posts h1 {margin: 0;}
  #content #block2 #content-posts .content-posts-block-text {width: 64%; padding-left: 0;}

  #content #donors #donors-title {padding: 30px 0 15px;}
  
  #content #donors .slick-slide img {margin: 0 auto;}

  #content-secondary #programs .container-programs .orange-button {margin: 5px auto;}
  #content-secondary #ways-to-give #more-ways-block .six:last-child {float: none;}

  #footer-top {background-position: bottom center;}
  #footer-top #form-need-food {padding-top: 20px;}
  #footer-top #form-need-food form {overflow: hidden;}
  #footer-top #form-need-food input,#footer-top #form-need-food input[type*="submit"] {width: 100%; float: left; }
  #footer-top #form-need-food input[type*="submit"]  {margin: 0 3px;}
  #footer-top #form-need-food img {margin: 0 auto; display: block;}

  

  #footer-bottom {background-image: url("../images/footer-background-mobile.png"); background-position: right bottom;}
  #footer-bottom .footer-logos {text-align: center; margin-bottom: 10px; overflow: hidden;}
  .button:hover, .button:focus {background: #e59f44 !important;}
  
  #footer-bottom #footer-contact ul {margin-top: 10px;}
  #footer-bottom #footer-contact ul li {display: block; text-align: center;}
  #footer-bottom #footer-contact ul li.hide-for-small {display: none !important;} 
  #footer-bottom #footer-contact ul, #footer-bottom #footer-menu ul.right { float: none; text-align: center;}
#footer-bottom #footer-menu ul li {padding: 5px 10px;}
  #footer-bottom #footer-menu ul li.donate { width: 100%; margin-top: 20px;}
  #privacy_menu ul li {display: block;}

  /******************************
  * WHERE-TO-GET-FOOD
  ******************************/
  #wpsl-wrap #wpsl-search-wrap .wpsl-input input {width: 100% !important ; height: 49px;}
  #wpsl-wrap #wpsl-search-wrap .wpsl-input input[type*="submit"] {margin: 15px 0;}
  #wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap #wpsl-radius label {width: 100%;}

	#dialog .window {max-width: 700px !important; width: 100% !important; left: 0 !important;}
	#boxes #dialog {max-width: 700px !important;width: 100% !important; left: 0 !important;}
	.dialog {width: 100% !important; } 
	#boxes .window .close { right: 10px !important; }


}

@media only screen  and (min-device-width : 320px)  and (max-device-width : 568px)  and (orientation : landscape) { 
  .orbit-wrapper .orbit-caption {position: relative; bottom: 0; margin:0; padding: 0;  bottom: 0px; left: 0px; width: 100%;}
  .orbit-wrapper .orbit-caption .five {width: 100%;}
  #content-secondary #ways-to-give h3 , #content-secondary #ways-to-give #container-amount{width: 100%; float: none; text-align: center; }
}