@media screen and (min-width:1280px) {

	.button {padding:12px 40px;}

	#header .nav-toggle,
	#main-nav .menu .more {display:none;}

	#main-nav .menu {display:flex;}
	#main-nav .menu li {margin-right:40px; padding:25px 0; line-height:30px; font-size:20px; font-weight:var(--font-weight-bold); transition:padding 0.3s ease;}
	#header.active #main-nav .menu > li {padding:15px 0;}
	#main-nav .menu li a {display:block;}
	
	#main-nav .menu > li.menu-item-has-children {position:relative;}
	#main-nav .menu > li.menu-item-has-children::after {position:absolute; bottom:0; left:50%; display:block; width:12px; height:3px; content:''; background:var(--color-theme-c); transform:translateX(-50%);}
	
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap {z-index:100; position:absolute; top:100%; left:50%; padding-top:20px; visibility:hidden; opacity:0; transform:translateX(-50%); transition:visibility 0.1s ease, opacity 0.1s ease;}
	#header.active #main-nav .menu > li.menu-item-has-children > .sub-menu-wrap {padding:10px 0 0 0;}
	#main-nav .menu > li.menu-item-has-children:hover > .sub-menu-wrap,
	#main-nav .menu > li.menu-item-has-children > a:focus + .sub-menu-wrap,
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap:focus-within {visibility:visible; opacity:1;}
	
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu {padding:10px 20px; text-align:left; border:solid rgba(255,252,242,0.25); border-width:0 1px 1px 1px; background:var(--color-theme-b);}
	#header.active #main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu {border-radius:0 0 5px 5px;}
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu li {margin:0 0 10px 0; padding:0; font-size:16px; font-weight:var(--font-weight-normal); line-height:var(--def-line-height); border-bottom:var(--color-theme-b); white-space:nowrap;}
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu li:not(:last-child) {padding:0 0 10px 0; border-bottom:1px solid rgba(255,252,242,0.25);}
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu li a {position:relative; padding-right:50px;}

	#main .candidate-content .content.text.layout-a {width:940px; max-width:100%; margin:0 auto;}

}
 

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

	:root {
		--content-width:980px;
		--lyt-bl-pad-top:50px;
		--header-height:90px;
		--h1-font-size:70px; 
		--h2-font-size:46px; 
		--h3-font-size:32px; 
		--h3-font-size-b:26px; 
		--body-font-size:18px;
	}

	.editable-content p.intro-text {font-size:22px;}
	.editable-content p.small-print {font-size:14px;}

	.editable-content blockquote {padding-left:70px; background-size:40px auto;}
	.editable-content .cite {padding-left:70px;}

	.nav-active #header .logos .main-logo {position:relative; z-index:3001;}
	
	#header .nav-toggle {display:block; margin-left:20px; padding:13px 0; border:none;}
	.nav-active #header .nav-toggle {position:relative; z-index:3001;}
	#header .nav-toggle span,
	#header .nav-toggle span::before,
	#header .nav-toggle span::after {position:absolute; display:block; width:30px; height:2px; content:''; background:var(--color-theme-a); transition:all 0.2s ease;}
	#header .nav-toggle span {position:relative; text-indent:-9999px;}
	#header .nav-toggle span::before {top:-9px;}
	#header .nav-toggle span::after {bottom:-9px;}
	#header .nav-toggle:hover span::before {top:-11px;}
	#header .nav-toggle:hover span::after {bottom:-11px;}
	.nav-active #header .nav-toggle span {background:transparent;}
	.nav-active #header .nav-toggle span::before {top:0; transform:rotate(-45deg); background:var(--color-theme-a);}
	.nav-active #header .nav-toggle span::after {bottom:0; transform:rotate(45deg); background:var(--color-theme-a);}

	#main-nav {z-index:3000; position:fixed; top:-100vh; right:0; left:0; width:100vw; min-height:calc(100vh - var(--header-height)); max-height:calc(100vh - var(--header-height)); padding-top:var(--header-height); color:var(--color-theme-a); background:var(--color-theme-b); opacity:0; visibility:hidden; transition:all 0.2s ease;}
	.nav-active #main-nav {top:0; opacity:1; visibility:visible;}
	.logged-in.role-administrator.nav-active #main-nav {top:var(--wpadminbar-height); min-height:calc(100vh - (var(--header-height) + var(--wpadminbar-height))); max-height:calc(100vh - (var(--header-height) + var(--wpadminbar-height)));}
	
	#main-nav .nav-wrap {display:flex; min-height:inherit; max-height:inherit; overflow-y:auto;}
	#main-nav .content {width:var(--wrapper-width); margin:auto; padding:0 20px;}

	#main-nav .menu {margin-bottom:var(--header-height); text-align:right;}
	#main-nav .menu.has-sub-nav {padding-right:45px;}
	#main-nav .menu li {margin:0 0 15px 0; font-size:30px; line-height:30px; font-weight:var(--font-weight-bold);}
	#main-nav .menu li a {color:var(--color-theme-a);}
	
	#main-nav .menu li.menu-item-has-children a {display:inline-block;}
	#main-nav .menu li.menu-item-has-children .sub-menu-wrap {display:none;}
	#main-nav .menu li.menu-item-has-children .sub-menu {padding:5px 0 10px 0;}
	#main-nav .menu li.menu-item-has-children .sub-menu li {margin:0; padding:5px 0 0 0; font-size:20px; line-height:1.4; font-weight:var(--font-weight-normal);}
	#main-nav .menu li.menu-item-has-children .sub-menu li .sub-menu {padding:0 0 15px 0;}
	#main-nav .menu li.menu-item-has-children .sub-menu li .sub-menu li {font-size:16px;}
	
	#main-nav .menu li.menu-item-has-children {position:relative;}
	#main-nav .menu li.menu-item-has-children .more {position:absolute; display:block; top:5px; right:-42px; width:24px; height:24px; text-indent:-9999px; overflow:hidden; transition:all 0.2s ease;}
	#main-nav .menu li.menu-item-has-children .more::before,
	#main-nav .menu li.menu-item-has-children .more::after {position:absolute; display:block; top:50%; left:50%; width:22px; height:2px; content:''; background:var(--color-theme-c); transition:all 0.2s ease;}
	#main-nav .menu li.menu-item-has-children .more::before {transform:translate(-50%, -50%);}
	#main-nav .menu li.menu-item-has-children .more::after {transform:translate(-50%, -50%) rotate(90deg);}
	#main-nav .menu li.menu-item-has-children .more.active::after {width:0;}
	#main-nav .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .more {top:10px;}
	#main-nav .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .more::before,
	#main-nav .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .more::after {width:16px;}

	.info-list .wrap h3.title {font-size:var(--body-font-size); line-height:26px;}
	.info-list .wrap h3.title a .more {top:18px;}

	#banner {min-height:460px;}
	.front-page #banner .content h1 {font-size:90px;}

	#main .layout-section.has-bg {background-size:var(--content-width) auto;}
	
	#main .layout-section .content-wrap {padding:40px 40px 1px 40px;}

	#main .tabs-wrap .tabs-list li a {padding:10px 5px; font-size:16px; line-height:20px;}

	#main .content-section .video-wrap .image .play {width:100px; height:100px;}
	#main .content-section .cols-wrap:not(.cols-1) .video-wrap .image .play {width:60px; height:60px;}

	#main .icons-list-a .icon .head h3 {width:calc(100% - 90px);}
	#main .icons-list-a .icon .info-list .wrap {margin-left:90px;}
	#main .icons-list-a .icon .info-list .wrap::before {top:20px; left:-66px;}
	#main .icons-list-a .icon .info-list .wrap:not(:last-child)::after {left:-57px;}

	#main .jumps-list .jump {--jump-gap:20px;}
	#main .jumps-list .jump .wrap {min-height:280px;}
	#main .jumps-list .jump .wrap .details {padding:20px;}

	#main .filter-section .filter-form {width:calc((100% - 20px * (3 - 1)) / 3);}
	#main .posts-list:not(.highlights) {display:flex; flex-wrap:wrap; gap:20px;}
	#main .posts-list:not(.highlights) .post {--post-gap:20px;}
	#main .posts-list.highlights .post .wrap {margin:0 10px;}
	#main .posts-list.highlights {margin:0 -10px 20px -10px;}

	#main .post-section .icons-block .icons-list {column-gap:20px;}
	#main .post-section .icons-block .icons-list .icon {--icon-gap:20px;}
	#main .post-section .icons-block .icons-list .icon .wrap {padding:20px 0;}
	#main .post-section .icons-block .icons-list .icon .wrap .details {width:calc(100% - 100px);}
	#main .post-section .quote-wrap {padding:20px 0 1px 0;}
	#main .post-section .quote-block .source {padding-left:70px;}
	#main .post-section .stats-block .stats-list {column-gap:20px;}
	#main .post-section .stats-block .stats-list .stat {--stat-gap:20px;}
	#main .post-section .stats-block .stats-list .stat .wrap {padding:20px 0;}
	#main .post-section .stats-block .stats-list .stat .wrap h3 {width:70px; font-size:40px;}
	#main .post-section .stats-block .stats-list .stat .wrap p {width:calc(100% - 90px);}
	#main .post-section .author-img .details {padding:20px;}

	#main .post-section .post-cta {padding:20px;}
	#main .post-section .post-cta h3 {margin-bottom:20px;}

	#main .profiles-list {gap:20px;}
	#main .profiles-list .profile {--profile-gap:20px;}
	#main .profiles-list .profile .wrap .details {padding:20px;}
	#main .profile-section .profile-img .details {padding:20px;}
	#main .profile-section .profile-img .details .button {padding:1px 10px 3px 10px; font-size:16px;}
	#main .profile-section .profile-img .details .linkedin {width:30px; height:30px; background-size:16px;}

	#main .profile-skills .skills .skill {margin-bottom:10px;}

	#main .tiles-list {gap:20px;}
	#main .tiles-list .tile {--tile-gap:20px;}
	#main .tiles-list .tile .wrap {min-height:260px;}
	#main .tiles-list .tile .wrap .details {padding:20px;}

	/* Candidates */

	#main .candidates-list {gap:20px;}
	#main .candidates-list .candidate {--post-gap:20px;}
	#main .candidates-list .candidate .wrap .details {padding:20px;}
	#main .candidates-list .candidate .wrap:hover .details {padding-bottom:35px;}
	#main .candidates-list .candidate .wrap .details h4 {margin:5px 0 0 0;}

	#main .candidate-section .actions {padding:10px 0;}
	#main .candidate-section .actions .links {column-gap:30px;}
	#main .candidate-section .actions .links li a {padding-left:40px;}
	#main .candidate-section .actions .links li a::before {width:30px; height:30px;}

	#main .candidate-header .img {width:300px;}
	#main .candidate-header .details {width:calc(100% - 350px);}
	#main .candidate-header .details .rating h2 {font-size:70px;}
	#main .candidate-header .details .rating h2 sup {font-size:32px;}

	#sub-footer .cols-wrap {--cols-per-row:3;}
	#sub-footer .cols-wrap .col-1 {display:none;}
	#footer {font-size:14px;}

}


