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

	body {font-size:18px;}

	.wrapper {width:960px;}

	#header #main-logo {width:160px; padding:10px 20px;}
	#header #main-logo img {height:60px;}

	.front-page #banner {padding:275px 0 165px 0;}
	#banner h1 {font-size:48px; line-height:54px;}

	#content {padding:70px 0 50px 0;}

	#main .intro-section {padding:0 50px 50px 50px;}
	/* #main .intro-section p {text-align: justify;} */
	.front-page #main .intro-section {padding-top:70px;}

	#main .features-section {padding-bottom:70px;}


	#main .blog-section {padding:70px 0;}
	#main .blog-section::before {right:45%;}
	#main .blog-section .posts-wrap {width:520px;}

	#main .quotes-section {padding:180px 0 50px 0;}
	#main .quotes-section blockquote {margin:0 0 30px 0; font-size:48px; line-height:54px;}

	#main .posts-list:not(.latest) .post {width:320px;}

	#main .profile-section .photo {padding:20px;}

	.front-page #main .partners-section {padding:70px 0 50px 0;}

	.form-wrap {padding:70px 0;}

	.container-item-image {
		max-width: 50%;
	}

}

@media screen and (min-width:980px) {
	
	#header #nav-toggle {display:none;}
	
	#header #main-nav {width:calc(100% - 160px); height:100%;}
	#header #main-nav .outer {height:100%;}
	#header #main-nav .inner {display:-ms-flexbox; -ms-flex-flow:row wrap; display:flex; flex-flow:row wrap; height:100%;}
	#header #main-nav #menu-primary {display:-ms-flexbox; -ms-flex-flow:row wrap; display:flex; flex-flow:row wrap; -ms-flex-align:center; align-items:center; width:calc(100% - 121px); height:100%;}
	#header #main-nav #menu-primary li {display:-ms-flexbox; -ms-flex-flow:row wrap; display:flex; flex-flow:row wrap; -ms-flex-align:center; align-items:center; justify-content:center; height:100%; padding:10px; font-size:18px; text-align:center; border-left:1px solid rgba(255,255,255,0.15); box-sizing:border-box; overflow:hidden;}
	#header #main-nav .social-links {display:-ms-flexbox; -ms-flex-flow:row wrap; display:flex; flex-flow:row wrap; -ms-flex-align:center; align-items:center; justify-content:center; width:121px; padding:10px 20px; border-left:1px solid rgba(255,255,255,0.15); box-sizing:border-box;}
	
	#header #main-nav .close {display:none;}


	#main .intro-section {padding:0 50px 50px 50px;}
	/* #main .intro-section p {text-align: justify;} */
	
	#main .txt-img-blocks .block::before {z-index:1; position:absolute; top:0; right:0; bottom:0; width:60%; content:''; background:#551831;}
	#main .txt-img-blocks .block:nth-child(even) {-ms-flex-direction:row-reverse; flex-direction:row-reverse;}
	#main .txt-img-blocks .block:nth-child(even)::before {right:auto; left:0;}
	#main .txt-img-blocks .block .col {z-index:2; position:relative; width:50%; box-sizing:border-box;}
	#main .txt-img-blocks .block .col-1 {padding:40px 0;}
	#main .txt-img-blocks .block .col-2 {padding:40px; color:#FFF;}
	
}

