@media (max-width:575.98px) {
    .contact-us-bg {
        background-image: url(../demo-images/contact-us-mob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    
    }
    .hamburger {
        width: 40px
    }
   .hamburger__close {
        letter-spacing: 2px
    }
    .header {
        padding-top: 15px;
        padding-right: 10px;
        padding-left: 10px
    }
.is-sticky .header__background {
        height: 60px
    }
	.header__background-left {
        width: 130px;
        height: 60px
    }
	.header__background-bottom {
        width: 190px
    }
	.is-sticky .header__logo {
        max-width: 110px
    }
	.menu-open .header__logo {
        max-width: 100%
    }
	.footer__info {
        font-size: 13px
    }
	.footer__logo {
        max-width: 100px
    }
	.social-list__link {
        width: 23px;
        height: 23px
    }
	.arrow {
        border-top-width: 1px;
        border-right-width: 1px
    }
	.scroll-down {
        margin-top: 10px
    }
	.scroll-up {
        width: 45px;
        height: 45px
    }
	.scroll-up__item {
        width: 15px;
        height: 15px;
        margin-top: 5px
    }
	.stripe__background-bottom {
        width: 210px
    }
	
	.stripe__background-elements .hat-1 {
        transform: translate(34%, 10%) scale(.3)
    }
    .stripe__background-elements .hat-2 {
        transform: translate(15%, 10%) scale(.6)
    }
    .stripe__background-elements .hat-3 {
        transform: translate(8%, 22%) scale(.6)
    }
    .stripe__background-elements .hat-4 {
        transform: translate(37%, 25%) scale(.2)
    }
    .stripe__background-elements .hat-5 {
        transform: translate(35%, 20%) scale(.5)
    }
    .stripe__background-elements .hat-6 {
        transform: translate(32%, 28%) scale(.4)
    }
    .stripe__background-elements .hat-7 {
        transform: translate(40%, 55%) scale(.2)
    }
	.stripe__background-shapes {
        display: none
    }
	.stripe__content {
        padding-top: 80px
    }
	.stripe:first-of-type .stripe__content {
        padding-top: 120px
    }
	.newsroom-container .column{
		width:100%;
		box-sizing: border-box;
		padding: 0;
	}
	.is-active .hamburger__item:first-child {
		transform: translateY(0px);
	}
	.is-active .hamburger__item:nth-child(2) {
		transform: translateY(7px);
	}
	.is-active .hamburger__item:nth-child(3) {
		transform: translateY(14px);
	}
	.hamburger__close{
		display:none;
	}
}

@media (min-width:576px) {
    .hamburger {
        width: 50px
    }
	.hamburger__close {
        letter-spacing: 3px
    }
.header {
        padding-top: 25px;
        padding-right: 25px;
        padding-left: 25px
    }
.is-sticky .header__background {
        height: 80px
    }
	.header__background-left {
        width: 300px
    }
	.header__background-bottom {
        width: 310px
    }
	    .is-sticky .header__logo {
        max-width: 160px
    }
	.menu-open .header__logo {
        max-width: 190px;
		display: none !important;
    }
	.footer__info {
        font-size: 15px
    }
	.footer__logo {
        max-width: 145px
    }
	.social-list__link {
        width: 35px;
        height: 35px
    }
	.arrow {
        border-top-width: 2px;
        border-right-width: 2px
    }
	.scroll-down {
        margin-top: 20px
    }
	.scroll-up {
        width: 60px;
        height: 60px
    }
	.scroll-up__item {
        width: 20px;
        height: 20px;
        margin-top: 10px
    }
	.stripe__background-bottom {
        width: 310px
    }
	.stripe:first-of-type .stripe__content {
        padding-top: 180px
    }
}

@media (max-width:767.98px) {
    .inner-banner{
        height:300px;
    }
    .social-list__item {
        padding-left: 0px;
        padding-right: 2px;
    }
    .menu__footer {
        padding-bottom: 30px
    }
	.container{
		width:100%;
	}
	.testimonial_para{
		padding:0;
	}
	.text-cntrl {
		margin-top: 0px;
	}
}

@media (min-width:768px) {
    .menu__footer {
        padding-bottom: 10px
    }
}

@media (min-width:576px) and (max-width:991.98px) {
    .stripe__background-elements .mob-cntrl-1 {
        transform: translate(32%, -5%) scale(.5)
    }
    .stripe__background-elements .mob-cntrl-2 {
        transform: translate(-8%, -30%)
    }
    .stripe__background-elements .mob-cntrl-3 {
        transform: translate(-15%, -5%)
    }
    .stripe__background-elements .mob-cntrl-4 {
        transform: translate(17%, -13%) scale(.6)
    }
    .stripe__background-elements .mob-cntrl-5 {
        transform: translate(20%, -18%)
    }
    .stripe__background-elements .mob-cntrl-6 {
        transform: translate(9%, -12%)
    }
    .stripe__background-elements .mob-cntrl-7 {
        transform: translate(32%, 53%) scale(.4)
    }
}