@media screen and (max-width: 1500px){
	
	.layout-content{ padding:60px; }
	.region-sidebar-second{ padding:60px 60px 60px 0; width:350px; }
	.region-highlighted{ padding:40px 60px; }
	.footer{ padding:50px 60px; }
	
}
@media screen and (max-width: 1300px){
	
	.site-logo { width:300px; padding-top:53px; }
	nav.main-menu > ul > li > a, 
	nav.main-menu > ul > li > span{ font-size:20px; font-weight:400; }
	
  /* SIDEBAR ICON BUTTON --------------------------------------------- */
  .cta-btn { padding: 0 20px 0 35px; }


  /* HP PRIMARY BUTTONS ---------------------------------------------- */
  .hp-primary-btns .btns-wrap { padding: 20px 20px 50px; }
  .hp-primary-btns .btn-wrap { padding: 0 20px; }
	
}

@media screen and (max-width: 1100px){
	
	header{ height:110px; }
	.site-logo{ padding:20px 0 0 15px; }
	#block-sputnik-main-menu { display: none; }
	.top-nav{ display:none; }
	#mt-container { display: block; }
	.region-highlighted{ padding:30px 45px; }
	.layout-content{ padding:45px; }
	.region-sidebar-second{ padding:45px 30px 45px 0; width:300px; }
	.footer{ padding:30px 45px; }
	ul.triple{ columns:2; }
	
	.hp-lower .content{ display:block; }
	.hp-lower .content .col-left{ width:100%; max-width: none; }
	.hp-lower .col-right{ padding:0; }

  .portal .wrap{padding: 50px 30px 30px;}
	
}

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

  /* SIDEBAR ICON BUTTON --------------------------------------------- */
  .cta-btn { padding: 0 25px; }
  .cta-btn .icon-btn .info { padding: 45px 15px 50px; border-left: none; }
  .cta-btn .icon-btn .info .title,
  .cta-btn .icon-btn .info p { font-size: 12px; }



  /* FRONT PAGE STYLES ----------------------------------------------- */
  .hp-banner { font-size: 46px; }
  .hp-banner .content h1{ font-size:38px; margin-top:-15px; }	

  /* HP PRIMARY BUTTONS ---------------------------------------------- */
  .hp-primary-btns { margin: -85px 0 75px; }
  .hp-primary-btns .btns-wrap { padding: 15px 15px 40px; }
  .hp-primary-btns .btn-wrap { padding: 0 15px; }
  .hp-primary-btns .btn-wrap .icon-btn .info { padding: 43px 15px; }


  /* HP APPROACH ----------------------------------------------------- */
  .hp-approach { padding: 0 50px 50px; }
  .hp-approach .col-left { width: calc(100% - 330px); }
  .hp-approach .col-right { width: 330px; }


  /* HP ABOUT -------------------------------------------------------- */
  .hp-about { padding: 75px 0; }
  .hp-about .content { padding: 0 50px; }
  .hp-about .content .col-left { width: calc(100% - 300px); }
  .hp-about .content .col-right { width: 300px; }
  .hp-about .icon-btn .info { padding: 45px 10px; }

}

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

	main{ display:block; }
	.layout-content{ padding:30px 45px; }
	.region-sidebar-second{ box-sizing:border-box; padding:60px 45px 60px; background:#fff; }
	.region-sidebar-second > :last-child{ padding-bottom:0; margin-bottom:0; } 
	.layout-container .primary-img{ display:block; }
	aside .primary-img-block{ display:none; }
	aside .sub-menu{ display:none; }
	aside .box{ background:none; padding:0; }
	aside .spine{ border:none; padding:0; }
	.region-sidebar-second{ margin:0; width:100%; }
	.sm-stack tr{ display:block; padding:15px; }
	.sm-stack td{ display:block; border:none; padding:0; }
	footer .col-left{ float:none; text-align:center; padding:0 0 30px; }
	footer .col-right{ float:none; text-align:center; }

	.hp-intro{ padding:0 70px 100px; }
	.hp-intro .col-left{ padding:0; }
	.hp-lower{ padding:0; }
	.hp-lower .content { padding:70px; }
	.hp-intro .col-right .custom li { font-size:inherit; font-weight:400; margin-bottom:15px; }

}

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

  /* GLOBAL ELEMENTS ------------------------------------------------- */
  body { font-size: 16px; line-height: 1.5em; }

  /* STANDARD ELEMENTS ----------------------------------------------- */
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  h4 { font-size: 18px; }
  h5 { font-size: 0.875em; }

  /* INTERIOR PAGE HEADER -------------------------------------------- */
  .page-hdr .view-content { padding: 35px 40px; }
  .page-hdr h1, .page-hdr .h1 { font-size: 42px; }
  .page-hdr .intro { font-size: 16px; }
  .page-hdr .name{ font-size:26px; margin-top:15px; }

  /* HP PRIMARY BUTTONS ---------------------------------------------- */
  .hp-primary-btns { padding: 0 40px; }
  .hp-primary-btns .btn-wrap .icon-btn .info { font-size: 12px; }
  .hp-primary-btns .btn-wrap .icon-btn .info .title { font-size: 14px; }

  /* HP APPROACH ----------------------------------------------------- */
  .hp-approach { padding: 0 40px 40px; }
  .hp-approach .content { flex-direction: column; }
  .hp-approach .col-left { width: 100%; max-width: 100%; padding: 0 0 50px; background-image: none !important; }
  .hp-approach .col-left h2 { font-size: 34px; }
  .hp-approach .col-left p { font-size: 16px; }
  .hp-approach .col-right { width: 100%; }
  .hp-approach .col-right .custom { padding: 0; border-left: none; }

  /* HP CTAS --------------------------------------------------------- */
  .hp-ctas { background: none; padding: 300px 0 30px; }
  .hp-ctas::before,
  .hp-ctas::after { content: ''; display: block; position: absolute; left: 0; width: 100%; }
  .hp-ctas::before { z-index: 2; top: 0; height: 400px; background: #fff url('img/docs-001.jpg') right top no-repeat; background-size: auto 100%; }
  .hp-ctas::after { z-index: 1; bottom: 0; height: 100%; background: #fff url('img/header-bg-gradient.jpg') center center no-repeat; background-size: cover; }
  .hp-ctas .hp-cta .hp-cta-wrap { padding: 0 40px 50px; }
  .hp-ctas .hp-cta .info { padding: 40px 30px 20px; text-align: left; }
  .hp-ctas .hp-cta .info .btn-wrap { bottom: -20px; height: 40px; text-align: center; }
  .hp-ctas .hp-cta .info h3.title { font-size: 34px; }
  .hp-ctas .hp-cta .info p { font-size: 16px; }


  /* HP ABOUT -------------------------------------------------------- */
  .hp-about { padding: 50px 0; }
  .hp-about .content { padding: 0 40px; }
  .hp-about .content .col-left { padding-right: 40px; }
  .hp-about .content .col-left h2 { font-size: 34px; }
  .hp-about .content .col-left p { font-size: 16px; }

}

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

  /* HP ABOUT -------------------------------------------------------- */
  .hp-about .content { flex-direction: column; padding: 0; }
  .hp-about .content .col-left { width: 100%; max-width: 100%; padding: 0 40px; }
  .hp-about .content .col-right { width: 100%; padding: 30px 0 0; }
  .hp-about .icon-btn .info { min-height: 0; padding: 45px 10px 35px; }
  .hp-about .icon-btn .info::after { width: 30px; height: 30px; margin: 0 0 -10px -15px; background-size: 7px 11px; }

}