@media screen and (min-width:1280px) {
	
	#header #main-nav {width:calc(100% - 185px); height:100%;}
	#main .up-next .posts-list {
		margin: 0;
	}
	#main .posts-list {
	    margin: -80px -10px 20px -10px;
	}

}

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

	.wrapper {width:740px;}

	.editable-content img {margin:30px 0 20px 0;}
	.editable-content img.alignleft,
	.editable-content img.alignright {float:none; margin-right:auto; margin-left:auto;}

	#header {height:auto; border:none; overflow:visible;}
	#header .wrapper {display:block; height:auto;}

	#header #main-logo {float:left; width:auto;}

	#header #nav-toggle {float:right; display:block; margin:20px 20px 0 0; padding:18px 7px; border:none; border-radius:50%; background:#ee8131; background:linear-gradient(135deg, #ee8131 0%, #e45a30 100%); transition:margin 0.2s ease;}
	#header.active #nav-toggle {margin-top:15px;}
	#header #nav-toggle span,
	#header #nav-toggle span::before,
	#header #nav-toggle span::after {position:absolute; display:block; width:22px; height:4px; content:''; border-radius:2px; background:#FFF; transition:background 0.3s ease;}
	#header #nav-toggle span {position:relative; width:26px; text-indent:-9999px;}
	#header #nav-toggle span::before,
	#header #nav-toggle span::after {left:50%; transform:translateX(-50%);}
	#header #nav-toggle span::before {top:-8px;}
	#header #nav-toggle span::after {bottom:-8px;}
	#header #nav-toggle:hover span,
	#header #nav-toggle:hover span::before,
	#header #nav-toggle:hover span::after {background:#202020;}

	#header #main-nav {z-index:3000; position:fixed; top:-100%; right:0; bottom:100%; left:0; background:rgba(0,0,0,0.95); opacity:0; transition:top 0.3s ease, bottom 0.3s ease, opacity 0.3s ease;}
	#header #main-nav.active {top:0; bottom:0; opacity:1;}
	#header #main-nav .outer {display:table; width:100%; height:100%; text-align:center;}
	#header #main-nav .inner {display:table-cell; width:100%; vertical-align:middle;}
	#header #main-nav #menu-primary {margin:0 0 30px 0;}
	#header #main-nav #menu-primary li {font-size:4vh;}
	#header #main-nav #menu-primary li a {display:inline-block;}
	#header #main-nav .close {position:absolute; top:20px; right:20px; display:block; width:30px; height:30px; text-indent:-9999px; background:url('../img/bg-close.svg') center center no-repeat; background-size:24px;}
	.logged-in #header #main-nav .close {top:52px;}

	#banner {padding:165px 0 85px 0;}
	#banner p br {display:none;}

	#main .blog-section {padding:70px 0; background:#551831;}
	#main .blog-section::before {display:none;}
	#main .blog-section .content {position:static; float:none; width:auto; margin:0 0 40px 0; padding:0;}
	#main .blog-section .content .more {position:absolute; bottom:-5px; left:100px;}
	#main .blog-section .posts-wrap {padding-bottom:50px;}
	#main .blog-section .posts-wrap .posts-list {float:none; width:calc(100vw + 205px);}

	#main .quotes-section {margin-top:0; padding:70px 0 50px 0;}

	#main .txt-img-blocks .block::after {left:50%;}
	#main .txt-img-blocks .block .col-1 {z-index:3; position:relative; max-width:400px; margin:0 auto;}
	#main .txt-img-blocks .block .col-2 {z-index:2; position:relative; margin-top:-60px; padding-top:100px; text-align:center; background:#551831; width:100%;}

	#main .posts-list:not(.latest) .post {width:50%;}
	#main .posts-list:not(.latest) .post:not(:nth-child(-n+2)) {margin:20px 0 0 0;}

	#main .contact-section .col-1 {width:40%;}
	#main .contact-section .col-2 {width:60%;}
	
	#main .logos-list li {width:33.33%; margin:0 0 30px 0;}

	#main .queens-award-section .content {width:auto; padding:0px; }
	#main .queens-award-section .button-wrap {text-align: center; margin:0;}
	#main .queens-award-section .button {margin:10px 0;}
	#main .queens-award-section img {max-width:150px;}
	#main .queens-award-section {margin-bottom: 0px; padding-bottom: 30px;}

	#main .profile-section {display:block; margin:0;}
	#main .profile-section .col-1,
	#main .profile-section .col-2 {width:auto; padding:0;}
	#main .profile-section .col-1 {margin:0 0 30px 0; text-align:center;}
	#main .profile-section .photo {display:inline-block; padding:30px;}
	#main .profile-section header {text-align:center;}
	#main .profile-section header .contact {justify-content:center;}

	#main-nav div div ul li {width: auto !important;}

	.container-item-text-block {max-width: 100%;}
	
	.container-item-form {width: 100%;}	   
}

