@media screen and (min-width:1024px) and (max-width:1208px) {
	div#MainMenu {
		margin-left: 0
	}

	#MainMenu ul li a {
		padding: 10px 12px
	}

	.content {
		width: 42%
	}

	div#FooterMenumenublock ul li a {
		padding: 0 10px
	}
	div#ContactDetails h2 {
    	max-width: 50%;
	}
}

@media screen and (min-width:1024px) and (max-width:1380px) {
	div#footerContainer {
		width: 93%
	}
}

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

	div#EmailElementRow {
		margin-right: 4px
	}

	div#EmailElementRow,
	div#PhoneElementRow {
		width: 46%
	}

	.benefit-content {
		width: 70%
	}
	.row {
    	padding: 60px 0;
	}
	.horizontal-line.is-2 {
    	margin-top: 80px;
	}
}


@media screen and (min-width:320px) and (max-width:1023px) {
	#header #MobileMenuButton {
		display: block;
		position: absolute;
		right: 0;
		left: auto !important
	}

	div#MobileMenuButton a {
		color: #E0DDDB
	}

	div#MainMenu,  #BookBtn {
		display: none
	}

	i.fas.fa-bars {
		color: #E0DDDB;
		padding-right: 5px;
		font-size: 2rem
	}


	div#footerContainer {
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	div#FooterLogo p {
		padding: 20px 0
	}

	div#FooterMenumenublock ul {
		flex-direction: column;
		margin: 0
	}

	div#Copyright {
		margin-top:20px;
	}

	.mid-col {
    	width: auto;
	}

	div#Copyright .textBody {
		flex-direction: column
	}

	div#Copyright p {
		order: 2;
		padding: 0 0 20px
	}

	div#Copyright p.terms {
		order: 1;
		padding: 0
	}
	#menu-footer-menu li {
    	padding: 20px 0;
	}
	p.terms a {
		display: block;
		padding: 0 0 20px
	}

	.barclays-award {
		padding-top: 0
	}

	.tagline {
		padding-top: 50px;
		width: 455px
	}

	.tagline .textBody {
		padding: 40px 10px
	}

	.tagline h3 {
		font-size: .8rem;
		line-height: 1.5
	}

	.tagline h1 {
		font-size: 1.6rem
	}
	
    .Index div#row0 .rowContents {
	    flex-direction: column;
    }

    .Herotagline {
	    width: 100%;
	    text-align: center;
    }

    #HeroImage {
	    width: 80%;
	    margin: 80px auto 0;
    }
	.flex-image-grid {
    	max-width: none;
    	justify-content: center;
	}
	a.btn.book-now {
        margin: 20px auto 0;
    }
	
	div#ContactSection .textBody {
		margin-left: 190px
	}

	.enquire .content-image {
		margin: 40px 0 40px -180px;
		width: 75%
	}

	.enquire h2 {
		font-size: 2.2rem
	}

	div#BestService .textBody,
	div#BestServiceTwo .textBody,
	div#WhyUs .textBody {
		flex-direction: column
	}

	.service .content-image,
	#BestService .content-image,
	#WhyUs .content-image {
		width: 80%;
		margin-right: 0;
		order: 1;
		max-width: 600px
	}

	#BestServiceTwo .content-image {
		margin-left: 0
	}

	.service {
		padding-top: 50px
	}

	.service .content {
		width: 96%;
		order: 2
	}

	.benefits {
		margin: 30px 0 0
	}

	.benefits .outerDiv {
		flex-basis: 100%;
		padding: 20px 0
	}

	div#Benefits .textBody {
		flex-direction: column
	}

	.benefit-content {
		width: 76%;
		max-width: 596px
	}

	h3 {
		font-size: 1.8rem
	}

	.Index #row2 {
		padding-top: 0;
		text-align: center
	}

	.innerDiv {
		align-items: baseline;
		justify-content: center
	}

	.clients img {
		width: 80%
	}

	p.client-name {
		font-size: 1.2rem
	}


	.rowContents,
	#columnContainer {
		padding: 0 2%
	}

	.content {
		width: 96%;
		text-align: center;
		padding: 30px 2%
	}

	.Services .solutions .textBody,
	.tcfd .textBody {
		flex-direction: column;
		align-items: flex-start
	}

	.Services .solutions .content,
	.tcfd .content {
		width: 100%;
		text-align: left
	}

	.Services .steps {
		flex-direction: row
	}

	.Services .steps p {
		padding-left: 30px;
		flex-basis: 86%
	}

	.steps.stepFour,
	.GreenInsight .stepThree {
		padding-bottom: 0
	}

	.steps:after {
		display: none
	}

	.tcfd .content-image,
	.Services .solutions .content-image {
		width: 80%;
		margin: auto;
		max-width: 600px
	}

	.Savings .tcfd,
	div#SavingsOutro,
	div#SavingsTCFDChecklist {
		padding: 40px 0
	}

	.Savings .tcfd:after {
		display: none
	}

	.Savings .tcfd .content-image {
		order: 2;
		padding-top: 40px
	}

	div#SavingsBenefits .content-image {
		padding-top: 0
	}

	.outputDiv {
		flex-basis: 96%;
		min-height: initial;
		justify-content: flex-start
	}

	.lets-talk .content {
		padding-left: 2%
	}

	.solutions .content {
		text-align: left
	}

	
	.About div#row0 {
		padding-bottom: 0
	}

	.Contact div#row0,
	.Partner div#row0,
	.Analyse div#row0,
	.GeneralPage div#row0 {
		padding-bottom: 60px
	}

	.steps {
		flex-direction: column
	}

	.steps div {
		width: 100%
	}

	div#BlockHolder5a17ba {
		margin-left: 0;
		flex-direction: column;
		padding-right: 0
	}

	.connect {
		margin: 40px 0;
		width: 80%
	}

	.publishDate,
	.summary,
	.pageLinks {
		margin-left: 0
	}

	.BlogPostBlog .publishDate {
		position: initial
	}

	a {
		word-break: break-word
	}

	.outer-infoBox {
		flex-direction: column
	}

	.blog-infoBox {
		width: 89%;
		margin-bottom: 20px
	}

	div#ContactDetails.connect,
	#BlockHolder5a17ba {
		width: 96%
	}

	div#BlockHoldera77be9 {
		flex-direction: column;
		align-items: center;
		width: 98%;
		margin: 0 auto;
		padding: 0 0 60px
	}

	div#AIAward {
		padding: 0 0 80px
	}

	div#AIAward .content-image {
		margin: 0 auto;
		width: 70%
	}

	.contact-info .innerDiv div {
		margin-bottom: 20px;
		text-align: center
	}

	.contact-info p,
	.contact-info a {
		display: block;
		padding: 10px 0
	}

	.contact-info .innerDiv {
		align-items: center;
		flex-direction: column
	}

	div#RecentBlogPostSummariesBlog,
	#academicreporting {
		display: block;
		vertical-align: top;
		width: 100%
	}

	div#RecentBlogPostSummariesBlog {
		width: 100%
	}

	div#academicreporting {
		width: 35%;
		margin-left: 0;
		padding-top: 30px;
		min-width: 300px
	}

	div#AIAward .content-image img {
		width: 96%;
		margin-bottom: 30px
	}
		div#ChallengeAndSolution .textBody, #WhyItWorks .textBody, #WhyChooseUs .textBody, .content-block .textBody {
    	flex-direction: column;
	}
	.left {
    	flex-basis: 100%;
    	text-align: center;
		margin: 0 auto;
	}
	.left h2 {
    	text-align: center;
	}

	.left img {
   	 	max-width: 600px;
    	margin-bottom: 20px;
	}
	div#ChallengeAndSolution:after, .Index #row4:after, .Index #row8:after, .about-section:after {
		display: none;
	}
	.Index div#row3 {
		padding: 80px 0;
	}
	.row-wrapper {
		flex-direction: column;
	}
	.Index .row {
        padding: 60px 0;
    }
	.row {
    	padding: 30px 0;
	}
	.clients h3:before, .clients h3:after {
		width: 30%;
	}
	.testimonial-slider {
    	max-width: 90%;
	}
	.feedback p {
   		width: 100%;
	}
	img.icons.scroll-content.visible {
    	transform: rotate(90deg);
	}
	#header {
		height: auto;
		position: sticky;
		top: 0;
		backdrop-filter: blur(24px);
		background-color: #08041133;
		padding: 0 1%;
	}
	.output-grid {
    	grid-template-columns: 1fr;
        flex-basis: 100%;
	}
	.output-info {
		padding: 20px;
		max-width: 100%;
	}
	.horizontal-line.is-2 {
    	margin-top: 40px;
	}
	.process-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
	}
	.process-item {
		padding:0;
	}
	.services-grid .horizontal-line, .services-grid .vertical-line, #BacktoTop {
		display: none;
	}
	.services-grid {
    	display: block;
		padding:0
	}
	p {
		font-size: 16px;
    	line-height: 24px;
    	padding: 0 0 1.4em;
	}
	.Herotagline h1 {
		font-size: 28px;
		line-height: 32px;
	}

	h2 {
		font-size: 24px;
		line-height: 30px;
	}

	h4 {
		font-size: 20px;
	}

	h3 {
		font-size: 22px;
	}
	div#ContactDetails h2, .About h2 {
    	text-align: center;
	}
	#header #Logo {
    	width: 50px;
	}
	#headerContainer {
    	padding: 10px 0;
	}
}

