@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {
	body{
		min-width:1000px;
	}
	
	.top, .main, .footer, .copy{
		width:1000px;
	}
	
	.rslides .callout{
		top:100px;
	}
	
	#home .col.middle {
		margin: 0 110px;
	}
	
	#home .lastcol2 img{
		width:100%;
		height:auto;
	}
	
	#testimonials .quote {
		 
		width: 27.5%;
		margin: 0 25px 0 0;
	}
	
	#services a.button{
		width:330px;
	}
	
	#services .day{
		width:32%;
	}
	
	#volunteer form{
		width:90%;
	}
	
	#endorsements .letter{
		padding:20px;
	}
}

@media (max-width: 1000px) {
	body{
		min-width:960px;
	}
	
	.top, .main, .footer, .copy{
		width:960px;
	}
	
	#topwrapper .gnp_trb{
		    margin: 11px 0 0 10px;
    width: 6.5%;
	}
	
	.rslides .callout{
		font-size:38px;
	}
	
	#home img.vaccine {
			width:100%;
	}
	
	#home .col.middle {
		margin: 0 100px;
	}
	
	#mailingwrapper .mailing{
		float:none;
		width:80%;
		margin:0 auto;
	}
	
	.social{
		float:none;
		width:20%;
		margin:10px auto 0 auto;
		text-align:center;
		padding:20px 0 0 0;
		clear:both;
	}
	
	#footerwrapper li li a{
		font-size:11px;
	}
	
	#ecards form .narrow{
		width:90%;
	}
	
	#ecards .button{
		padding:40px 0 0 0;
	}
	
	#contact .info, #contact .form, #contact.training .form{
		float:none;
		clear:both;
		width:96%;
		margin:0;
	}
	
	#contact .info .clear{
		clear:none;
	}
	
	#contact .location{
		text-align:center;
		float:none;
		width:100%;
		margin:0 0 30px 0;
		
	}
	
	#ways .border{
		left:3px;
	}
	
	#videos.chanukah .left{
		float:none;
		width:100%;
		margin:0 0 40px;
	}
	
	#videos.chanukah .right{
		float:none;
		width:100%;
	}
}

@media (max-width:960px) {
	body{
		min-width:100%;
	}
	
	.top, .main, .footer, .copy{
		width:93%;
	}
	
	#topwrapper .top{
		 width:100%;
		 padding:0;
	}
	
	#navwrapper a.menu {
		display: block;
		color: transparent;
		z-index: 9999999;
		padding: 0;
		top:-40px;
		right:10px;
		position: absolute;
		width: 25px;
	}
	
	a.menu:after {
		content: "\f0c9";
		font-size: 27px;
		color: #00aaad;
		font-family: 'FontAwesome';
		z-index: 9999;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#navwrapper{
		padding:0;
	}
	
	.top .wrapper{
		margin:0 4% 0 0;
	}
	
	
	#topwrapper #nav li a, #topwrapper #navwrapper .sub_menu li a{
		display:block;
		border-bottom:1px solid #fff;
		float:none;
		font-size:20px;
	   	background: #ee9a22;
		color: #fff;
		padding:15px 0;
		text-align:center;
	}
	
	#topwrapper #nav li a:hover, #topwrapper #nav li a.lion, #topwrapper .sub_menu li a.lion{
		color:#fff;
		background:#00aaad;
	}
	
	#toptopwrapper .link{
		padding:15px 8px;
	}
	 
	#topwrapper .nav li {
		padding:0;
	}
	
	 
	
	#topwrapper .top #logo{
		position:absolute;
		left:10px;
		top:-42px;
		width:12%;
	}
	
	#topwrapper .top #logo img{
		margin:0;
	}
	
	#topwrapper #nav{
		float:none;
		width:100%;
		 
		clear:both;
	}
	
	#topwrapper .phone{
		display:none;
	}
	
	#toptopwrapper {
		background-color: #fff;
	 
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9;
		height: 50px;
		border-bottom:1px solid #f5f5f5
	}
			
	
	
	 
	
	#topwrapper {
	 	z-index:999;
		position: fixed;
 
		top: 50px;
		width:100%;
	}
	
	#innerwrapper{
		margin:50px 0 0 0;
	}
	
	 
	#navwrapper a.menu {
		display:block;
	}
	
	#topwrapper .donate{
		position:absolute;
		color: #fff;
		background: #00aaad;
	
		text-decoration:none;
	
		display:block;
		 
    	padding: 5px 14px;
		top:20px;
		right:40px;
	}
	
	 
	#topwrapper form{
		width:200px;
		float: none;
		padding: 0;
 
		position: absolute;
		top: -40px;
		left: 150px;
		margin:0;
	}
	
	#topwrapper form .search {
		height: 31px;
		width: 31px;
	 	float:right;
		padding: 0px 5px 0 5px;
	}
	
	#topwrapper .left {
		float: none;
		padding: 0;
	}
				
	 
	
	#topwrapper #navwrapper a.desk{
		display:none;
	}
	
	#navwrapper a.mobile{
		display:block;
	}
    
	 .desktop{
		display:none;
	}
	