@media screen and (min-width:980px) {

	:root {
		--min-content-width:720px;
	}

	.cols-1 .col-1 .info-list .info .content {width:var(--min-content-width); margin:0 auto; padding-left:0;}

	#main .layout-section .intro.layout-b,
	#main .layout-section .outro.layout-b,
	#main .layout-section .cols-1.layout-b .col-1 {width:var(--min-content-width);}

	#main .jumps-list.jumps-4 .jump {--jump-no:4;}
	#main .jumps-list.jumps-5 .jump {--jump-no:5;}

	#main .post-section .author-img {position:relative; margin-bottom:var(--def-margin); color:var(--color-theme-a); border-radius:10px; background:var(--color-theme-b); overflow:hidden;}
	#main .post-section .author-img::after {z-index:1; position:absolute; top:65%; right:0; bottom:0; left:0; content:''; background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);}
	#main .post-section .author-img .details {z-index:2; position:absolute; right:0; bottom:0; left:0; display:flex; flex-wrap:wrap; padding:30px; line-height:1.4; transition:padding 0.3s ease;}

}


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

	:root {
		--content-width:760px;
		--header-height:60px;
		--h1-font-size:60px; 
		--h2-font-size:40px; 
		--h3-font-size:28px; 
		--h3-font-size-b:20px; 
		--h4-font-size:20px; 
	}

	.cols-wrap:not(.cols-1) .col .cols-wrap,
	.cols-wrap.cols-2.cols-layout-d,
	.cols-wrap.cols-2.cols-layout-e {grid-template-columns:1fr!important; gap:0;}
	.cols-wrap.cols-2.cols-layout-d .col,
	.cols-wrap.cols-2.cols-layout-e .col {text-align:center!important;}

	#header {padding:10px 0;}
	#header .logos .main-logo svg {height:40px;}
	#header .logos .client-logo {margin-left:15px; padding-left:15px;}
	#header .logos .client-logo img {height:40px;}

	#banner {min-height:360px;}
	.front-page #banner .content h1 {font-size:70px;}

	#main .tabs-wrap .tabs-list {display:none;}
	#main .tabs-wrap .tabs-form {display:block;}
	#main .tabs-wrap .tabs-form .select .customSelect {font-weight:var(--font-weight-bold);}

	#main .icons-list-b.icons-3 .icon {--icon-no:1;}
	#main .icons-list-b.icons-4 .icon {--icon-no:2;}

	#main .jumps-list .jump:nth-child(-n+2) {--jump-no:2;}

	#main .filter-section .filter-form {width:calc((100% - 20px * (2 - 1)) / 2);}
	#main .posts-list:not(.highlights) .post {--post-no:2;}
	#main .post-section .cols-wrap.cols-layout-c {grid-template-columns:1fr!important; gap:0;}
	#main .post-section .author-img img,
	#main .post-section .profile-skills,
	#main .post-section .post-cta {display:none;}
	#main .post-section .author-img .details {margin-bottom:var(--def-margin); padding:30px 0 0 0; line-height:1.4;}
	#main .post-section .author-img .details br {display:none;}

	#main .profiles-list .profile {--profile-no:2;}

	#main .steps-list:not(.has-slides) {column-gap:30px;}
	#main .steps-list:not(.has-slides) .step {--step-no:2; --step-gap:30px;}
	#main .steps-section .slick-dots li {margin:0 15px;}

	/* Candidates */

	#main .candidates-list .candidate {--post-no:2;}
	#main .candidate-header .img {width:250px;}
	#main .candidate-header .details {width:calc(100% - 280px);}
	#main .candidate-header .details .actions {display:none;}
	#main .candidate-header .actions {display:block; margin:0;}
	#main .candidate-header .details .rating h2 {font-size:50px;}
	#main .candidate-header .details .rating h2 sup {font-size:26px;}	
	#main .candidate-tabs .tabs .tab {padding-top:20px;}
	#main .candidate-section .candidate-content .content.deals .titles {display:none;}
	#main .candidate-section .candidate-content .deals-list .deal .header {display:block;}
	#main .candidate-section .candidate-content .deals-list .deal .header .col-1,
	#main .candidate-section .candidate-content .deals-list .deal .header .col-2 {width:100%;}
	#main .candidate-section .candidate-content .deals-list .deal .header h3.decision {padding:10px 0;}
	#main .candidate-section .candidate-content .deals-list .deal .header h3 .title {display:block; color:var(--color-theme-b);}
	#main .candidate-section .candidate-content .deals-list .deal .header h3 .val {font-size:16px;}
	#main .candidate-section .candidate-content .deals-list .deal .header h3.decision .val {font-weight:var(--font-weight-bold);}
	#main .candidate-section .candidate-content .deals-list .info .details-list li {--items-no:2;}

	#footer .wrapper {display:block;}

}


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

	:root {
		--wpadminbar-height:46px;
	}

}