@media screen and (max-width:759px) {
	
	.wrapper {width:580px;}
	
	h1 {font-size:38px; line-height:44px;}
	h2 {font-size:28px; line-height:34px;}
	h3 {font-size:20px; line-height:26px;}
	
	#banner {padding:100px 0 50px 0;}
	.front-page #banner {padding:165px 0 85px 0;}
	#banner h1 {font-size:38px; line-height:44px;}
	
	#main .features-section .icons-list li {width:50%; margin-bottom:10vw;}
	
	#main .quotes-section blockquote {font-size:28px; line-height:34px;}
	#main .quotes-section h2,
	#main .quotes-section .content {float:none; width:auto; padding:0;}
	
	#main .queens-award-section .content {width:auto; padding:0; }
	#main .queens-award-section img {width:auto;padding:0;}
	/* #main .queens-award-section .content a .button {text-align:center;margin: 0 auto;} */
	
	#footer .cols-wrap {display:block; margin:0;}
	#footer .col {padding:0;}
	#footer .col-1, #footer .col-2 {width:auto; text-align:center;}
	#footer .social-links {margin:10px 0; text-align:center;}
	
}

@media screen and (max-width:579px) {
	
	.wrapper {width:100%;}
	
	h1 {font-size:32px; line-height:38px;}
	h2 {font-size:24px; line-height:30px;}
	h3 {font-size:20px; line-height:26px;}
	
	#banner h1 {font-size:32px; line-height:38px;}
	.front-page #banner {padding:33vw 0 13vw 0;}
	
	#content {padding:40px 0 20px 0;}
	#main .intro-section {padding:0 20px 50px 20px;}
	/* #main .intro-section p {text-align: left;} */
	.front-page #main .intro-section {padding-top:40px;}
	#main .features-section {padding-bottom:40px;}
	#main .features-section h2 {margin:0 0 30px 0;}
	#main .blog-section {padding:40px 0;}
	#main .blog-section .content {margin:0 0 20px 0;}
	#main .quotes-section {padding:40px 0 20px 0;}
	.front-page #main .partners-section {padding:40px 0 10px 0;}
	.form-wrap {padding:40px 0;}
	
	#main .posts-list:not(.latest) .post {padding:0 5px;}
	#main .posts-list:not(.latest) .post:not(:nth-child(-n+2)) {margin:10px 0 0 0;}
	#main .posts-list:not(.latest) .post .wrap .details {padding:10px;}
	#main .posts-list {margin:0px;}
	
	#main .contact-section {display:block; margin:0;}
	#main .contact-section .col-1,
	#main .contact-section .col-2 {width:auto; padding:0; text-align:center;}
	#main .contact-section .col-1 {margin:0 0 30px 0;}
	
	#main .queens-award-section .content {width:auto; padding:10px;}
	
	#main .team-list {margin:0 -5px;}
	#main .team-list li {width:50%; padding:0 5px;}
	
	#main .logos-list li {width:50%;}
	
	/* .container-item-text-block h1 {text-align: center;} */
	/* .container-item-text-block {padding-left: 1em;} */
	/* .container {padding: 1em} */
}

@media screen and (max-width:499px) {
	
	#main .txt-img-blocks .icons-list {display:block; margin:30px 0 0 0; text-align:center;}
	#main .txt-img-blocks .icons-list li {width:auto; margin:20px 0 0 0; padding:0;}
	
	#main .posts-list:not(.latest) {display:block; margin: 0 0 20px 0;}
	#main .posts-list:not(.latest) .post {width:auto; max-width:400px; margin:0 auto!important; padding:0;}
	#main .posts-list:not(.latest) .post:not(:nth-child(-n+1)) {margin-top:10px!important;}
	
}

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

	#main .blog-section .content .more {position:absolute; bottom:-5px; left:auto; right:10px;}
	#main .blog-section .posts-wrap .posts-list {width:auto; margin:0 -10px;}
	#main .blog-section .posts-wrap .posts-list .post {width:100vw; margin:0;}

}