.mobile{
		display:block;
	}

	#navwrapper .navigation {
  		width: 100%;
 		height: 100%;
		background-color: #9a3e21;
  		position: fixed;
  		top: 0;
  		right: 0;
  		bottom: 0;
  		left: 0;
  		z-index: 0;
	}
	
	  
	#topwrapper .nav-collapse ul {
	  padding: 0;
	  width: 100%;
	  display: block;
	  margin:10px 0 0 0;
	  background: #ee9a22;
	  overflow: scroll;
	  max-height:400px;
	 
	  list-style: none;
	}
	
	.nav-collapse li {
	  width: 100%;
	  padding:0 0 10px 0;
	  display: block;
	}
	
	.js .nav-collapse {
	 clip: rect(0 0px 0px 0);
	  max-height: 500px;
	  position: absolute;
	  display: block;
	  zoom: 1;
	}
	
	.js .nav-collapse-0.opened{
		 max-height:100%!important;
		 
	}
	
	.nav-collapse.opened {
	  max-height: 100%!important;
	   
	}
	
	.nav-toggle {
	  -webkit-tap-highlight-color: rgba(0,0,0,0);
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -o-user-select: none;
	  user-select: none;
	}
	
		#topwrapper #navwrapper .sub_menu li a{
		padding:10px 0;
		font-size:14px;
		
	}
	
	#navwrapper li.drop:hover .sub_menu{
		visibility:hidden;
	}
	
	#navwrapper li.drop.toggle .sub_menu{
		visibility:visible;
		position:relative;
	}
	
	#topwrapper .sub_menu, #topwrapper .sub_menu.about, #topwrapper .sub_menu.resources{
		top:0px;
		left:0;
		width:100%;
		padding:0;
		
	}
	
	#topwrapper #navwrapper li{
		float:none;
		display:block;
	}
	
	#topwrapper li.drop{
		position:relative;
		cursor:pointer;
	}
	
	#topwrapper li.drop:after {
		position: absolute;
		content: "\f107";
		top: 18px;
		right: 23%;
		color: #fff;
		font-size: 14px;
		font-family: 'FontAwesome';
	}
	
	#topwrapper .sub_menu:before{
		display:none;
	}
	
	#navwrapper .nav li a:before,
	#navwrapper .nav li a:after{
		color:#39176d;
	}
	
	#navwrapper .nav li a:hover, #navwrapper .nav .lion{
		color:#fdc82e;
	}
	
	#home{
		margin:50px 0 0 0;
	}
	
	.rslides .callout {
		top: 50px;
	}
	
	#home .col.middle {
		margin: 0 85px;
	}
    
	#home .flex{
    display: block; 
    }
    
	.hometext{
		float:none;
		width:100%;
	}
    #home .stats .amount {
        font-size: 50px;
    }	
    
    #footerwrapper{
		padding:30px 0;
	}
	
	#mailingwrapper .mailing{
		width:100%;
	}
	