@media screen and (min-width:769px) and (max-width:1023px) {
	.enquire .content {
		text-align: left
	}

	.analyse-act .innerDiv {
		justify-content: space-between
	}
}

@media screen and (min-width:320px) and (max-width:768px) {
	div#ContactSection .textBody {
		margin-left: 0;
		flex-direction: column;
		padding-bottom: 30px
	}

	.enquire .content-image {
		margin: 60px 0 10px
	}

	.enquire h2 {
		text-align: center;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	ol {
		list-style-position: inside
	}

	.tagline {
		width: auto;
		max-width: 455px
	}

	.enquire .content p,
	.enquire a.btn {
		margin-left: 0
	}

	.tagline.page-heading {
		max-width: 300px;
		width: auto
	}

	.page-heading p {
		width: auto
	}

	.Analyse .innerDiv div {
		min-height: auto;
		margin: 20px 0
	}

	.benefits {
		padding: 30px 2% 40px
	}

	.Services .steps img,
	.outputDiv img {
		width: 80px;
		height: 80px
	}
	.feedItem {
		width: 100%;
		text-align: center;
	}
	
	.blogPostBody .speaker-box img {
    	width: 90px;
	}

	.Event-Speakers .speaker-name {
   	 margin-left: 0;
	}

	.Event-Speakers .speaker-box {
   	 display: block;
	}
}

