@media only screen and (max-width:1112px) {
	
	.show-mob{display:block;padding-top:50px;padding-left: 0px;}
	
		.mobile-nav{ transition: 0.4s; display: block;
    float: right;
    font-size: 22px;
    cursor: pointer;
    background: url(../images/hamburger-normal.svg) no-repeat center center;
    color: #fff;
    margin-top: 30px;
    height: 17px;
    width: 45px;
    background-size: contain;
    margin-left: 30px; font-weight: 500 }
    
	.mobile-nav:hover{background: url(../images/hamburger-hover.svg) no-repeat center center;background-size: contain;}
	
    body.home .mobile-nav{color:#fff;}
	
    #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;
	}
	
    
	#main-nav ul li{float:none; display: block; margin-left: 8px;
margin-right: 8px; margin-bottom: 25px}
	
    
	#main-nav ul li a{text-align:center; font-size: 16px;
color: #ffffff;
display: block;
margin-left: 0px;
margin-right: 0px;
padding-top: 8px;
padding-bottom: 0px;  border: none; font-weight: 300; border-width: 0px!important;}

#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{
	color: #ffffff; text-decoration: underline; text-underline-offset: 5px;
}
	
	#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: 88px;
    height: 82px;
    -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;}
	
	.close-mob img{width:23px;}
	
	.menuin{position: relative;
    z-index: 500;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    
    background-color: #93C020}

#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;}
	.mobmenu-header ul li a{font-size: 26px!important;
    font-weight: 300!important;
    line-height: normal;}
	
#main-nav ul li.current-menu-item a {
color: #000000;
}



        .paddingbottomlarge {
padding-bottom: 80px;
}
    
    
    .paddingtoplarge {
padding-top: 80px;
}
    
    
    .paddingbottom {
padding-bottom: 60px;
}
    
.paddingtop {
padding-top: 60px;
}
   
  .home h1 {
font-size: 42px;
line-height: 47px;

}  
    .single-portfolio h1 {
font-size: 52px;
line-height: 52px;
}
    
    h1 {
font-size: 57px;
line-height: 57px;

}
    
  h3 {
font-size: 32px;
line-height: 42px;

}  
    
   #footer-one-inner {
padding-top: 80px;
padding-bottom: 30px;

} 
    
    #footer-two-inner {
padding-top: 40px;
padding-bottom: 40px;

}
    
    
       .custom-post-category-page {
    flex-direction: column; /* Stack children vertically */
  }

    
     .left-column,
  .right-column {
    flex: 1 1 100%; /* Make both take full width */
    max-width: 100%; /* Ensure no width restriction */
  } 
    
    
    .left-column .category-list li {
margin-right: 0px;
}
    
    .right-column .post-grid {
  grid-template-columns: repeat(2, 1fr);

}
	
    
    body {
font-size: 15px;
line-height: 24px;
}
   
    
    .the-brief-text {
bottom: 20px;
right: 60px;
}
    
    
    .single-portfolio-the-work-inner-left {
padding-bottom: 20px;
}
    .single-portfolio-the-outcome-inner-left {
padding-bottom: 20px;
}
   
    
        .page-template-page-textheader_footer1 #mainbody {
padding-top: 140px;
}
    
    .page-template-page-our-work #mainbody {
padding-top: 140px;
}
   
    
    .single-portfolio #mainbody {
padding-top: 140px;
}
    
    
    .page-template-page-textheader_footer2 #mainbody {
padding-top: 140px;
}
    
    
    body[class*="border-"]::after {
    top:120px;
    width:150px;
    height: 150px;
}

 

    .mobile-nav {
margin-top: 5px;

}
    
    
    #centredlogo {
padding-top: 5px;
}
    
    #centredlogo img {
height: 36px;
}   
    
    
    .scrolled {
padding-bottom: 0px!important;
        height: 45px!important
}
    
    
}








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

}











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

    
    
