@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */
/* Smaller than standard 1200px (devices and browsers) */
@media only screen and (max-width: 1200px) {
.container {
	width:90%;
	margin:0 auto;
}
}
@media only screen and (max-width: 1366px) {

.sectors .info_boxes .info_box{
	flex: 0 0 calc(25% - ((20px * 4) / 5));
}

}
@media only screen and (max-width: 1280px) {
header{
	/* padding:1%; */
}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 768px) {

:root {
    --header-height: 116.28px;
}

#main {
    padding-top: var(--header-height);
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width:100%;
	padding:15px;
}
header {

}
header.smaller {

}
header .logo {

}
header nav {

}
header.smaller .logo {

}
#main{

}
.ace-responsive-menu{
	position: absolute;
	left: 0;
	top: 100%;
	margin: 0;
	background-color: #fff;
}
.ace-responsive-menu li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 15px;
}

.sectors .info_boxes .info_box{
	flex: 0 0 calc((100% / 3) - ((20px * 4) / 5));
}


.heading{
	font-size: 6.5vw;
	margin: 0 0 5vw;
	position: relative;
}
.heading::before{
	position: absolute;
    content: '';
    left: 0;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    background-color: var(--dk-blue);
	z-index: 1;
}
.heading span{
	padding: 0 2vw;
	background-color: #fff;
	z-index: 2;
}
.heading span::before{
	display: none;
}
.heading span::after{
	display: none;
}
.hero .inner_container .overlay_box .right_pane{
	padding: 10vw 5vw;
	text-align: center;
}
.hero .inner_container .overlay_box .right_pane .inner_box{
	width: 100%;
}
.hero .inner_container .overlay_box .right_pane .inner_box p{
	padding: 0 0 10vw;
}
.hero .inner_container .overlay_box .right_pane .copyright_text{
	position: static;
	text-align: right;
	margin: auto 0 0 auto;
}
.climate_advisory .top_pane{
	padding: 10vw 0 5vw;
}
.climate_advisory .top_pane .left_sec{
	font-size: 4vw;
	margin: 0 0 2vw;
}
.climate_advisory .top_pane .right_sec button{
	font-size: 4vw;
}
.climate_advisory .middle_pane .text_box{
	width: 100%;
	padding: 0;
}
.climate_advisory .middle_pane .text_box .title{
	text-align: center;
	padding: 0 0 3vw;
}
.climate_advisory .middle_pane .text_box .title br{
	display: none;
}
.climate_advisory .middle_pane .info_boxes{
	width: 100%;
}
.climate_advisory .middle_pane .info_boxes .info_box .txt{
	font-size: 4vw;
}
.climate_advisory .last_pane{
	padding: 5vw;
    font-size: 5vw;
	margin-bottom: 10vw;
}
.solutions{
	padding: 10vw 0;
}
.solutions .heading span{
	background-color: var(--color1);
}
.solutions .info_boxes_wrapper{
	display: flex;
	flex-direction: unset;
    align-items: unset;
}
.solutions .info_boxes_wrapper .info_boxes{
	width: 50%;
	grid-template-columns: 1fr;
	grid-auto-rows: 1fr;

	flex-direction: column;
}
.solutions .info_boxes_wrapper .info_boxes:nth-child(2){
	border: none;
	margin: 0;
	padding: 0;
}
.solutions .info_boxes_wrapper .info_boxes .info_box{
	font-size: 4.5vw;
	padding: 3vw;
	align-content: center;
	border-bottom: 1px solid var(--blue);
}
.solutions .info_boxes_wrapper .info_boxes:nth-child(2) .info_box{
	border: none;
	border-bottom: 1px solid var(--blue);
}
.solutions .info_boxes_wrapper .info_boxes:nth-child(2) .info_box::before{
	display: none;
}
.solutions .info_boxes_wrapper .info_boxes:nth-child(1) .info_box:last-child{
	border-right: 1px solid var(--blue);
	border-bottom: 0;
}
.solutions .info_boxes_wrapper .info_boxes:nth-child(2) .info_box:last-child{
	border-bottom: 0;
}
.solutions .info_boxes_wrapper .info_boxes .info_box::after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: calc(50% - 3px);
    width: 5px;
    height: 5px;
    background-color: var(--blue);
    transform: rotateZ(45deg);
}
.solutions .info_boxes_wrapper .info_boxes .info_box:last-child::after{
	display: none;
}
.solutions .info_boxes_wrapper .info_boxes .info_box::before{
	display: none;
}
.solutions .info_boxes_wrapper .info_boxes .info_box::after{
	display: none;
}
.sectors{
	padding: 10vw 0;
}
.sectors .info_boxes .info_box .links_overlay{
	height: 100%;
}
.sectors .heading_2{
	padding: 0;
	margin:5vw 0 0 0;
}
.why_aqura{
	padding: 10vw 0 5vw;
}
.why_aqura .heading span{
	background-color: var(--color1);
}
.why_aqura .heading{
	margin: 0 0 5vw;
}
.why_aqura .sub_head p{
	padding: 0;
	margin: 0 0 5vw;
}
.why_aqura .band_txt{
	margin: 0 0 5vw;
}
.why_aqura .band_txt span{
	font-size: 4vw;
	width: 80%;
	padding: 1vw 3vw;
}
.why_aqura .band_txt span::before{
	width: 8vw;
	left: calc((8vw - 1px) * -1);
}
.why_aqura .band_txt span::after{
	width: 8vw;
	right: calc((8vw - 1px) * -1);
}
.why_aqura .info_boxes .info_box{
	width: 50%;
	margin: 0 0 5vw;
}
.why_aqura .info_boxes .info_box .img_box{
	width: 12vw;
	margin: 0;
}
.why_aqura .info_boxes .info_box .txt{
	width: calc(100% - 12vw);
	padding: 0 0 0 2vw;
}

form [class*=col-sm]{
	padding: 0;
}
form .input_box .form-label{
	font-size: 14px;
}
form .input_box .form-input{
	font-size: 14px;
}
form .submit_btn{
	width: 100%;
}
.request_overlay_box{
	padding: 5vw 5vw;
}
.request_overlay_box .heading{
	margin: 0 0 5vw;
}
.request_overlay_box form{
	margin: 0 -5px;
}
.request_overlay_box [class*=col-sm]{
	padding: 0 5px;
}
footer{
	padding: 10vw 0;
}
footer .socials {
    padding: 5vw 0 0 0;
}
footer .socials ul{
	align-items: center;
	justify-content: center;
}
footer .socials ul li{
	padding: 0 2vw;
}
footer .socials ul li a img {
    width: 12vw;
}












}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-device-width : 480px) {

#main {
    padding-top: var(--header-height);
}
th, td {
    font-size: 12px;
}
p{
	text-align: center;
}
.fa_menuarrow{
	display:none!important;
}
header {

}
header.smaller {

}
header .logo {

}
header nav {

}
header.smaller .logo {

}

.ace-responsive-menu > li > a {
    
}
.ace-responsive-menu > li {
    
}
.sectors .info_boxes .info_box{
	flex: 0 0 calc((100% / 1) - ((20px * 4) / 5));
}


#scrollTopBtn{
	font-size: 30px;
}





}