@media only screen and (max-width:1112px) {
	

	
		
	.show-mob{display:block;padding-top:25vh;padding-left: 30px; padding-right: 30px}
	
		.mobile-nav{ float: right;
    font-size: 28px;
    cursor: pointer;
    color: #2F245B; padding-left: 0px; background-image: url(../images/menu-hamburger.svg); background-repeat: no-repeat; height: 40px; width: 40px; transition: 0.4s; background-size: 80%; display: block; margin-top: 18px}
	
	.mobile-nav:hover{ background-image: url(../images/menu-hamburger-over.svg); background-repeat: no-repeat; height: 40px; width: 40px}

	
	.mobile-nav .fa-bars{display: none}
	#main-nav{
		position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000000;
    display: none;
    width: 100vw;
    height: 100vh;
    padding: 0;    transition: opacity 400ms ease 0s; margin-left: 0px; margin-right: 0px
	}
	
	#main-nav ul li{float:none; display: block; font-family: "Lato", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal; letter-spacing: 3px;  padding-bottom: 7px; margin-bottom: 7px; list-style: none; font-size: 13px}
	
	#main-nav ul li a{text-align:center; 
display: block;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-bottom: 0px;  border: none;color:#4B4444;  
    font-weight: 400;
  font-style: normal; 
font-size: 16px; line-height: 26px; letter-spacing: 0px;     font-family: "Merriweather", serif; }
	
#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{color:#cccccc}
	
	#main-nav li ul li a {
font-size: 14px;
padding: 0px;
margin: 0px;
border-bottom: none!important;
}
	#main-nav ul li a:hover {
border: none
}
	
#main-nav li ul li a {
 color: #666666; padding-right: 17px;
padding-left: 17px;
}


	.menu-header{display:none; padding-top:50px;}
		.close-mob{       position: fixed;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 60000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer; padding-top: 13px; padding-right: 22px }
	
	.close-mob img{width:45px;}
	
	.menuin{position: relative;
    z-index: 99999999;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    
    background-color:#F4CB63; transition: 0.4s; float: right;  }

#main-nav li ul{
    position: relative;
    width: inherit;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0px;
    padding-bottom: 0;
    visibility: visible;
    opacity: 1;
    margin-left: 0px; border: none!important;
	background:none;
}
	.mobmenu-header {margin-bottom:30px;}

	


   #main-nav ul li.current-menu-item a {
    color: #ffffff; padding-top: 15px; padding-bottom: 15px
}

    
    #main-nav ul li.current_page_parent a {
   color: #ffffff; padding-top: 15px; padding-bottom: 15px
}
    

   #headerwrap {
    opacity: 1;
} 

    
    
    #centredlogo {
    padding-top: 18px;
}
    
    .flexslider .slides > li {
height: 60vh;
}
    
    .paddingbottom {
padding-bottom: 50px;
}
    
    .paddingtop {
padding-top: 40px;
}
    
    h1 {
font-size: 55px;
line-height: 55px;
}
    
    h2 {
font-size: 40px;
line-height: 40px;
}
    
  h3 {
font-size: 35px;
line-height: 35px;

} 
    
    #new-sub-banner {
height: 40vh;

}
  .paddingbottomlarge {
padding-bottom: 70px;
}
    
    .paddingtoplarge {
padding-top: 70px;
}
    
    h4 {
font-size: 23px;
line-height: 23px;

}
    li.post-item {

margin-bottom: 25px;

}
    
    #footer-inner {
padding-top: 70px;

}
   #copyright-inner {
padding-bottom: 70px;

} 
    
    #basket-icon {
    margin-top: 19px;
}
    
    
    
    
    #banner-quote {
    top: 50px;
}
}












		

@media only screen and (max-width:1024px) {
	

	

	
	
}







@media only screen and (max-width:850px) {

	
    

    
    
    li.article-item {    float: left;
    width: 100%;
    margin-right: 0%;
margin-bottom: 20px;  }

    
    
  #centredlogo {
    width: 70%;
    padding-top: 20px; padding-bottom: 10px
}  
    
    
    .flexslider .slides > li {
    height: 35vh;
}
    
    
    
    .post-item-inner-left {
float: none;
width: 100%;
border-radius: 12px 12px 0px 0px;
}
    
   .post-item-inner-right {
float: none;
width: 100%;
border-radius: 0px 0px 12px 12px;
}
   
    
    .post-item-inner {
display: block;
}
    
    
    .charity-item-inner-left {
float: none;
width: 100%;
border-radius: 12px 12px 0px 0px;min-height: 200px
}
    
    
    .charity-item-inner-right {
float: none;
width: 100%;
border-radius: 0px 0px 12px 12px; min-height: 200px
}
    
  .charity-item-inner {
display: block;
}  
    
    
    .charity-item-inner-right-inner {
min-height: 0px;
}
    
    .single-articles #post-details {
    max-width: 100%;
    width: 100%;
}
    
.wp-caption {
    width: 100%!important;
}
    
    
    .single-articles #post-details img {
    max-width: 100%!important;
}
    
    .wp-caption-text {
    margin-right: 0px;
}
    
    
}













@media only screen and (max-width:767px) {

 h4 {
    font-size: 25px;
    line-height: 25px;
    letter-spacing: 0px;
}
   
    
    
    .article-item-inner-bottom {
    min-height: 0px;
    padding-top: 18px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 12px;
}
  
    
    h2 {
    font-size: 35px;
    line-height: 30px;
}
    
    
    h3 {
   font-size: 35px;
    line-height: 30px;
}
    
    
    .paddingtop {
    padding-top: 30px;
}

    
    .paddingbottom {
    padding-bottom: 35px;
}
    
    
    .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
    min-width: 55%;
 width: 55%;
}
    h1 {
    font-size: 55px;
    line-height: 50px;
    letter-spacing: -1.5px;
}
    
        body {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.3px;
}
    
    
    .whitebutton a, a.whitebutton {
    padding-top: 8px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 8px;
    font-size: 14px;

}
    
    
    
    #footer-left {
    float: none;
    width: 100%;
    text-align: center;
}
    
    
    #footer-center {
    float: none;
    width: 100%;
    text-align: center;
}
    #footer-right {
    float: none;
    width: 100%;
    text-align: center;
}
    
    
    #footer-inner {
    padding-top: 60px;
        padding-bottom: 15px
}
    
    
    #copyright-inner {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 60px;

}
    
    .paddingtoplarge {
    padding-top:80px;
}
    .paddingbottomlarge {
    padding-bottom: 80px;
}
  
    
    .box {
    padding-top: 30px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding-bottom: 30px !important;
}
    
    
    
    #new-sub-banner {
    height: 40vh;

}
    
    
        #centredlogo {
        width: 50%;

    }

    
    
    .post-item-inner-left-inner {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}
   .post-item-inner-right-inner {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
} 
  
    
    .charity-item-inner-left-inner {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}

    
        .charity-item-inner-right-inner {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 20px;
}
    
    
        #banner-quote {
 display: none
}
 
    
    .home .flex-control-nav{display: none}
    
}







@media only screen and (max-width:480px) {


    
    
    body {
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.3px;
}
    .largeparagraph p {
    font-size: 16px;
    line-height: 26px;
}
   
    
        h1 {
    font-size: 45px;
    line-height: 45px;
}
    
    
    .wrap {

padding-left: 18px;
padding-right:18px;
}
    
    
    .paddingbottomlarge {
padding-bottom:50px;
}
    
   .paddingtoplarge {
padding-top: 50px;
} 
    
}











@media only screen and (max-width:375px) {


}