#services .staff {
    display: block;
    
} 
    #services .text .staff div.box {
        text-align: center;
    }
    
	#staff .box, #staff .box.middle{
		float:none;
		text-align:center;
		width:100%;
		margin:20px 0;
	}
	
	#staff.board .box, #staff.board .box.middle{
		text-align:left;
	}
	
	#staff .bottom .headsubtitle{
		float:none;
	}
	
	#staff .bottom .headsubtitle:after{
		left:47%;
	}
	
	#staff .bottom .box .title{
		font-size:20px;
	}
	
	#staff.board .box, #services .rabbibox {
		margin: 0 1.5% 40px 1.5%;
	 
		width: 47%;
	}
	
	#testimonials .quote {
		width: 95%;
		margin: 0 0px 30px 0;
	}
	
	#volunteer .col, #volunteer .col2, #volunteer .checkboxes .col2{
		float:none;
		width:100%;
	}
	
	#events #recent .newsbox{
		width:45%;
		height:240px;
	}
	
	#endorsements .letter{
		width:26%;
	}
	
	#endorsements .name{
		font-size:21px;
	}
	
	#rabbi .right{
		float:none;
		width:100%;
		margin:80px 0 0 0;
	}
	
	#rabbi .form{
		padding:40px 5%;
		width:90%;
		float:none;
	}
	
	#videos #channels a{
		padding:7px;
		font-size:14px;
	}
	
	#videos .frame{padding:50% 0 0 0;
	}
	
	#services.financial-assistance .left {
    float: none;
    width: 100%;
}

#services.financial-assistance .rightfa {
    float: none;
}
}

@media (max-width:850px) {
	#topwrapper #navwrapper li.mobile{
		display:block;
	}
	
	#toptopwrapper .link{
		display:none;
	}
	
	#toptopwrapper .donate.link{
		display:block;
	}
	
	.rslides .callout {
		font-size: 30px;
	}
	
	#home #darkgreywrapper{
		padding:30px 0;
	}
	
	#home .col{
		float:none;
		clear:both;
		width:100%;
	}
	
	#home .col .image{
		float:left;
		padding:0;
		width:100px;
		text-align:left;
	
	}
	
	 
	
	#home .col .title{
		float:left;
		padding: 10px 0 0 10px;
	}
	
	#home .desc{
		float:right;
		width: 65%;
    	padding: 10px 0 0 0;
	}
	
	#home .click {
		clear: both;
		float: right;
		margin:0 0 40px 0;
	}
	
	#home .col.middle {
		margin:30px 0;
	}
	
	#mailingwrapper .mailing {
		width: 70%;
	}
	
	#mailingwrapper .mailing form{
		float:none;
		width:100%;
	}
	
	#mailingwrapper .mailing .title{
		float:none;
		width:100%;
		text-align:center;
		padding:0 0 15px 0;
	}
	
	#mailingwrapper .mailing .textfield{
		width:69%;
	}
	
	#home .bigquote{
		padding:30px 0;
	}
	
	#home .donate{
		width:40%;
		float:right;
	}
	
	#home .eventbox .desc, #home .eventbox .date{
		width:45%;
		float:right;
	}
	
	#services.puahline .text .box .day, #services.puahline .text .box .hours{
		float:none;
		width:100%;
	}
	
	#services .text p.box{
		width:100%;
		padding:20px 0;
	}
	
	#services .box h2 {
		margin: 0 0 0px 0;
	}
	
	#events #recent .desc {
		text-align: justify;
		line-height: 20px;
		font-size: 12px;
	}
	
	#endorsements .letter {
		padding: 15px;
	}
	
	#home .stats .stat{
		width:45%;
		margin:0 1% 30px 1%;
	}
	
	#ecards.donate .box, #ecards .card{
		width:45%;
	}
	
	#videos #channels a{
		display:block;
		float:none;
		width:100%;
		padding:8px 0;
	}
} 

@media (max-width:750px) {
	#home .desc {
	 
		width: 60%;
	 
		font-size: 13px;
		line-height: 20px;
	}
	
	#home .eventbox .desc, #home .eventbox .date {
		width: 40%;
	 
		padding: 5px 0 0 0;
	}
	
	.social{
		width:100%;
	}
	
	#mailingwrapper .mailing {
		width: 80%;
	}
	
	#home .bigquote{
		font-size:22px;
	}
	
	#home .bigquote .and{
		font-size:20px;
	}
	
	#endorsements .letter, #endorsements .letter.middle{
		width:82%;
		float:none;
		margin:0 auto 30px auto;
	}
	
	#videos .frame {
		padding:160% 0 0 0;
	}
		
	#home .frame {
		padding:60% 0 0 0;
	}
	
	h1.bg{
		margin:0 0 20px 0;
		padding:30px 0;
	}
}

@media (max-width:673px) {
	.content-sidebar{
		width:100%!important;
	}
}

