@media (min-width: 1700px) {
	.modal-xl {
    max-width: 1600px;
	}
}

@media (min-width: 1140px) {
}
@media (min-width: 576px) {
}
/*-------*/
@media (max-width: 1700px) {

	.modal-content img {
		max-width: 750px;
	}
}
@media (max-width: 1300px) {
  .text-box img {
    right: 0;    
  }
  .order-form img {
    right: 0;
    max-width: 650px;
  }
}
@media (max-width: 1200px) {
  .intro img {
    max-width: 440px;
    top: 50%;
    left: 63%;
  }
  .text-box img {
    max-width: 310px;
    top: -25%;
    right: -3.5%;    
  }
  .border-dashed {
    right: calc(100% - 82%);
  }
  .border-gray.long {
    display: none;
  }
  .modal-xl {
    max-width: 100%;
  }
  .modal-content img {
	  max-width: 700px;
  }
}
@media (max-width: 1140px) {
  .intro h1 .lable {
    left: 23%;
  }
  .intro .btn-pink-outline {
    margin-top: 330px;
  }
  .text-box img {
    top: -23%;
    right: 0;
  }
  .color-box-one, .color-box-two {
    padding: 32px 70px 36px 24px;
  }
  .modal-body .btn-pink-outline {
    padding: 28px 20px;
  }
}
@media (max-width: 1024px) {
  header::before {display: none;}
  .intro::before {display: none;}
  .intro::after {display: none;}
  .activities::before {display: none;}
  .activities::after {display: none;}
  .monitoring::before {display: none;}
  .business-security::before {display: none;}
  .development::before {display: none;}
  .order-form::before {display: none;}
  .provide-quality::before {display: none;}
  .provide-quality::after {display: none;}
  .four-cause::before {display: none;}
  footer::before {display: none;}
  footer::after {display: none;}
}
@media (max-width: 992px) {
  #navbar {
    position: relative;
  }
  header .navigate .navbar-brand span {
    font-size: 16px;
    line-height: 19px;
  }
  header::after {
    display: none;
  }
  .intro h1 .lable {
    left: 30%;
  }
  .intro img {
    left: 70%;
  }
  .text-box img {
    max-width: 280px;
    top: -15%;
    right: -3%;
  }
  .specialists-directions {
    padding: 20px 0 20px 5px;
  }
  .border-dashed {
    right: calc(100% - 84%);
  }
  .caption-box {
	padding: 45px 35px 32px 0px;
  }
  .icon-problem {
    width: 60px;
    height: 35px;
  }
  .order-form {
    padding-bottom: 400px;
  }
  .modal-content img {
	  max-width: 550px;
  }
  
}
@media (max-width: 768px) {
  h1 {
    font-size: 25px;
    line-height: 26px;
  }
  h2,h3 {
    font-size: 20px;
    line-height: 21px;
  }
  p {
    font-size: 14px;
    line-height: 15px;
  }
/* section padding */
  .intro {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .why-choose-us, .activities {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .monitoring {
    padding-bottom: 40px;
  }
  .business-security {
    padding-bottom: 50px;
  }
  .order-form {
    padding-top: 40px;
  }
  .design {
    padding-bottom: 30px;
  }
  .four-cause {
    padding-top: 40px;
    padding-bottom: 0px;
   }
  .provide-quality {
    padding-bottom: 80px;
  }
  .news
	{
	padding-bottom: 40px;
	}
  footer
	{
	padding-top: 40px;
	padding-bottom: 40px;
	}
/* END section padding */
  .intro h1 {
    font-size: 31.0745px;
    line-height: 34px;
  }
  .intro h1 .lable, .four-cause h1 .lable {
    font-size: 78.5208px;
    line-height: 110px;
  }
  .intro h1 .lable {
    top: 32px;
    left: 15%;
  }
  .intro img {
    top: 44%;
    left: 62%;
  }
  .number {
    font-size: 74px;
    line-height: 104px;
  }
  .why-choose-us .box-border-blue {
    background: linear-gradient(180deg, rgb(209 180 227 / 60%) 38.98%, rgb(90 166 236 / 60%) 83.17%);
  }
  .activities .box-border-blue {
    background: linear-gradient(180deg, rgb(4 198 197 / 60%) 38.98%, rgb(90 166 236 / 60%) 83.17%);
  }
  .activities .container-box-border-blue {
    margin-bottom: 2rem;
  }
  /*.activities */
  .subtitle p:not(.p-small)  {
    font-size: 20px;
    line-height: 21px;
  }
  .subtitle img {
    max-width: 20px;
  }
  .p-small {
    font-size: 14px;
    line-height: 15px;
  }
  .p-title {
    font-size: 20px;
    line-height: 21px;
  }
  .p-text {
    font-size: 14px;
    line-height: 15px;
  }
  .text-box img {
    max-width: 260px;
    top: -25%;
    right: -2%;
  }
  .specialists-directions {
    padding: 25px 0 25px 15px;
  }
  .monitoring .subtitle {
    margin-bottom: 100px;
  }
  .border-dashed {
    right: calc(100% - 84%);
  }
  .business-security .subtitle, .business-security .benefits {
    margin-bottom: 2rem;
  }
  .benefits p {
    font-size: 14px;
    line-height: 15px;
  }
  .color-box-one, .color-box-two {
    padding: 32px 60px 36px 24px;
  }
  .color-box-one .p-title, .color-box-two .p-title {
    font-size: 16px;
    line-height: 18px;
  }
  .color-box-one .number, .color-box-two .number {
    top: 43px;
    right: -25px;
  }
  .development .subtitle {
    margin-bottom: 1.5rem;
  }
  .order-form img {
    right: 3%;
}
  .order-form .p-title {
    font-size: 14px;
    line-height: 15px;
  }
  .provide-quality .subtitle {
    margin-bottom: 30px;
  }
  .provide-quality .color-box-one, .provide-quality .color-box-two {
    padding: 32px 24px 30px 24px;
  }
  .provide-quality .color-box-one .p-text, .provide-quality .color-box-two .p-text {
    font-size: 16px;
    line-height: 18px;
  }
  .border-gray-box .number {
    top: -30px;
    right: 90%;
  }
  .border-gray-box .p-title {
    max-width: 100%;
  }
  .four-cause h1 .lable {
    top: -31px;
    left: 23%;
  }
  .caption-box {
    padding: 75px 80px 32px 20px;
  }
  .news h1 
	{
    margin-bottom: 32px;
	}
  .news-card img
	{
	  margin-bottom:24px;
	}
	footer .btn-pink-outline
	{
    padding: 16px 10px;
	}
	.footer-nav
	{
	margin-bottom:12px;
	}
	
	.modal-content img {
	  max-width: 450px;
	}
	
}
  /* >> before 767px << */
@media (max-width: 767px) {
  header .navigate nav .nav-link {
    font-size: 13px;
  }
  .btn-pink-outline {
    width: 100%;
  }
  .intro h1 .lable {
    left: 105px;
  }
  .intro img {
    position: initial;
    transform: initial;
  }
  .intro .btn-pink-outline {
    margin-top: 1rem;
  }
  .box-border-blue {
    margin-bottom: 21px;
  }
  .box-border-blue .dash {
    display: block;
    width: 1px;
    height: 21px;
    top: calc(100% + 1px) !important;
  }
  .box-border-blue .dash.one {
      left: 50%;
  }
  .box-border-blue .dash.two {
      left: 65%;
  }
  .box-border-blue .dash.three {
      left: 15%;
  }
  .subtitle img {
    position: static;
  }
  .activities h3 {
    margin-bottom: 24px;
  }
  .text-box img {
    position: static;
    margin: auto;
  }
  .specialists-directions {
    padding: 2rem 0 2rem 2rem;
  }
  .monitoring {
    background-image: url(../img/image_bg_monitoring_mobile.png);
  }
  .monitoring .subtitle {
    margin-bottom: 2rem;
  }
  .solution-problem-box {
    margin-bottom: 2rem;
    max-width: 210px;
  }
  .border-dashed {
    height: auto;
    top: calc(100% - 57.4%);
    left: 50%;
    right: auto;
    bottom: calc(100% - 119.6%);
    width: 275px;
    transform: translate(-50%, -50%);
  }
  .icon-arrow {
    left: -22px;
  }
  .icon-arrow.first {
    transform: rotate(180deg) translate(-50%, -50%);
    left: 90px;
    top: 34%;
}
  .icon-arrow.last {
    left: -11px;
  }
  .icon-problem {
    background-image: url(../img/icon_problem_mobile.svg);
    width: 14px;
    height: 69px;
    top: 18%;
    bottom: auto;
    left: -22px;
  }
  .benefits img {
    margin-right: 25px;
    width: 30px;
    height: 15px;
  }
  .color-box-one, .color-box-two {
    padding: 32px 24px;
  }
  .development {
    background-image: url(../img/image_bg_development_mobile.png);
    padding-bottom: 90px;
  }
  .order-form {
    padding-bottom: 0;
    background-image: url(../img/image_bg_order_form_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .order-form img {
    position: static;
    max-width: 100%;
    margin-bottom: -4px;
  }
  .design {
    background-image: url(../img/image_bg_design_mobile.png);
  }
  .mb-130 {
    margin-bottom: 130px !important;
  }
  .border-gray-box::before {
    top: 0px;
  }
  .border-gray-box {
    margin-bottom: 0px;
    border-left: 1px solid #FFFFFF;
  }
  .border-gray-box .p-title {
    padding-top: 0px;
    padding-left: 40px;
    padding-bottom: 110px;
  }
  .border-gray-box .number {
    font-size: 157px;
    top: -110px;
    left: 30px;
    right: auto;
  }
  .four-cause {
    padding-top: 40px;
  }
  .four-cause h1 {
    margin-bottom: 55px;
    padding-right: 100px;
  }
  .four-cause h1 .lable {
    font-size: 60px;
    top: -3px;
    left: 75px;
    right: auto;
  }
/*
  .carousel-content {
    max-width: 290px;
  }
*/
  .carousel-content {
    background: linear-gradient(180deg, rgba(4, 198, 197, .5) 38.98%, rgba(90, 166, 236, .5) 83.17%);
    margin: 0 15px;
    padding-bottom: 120px;
  }
  .carousel-content .number {
    color: #FFFFFF;
    font-size: 210px;
    z-index: 1;
    top: auto;
    bottom: -85px;
    right: 25px;
  }
  .caption-box {
    padding: 32px 16px;
  }
  .footer-text
  {
	font-size: 12px;
	line-height: 15px;
  }
  
  
}