/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 992px) {
	.navbar-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		overflow: auto;
		z-index: 99992;
		background: rgba(0, 0, 0, .15);
		display: none;
	}

	.navbar {
		
	}

	.navbar .navbar-outer {
		position: fixed;
		width: 380px;
		top: 0;
		right: 0;
		height: 100%;
		background: #fff;
		z-index: 2;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		overflow: auto;
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.menu-toggle {
		display: block;
		position: relative;
		float: left;
		cursor:pointer;
		position:relative;
	}
	.hamburger {
		float: left;
		position:relative;
		width: 50px;
		height: 40px;
		padding: 10px;
		left:0%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #0A1D6B;
	}
	.hamburger span{
		display:block;
		width:100%;
		height:3px;
		margin-bottom:5px;
		overflow:hidden;
		position:relative;
	}
	.hamburger span:last-child{
		margin:0;
	}
	.hamburger span:before,.hamburger span:after{
		content:"";
		position:absolute;
		width:100%;
		height:100%;
		background-color:#fff;
		transform:translateX(-200%);
		transition:transform ease 300ms;
	}
	.hamburger span:after{
		transform:translateX(0);
	}
	.hamburger span:nth-child(2):before,.hamburger span:nth-child(2):after{
		transition-delay:75ms;
	}
	.hamburger span:last-child:before,.hamburger span:last-child:after{
		transition-delay:150ms;
	}
	.menu-toggle:hover .hamburger span:before{
		transform:translateX(0);
	}
	.menu-toggle:hover .hamburger span:after{
		transform:translateX(200%);
	}

	.menu-text {
		float: right;
		display: inline-block;
		margin-left: 15px;
		line-height: 40px;
		letter-spacing: 1px;
		white-space: nowrap;
		font-size: 14px;
		text-transform: uppercase;
		vertical-align: top;
	}

	.desktop-menu {
		float: right;
		margin: 20px 0px;
	}

	.navbar-container.opened .navbar-outer {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	.close-canvas-menu {
		display: block;
		margin: 30px 0px;
		position: relative;
		width: 40px;
		height: 40px;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		cursor: pointer;
	}

	.close-canvas-menu:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('../img/bgi/close-black.svg') no-repeat center center;
	}

	.navbar .navbar-inner {
		padding: 0 30px 80px;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.navbar .navbar-inner > ul > li {
		position: relative;
		display: block;
		float: none;
		margin: 10px 0px;
		padding-left: 0px;
	}

	.main-menu li a:after {
		display: none;
	}

	.navbar .navbar-inner > ul > li.menu-item-has-children > span {
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		cursor: pointer;
		height: 30px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		background: url('../img/bgi/arrow-right-black.svg') no-repeat center center;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.navbar .navbar-inner > ul > li ul {
		display: none;
		margin-bottom: 15px;
	}

	.navbar .navbar-inner > ul > li ul li {
		border-bottom: 1px solid #ddd;
	}

	.navbar .navbar-inner > ul > li ul a {
		padding: 10px;
		display: block;
		text-decoration: none;
		color: #222;
		font-size: 13px;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.navbar .navbar-inner > ul > li ul a:hover {
		color: #fff;
		background: #85c977;
	}

	.navbar .navbar-inner>ul>li.menu-item-has-children.active>span {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.language-select {
		position: absolute;
		z-index: 2;
		right: 10px;
		top: 30px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 1240px) {
	.container,
	.container-small {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.risk-section {
		margin: 40px 0px;
	}

	.risk-section ul li br {
		display: none;
	}

	.climax-about-home {
		margin: 60px 0px 40px;
	}

	.post-short {
		padding: 20px 10px 50px;
	}

	.post-list li {
		width: calc(100% / 3 - 10px);
		margin-right: 15px;
	}

	.climax-about-inner-home .text-default ul li {
		font-size: 16px;
	}

	.climax-about-inner-home .text-default {
		padding-left: 30px;
	}

	.page-title {
		margin-bottom: 40px;
	}

	.alt-page-header {
		margin-bottom: 40px;
	}

	.image-left-text, .video-left-text {
		padding-left: 30px;
	}

	.image-right-text, .video-right-text {
		padding-right: 30px;
	}

	.image-left-content, .video-left-content,
	.image-right-content, .video-right-content {
		padding: 40px 0px;
	}

	.video-container{
		padding: 40px 15px;
	} 

	.default-text blockquote {
		font-size: 20px;
		line-height: 32px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.header-logo {
		width: 90px;
	}

	.risk-section {
		margin: 30px 0px;
	}

	.risk-section h2 {
		margin-bottom: 30px;
		font-size: 24px;
    	line-height: 32px;
	}

	.risk-section ul {
		flex-wrap: wrap;
	}

	.risk-section ul li {
		width: 100%;
		margin-bottom: 30px;
	}

	.risk-section ul li:last-child {
		margin-bottom: 0px;
	}

	.risk-section ul li h3 {
		margin-bottom: 10px;
	}

	.climax-description-home h2 {
		font-size: 24px;
		line-height: 32px;
	}

	.climax-about-home {
		margin: 60px 0px 30px;
	}

	.climax-about-inner-home {
		flex-wrap: wrap;
	}

	.climax-about-inner-home figure {
		width: 100%;
	}

	.climax-about-inner-home .text-default {
		width: 100%;
		padding-left: 0px;
	}

	.press-section {
		padding: 30px 0px;
	}

	.post-list li {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.post-list li:last-child {
		margin-bottom: 0px;
	}

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

	.email-footer {
		margin-bottom: 30px;
	}

	.email-footer a {
		display: block;
	}

	.eu-missions-wrapper img {
		margin: 30px auto 10px;
	}

	.eu-missions-wrapper-text {
		max-width: 100%;
		margin: 0 auto;
	}

	.eu-missions-wrapper-text br {
		display: none;
	}

	.climax-about-inner-home .text-default ul li {
		font-size: 16px;
	}

	.press-section h2 {
		font-size: 24px;
		line-height: 32px;
	}

	#header {
		margin-bottom: 30px;
	}

	#header.homepage-header {
        margin-bottom: 0px;
    }

	.page-title {
		margin-bottom: 30px;
		font-size: 24px;
		line-height: 32px;
	}

	.default-text p iframe {
		width: 100%;
	}

	.image-left-content,
	.video-left-content,
	.image-right-content,
	.video-right-content {
		flex-wrap: wrap;
	}

	.image-left-content figure,
	.video-left-content .video-left,
	.image-right-content figure,
	.video-right-content .video-right {
		width: 100%;
	}

	.image-left-text,
	.video-left-text {
		width: 100%;
		padding-left: 0px;
	}

	.image-right-text,
	.video-right-text {
		width: 100%;
		padding-right: 0px;
	}

	.image-left-content figure,
	.video-left-content .video-left {
		margin-bottom: 30px;
	}

	.image-left-content,
	.video-left-content,
	.image-right-content,
	.video-right-content {
		padding: 30px 0px;
	}

	.video-container {
		padding: 30px 15px;
	}

	.title-row {
		font-size: 24px;
		line-height: 32px;
	}

	.gallery-list li {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.gallery-grid,
	.gallery-sizer {
		width: 100%;
	}

	.default-text blockquote {
		font-size: 18px;
		line-height: 24px;
		padding: 20px 20px 20px 40px;
	}
	
}