@media screen and (max-width: 600px) {
	
	footer .col-left span{ display:block; visibility: hidden; height:2px; }
	
	.hp-intro { padding:0 40px 30px; }
	.hp-intro .content{ display:block; }
	.hp-intro .col-right .custom { padding:40px 0 0; }
	.hp-lower .content { padding:40px; }
	
	/* INTERIOR PAGE HEADER -------------------------------------------- */
  .page-hdr .view-content { padding: 30px; }


  /* FRONT PAGE STYLES ----------------------------------------------- */
  .hp-banner { height: 10em; padding: 0 30px 2em; font-size: 34px; }
  .hp-banner .content p { font-size: 14px; }


  /* HP PRIMARY BUTTONS ---------------------------------------------- */
  .hp-primary-btns { padding: 0 30px; margin: -80px 0 0; }
  .hp-primary-btns .btns-wrap { flex-direction: column; padding: 0; background-color: rgba(255,255,255,0); box-shadow: none; }
  .hp-primary-btns .btn-wrap { width: 100%; padding: 0; margin: 0 0 50px; }
  .hp-primary-btns .btn-wrap .icon-btn { position: relative; display: flex; flex-direction: row; padding: 0 0 22px; background-color: #fff; box-shadow: 1px 12px 10px rgba(10,35,40,0.15); text-align: left; }
  .hp-primary-btns .btn-wrap .icon-btn::after { content: ''; display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 22px;
  background: #1e4269;
  }
  .hp-primary-btns .btn-wrap .icon-btn .image { display: flex; justify-content: center; align-items: center; width: 110px; margin: 0; height: auto; }
  .hp-primary-btns .btn-wrap .icon-btn .image img { width: 70px; height: 70px; }
  .hp-primary-btns .btn-wrap .icon-btn .info { width: calc(100% - 110px); min-height: 0; padding: 25px 20px 25px 0; border-left: none; box-shadow: none; font-size: 14px; }
  .hp-primary-btns .btn-wrap .icon-btn .info::after { display: none; }
  .hp-primary-btns .btn-wrap .icon-btn .info .title { font-size: 18px; }


  /* HP APPROACH ----------------------------------------------------- */
  .hp-approach { padding: 0 30px 30px; }
  .hp-approach .col-left { padding: 0 0 40px; }


  /* HP CTAS --------------------------------------------------------- */
  .hp-ctas { padding: 230px 0 30px; }
  .hp-ctas::before { height: 300px; }
  .hp-ctas .hp-cta .hp-cta-wrap { padding: 0 30px 50px; }


  /* HP ABOUT -------------------------------------------------------- */
  .hp-about .content .col-left { padding: 0 30px; }

	
}

@media screen and (max-width: 500px) {
	
	.site-logo{ width:225px; padding:28px 0 0 15px; }
	.region-highlighted{ padding:30px 35px; }
	.layout-content{ padding:30px 35px; }
	.region-sidebar-second{ padding:0 0 30px;;  }
	.footer{ padding:30px 35px; }
	.align-right, .align-left{ max-width:100%; margin:0 0 30px; }
	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; }
	.hp-lower ul.custom{ columns:1; }
	
  /* HP CTAS --------------------------------------------------------- */
  .hp-ctas { padding: 230px 0 10px; }
  .hp-ctas .hp-cta .info h3.title { font-size: 32px; }
  .hp-ctas .hp-cta .info p { font-size: 14px; }
  .hp-ctas .hp-cta .info .btn-wrap .btn { font-size: 14px; }
  .hp-ctas .slick-dots { bottom: -19px; }
	
 #colorbox .popup { padding: 40px 25px; }
	.sidebar-second .sidebars { padding:0 5px 20px; }
	
}

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

	h1{ font-size:40px; }
	p.big{ font-size:22px; }
	
	/* NEWS ARTICLE GALLERY -------------------------------------------- */
	.image-gallery { }
	.image-gallery a.colorbox { width: 50%; }

  /* HP PRIMARY BUTTONS ---------------------------------------------- */
  .hp-primary-btns { padding: 0 20px; }
  .hp-primary-btns .btn-wrap { margin: 0 0 25px; }
  .hp-primary-btns .btn-wrap .icon-btn { padding: 0 0 16px; }
  .hp-primary-btns .btn-wrap .icon-btn::after { height: 16px; }
  .hp-primary-btns .btn-wrap .icon-btn .info { font-size: 12px; }
  .hp-primary-btns .btn-wrap .icon-btn .info .title { font-size: 16px; }


  /* HP CTAS --------------------------------------------------------- */
  .hp-ctas { padding: 230px 0 20px; }
  .hp-ctas::before { height: 300px; }
  .hp-ctas .hp-cta .hp-cta-wrap { padding: 0 20px 50px; }
  .hp-ctas .hp-cta .info { padding: 30px 20px 20px; }


}


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

	.region-highlighted{ padding:30px 25px; }
	.layout-content{ padding:30px 25px; }
	.footer{ padding:30px 25px; }

}