@media screen and (min-width:760px) {

    .cols-wrap.cols-2.cols-rev .col-1 {order:1;}
	
	#main .content-image-section .rows .row .cols-wrap {gap:0;}
	#main .content-image-section .rows.layout-a .row:nth-child(even) .cols-wrap .col-1,
	#main .content-image-section .rows.layout-b .row:nth-child(odd) .cols-wrap .col-1 {order:1;}
	#main .content-image-section .rows.layout-a .row:nth-child(odd) .cols-wrap .col-1,
	#main .content-image-section .rows.layout-b .row:nth-child(even) .cols-wrap .col-1 {padding-right:var(--lyt-bl-pad-top)}
	#main .content-image-section .rows.layout-a .row:nth-child(even) .cols-wrap .col-1,
	#main .content-image-section .rows.layout-b .row:nth-child(odd) .cols-wrap .col-1 {padding-left:var(--lyt-bl-pad-top)}

}


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

	:root {
		--content-width:580px;
		--body-font-size:16px;
		--h1-font-size:50px; 
		--h2-font-size:36px; 
		--h3-font-size-b:20px; 
		--h4-font-size:20px; 
	}

	.editable-content p.intro-text {font-size:20px;}
	.editable-content p.small-print {font-size:13px;}

	.editable-content blockquote {padding:50px 0 0 0;}
	.editable-content .cite {padding-left:0;}
	
	.editable-content img {margin:0 0 20px 0;}
	.editable-content img.alignleft {float:none; margin-right:0;}
	.editable-content img.aligncenter {margin-right:auto; margin-left:auto;}
	.editable-content img.alignright {float:none; margin-left:auto;}
	.editable-content .wp-caption.alignleft {float:none; margin-right:0;}
	.editable-content .wp-caption.aligncenter {margin-right:auto; margin-left:auto;}
	.editable-content .wp-caption.alignright {float:none; margin-left:auto;}
	.editable-content .wp-caption.aligncenter .wp-caption-text {text-align:left;}

	.cols-wrap:not(.cols-1) {grid-template-columns:1fr!important; gap:0;}

	#banner {min-height:300px;}
	.front-page #banner .content h1 {font-size:50px;}

	#main .layout-section.hide-bg {background-image:none!important;}

	#main .content-image-section .rows .row .image {margin-top:30px;}

	#main .icons-list-a .icon .info-list .wrap::before {top:19px;}

	#main .posts-section header {display:block;}
	#main .posts-section header .button {display:none;}

	#main .profile-section .col-1 {display:flex; flex-wrap:wrap; align-items:flex-start; column-gap:30px;}
	#main .profile-section .profile-img,
	#main .profile-section .profile-skills {width:calc((100% - 30px * (2 - 1)) / 2);}

	#main .steps-list:not(.has-slides) .step {--step-no:2;}
	#main .steps-section .slick-dots li {display:none!important;}

	#main .tiles-section {padding-bottom:calc(var(--lyt-bl-pad-bot) + 10px);}
	#main .tiles-list {gap:10px; margin-bottom:0;}
	#main .tiles-list .tile {margin-bottom:10px; --tile-gap:10px;}

	/* Candidates */

	#main .candidate-overview .highlights li {--highlight-no:1;}
	#main .candidate-section .candidate-content .actions .button {display:none;}
	#main .candidate-section .candidate-content .footer {display:block; padding:20px 0;}

	#sub-footer {padding-bottom:0;}

}


