/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1659px) {

.container{width:1170px;}
	
[class*='col-'].indent-right{padding-right:3rem;}
[class*='col-'].indent-left{padding-left:3rem;}
	
	.anchors-nav-wrap .nav-label{padding:0 2rem;}
	#anchors-nav-section .anchors-nav{padding:0; justify-content: flex-start; flex-wrap:wrap;}
	#anchors-nav-section .anchors-nav li{margin-right:2rem;}
	
	#menu-toggle-btn{margin-left:1.5rem;}
	
	.cta-section .image-wrap{left:calc((1170px - 100vw)/2);}
	
	#masthead-slider .slick-next {right: calc((100vw - 1170px)/2);}
	#masthead-slider .slick-prev {right: calc((100vw - 1170px)/2 + 5rem);}
	
	.projects-slider .next-slide{padding:2rem;}
	.projects-slider .next-slide .next-image{margin-right:2rem;}
	.projects-slider .slick-next{right:2rem;}
	.projects-slider .slick-arrow{bottom:2rem;}
	.projects-slider .next-slide .next-counter{left:2.5rem; bottom:2rem;}
	
	.approach-listing .item + .item{margin-left:2rem;}
	
	.testi-slider {padding-left: calc(1170px*0.1666); padding-right: calc(1170px*0.1666);}
	
	.news-slider {margin-right: calc((1170px - 100vw)/2 - 15px);}
	.news-slider .slick-list{padding-right:9rem;}
	
	.product-text-wrap{padding-top:0;}
	.product-text-wrap .textbox{padding-right:0;}
	
	.news-slider .slick-next{left:5.1rem;}
.news-slider .slick-prev{left:0;}
.news-slider .slick-arrow{bottom:auto; top:-5.5rem;}
	
}

@media (max-width: 1199px) {
/* md */
#page-wrap{border-left:0px dashed red;}

.container{width:970px;}

.mb-big-md{margin-bottom:3.5rem;}
	
	#main-nav > li + li{margin-left:2rem;}
	
	.cta-section .image-wrap{left:calc((970px - 100vw)/2);}
	
	#masthead-slider .slick-next {right: calc((100vw - 970px)/2);}
	#masthead-slider .slick-prev {right: calc((100vw - 970px)/2 + 5rem);}
	
	.testi-slider {padding-left: calc(970px*0.0833 + 3rem); padding-right: calc(970px*0.0833 + 3rem);}
	
	.news-slider {margin-right: calc((970px - 100vw)/2 - 15px);}
	
	.solutions-listing .item .title{font-size: 3rem;}
	.solutions-listing:hover .item .title{font-size: 2.3rem;}
	.solutions-listing .item + .item{margin-left:1rem;}
	
	.projects-slider .next-slide{padding:1.5rem; display: block;}
	.projects-slider .next-slide .next-image{margin-right:0; width:auto; height:12rem; min-height: inherit;}
	.projects-slider .slick-next{right:1.5rem;}
	.projects-slider .slick-arrow{bottom:1.5rem;}
	.projects-slider .next-slide .next-counter{left:2rem; bottom:auto; top:1.5rem;}
	.projects-slider .description{padding:3rem 0 3rem 3rem;}
	
	.logos-slider .item{padding:2.5rem 1rem 0 1rem;}
	
	.news-slider .item + .item{margin-left:1rem;}
	.news-slider .slick-list{padding-right:5rem;}
	.news-slider .item .content{padding:1.5rem;}
	
	.navbar-brand img:last-child{top:1.9rem;}
	.affix .navbar-brand img:last-child{width:14rem;}
	
	

}

