/* xs (<=543px) */
@media (min-width: 320px) {
	.navbar-toggler {
		padding: 0;
		font-size: 1.25rem;
		line-height: 3px;
		background-color: transparent;
		border: 2px solid transparent;
		border-radius: 50%;
		width: 35px;
		height: 35px;
	}
	.navbar-toggler i {
		font-size: 2rem;
		display: block;
		transition: all 0.4s linear;
	}
	.rot {
		transform: rotate(180deg);
		transition-delay: 0.3s;
	}
	.unrot {
		transform: rotate(-180deg);
		transition-delay: 0.3s;
	}
}
@media (max-width: 375px) {
	.jumbotron {
		background-color: rgba(0, 0, 0, 0);
		padding-top: 25px;
		padding-bottom: 0px;
	}
	.jumbotron .jumbotron__text__box h1 {
		font-size: 3rem;
		text-align: center;
		line-height: 36px;
	}
	.integrated__approach .integrated__approach__master__box .title {
		font-size: 3rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		padding-top: 12px;
	}
	.integrated__approach .integrated__approach__master__box .clear__text {
		font-size: 3rem;
		font-weight: 300;
		color: #fff;
		line-height: 40px;
		margin-top: 45px;
		margin-bottom: 50px;
		margin-left: 0;
		text-align: center;
	}
	.integrated__approach .integrated__approach__master__box .color__box {
		padding: 10px;
		background-image: url(../img/integrated__approach/bg_color_box.png);
		background-repeat: no-repeat;
		/* width: 100%; */
		text-align: center;
	}
	.integrated__approach .integrated__approach__master__box small {
		font-size: 1.4rem;
		color: #ffffff;
		margin-top: 12px;
		margin-left: 0;
		display: inline-block;
		padding-right: 0;
		text-align: center;
	}
	.integrated__approach__slave__box {
		margin-top: 8px;
		margin-bottom: 52px;
		margin-left: 10px;
	}
	.integrated__approach .integrated__approach__slave__box span {
		width: 27px;
		height: 27px;
		display: inline-block;
		margin: 0 11px;
		background-repeat: no-repeat;
		margin-left: 0;
	}
	.integrated__approach .integrated__approach__slave__box h3 {
		font-family: 'Ponter Alt';
		font-size: 1.6rem;
		color: #fff;
		display: inline-block;
		vertical-align: top;
	}
	.integrated__approach .integrated__approach__slave__box ul {
		margin-top: 15px;
		padding-left: 0px;
	}
	.integrated__approach .integrated__approach__slave__box ul li {
		font-size: 1.8rem;
		font-weight: 300;
		color: #fff;
		line-height: 23px;
		margin: 9px 0px;
	}
	.our__capabilities {
		margin-top: 0;
	}
	.our__capabilities .our__capabilities__slave__box ul {
		padding-left: 0;
		height: inherit;
	}
	.our__capabilities .our__capabilities__slave__box h3 {
		margin-left: 0px;
	}
	.our__capabilities .our__capabilities__master__box .title {
		font-size: 4rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.our__capabilities .our__capabilities__master__box .color__box {
		padding: 20px;
		margin-top: 43px;
		background-image: url(../img/integrated__approach/bg_color_box.png);
		background-repeat: no-repeat;
		text-align: center;
	}
	.our__capabilities .our__capabilities__slave__box ul li small {
		display: block;
		font-size: 1.4rem;
		top: 0px;
		position: relative;
		line-height: 18px;
		display: block;
	}
	.our__capabilities .our__capabilities__slave__box ul li {
		font-size: 2.4rem;
		font-weight: 300;
		color: #fff;
		line-height: 30px;
		margin-bottom: 30px;
	}
	footer .copyright p {
		font-size: 2.2rem;
	}
	footer .contact ul li {
		font-size: 2.2rem;
	}
}

@media (max-width: 575px) {
	body {
		font-family: 'Akrobat', sans-serif;
		background-image: none;
		background-position: 0px 0px;
		background-size: inherit;
		background-repeat: inherit;
		background-attachment: inherit;
		padding-top: 77px;
		background-color: #000;
	}
	/* .bg{
    background: url(../img/body/bg.jpg);
    width: 600px;
    height: 1000px;
    background-position:0px 0px;
    background-size: cover;
    position: fixed;
    z-index: 0;
  } */
	.jumbotron_container {
		scale: 0.7;
	}
	.jumbotron_container .iphone3 {
		/* display: none; */
		top: -110px;
		left: 50px;
	}
	header .bg-dark {
		background-color: rgb(0 0 0 / 82%) !important;
		backdrop-filter: blur(3px);
	}
	footer {
		background-color: rgb(0 0 0 / 82%) !important;
	}
	.jumbotron {
		background-color: rgba(0, 0, 0, 0);
		padding-top: 25px;
		padding-bottom: 0px;
		flex-direction: column;
		padding-left: 15px;
		padding-right: 15px;
	}
	.jumbotron .jumbotron_text {
		width: 100%;
		margin-bottom: 30px;
	}
	.jumbotron .jumbotron_text p {
		font-size: 2.4rem;
		font-weight: 300;
		color: #fff;
		line-height: 33px;
		margin-bottom: 60px;
		margin-top: 45px;
	}
	.jumbotron_img {
		width: 100%;
		position: relative;
	}
	.jumbotron_img img {
		position: relative;
		top: 0;
		width: 100%;
		right: 0;
	}

	.jumbotron .jumbotron__text__box {
		padding-left: 0px;
	}
	.jumbotron .jumbotron__text__box h1 {
		font-size: 3.5rem;
		text-align: center;
		line-height: 48px;
	}
	.integrated__approach {
		padding-top: 44px;
		margin-top: 50px;
	}
	.integrated__approach .integrated__approach__master__box .title {
		font-size: 4rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		padding-top: 12px;
		margin-bottom: 30px;
	}
	.integrated__approach .integrated__approach__master__box .clear__text {
		font-size: 3rem;
		font-weight: 300;
		color: #fff;
		line-height: 40px;
		margin-top: 45px;
		margin-bottom: 50px;
		margin-left: 0;
		text-align: center;
	}
	.integrated__approach .integrated__approach__master__box .color__box {
		padding: 20px;
		background-image: url(../img/integrated__approach/bg_color_box.png);
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.integrated__approach .integrated__approach__master__box small {
		font-size: 1.4rem;
		color: #ffffff;
		margin-top: 12px;
		margin-left: 0;
		display: inline-block;
		padding-right: 0;
		text-align: center;
	}
	.integrated__approach__slave__box {
		margin-top: 8px;
		margin-bottom: 52px;
		margin-left: 0px;
		align-items: center;
	}
	.integrated__approach .integrated__approach__slave__box span {
		width: 40px;
		height: 40px;
		display: block;
		margin: 0%;
		/* background-repeat: no-repeat; */
		margin-left: 0;
	}
	.integrated__approach .integrated__approach__slave__box span img {
		max-width: 100%;
		height: auto;
	}
	.integrated__approach .integrated__approach__slave__box h3 {
		font-family: 'Ponter Alt';
		font-size: 1.6rem;
		color: #fff;
		display: inline-block;
		vertical-align: top;
	}
	.integrated__approach .integrated__approach__slave__box ul {
		margin-top: 15px;
		padding-left: 0px;
	}
	.integrated__approach .integrated__approach__slave__box ul li {
		font-size: 1.8rem;
		font-weight: 300;
		color: #fff;
		line-height: 23px;
		margin: 9px 0px;
	}
	.our__capabilities {
		margin-top: 0;
	}
	.our__capabilities__master__box {
		margin-bottom: 60px;
	}
	.our__capabilities .our__capabilities__master__box .title {
		font-size: 4rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.our__capabilities .our__capabilities__master__box .color__box {
		padding: 20px;
		margin-top: 43px;
		background-image: url(../img/integrated__approach/bg_color_box.png);
		background-repeat: no-repeat;
		text-align: center;
		background-size: cover;
	}
	.our__capabilities .our__capabilities__slave__box ul li small {
		display: block;
		font-size: 1.4rem;
		top: 0px;
		position: relative;
		line-height: 18px;
		display: block;
	}
	.our__capabilities .our__capabilities__slave__box ul {
		padding-left: 0;
		height: inherit;
	}
	.our__capabilities .our__capabilities__slave__box ul li {
		font-size: 2.4rem;
		font-weight: 300;
		color: #fff;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.device__box .device__item {
		margin: 0 auto !important;
	}
	.our__capabilities .our__capabilities__slave__box ul {
		padding-left: 0;
		height: inherit;
	}
	.our__capabilities .our__capabilities__slave__box h3 {
		font-family: 'Ponter Alt';
		font-size: 3.6rem;
		color: #fff;
		display: inline-block;
		vertical-align: top;
		margin-left: 0;
	}
	.device__box {
		margin-top: 60px;
	}
	.device__box .device__item .name {
		font-family: 'Ponter Alt';
		font-size: 2.6rem;
		color: #ffffff;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
	}
	.device__box .device__item .image img {
		width: 90px !important;
		height: 80px;
	}
	.with__us__more {
		margin-top: 40px;
		margin-bottom: 90px;
	}
	.work__form .form__box .ml-15 {
		padding-left: 5px !important;
	}
	.work__form .form__box .mr-15 {
		padding-right: 5px !important;
	}
	.work__form .form__box .form-group {
		margin-bottom: 15px;
	}
	.work__form .btn-primary {
		display: block;
		margin: 0 auto;
	}
	.work__form .form__box {
		padding-left: 0px;
	}
	.with__us__more .title {
		font-size: 4rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		margin-bottom: 60px;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.work__form .title {
		font-size: 4rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 0;
		padding-left: 0;
		margin-bottom: 60px;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.with__us__more .m-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.work__form .form__box .form-check .form-check-label {
		padding-left: 45px;
		font-size: 1.6rem;
		color: #ffffff;
		padding-top: 0px;
	}
	.m-brand {
		font-size: 2.4rem;
		font-weight: 300;
		color: #fff;
		font-size: 2.4rem;
		font-weight: 300;
		color: #fff;
		height: 320px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		z-index: 9;
	}
	.m-brand span {
		font-size: 18px;
		display: block;
		line-height: 20px;
		padding: 5px 0;
	}
	.brand-target {
		position: absolute;
		z-index: 1;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 344px;
		padding-top: 38px;
	}
	.brand-target img {
		width: 50%;
		opacity: 0.2;
	}
	.brand-target img::after {
		content: '';
		background-color: #ccc;
	}
	.m-l-title {
		text-align: left !important;
	}
	.m-r-title {
		text-align: right !important;
	}
	footer {
		height: 140px;
		text-align: center;
		position: relative;
		bottom: 0;
	}
	footer .copyright p {
		margin-left: 0px;
	}
	footer .contact ul {
		margin-bottom: 0;
		width: 100%;
	}
	footer .contact ul li {
		margin-left: 0;
		margin-right: 0px !important;
		display: block;
	}
	footer .copyright img {
		display: none;
	}
	.text__page .title {
		font-size: 4rem;
		font-family: 'Ponter Alt';
		color: #fff;
		padding-top: 8px;
		padding-left: 20px;
		margin-bottom: 60px;
		background: url(../img/integrated__approach/h2_bg_img.png);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	.text__page .txt p {
		font-size: 1.7rem;
		font-weight: 300;
		color: #fff;
		line-height: 19px;
		margin-bottom: 15px;
	}
	.text__page .txt ul {
		margin: 15px 0;
	}
	.text__page .txt ul li {
		font-size: 1.7rem;
		line-height: 19px;
	}
	.text__page .txt h2 {
		font-family: 'Ponter Alt';
		font-size: 3rem;
		color: #fff;
		display: inline-block;
		vertical-align: top;
		margin-top: 50px;
	}
	#navbarMenu{
		height: 100vh;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.container,
	.container-sm {
		max-width: inherit;
	}
	.jumbotron .jumbotron__text__box h1 {
		font-size: 4rem;
		font-weight: 300;
		margin-top: 3px;
		line-height: 50px;
	}
	.integrated__approach .integrated__approach__master__box .color__box {
		background-size: cover;
	}
	.integrated__approach .integrated__approach__master__box small {
		margin-bottom: 40px;
	}
	.our__capabilities .our__capabilities__master__box .color__box {
		background-size: cover;
		margin-bottom: 50px;
	}
	.our__capabilities .our__capabilities__slave__box h3 {
		margin-left: 0;
	}
	.our__capabilities .our__capabilities__slave__box ul {
		padding-left: 0px;
		height: 125px;
	}
	.our__capabilities .our__capabilities__slave__box ul li {
		font-size: 1.9rem;
		line-height: 19px;
		margin-bottom: 10px;
	}
	.our__capabilities .our__capabilities__slave__box ul li small {
		top: 0px;
	}
	.device__box .device__item .image img {
		width: 152px !important;
		height: 77px;
	}
	.device__box .device__item {
		margin: 0 !important;
	}
	.device__box .device__item .name {
		font-size: 2.8rem;
		margin-top: 20px;
	}
	.work__form .form__box .form-group {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.work__form .form__box .form-check .form-check-label {
		padding-left: 54px;
		padding-top: 0px;
		line-height: 25px;
	}
	footer .copyright img {
		display: none;
	}
	footer .copyright p {
		line-height: 70px;
	}
	.work__form .write_to_email p {
		margin-bottom: 100px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.jumbotron .jumbotron__text__box h1 {
		font-size: 4.23rem;
		font-weight: 300;
		margin-top: 7px;
		line-height: 48px;
		color: #ffffff;
	}
	.integrated__approach .integrated__approach__master__box .clear__text {
		font-size: 2.6rem;
		font-weight: 300;
		color: #fff;
		line-height: 29px;
		margin-top: 45px;
		margin-bottom: 50px;
		margin-left: 20px;
	}
	.integrated__approach .integrated__approach__slave__box ul li {
		font-size: 1.7rem;
		font-weight: 300;
		color: #fff;
		line-height: 25px;
	}
	.integrated__approach .integrated__approach__slave__box h3 {
		font-family: 'Ponter Alt';
		font-size: 2.8rem;
		color: #fff;
		display: inline-block;
		vertical-align: top;
	}
	.integrated__approach .integrated__approach__slave__box span {
		width: 30px;
		height: 30px;
		display: inline-block;
		margin: 0 11px;
		background-repeat: no-repeat;
	}
	.integrated__approach .integrated__approach__master__box .color__box p {
		font-size: 2.2rem;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		line-height: 29px;
		margin-bottom: 0;
	}
	.integrated__approach .integrated__approach__master__box small {
		font-size: 1.7rem;
		color: #ffffff;
		margin-top: 12px;
		margin-left: 23px;
		display: inline-block;
		padding-right: 5px;
	}
	.integrated__approach .integrated__approach__master__box .title {
		font-size: 2.6rem;
	}
	.our__capabilities .our__capabilities__master__box .title {
		font-size: 2.6rem;
	}
	.our__capabilities .our__capabilities__slave__box h3 {
		font-family: 'Ponter Alt';
		font-size: 2.8rem;
		color: #fff;
		display: inline-block;
		vertical-align: top;
		margin-left: 68px;
	}
	.our__capabilities .our__capabilities__master__box .color__box p {
		font-size: 2.2rem;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		line-height: 29px;
		margin-bottom: 0;
	}
	.our__capabilities .our__capabilities__slave__box ul li {
		font-size: 1.7rem;
		font-weight: 300;
		color: #fff;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.our__capabilities .our__capabilities__slave__box ul li small {
		display: inline-block;
		font-size: 1.2rem;
		top: 3px;
		position: relative;
		line-height: 18px;
	}
	.device__box .device__item .image img {
		width: 150px !important;
		height: 90px;
	}
	.device__box .device__item {
		margin: 0 !important;
	}
	.device__box .device__item .name {
		font-family: 'Ponter Alt';
		font-size: 2.8rem;
		color: #ffffff;
		text-align: center;
		margin-top: 45px;
	}
	.with__us__more .title {
		font-size: 3.6rem;
	}
	.with__us__more .txt p {
		font-size: 2.4rem;
		font-weight: 300;
		color: #fff;
		line-height: 26px;
		margin-bottom: 17px;
	}
	.work__form .title {
		font-size: 3.6rem;
	}
	.work__form .form__box .form-check .form-check-label {
		padding-left: 74px;
		font-size: 2rem;
		color: #ffffff;
		padding-top: 0px;
		line-height: 25px;
	}
	.work__form .write_to_email p {
		margin-bottom: 100px;
		text-align: center;
		color: #fff;
		font-size: 3rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.jumbotron .jumbotron__text__box h1 {
		font-size: 6rem;
		font-weight: 300;
		margin-top: 7px;
		line-height: 71px;
		color: #ffffff;
	}
	.integrated__approach .integrated__approach__master__box .color__box p {
		font-size: 2.2rem;
		font-weight: 600;
		text-transform: uppercase;
		color: #fff;
		line-height: 40px;
		margin-bottom: 0;
	}
	.integrated__approach .integrated__approach__master__box small {
		padding-right: 0px;
	}
	.integrated__approach .integrated__approach__master__box .title {
		font-size: 3.6rem;
	}
	.our__capabilities .our__capabilities__master__box .title {
		font-size: 4.5rem;
	}
	.our__capabilities .our__capabilities__slave__box ul li {
		line-height: 26px;
		margin-bottom: 20px;
	}
	.our__capabilities .our__capabilities__slave__box ul li small {
		top: -4px;
	}
	.device__box .device__item {
		margin: 0 !important;
	}
}
@media (min-width: 1200px) {
}