@media (max-width:650px) {
	.rslides .button{
		margin:10px 0 0 0;
	}
	
	#home .desc{
	 
		width:79%;
		float:right;
	}
	
	#home .col .title{
		padding:20px 0 0 10px;
	}
	
	#home .recentevents{
		padding:40px 0 0 0;
	}
	
	#home .eventbox .desc, #home .eventbox .date {
		width: 100%;
		clear: both;
		line-height:20px;
		padding: 5px 0 0 0;
		float: none;
	}
	
	#home .sticky{
		width:175px;
		bottom:10%;
	}
	
	#centerwrapper a{
		text-decoration:none;
	}
	
	#mailingwrapper .mailing {
		width: 95%;
	}
	
	#about .text{
		width:100%;
	}
	
	.main.padding {
		padding: 35px 0px;
	}
	
	#about .quote{
		padding:20px 0;
		font-size:22px;
	}
	
	#about .and{
		font-size:20px;
	}
	
	#events .newsbox{
		float:none;
		width:100%;
		margin:0 0 40px 0;
	}
	
	#events #recent .newsbox{
		width:100%;
		padding:0 0 30px 0;
		height:auto;
		clear:both;
	}
	
	#ecards .card, #ecards .cards.large .card{
		width:45%;
	}
	
	#ecards .headsubtitle{
		font-size:24px;
		padding:0 0 10px 0;
	}
	
	#contact .text{
		padding:0 0 20px 0;
	}
	
	#contact.training .button input{
		width:100%;
	}
	
	#contact .textfieldbox, #contact .right, #contact.training .textfieldbox, #contact.training .right{
		float:none;
		width:100%;
	}
	
	#dn-center .dn-twoleft, #dn-center .dn-tworight{
		float:none;
		width:100%;
	}
	
	#ecards.donate .box.general{
		width:100%;
	}
	
	#videos .frame {
		padding: 175% 0 0 0;
	}
	
	#home .frame {
		padding: 70% 0 0 0;
	}
}


@media (max-width:550px) {
	#topwrapper .top #logo{
		width:20%;
	}
	
	#topwrapper form{
		left:120px;
	}
	
	.top .wrapper {
		margin: 0 6% 0 0;
	}
	
	.rslides .callout {
		font-size: 20px;
	}
	
	.rslides .button{
		font-size:13px;
	}
	
	#home .bigquote {
		font-size: 20px;
	}
	
	#mailingwrapper .mailing {
		width: 100%;
	}
	
	#mailingwrapper .mailing .textfield {
		width: 65%;
	}
	
	h1.bg, #articles h1{
		padding:30px 0;
		margin:0 0 30px 0;
	}
	
	#staff .bio{
		clear:both;
	}
	
	#staff.board .box, #services .rabbibox{
		float:none;
		width:100%;
	}
	
	#staff .box .title{
		font-size:18px;
		line-height:18px;
		float:left;
		width:41%;
	}
	
	#staff.board .box{
		flex-direction:unset;
		display:block;
		clear:both;
	}
	
	#staff.board .box .subtitle{
		float:left;
		padding:0;
		width:27%;
	}
	
	#staff.board .main{
		display:block;
	}
	
	#staff.board .more a{
		width:100%;
		text-align:center;
		display:block;
		padding:5px 0;
	}
	
	 
	
	#staff.board .box .image{
		float:right;
		width:23%;
	}
	
	#staff.board .bio{
		float:right;
		width:23%;
		margin:10px 0 30px 0;
	}
	
	#staff.board .bio br{
		display:none;
	}
	
	#testimonials .quote{
		width:91%;
	}
	
	#services .col.middle {
		margin: 0 0px;
		clear: both;
	}
	
	#volunteer .button, #ecards .button{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	
	#volunteer .image {
		margin: 0 auto 20px auto;
		width:80%;
	}
	
	#faq .question{
		font-size:20px;
		line-height:20px;
	}
	
	#faq .answer{
		font-size:13px;
		line-height:20px;
	}
	
	#ecards form .narrow {
		width: 100%;
	}
	
	#ecards .bottom {
		padding: 20px 0 0 0;
		margin:30px auto;
	}
	
	#home .desc{
		width:74%;
	}
	
	#videos .frame{
		padding:125% 0 0 0;
	}
	
	#home .frame{
		padding:70% 0 0 0;
	}
			
	#home #videos .button {
		display:block;
		margin: 10px auto;
	}
	
 
 
}