@media (max-width: 991px) {
/* sm */
#page-wrap{border-left:0px dashed green;}

html{font-size:14px;}

.lead, .big{ font-size:1.2rem}
.small{ font-size:0.83rem}

.anchor-link{top:-1rem;}

.container{ width:auto; padding-left:15px; padding-right:15px;}
.slick-slider .container{width:100%;}

.content-section{ padding-top:5rem; padding-bottom:5rem; }
.large-padding-top{ padding-top:6.5rem;}
.large-padding-bottom{ padding-bottom:6.5rem;}

.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
.mb-big, .mb-big-sm{margin-bottom:3.5rem;}
.mb, .mb-sm{margin-bottom:1.5rem;}
.in-form-header:not(:first-child){margin-top:1.5rem;}
	
.textbox ul li{background-position:0 0.5rem;}

input[type="checkbox"] + .radio-check-control::before{font-size: 0.8rem;}

[class*='col-'].indent-right{padding-right:15px;}
[class*='col-'].indent-left{padding-left:15px;}

#header{height:auto;}

.navbar{ position:absolute; padding:0;}
.navbar > .container{height:auto; display: block;}
	.affix.navbar > .container{height:auto;}
.navbar.affix{top:0; box-shadow:none; background-color: transparent; padding:0;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

.navbar-header{ display:flex; align-items:center;}
.navbar-brand{margin:1rem 0; left:0; position: relative; width:8rem; height:auto; transition:none;}
	.affix .navbar-brand{width:8rem;}
	.navbar-brand img{position: relative;}
	.navbar-brand img:last-child{display: none;}
	.affix .navbar-brand img:first-child{opacity:1;}

#navigation{position:absolute; top:100%; width:auto; left:1rem; right:1rem; padding-left:0; padding-right:0; box-shadow:0 10px 30px rgba(0,0,0,0.5); background-color: #fff;}
#navigation > .inner-wrap{padding-right:0; display: block;}
.navbar-nav{margin:0;}
.navbar-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
.navbar-nav .dropdown-menu .dropdown-toggle .fas{transform:rotate(0);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(180deg);}
.navbar-nav .dropdown-menu .dropdown-menu{left:0;}
.navbar-nav .dropdown-menu.open-left {left:0; right:0;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	/* main-nav */
	#main-nav{padding:1rem 0;}
	#main-nav > li+li{margin-left:0;}
	#main-nav > li > a{padding:1rem; font-size: 1rem;}	
	#main-nav > li > a:after{display: none;}
	#main-nav > .dropdown_split > .dropdown-toggle{right:0; width:3.5rem; text-align: center;}
	#main-nav .dropdown-menu{font-size: 1rem; background-color: transparent;}
	#main-nav .dropdown-menu > li > a{padding:1rem 1rem 1rem 3rem;}
	#main-nav .dropdown-menu .dropdown-menu > li > a{padding-left:5rem;}
	#main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{right:0; width:3.5rem; text-align: center; color:inherit;}
	
	#main-nav > li > a,
	#main-nav > .open > a,
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a,
	#main-nav .dropdown-toggle[aria-expanded="true"]{color:#000; background-color:transparent;}

	#main-nav > li > a:hover, 
	#main-nav > li > a:focus,
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:#E91939; background:transparent;}

	#main-nav > .active > a, 
	#main-nav > .active > a:hover, 
	#main-nav > .active > a:focus, 
	#main-nav > .active.open > a,
	#main-nav .dropdown-menu > .active > a:hover, #main-nav .dropdown-menu > .active > a:focus, #main-nav .dropdown-menu > .active.open > a{color:red; background-color:transparent;}

	/* top-nav */
	#top-nav{background-color: #F1F1F1; padding:1rem 0; margin-top:0; margin-bottom:0;}
	#top-nav > li+li{margin-left:0;}
	#top-nav > li > a{padding:1rem; font-size: 1rem;}	
	
	#top-nav > li > a{color:#000; background-color:transparent;}

	#top-nav > li > a:hover, 
	#top-nav > li > a:focus{color:#E91939; background:transparent;}

	#top-nav > .active > a, 
	#top-nav > .active > a:hover, 
	#top-nav > .active > a:focus{color:red; background-color:transparent;}
	
.breadcrumbs-section{padding:0.5rem 0;margin-top:0;}
.breadcrumbs-section ol li{margin-right:0.5rem;}
.breadcrumbs-section ol li+li:before{margin-right:0.5rem; font-size: 0.87rem;}
	
	#menu-toggle-btn{display: none;}
	
	/* edges */
.content-section.has-edge-top{padding-top:10rem;}
.large-padding-top.has-edge-top{padding-top:11.5rem;}

.content-section.has-edge-bottom{padding-bottom:10rem;}
.large-padding-bottom.has-edge-bottom{padding-bottom:11.5rem;}

[class*='edge-bottom-'] .edge-mask-bottom{height:5rem;}
[class*='edge-top-'] .edge-mask-top{height:5rem;}
	
	.masthead-internal-section{padding-top:9rem}
	
	#anchors-nav-section{padding-top:1rem;}
	.anchors-nav-wrap .nav-label{padding:0 1.5rem;}
	
	#anchors-nav-section.affix{position: relative; top:0;}
#anchors-nav-section.affix .anchors-nav-wrap{box-shadow:none;}
#anchors-nav-section.affix + .content-section{margin-top:0;}
	
	.cta-section .image-wrap{left:0; top:-11.5rem; bottom:-11.5rem;}
	
	.footer-top .footer-brand{width:11rem;}
	
	.textbox blockquote{background-size: 7rem auto; padding: 3rem 0 0 3rem;}
	
	#masthead-slider .item .edge-mask{height:5rem;}
	#masthead-slider .item{padding-top:9rem; padding-bottom:9rem;}
	#masthead-slider .item .counter{right:15px;}
	
	.solutions-text-wrap{padding-top:0;}
	
	.projects-slider .slick-dots{bottom:-1rem;}
	.projects-slider .next-slide .next-description{padding-bottom:0;}
	
	.approach-listing .item + .item{margin-left:1rem;}
	.approach-listing .sp-link{bottom:0; opacity: 1;}
	
	.testi-slider .slick-dots{bottom:-1.5rem;}
	.testi-slider {padding-left:8.33%; padding-right:8.33%}
	
	.news-text-wtap{padding-top:0;}
	.news-slider{margin-right:0;}
	.news-slider .slick-list{padding-right:0;}
	.news-slider .slick-dots{bottom:-1rem;}
	
	.values-listing .item+.item{margin-left:1rem;}
	.values-listing .item .content{padding:1rem;}
	
	
}


@media (max-width: 767px) {
/* xs */
#page-wrap{border-left:0px dashed blue;}

.content-section{ padding-top:3.5rem; padding-bottom:3.5rem; }
.large-padding-top{ padding-top:5rem;}
.large-padding-bottom{ padding-bottom:5rem;}

.btn:not(.btn-link){height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}
	.btn:not(.btn-link){padding-left:1.5rem; padding-right:1.5rem;}

.upload-control .btn{width:7rem;}
.upload-control .file-name{padding-right:8rem;}
.upload-control .input-label{margin-right:8rem;}

h1{font-size:2.85rem /*40px*/;}
h2, .h2-style{font-size:2.00rem /*28px*/;}
h3, .h3-style{font-size:1.57rem /*22px*/;}
h4, .h4-style{font-size:1.28rem /*18px*/;}
h5, .h5-style{font-size:1.14rem /*16px*/;}
h6, .h6-style{font-size:1.00rem /*14px*/;}
	
.intro-text{font-size:1.3rem;}

h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem; margin-top:0;}
.text-image-wrap.align-left, .text-image-wrap.align-right{float:none; width:auto; max-width:100%; margin-right:0; margin-left:0; margin-bottom:1.35rem;}
.text-image-wrap.align-left img, .text-image-wrap.align-right img, .text-image-wrap.align-left figure, .text-image-wrap.align-right figure{width:auto;}
	.accordion .text-image-wrap.align-left{width:auto}
.accordion .text-image-wrap.align-right{width:auto;}

.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}

.textbox ol{padding-left: 2.5rem;}
.textbox ul{padding-left: 1.5rem;}

.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
.in-form-header:not(:first-child){margin-top:1rem;}
	
		/* edges */
.content-section.has-edge-top{padding-top:7rem;}
.large-padding-top.has-edge-top{padding-top:8.5rem;}

.content-section.has-edge-bottom{padding-bottom:7rem;}
.large-padding-bottom.has-edge-bottom{padding-bottom:8.5rem;}

[class*='edge-bottom-'] .edge-mask-bottom{height:3.5rem;}
[class*='edge-top-'] .edge-mask-top{height:3.5rem;}
	
	.masthead-internal-section{padding-top:8rem}
	
	.cta-section .row{display: block;}
	.cta-section .image-wrap{margin-top:-8.5rem; height:calc(100vw/1.618); position: relative; margin-right:-15px; margin-left:-15px; top:0; bottom:0;}
	.cta-section .edge-mask-bottom{display: none;}
	.cta-section.large-padding-bottom{padding-bottom:5rem;}
	
	#footer{border-top:1px solid #808285; text-align: center;}
	.footer-top .footer-brand{display: inline-block;}
	.footer-links-wrap{display: block;}
	.footer-links-wrap .footer-links{padding-right:0;}
	.footer-links-wrap .footer-links+.footer-links{margin-top:2.5rem;}
	.footer-links-wrap .footer-links ul{display: flex; align-items: flex-start; justify-content: center; flex-wrap:wrap; margin-bottom:-0.5rem;}
	.footer-links-wrap .footer-links ul li{margin:0 0.5rem 0.5rem 0.5rem;}
	.footer-links-wrap .footer-links ul li+li{margin-top:0;}
	.footer-top{margin-bottom:2.5rem;}
	
	.footer-bottom{flex-direction: column-reverse;}
	.footer-bottom div + div::before{display: none;}
	
	.textbox blockquote{font-size: 1.3rem;}
	.textbox blockquote p + footer{margin-top:0;}
	
	.accordion .panel-title a{padding-top:1rem; padding-bottom:1rem;}
	
	#masthead-slider .item .edge-mask{height:3.5rem;}
	#masthead-slider .item .counter{bottom:-6rem; font-size: 1rem;}
	#masthead-slider .item .counter::before{margin-top:-0.5rem; font-size: 5rem;}
	
	.solutions-listing .item{height:20rem;}
	
	.projects-slider .item{display: block;}
	.projects-slider .item .image {width: auto; height: calc((100vw - 30px)/1.618);}
	.projects-slider .project-counter{bottom:auto; top:0; left:2rem;}
	.projects-slider .project-counter::before{font-size: 9rem;}
	.projects-slider .item .description-wrap{flex-direction: row; align-items: flex-start;}
	.projects-slider .description{padding:2rem; width:55%;}
	.projects-slider .next-slide{width:45%;}
	.projects-slider .next-slide .next-description{padding-top:1.5rem; padding-bottom:0;}
	.projects-slider .next-slide .next-counter{left:2rem; bottom:auto; top:1.5rem;}
	
	.approach-listing{display: block;}
	.approach-listing .item + .item{margin-left:0; margin-top:1rem;}
	
	.testi-slider{padding-left:0; padding-right:0;}
	
	.logos-slider{margin-left:0; margin-right:0; margin-top:1rem;}
	.logos-slider .item {padding: 1rem 0.5rem 0 0.5rem;}
	
	.product-text-wrap{padding-top:0; margin-bottom:2.5rem;}
	.product-details-section.image-left > .container > .row{display:flex; flex-direction: column-reverse;}
	.product-details-section.image-left .product-images-wrap{text-align: left;}
	.product-images-wrap .secondary{top:0;}

}

