@media (max-width: 991px){
    header .carousel .carousel-inner .carousel-item .overlay .slider-text {
        top: 10%;
        transform: translateY(-20%);
    }
    header .carousel .carousel-inner .carousel-item .overlay .slider-text h1{
        font-size: 52px;
    }
    header .carousel .carousel-inner .carousel-item .overlay .water-filter img:nth-of-type(1){
        left: auto;
    }
    header .carousel .carousel-inner .carousel-item .overlay .water-filter img:nth-of-type(2) {
        right: 60px;
    }
    header .carousel .carousel-inner .carousel-item .overlay .water-filter img:nth-of-type(3) {
        right: -85px;
    }
    .info-career .box h4:before {
        top: 48px;
    }
    .info-contact .box h4:before{
        top: 30px;
    }
}
@media (max-width: 767px) {
    .navigationbar-info .email-info,
    .navigationbar-info .scoial-info{
        text-align: center;
    }
    .navigationbar-info .email-info{
        margin-bottom: 10px;
    }
	.navigationbar{
		background-color: #fff !important;
	}
	.navigationbar .brand{
		width: 100%;
	    padding: 0 10px;
	}
	.navigationbar .brand .menu{
		display: inline-block;
	}
	.navigationbar .linkat{
		width: 100%;
		display: none;
		border-top: 2px solid #486DFF;
        margin-top: 5px;
	}
	.navigationbar .linkat .link-navs{
		padding: 0;
		width: 100%;
        text-align: center;
	}
	.navigationbar .linkat .link-navs ul li {
		display: block;
	}
    header .carousel .carousel-inner .carousel-item .overlay .slider-text {
        top: 50%;
        transform: translateY(-50%);
    }
    header .carousel .carousel-inner .carousel-item .overlay .slider-text h1 {
        font-size: 40px;
    }
    header .carousel .carousel-inner .carousel-item .overlay .water-filter img{
        display: none;
    }
    .water-solutions .overlay .text-box h2 {
        font-size: 28px;
    }
    .header-about .overlay h2{
        font-size: 30px;
    }
    .info-support .box .inbox iframe {
        height: 350px;
        margin-bottom: 30px;
    }
    .info-support .box h4 span{
        width: 100%;
        font-size: 20px;
    }
    .info-support .box h4:before{
        position: static;
    }
    .me{
        text-align: center;
    }
    .me p{
        display: block;
    }
    .me p:nth-of-type(2){
        float: none;
    }
}