@media screen and (min-width:601px) and (max-width:768px) {
	.clients {
		flex-basis: 31%
	}

	.innerDiv {
		align-items: baseline;
		flex-direction: row
	}

	.analyse-act .innerDiv {
		align-items: center;
		flex-direction: column
	}

	.benefit-content {
		width: 73%
	}
}

@media screen and (min-width:320px) and (max-width:600px) {
	.innerDiv {
		align-items: center;
		justify-content: center;
		flex-direction: column
	}

	.wpforms-field-number,
	.wpforms-field-email {
		display: block;
		width: 100%;
		margin-left: 0
	}

	.wpforms-field-email.wpforms-field-email {
		margin-left: 0;
	}

	.benefit-content {
		width: 70%
	}
	
	#menu-footer-menu {
        flex-direction: column;
    }
	
	#menu-footer-menu li {
        padding: 5px 0;
    }
	
	#menu-footer-menu li a {
        padding: 0;
    }
	
	div#Copyright p {
        padding: 20px 0;
    }
	
	.Event-Speakers ol {
		display: flex;
    	flex-direction: column;
	}
	
	img.trustedLogo {
		max-width:60px;
	}
	.table-scroll{
		display:block;
		width:100%;
		max-width:100%;
		overflow-x:auto;
		overflow-y:hidden;
		box-sizing:border-box;
	}

	.table-scroll table{
		width:700px;
		border-collapse:collapse;
	}
	.BlogPostBlog #row0 .rowContents {
        flex-direction: column;
        display: block;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
	a.blogPostInFeed:nth-child(2) {
		width: 80%
	}

	.steps:after {
		font-size: 9em;
		left: 180px
	}
	.feedItem {
		width: calc(100% / 2 - 56px);
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	a.blogPostInFeed:nth-child(2) {
		width: 100%
	}

	.author {
		top: 30px
	}

	.feedItem h5 {
		padding-top: 0
	}
	.services-grid {
    	grid-template-columns: 1fr;
  	}
}

@media screen and (min-width:1024px) and (max-width:1280px) {
	.row-wrapper {
		margin-top: 80px;
	}
	.output-info {
		padding: 20px;
	}
}

@media screen and (min-width:320px) and (max-width:659px) {
	.clients h3:before, .clients h3:after {
			display: none;
	}
	.award-image {
		justify-content: center;
		margin-top: 60px;
	}
	.footer-top h4 {
    	margin-bottom: 20px;
		margin-left: 0 !important;
	}
	div#SocialLinks {
   		text-align: left;
	}
	.certified {
    	margin-top: 10px;
	}
	div#footer {
   		padding: 40px 0 0;
	}
	div#Awards {
    	padding-bottom: 0
	}
	div#Awards h2 {
    	text-align: center;
	}
	
	div#Tagline p a {
		display: block;
		max-width: 207px;
		margin: 0 auto 10px;
	}
	.Herotagline {
    	padding-top: 0;
	}
	.logo-marquee {
		border-bottom: 1px solid #d2d2d2;
		border-top: 1px solid #d2d2d2;
		margin-top: 40px;
	}
	.Index div#row3 {
		min-height: auto;
		background: none;
	}
	.Index div#row3 {
        padding: 60px 0 0;
    }
	.footer-top .col, #HeroImage {
    	width: 100%;
	}
	.footer-top {
	    flex-direction: column;
		padding: 0 2%;
	}
	.mid-col {
		margin-left: 0;
	}
	div#FooterMenumenublock ul li a {
    	padding: 0;
	}

}
@media screen and (min-width:1024px) {
	div#headerContainer {
    	padding-top: 40px;
	}
}

@media (max-width: 1124px) {
    .BlogPostBlog #row0 .rowContents {
        flex-direction: column;
    }

    .blogSidebar {
        position: relative;
        top: auto;
    }
}