/**
 * For Max-width : 1024px
 * -----------------------------------------------------------------------------
 */

@media (max-width:1000px) {
    
.contact-item{
	    text-align: center !important;
        padding-right: 0 !important;
	}
	.contact-item{
	    margin:5px;
	    text-align: center;
        padding-right: 0 !important;
	}
    .ci-icon{
        margin: 0 auto -71px;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-bottom: 1px solid rgba(255,255,255, .1) !important;
        border-left: none !important;
    }
}


/**
 * For Max-width : 767px
 * -----------------------------------------------------------------------------
 */

@media (max-width:767px) {
	html{
		font-size: 75%;
	}
	h1{
		font-size: 3.6rem;
	}
	h2{
		font-size: 3.0rem;
	}
	h3{
		font-size: 2.4rem;
	}
	h4{
		font-size: 1.8rem;
	}
	h5{
		font-size: 1.6rem;
	}
	h6{
		font-size: 1.4rem;
	}
	blockquote{
		padding-left: 4.2rem;
	}
	#main-nav{
		text-align: center;
		display: block;
		float: none;
		background: rgba(255, 255, 255, .95);
	}
	#logo{
		float: left;
		display: block;
		text-align: left;
	}
	
	#main-nav .menu{
		float: none;
		display: none;
		width: 100%;
		overflow: hidden;
	}
	#main-nav #toggle-main-nav:checked + .menu{
		display: block;
	}
	#main-nav .menu > .menu-item{
		float: none !important;
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: none !important;
		margin-left: 0px !important;
	}
	#main-nav .menu > .menu-item > a{
		border-bottom: 1px solid #ccc;
		height: 60px !important;
        line-height: 60px !important;
	}
	#main-nav .menu > .menu-item:last-of-type > a{
		border-bottom: none !important;
	}
	
	
 .mobile-photo-site-nav{
 display: block !important ;
 
 }
 
 .photo-site-nav{
     display:none !important;
 }


	[class*=size-]{
		width: 100%;
	}
	.content-padding,
	.content-padding-xs,
	.content-padding-lg,
	.content-padding-xl,
	.content-padding-xxl{
		padding-bottom: 3.2rem;
		padding-top: 3.2rem;
	}
	#content .row [class*="col-sm-"]{
		margin-bottom: 2.8rem;
	}
	
	.content-padding-mobile-none{
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-title{
		display: block;
	}
	.section-title::before{
		display: none;
	}
	.section-title::after{
		display: none;
	}
	#splash{
		max-width: 100%;
		padding: 10px 20px;
	}
	#splash h1{
		font-size: 3.4rem !important;
	}
	#splash h1 small{
		font-size: 65% !important;
		margin-top:20px;
	}
	#counter{
		position: static;
		width: 100%;
		bottom: 0;
		border-radius: 0;
		text-align: center;
		padding: 1.4rem;
	}
	#counter .text-right{
		text-align: center;
	}
	#counter div{
		font-size: 1.4rem;
	}
	#timeline .entry{
		padding: 0 !important;
	}
	#timeline .entry::before,
	#timeline .entry > time::before{
		display: none;
	}
	#timeline .entry > time{
		display: none;
	}
	#supporters-container .block-grid-6 li{
		float: none;
		width: 100%;
		margin-bottom: 2.8rem;
	}
	#supporters-container .block-grid-6 li:last-of-type{
		margin-bottom: none;
	}
	#sign-row .col-sm-5:first-of-type{
		margin-bottom: 12.8rem;
	}
	#sign-row .col-sm-5:last-of-type{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	
	#sign-it h2.section-title{
		margin-bottom: 0;
	}
	
	.contact-text{
		padding: 0 30px;
	}
	
    
	#footer,
	#footer .text-right{
		text-align: center !important;
	}
	ul[class*="block-grid-"]{
		margin-right: -5px;
		margin-left: -5px;
		margin-top: 10px;
	}
	ul[class*="block-grid-"] li{
		padding: 0 5px;
		margin: 10px 0 0 0;
	}
	
#photo-nav li {
    padding: 5px 5px;
}

}



/**
 * For Max-width : 425px
 * -----------------------------------------------------------------------------
 */

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