@media (max-width: 566px) {
#page-wrap{border-left:0px dashed yellow;}

.modal-header{padding:1.5rem 1.5rem 0 1.5rem;}
.modal-body{padding:1.5rem;}
.modal-footer{padding:0 1.5rem 1.5rem 1.5rem;}

/* responsive table */
.textbox table{border-top:1px solid #C4C4C4;}
.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
.textbox table thead {display: none;}
.textbox table td {display: flex; padding:0.6rem; text-align: left; border:0;}
.textbox table td:first-child {}
.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	
	.anchors-nav-wrap{padding:1rem 1.5rem; display: block;}
	.anchors-nav-wrap .nav-label{padding:0; margin-bottom:0.5rem;}
	
	.content-section.has-edge-top{padding-top:6rem;}
.large-padding-top.has-edge-top{padding-top:7.5rem;}

.content-section.has-edge-bottom{padding-bottom:6rem;}
.large-padding-bottom.has-edge-bottom{padding-bottom:7.5rem;}

[class*='edge-bottom-'] .edge-mask-bottom{height:2.5rem;}
[class*='edge-top-'] .edge-mask-top{height:2.5rem;}
	
	.cta-section .image-wrap{margin-top:-7.5rem;}
	.cta-section.large-padding-bottom{padding-bottom:5rem;}
	
h1{font-size:2.29rem /*32px*/;}
h2, .h2-style{font-size:1.85rem /*26px*/;}
	
	.solutions-listing{display: block;}
	.solutions-listing .item + .item{margin-left:0; margin-top:1rem;}
	.solutions-listing:hover .item .title{font-size: 3rem;}
	
	.section-header{display: block;}
	.section-header > div:first-child{margin-right:0; margin-bottom:1rem;}
	
	.projects-slider .project-counter{left:1rem;}
	.projects-slider .next-slide{display: none;}
	.projects-slider .description{width:auto; padding:1.5rem;}
	.projects-slider .item .description-wrap{display: block;}
	
	.approach-listing .item{padding:1.5rem;}
	
	.testi-slider .slick-track{display: block; height:auto;}
	.testi-slider .slick-list{height:auto;}
	.testi-slider .item{display: block; height:100%;}
	
	.news-slider .item+.item{margin-left:0;}
	
	.values-listing{display: block;}
	.values-listing .item + .item{margin-left:0; margin-top:2.5rem;}

}	

@media (max-width: 320px) {
#page-wrap{border-left:0px dashed red;}


}