@media (max-width:450px) {
	#rabbi .form{
		padding:20px 0 0 0;
		width:100%;
	}
	
	#topwrapper form {
		left: 100px;
		width: 180px;
		top: -45px;
	}
	
	#toptopwrapper .link {
		padding: 5px;
		 
		margin: 6px 0 -25px 5px;
		 
		 
		font-size: 13px;
		 
		border-radius: 0;
		 
	}
	
	 	
	#copywrapper .left, #copywrapper .right{
		float:none;
		width:100%;
		text-align:center;
		line-height:15px;
		padding:5px 0;
	}
	
	#mailingwrapper .mailing .textfield{
		width:51%;
	}
	
	#mailingwrapper .mailing .button{
		width:43%;
	
	}
	
	#home .donate{
		margin:15px 0 0 0;
		width:60%;
	}
	
	#home .eventbox .title{
		font-size:20px;
		padding: 10px 0 0 10px;
		width:55%;
	}
	
	.rslides .callout {
		top: 25px;
		font-size:16px;
	}
	
	#home .underline{
		display:none;
	}
	
	#toptopwrapper .donate.link{
		  
	}
	
	#toptopwrapper{
		height:60px;
	}
	
	#topwrapper form {
		left: 40%;
		width: 180px;
		top: -12px;
	}
	
	#topwrapper form .textfield{
		height:18px;
	}
	
	#topwrapper form .search {
		height: 24px;
		width: 27px;
	}
	
	#topwrapper .top #logo {
		width: 30%;
		top: -35px;
	}
	
	.top .wrapper {
		margin: 0 10% 0 0;
	}
	
	#home {
		margin: 60px 0 0 0;
	}
	
	#staff .staffbox .title, #staff .box .title, #services .rabbibox .title{
		font-size:20px;
		line-height:20px;
	}
	
	#innerwrapper {
		margin: 80px 0 0 0;
	}
	
	#staff .staffbox .contactinfo{
		float:left;
		width:147px;
	}
	
	#staff .staffbox{
		padding:0 0 40px 0;
	}
	
	h1.bg, #articles h1{
		font-size:22px;
	}
	
	#services .text div.box, #services .text p.box{
		padding:20px;
	}
	
	#services a.button {
		width: 95%;
		font-size:13px;
		padding: 6px 0;
	}
	
	h1{
		font-size:22px;
	}
	
	#services h2{
		font-size:15px;
		line-height:18px;
	}
	
	.text {
		font-size: 13px;
		line-height: 22px;
	}
	
	#services .text p.box{
		width:95%;
	}
	
	.headsubtitle{
		amrgin:0 0 20px 0;
	}
	
	#ecards .headsubtitle {
		font-size: 20px;
		padding: 0 0 0px 0;
	}
	
	#ecards .textfieldbox, #ecards textarea, #ecards .bottom .textfield, #ecards .bottom .textfield.right{
		float:none;
		width:93%;
		display:block;
		margin:5px auto;
		 
	}
	
	#ecards textarea{
		width:91%;
	}
	
	#mailingwrapper .mailing .title{
		font-size:13px;
	}
	
	#home .desc {
		width: 65%;
	}
	
	#pages{
		padding:0 0 40px 0;
	}
	
	#staff.board .box .subtitle {
	 
		position: absolute;
		width: 75%;
		top: 50px;
	}
	
	#staff.board .box{
		position:relative;
	}
	
	#staff.board .box .title{
		width:75%;
	}
	
	#staff.board .more a{
		line-height:13px;
	}
	
	#staff.board .bio{
		margin:10px 0 50px 0;
		
	}
	
	#ways .title{
		font-size:22px;
	}
	
	#ways .right{
		width:92%;
	}
	
	#videos .frame {
		padding: 155% 0 0 0;
	}
	
	#home .frame {
		padding: 120% 0 0 0;
	}
	
	#home .stats .stat{
		float:none;
		width:100%;
	}
	
	#ecards.donate .box, #ecards .card{
		width:100%;
	}
	
	.submit{
		width:80%;
	}
	
	#dn-center .dn-threeright, #dn-center .dn-threecenter, #dn-center .dn-threeleft, #dn-center .dn-threewrap{
		float:none;
		width:100%;
	}
	
	#webinar .vaccine{
		width:90%;	
		float:none;
		margin:auto;
	}
	#webinar .offair {
		width:90%;
		margin:0;
	}
}