
@media screen and (max-width: 1600px){
	.region-highlighted { padding: 0 100px; }
	body.sidebar-primary-image .region-highlighted { padding: 0 760px 0 100px; }
/*	.layout-content { padding: 80px 65px 80px 100px; }
	.layout-sidebar-second{ width:580px; }*/
	.show-side .primary-img{ margin-top:-350px; }
	
}

@media screen and (max-width: 1500px) {
	
	.hp-getting-started { padding:50px; }
	.hp-getting-started .col-right { width:550px; }
	.hp-getting-started .col-left { width:calc(100% - 450px); }

	.region-sidebar-second:has(.show-side){ width:350px; padding-left:100px; }
	main:has(.show-side) .layout-content {width: calc(100% - 450px);}
	.show-side .primary-img{margin-left: -50px;}
	
	/*.layout-sidebar-second{ width:550px; }
	.layout-sidebar-second .primary-img{ margin-top:-330px; }*/
	
}

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

	.show-side .primary-img{margin-top: -215px;}

	/*.layout-sidebar-second{ width:410px; }
	.region-sidebar-second .block { padding-right:60px; }
	.layout-sidebar-second .primary-img { margin-top:-215px; margin-left:-40px; }
*/
}


@media screen and (max-width: 1300px){
	.region-highlighted { min-height: 300px; padding: 0 75px; }
	body.sidebar-primary-image .region-highlighted { padding: 0 75px; }

	.max-wrap{ margin:60px auto; padding:0 60px; }
	main:has(.show-side), .path-search main, .path-user main{ padding:0 60px; }
	.full-width-wrp { padding:25px 0; }
	
	.region-sidebar-second{ width:350px; padding:60px 0 0 80px; }
	main:has(.show-side) .layout-content {width: calc(100% - 430px);}

	.show-side .primary-img{margin-left: -40px; margin-right: -60px; margin-top: -125px; border-width: 10px;}

	.paragraph--type--single-block.img-left .item{ padding-left:0; }
	.paragraph--type--single-block.img-right .item{ padding-right:0; }
	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ position:static; float:right; margin:0 0 40px 40px; }



	/*
	.layout-content { padding: 70px 75px; width: calc(100% - 500px); }
	.layout-sidebar-second{ width:350px; }
	.region-sidebar-second .block { max-width: 425px; padding-right: 65px; }
	.layout-sidebar-second .primary-img{ margin-top:-125px; border-width: 10px; }
	.footer-content { height: 150px; }
	.footer-content .col-left { padding-left: 65px; width: 450px; }
	.footer-content .col-right { padding: 0 65px; width: calc(100% - 450px); }
*/
	header .region-header { height: 185px; }
	#block-sputnik-branding { margin-top: -40px; }
	.site-logo { margin-left: 65px; width: 150px; }

	/* TOP LEVEL MENU ITEMS ----------------------- */
	nav.main-menu > ul { padding-right: 35px; }
	nav.main-menu > ul > li > a,
	nav.main-menu > ul > li > span { height: 80px; font-size: 22px; line-height: 80px; }
	nav.main-menu > ul > li > a::before,
	nav.main-menu > ul > li > span::before { height: 22px; margin-top: -11px; }


	/* HOMEPAGE BANNER ---------------------------------------------- */
	.hp-banner .wrap { padding: 100px 100px 175px 100px; }
	.hp-banner .inner{ font-size: 50px; }
	.hp-banner a.btn { font-size: 20px; padding: 0.75em 1.5em; }


	/* GETTING STARTED ---------------------------------------------- */
	.hp-getting-started .col-right { width:500px; padding:0 50px 0 150px; }
	.hp-getting-started .col-left { width:calc(100% - 380px); padding:60px; }
	.hp-getting-started .col-left .text { max-width:385px; }
	.hp-getting-started .col-left .text h3 { font-size: 36px; margin: 0 0 0.75em; }
	.hp-getting-started .col-left .text p { font-size: 20px; margin: 0 0 1.5em; }


	/* HOMEPAGE FEATURED CTA ---------------------------------------- */
	.hp-featured-cta { padding: 0 50px 100px; }
	.hp-featured-cta::before { bottom: 200px; }
	.hp-featured-cta .item .content-wrap .col-left {width: calc(100% - 540px); }
	.hp-featured-cta .item .content-wrap .col-left .content { padding: 0; }
	.hp-featured-cta .item .content-wrap .col-right { width: 540px; }

}

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

	.hp-getting-started{ padding:25px 50px 100px; }
	.hp-getting-started .col-left{ height:500px; width: calc(100% - 260px); }
	.hp-getting-started .col-left .image{ background-size:600px; background-position: right bottom; }
	.hp-getting-started .col-right{ width:440px; padding:0 0 0 150px; height:460px; background:#fff; }
	
}

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

	body { font-size: 20px; }
	.site-logo { margin-left: 50px; }
	.region-highlighted { min-height: 250px;  }
	.layout-sidebar-second .primary-img{ margin-left:0; }
	#block-sputnik-page-title h1 { font-size: 55px; }
	.footer-content .col-left { padding-left: 50px; width: 400px; }
	.footer-content .col-right { padding: 0 50px; width: calc(100% - 400px); }
	h1 { font-size: 50px; }
	h2,
	.hp-bottom .view-content:before { font-size: 34px; }
	h3 { font-size: 24px; }
	h4 { font-size: 18px; }
	h5 { font-size: 18px; }
	p.big { font-size: 24px; }
	p.small { font-size: 16px; }
	h2.big,
	.sub-title h1 { font-size: 50px; }
	a.btn, .button, .button--primary { font-size:20px; }

	ul.triple{ columns:2; }

	nav.main-menu > ul { padding-right: 30px; }
	nav.main-menu > ul > li > a,
	nav.main-menu > ul > li > span { padding: 0 20px; }

	/* HOMEPAGE SLIDER ---------------------------------------------- */
	.hp-slider .item .wrap .image { width: 200px; }
	.hp-slider .item .wrap .content { width: calc(100% - 200px); }
	.hp-slider .item .wrap .content .title { font-size: 70px; }
	.hp-slider .item .wrap .content .copy { font-size: 24px; }
	.hp-slider .slick-dots { padding-left: 250px; }


	/* HOMEPAGE FEATURED CTA ---------------------------------------- */
	.hp-featured-cta::before { bottom: 160px; }
	.hp-featured-cta .item { padding: 50px 0 0; }
	.hp-featured-cta .item .content-wrap .col-left { width: calc(100% - 400px); }
	.hp-featured-cta .item .title { font-size: 36px; }
	.hp-featured-cta .item .description { font-size: 20px; }
	.hp-featured-cta .item .content-wrap .col-right { padding-left: 30px; width: 400px; }
	.hp-featured-cta .item .content-wrap .col-right .content { margin: 0; }


	/* HOMEPAGE TESTIMONIALS + CONTACT ------------------------------ */
	.hp-bottom { padding: 0 50px 80px; }
	.hp-bottom .wrap .col-left { padding: 25px 50px 25px 0; }
	.hp-bottom .wrap .col-right { padding: 25px 0 25px 50px; }

}