body[class*="border-"]::after {
    top: 80px;
}




    
    .single-portfolio-the-brief-inner {
display: block;
}
    
    .single-portfolio-the-brief-inner-left {
width: 100%;
padding-right: 0%;
}
    
    
    .single-portfolio-the-brief-inner-right {
width: 100%;
}
   
    
    .the-brief-text {
position: relative;
bottom:30px;
right: 0px;
}
   
    .single-portfolio-cats {
margin-bottom: 70px;
}
	
    
    
        .single-portfolio-the-work-inner {
display: block;
}
    
    .single-portfolio-the-work-inner-left {
width: 100%;
padding-right: 0%;
}
    
    
    .single-portfolio-the-work-inner-right {
width: 100%;
}
    
    
    
            .single-portfolio-the-outcome-inner {
display: block;
}
    
    .single-portfolio-the-outcome-inner-left {
width: 100%;
padding-right: 0%;
}
    
    
    .single-portfolio-the-outcome-inner-right {
width: 100%;
}
    
    
    #testimonial-slider .slick-list{padding-left: 0px!important; padding-right: 0px!important}
    
    
    
    .odd .team-text-inner {
padding: 0px 0px 40px 0px;
}
    
        .even .team-text-inner {
padding: 0px 0px 40px 0px;
}
    
    
    .even .linkedin-icon,  .odd .linkedin-icon {
position: relative;
bottom: 0px;
right: 0;
left:0px; margin-top: 50px
}
    
.wpcf7-form {
padding-right: 0px;
}
    
    html, body {
  position: relative;
  overflow-x: hidden;
  min-height: 100%; /* ensure page can scroll if content exceeds viewport */
}

       .right-column .post-grid {
        grid-template-columns: repeat(1, 1fr);
    } 
    
}






@media only screen and (max-width:767px) {
	
	
    
    #footer-two {
    text-align: center;
}
    
    
    
        .tax-portfolio_category h1 {
font-size: 47px;
line-height: 47px;
padding-right: 0%;
}
    
    
    .left-column .intro {
max-width: 100%;

}
    
    h1 {
font-size: 47px;
line-height: 47px;
}
    
    
    
    .home h1 {
font-size: 37px;
line-height: 42px;
}
    
    
    h2 {
font-size: 26px;
line-height: 30px;
padding-bottom: 12px;
}
    
    
    h3 {
font-size: 30px;
line-height: 37px;
padding-bottom: 12px;
}
    
    
    h4 {
font-size: 22px;
line-height: 27px;

}
    
    
    #footer-contact-details h2 {
font-size: 30px;
line-height: 34px;
}
    
    
    
    .colouredquote p {
font-size: 22px;
line-height: 33px;
}
    
    
    .largeparagraph p {
font-size: 22px;
line-height: 33px;
}
    
    
    
    .testimonial-slide {
font-size: 26px;
line-height: 30px;
}
    
    
    
    .paddingbottomlarge {
padding-bottom: 60px;
}
    
    
    .paddingtoplarge {
padding-top: 60px;
}
    
    
    .paddingbottom {
padding-bottom: 40px;
}
    
.paddingtop {
padding-top: 40px;
}
    
    .home-colour-wheel-top::after, .home-colour-wheel-bottom::after {
display: none!important
}
    

    
    #footer-one-inner {
padding-top: 60px;
padding-bottom: 60px;

}
    
    #footer-contact-details {
float: none;
width: 100%; margin-bottom: 25px
}
    
    #footer-contact-form {
float: none;
width: 100%; margin-bottom: 25px
}

    #footer-two-inner {
padding-top: 40px;
padding-bottom: 40px;

}
    
    #footer-small-print {
float: none;
width: 100%;
}
    
    #footer-qualifications {
float: none;
width: 100%;
        text-align: center;
}
    
    #footer-qualifications img {
    width: 250px;
}

    
    
    
}







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


        .home h1 {
        font-size: 34px;
        line-height: 39px;
    }
    
    
    body {

font-size: 16px;
line-height: 27px;
}
   
    .smallparagraph p {
font-size: 14px;
line-height: 24px;
}
    
        .smallparagraph li {
font-size: 14px;
line-height: 24px;
}
    
        .smallparagraph p a{
font-size: 14px;
line-height: 24px;
}
    
    #footer-two p {
font-size: 11px;
line-height: 20px;
}
    
}




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

	
}