@media screen and (max-width:759px) and (min-width:500px) {

	#main .profiles-list .profile .wrap .details h3 {font-size:24px;}
	#main .profiles-list .profile .wrap .details h4 {font-size:16px;}

}


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

	:root {
		--content-width:100%;
		--header-height:55px;
		--h1-font-size:40px; 
		--h2-font-size:30px; 
	}

	.button {padding:4px 10px; font-size:16px;}

	#header .logos .main-logo img {height:30px;}
	#header .logos .client-logo {margin-left:10px; padding-left:10px;}
	#header .logos .client-logo img {height:30px;}
	
	#main-nav .menu li {font-size:24px;}

	.front-page #banner .content {width:100%; padding-right:0;}

	#main .layout-section .content-wrap {padding:40px 20px 1px 20px;}

	#main .banner-section .slides .slide .content {width:100%; padding-right:0;}

	#main .icons-list-a .icon:not(:last-child) {margin-bottom:40px;}
	#main .icons-list-a .icon .head {display:block;}
	#main .icons-list-a .icon .head .img {width:40px; margin:0 0 10px 0;}
	#main .icons-list-a .icon .head h3 {width:auto; margin:0;}
	#main .icons-list-a .icon .info-list .wrap {margin-left:35px;}
	#main .icons-list-a .icon .info-list .wrap::before {left:-37px;}
	#main .icons-list-a .icon .info-list .wrap:not(:last-child)::after {left:-28px;}
	#main .icons-list-b.icons-4 .icon {--icon-no:1;}

	#main .jumps-list {gap:10px;}
	#main .jumps-list .jump {--jump-no:1!important;}
	#main .jumps-list .jump .wrap {min-height:50vw;}

	#main .filter-section .filter-form {width:100%;}
	#main .posts-list:not(.highlights) .post {--post-no:1;}
	#main .post-section .icons-block .icons-list {border-bottom:1px solid var(--color-theme-c);}
	#main .post-section .icons-block .icons-list .icon {--icon-no:1;}
	#main .post-section .icons-block .icons-list .icon .wrap {border-width:1px 0 0 0!important;}
	#main .post-section .stats-block .stats-list {border-bottom:1px solid var(--color-theme-c);}
	#main .post-section .stats-block .stats-list .stat {--stat-no:1;}
	#main .post-section .stats-block .stats-list .stat .wrap {border-width:1px 0 0 0!important;}

	#main .stats-list .stat {width:100%; --stat-no:1; --stat-gap:0;}

	#main .steps-list:not(.has-slides) .step {--step-no:1;}

	#main .tiles-list {gap:0;}
	#main .tiles-list .tile {--tile-no:1!important;}
	#main .tiles-list .tile .wrap {min-height:45vw;}

	/* Candidates */

	#main .candidate-section .actions .links {display:block;}
	#main .candidate-header .img {width:160px; margin:0 0 20px 0;}
	#main .candidate-header .details {width:100%;}
	#main .candidate-header .details .rating h2 {font-size:40px;}
	#main .candidate-header .details .rating h2 sup {font-size:22px;}
	#main .candidate-section .candidate-content .deals-list .info .details-list li {--items-no:1;}
	#main .candidate-section .candidate-content .skills-list .skill {display:block;}
	#main .candidate-section .candidate-content .skills-list .skill .title {width:auto; margin:0 0 5px 0;}
	#main .candidate-section .candidate-content .skills-list .skill .ratings {margin-left:0;}


}


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

	#header .logos .client-logo {display:none;}

	#banner .content {width:100%;}
	
	#main .profiles-list .profile {--profile-no:1;}
	#main .profile-section .col-1 {display:block;}
	#main .profile-section .profile-img,
	#main .profile-section .profile-skills {width:auto;}

	/* Candidates */

	#main .candidates-list .candidate {--post-no:1;}

}