@media screen and (max-width: 1120px){
	
	.region-banner{ padding:25px 0; }
	.region-sidebar-second:has(.show-side){ width:300px; }
	ul.triple{ columns:2; }
	
}

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

	.hp-getting-started .col-left .image { opacity:.3; }

	.region-sidebar-second{ box-sizing:border-box; padding:60px 80px 40px; background:#f3f3f3; }
	.region-sidebar-second p:last-child{ margin-bottom:0; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img img{ display:block; float:right; width:35%; margin:0 0 30px 30px; }
	aside .primary-img{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; margin:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second:has(.show-side){ margin:0 0 60px; padding:40px; width:unset; }
	main:has(.show-side){ display:block; }
	main:has(.show-side) .layout-content {width: unset; }
	.box-wrap { padding:60px; }
	
	/*main{ display:block; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; }
	.layout-sidebar-second { box-sizing: border-box; padding: 75px; width: 100%; background:#e8f0f0; }
	.region-sidebar-second .block { float: none; max-width: 100%; padding: 0; }
	.layout-container .primary-img img{ display:block; }
	.layout-content { width: 100%; }
	aside .primary-img-block{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; }
	aside .spine{ border:none; padding:0; }
	*/
	.footer-content { display: block; height: auto; }
	.footer-content .col-left { display: block; padding: 40px; text-align: center; width: 100%; }
	.footer-content .col-left ul.menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center;  }
	.footer-content .col-left ul.menu li { float: none; }
	.footer-content .col-right { padding: 40px; width: 100%; }

	/* HOMEPAGE TESTIMONIALS + CONTACT ------------------------------ */
	.hp-bottom .view-content{width: 100%; float: none;}
	.hp-bottom .view-footer{width: 100%; float: none; }
	.hp-bottom { padding:0 100px 100px; }
	.hp-bottom .view-footer .col-right {border-left: none; border-top: 4px solid #eae729; padding: 50px 0 0 0; }
	.hp-bottom .view-content  .wrap{margin-bottom: 0px; margin-top: 30px;}
	.hp-bottom .view-content .item .wrap .col-left { padding: 0 0 50px 0; }

	.hp-bottom .view-content:before{top: 0; left: 0px;}
	
}

@media screen and (max-width: 900px){
		header .region-header { height: 146px; }
	.site-logo { margin-left: 40px; }
	#block-sputnik-main-menu { display: none; }
	.top-nav ul{ display:none; }
	#mt-container { display: block; }
	.translate {display: block; top: 10px; right: 25px; left: unset;}
}


@media screen and (max-width: 850px) {
	.field--name-field-sections 

	.paragraph--type--multi-column-content .item{ padding: 1rem 0 !important; }


	/*.region-sidebar-second{ margin:0; width:100%; }*/
	.sm-stack tr{ display:block; padding:15px; }
	.sm-stack td{ display:block; border:none; padding:0; }

	
	.hp-banner .wrap { padding:60px 30px 150px 100px; }


	/* HOMEPAGE SLIDER ---------------------------------------------- */
	.hp-slider { padding: 0 40px 100px; }
	.hp-slider .item .wrap { display: block; }
	.hp-slider .item .wrap .image { width: 100%; }
	.hp-slider .item .wrap .image img { margin: 0 auto; max-width: 200px; }
	.hp-slider .item .wrap .content { padding: 40px 0 0; width: 100%; }
	.hp-slider .item .wrap .content .title { font-size: 70px; }
	.hp-slider .item .wrap .content .copy { font-size: 24px; }
	.hp-slider .slick-dots { bottom: -40px; padding: 0; text-align: center; }


	/* HOMEPAGE FEATURED CTA ---------------------------------------- */
	.hp-featured-cta { padding: 0 40px 50px; }
	.hp-featured-cta::before { bottom: 150px; }
	.hp-featured-cta .item { padding: 40px 0 0; }
	.hp-featured-cta .item .content-wrap { display: block; }
	.hp-featured-cta .item .content-wrap .col-left { width: 100%; }
	.hp-featured-cta .item .content-wrap .col-right { padding: 30px 0 0; width: 100%; }
	.hp-featured-cta .item .content-wrap .col-right .content { margin: 0; }
	.hp-featured-cta .item .content-wrap .col-right .content img { width: 100%; }


	

}

@media screen and (max-width: 750px) {
	
	.layout-container .primary-img img { float: none; width: auto; margin: -100px 0 50px; border: 8px solid #fff; border-radius: 10px; }
	
	.hp-banner .wrap { padding: 390px 0 0; background-size: 750px; background-position: 0 0; }
	.hp-banner .inner { background: #fff; padding: 40px 60px 50px; box-sizing: border-box; max-width: 100%; }
	.hp-banner .wrap .slider {height: 50%;}

	.hp-ctas{ margin-top:20px; }
	
	.hp-getting-started .col-left { height:auto; width:100%; position: relative; }
	.hp-getting-started .col-right{ width:100%; padding:50px 0 0; height: auto; }
	
	.footer-content .col-left { padding: 30px; }
	.footer-content .col-right{ display: block; text-align: center; }
	.footer-content .col-right .certifications{ background-size:135px; padding:0 0 20px; }
	.footer-content .col-right .social-media li a{ width:38px; height:38px; margin-top:-10px; }	
	
}


@media screen and (max-width: 700px){
	.region-sidebar-second{ padding:50px 60px; }
	.layout-container .primary-img img{ float:none; margin:60px 0 40px; width:100%; }
	.full-width-wrp { padding:1px 0; }
	.box-wrap { padding:50px; }

	.paragraph--type--single-block.img-right .image,
	.paragraph--type--single-block.img-left .image{ float:none; width:100%; margin:0 0 40px; }
	.accordion .item .content .image{ margin: 0 0 25px 25px; }
}

@media screen and (max-width:  650px){
	.hp-bottom .view-footer .col-right .vcard .adr-flex{flex-direction: column;}
	.hp-bottom .view-footer .col-right .vcard .adr-flex .adr-right{margin-left: 0px; margin-top: 30px;}
	.hp-bottom { padding:0 40px 60px; }
}

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

	.max-wrap .swiper{ margin:0 -60px; }
	.paragraph.slider {margin: 50px -60px}

}

@media screen and (max-width: 500px) {
	
	.alert-bar .link{ font-size:18px; padding:30px; }

	.max-wrap{ padding:0 40px; margin:50px auto; }
	 main:has(.show-side), .path-search main, .path-user main{ padding:0 40px; }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; width: 100%;}
	.paragraph.slider {margin: 50px -40px}
	.flex-grid .item:last-child *.last-child{ margin-bottom:0; }
	.region-sidebar-second:has(.show-side), .box-wrap{ margin:0 -20px 40px; padding:40px 35px; }

	header .region-header { height: 126px; }
	/*.site-logo { margin-left: 30px; }*/
	#mt-container { top: 30px; right: 30px; }
	/*.region-highlighted { padding: 40px; }*/
	body.sidebar-primary-image .region-highlighted { padding: 0 40px; }
	.layout-container .primary-img img { margin-top:-65px; }
	/*.layout-sidebar-second { padding: 40px; }*/
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; }
	/*.layout-content { padding: 40px; }*/
	ul{ padding-left:25px; }
	ul.double, ul.triple{ columns:1; }
	.xs-stack tr{ display:block; padding:15px; }
	.xs-stack td{ display:block; border:none; padding:0; }

	#block-sputnik-page-title h1 { font-size: 40px; }
	h1 { font-size: 40px; }
	h2,
	.hp-bottom .view-content:before { font-size: 26px; }
	h3 { font-size: 20px; }
	h4 { font-size: 16px; }
	h5 { font-size: 16px; }
	p.big { font-size: 20px; }
	p.small { font-size: 14px; }
	h2.big,
	.sub-title h1 { font-size: 40px; }
	
	
	.hp-banner .wrap{ padding:225px 0 0; background-size:600px; }
	.hp-banner .wrap .slider {
    height: 225px;}
	.hp-banner .inner { padding:40px 45px 50px; }
	.hp-banner .wrap .slider .slide{background-position: left; background-size: 500px auto;}
	.hp-getting-started { padding:0; }
	.hp-getting-started .col-left { padding:45px; }
	.hp-getting-started .col-right { padding:45px; }
	.hp-getting-started .col-right h3 { padding:0; }
	.hp-getting-started .col-right ul li a { padding-left:40px; }
	

	/* HOMEPAGE CTAS ------------------------------------------------ */
	.hp-ctas { padding: 0 20px; }


	/* HOMEPAGE SLIDER ---------------------------------------------- */
	.hp-slider { padding: 0 45px 80px; }
	.hp-slider .item .wrap .content { padding:15px 0 0; }
	.hp-slider .item .wrap .content .title { font-size: 50px; }
	.hp-slider .item .wrap .content .copy { font-size: 22px; }
	.hp-slider .item .wrap .image img{ max-width:80px; margin:0; }


	/* HOMEPAGE FEATURED CTA ---------------------------------------- */
	.hp-featured-cta { padding: 0 30px 50px; }
	.hp-featured-cta .item { padding: 30px 0 0; }
	.hp-featured-cta .item .content-wrap{ padding:35px; }
	.hp-featured-cta .item .content-wrap .col-left .content *:first-child{ margin:0; }


	/* HOMEPAGE TESTIMONIALS + CONTACT ------------------------------ */
	.hp-bottom { padding: 0 45px 60px; }

}

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

	header .region-header { height: 106px; }
	#block-sputnik-branding { margin-top: -32px; }
	.site-logo { margin-left: 20px; width: 124px; }
	#mt-container { top: 20px; right: 20px; }

	main:has(.show-side), .path-search main, .path-user main{ padding:0 30px; }
	.max-wrap{ padding:0 30px; }
	.region-sidebar-second{ padding:50px 25px 20px; }

	.paragraph.slider {margin: 50px -25px}

	
	.footer-content .col-left { padding: 60px 20px; }
	.footer-content .col-right { padding: 50px 20px }
	.footer-content .col-right .certifications { margin: 0 0 20px; }
	.footer-content .col-left ul.menu li a { font-size: 12px; }


	.hp-banner h1 { font-size:40px; }


	/* HOMEPAGE FEATURED CTA ---------------------------------------- */
	.hp-featured-cta { padding: 0 20px 50px; }
	.hp-featured-cta .item { padding: 20px 0 0; }
	.hp-featured-cta .item .title { font-size:25px; }
	.hp-featured-cta .item .description { font-size:15px; }
	.hp-featured-cta .item .more { padding-top:15px; }




}
