@media only screen and (max-width: 1600px) {
  .container {
    width: 1320px;
    max-width: 1320px;
  }
  .home-box {
    font-size: 20px;
  }
  .home-box .col {
    font-size: 13px;
  }
  .home-box .col h3 {
    font-size: 18px;
  }
  .home-box .col .box {
    width: 100%;height: 370px;
  }
  .testimonials {
    padding: 80px 0 40px;
  }
  .testimonial-item {font-size: 20px;}
  .value {
    font-size: 15px;
  }
  .team {
    font-size: 20px;
  }
  .team .col-4 {
    width: 320px;
  }
  .team .col-8 {
    width: 950px;
  }
  .contact .col-4 {
    width: 420px;
  }
  .contact .col-8 {width: 900px;}


  .services .col-4 {width: 370px}
  .services .col-8 {width: 810px;}
  .service-details {padding: 0;}
  .work-banner .col-4 {
    width: 330px;
  }
  .work-banner .col-8 {
    width: 960px;
  }
  .work-box h3 {
    font-size: 20px;
  }
  .work-box {font-size: 16px;}
  .page-banner .insights-banner-text {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1400px) {
  .container {
    width: 1170px;
    max-width: 1170px;
  }
  .slide-text .box1 {
    font-size: 20px;
    height: 380px;
    width: 450px;
  }
  .slide-text .box2,.slide-text .box3 {
    width: 200px;
    height: 200px;
  }
  .slide-text .box2 a {
    padding: 30px;
    font-size: 14px;
  }
  .home-box .col {
    font-size: 13px;
  }
  .page-banner .box {
    font-size: 25px;
  }
  .team {font-size: 18px;}
  .team .col-4 {
    width: 300px;
  }
  .team .col-8 {
    width: 810px;
  }
  .team h3 {
    font-size: 20px;
  }
  .services-sidebar .box.box-1 {
    background-position: -25px -385px;
    background-size: 900px;
  }
  .services-sidebar .box.box-2 {
    background-size: 900px;
    background-position: -400px -255px;
  }
  .services-sidebar .box.box-3 {
    background-size: 800px;
    background-position: -70px -90px;
  }
  .services-sidebar .box.box-4 {
    background-size: 800px;
    background-position: -250px -210px;
  }

  .contact .col-4 {width: 360px;}
  .contact .col-8 {width: 800px;}

  .services .col-4 {width: 340px;margin-right: 100px;}
  .services .col-8 {width: 700px;}
  .services-sidebar .box {
    width: 340px;height: 340px;
  }
  .work-banner .col-4 {
    width: 300px;
  }
  .work-banner .col-8 {
    width: 850px;
  }
  .work-box {
    font-size: 14px;
  }
  .work-box h3 {
    font-size: 18px;
  }
  .work-list .col-lg-3 {
    width: 50%;
  }
  .page-banner .insights-banner-text {
    font-size: 20px;
  }
  .services {
    margin-bottom: 80px;
  }
  .service-banner {
    margin: 30px 0;
  }

}
@media only screen and (min-width: 1201px) {
  .testimonial-item h4 {
    font-size: 100px;
  }
  .testimonial-item h6 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 1200px) {
  .container {
    width: 960px;
    max-width: 960px;
  }
  .slide-text .box1 {
    font-size: 16px;
    height: 330px;
    padding: 30px;
    width: 380px;
  }
  .slide-text .box2, .slide-text .box3 {
    font-size: 14px;
    width: 180px;
    height: 180px;
  }
  .slide-text .box2 a {
    padding: 22x;
  }
  .home-box .box-1 {background-size: 300%;background-position: -40px -250px;}
  .home-box .box-2 {background-size: 300%;background-position: -330px -115px;}
  .home-box .box-3 {background-size: 300%;background-position: -80px -50px;}
  .home-box .box-4 {background-size: 300%;background-position: -290px -180px;}
  .services-sidebar .box.box-1 {
    background-size: 850px;
    background-position: -35px -401px;
  }
  .services-sidebar .box.box-2 {
    background-size: 700px;
    background-position: -300px -195px;
  }
  .services-sidebar .box.box-4 {
    background-size: 700px;
    background-position: -250px -190px;
  }
  .service-details h3 {font-size: 24px;}
  .insights .col-lg-4 {
    width: 50%;
  }
  .marquee-box {
    margin: 60px 0 40px;
  }
  .marquee {font-size: 50px;padding: 0;}
  #leftScroll {margin-bottom: 0;}
  .home-box {
    font-size: 16px;
  }
  .home-box .col .box {
    height: 330px;
    padding: 30px;
  }
  .home-box .col {
    font-size: 12px;
  }
  .home-box .col h3 {
    font-size: 14px;
  }
  .hover-animation {
    width: 100%;
  }

  .page-banner .box {
    font-size: 20px;
    background-position: 0 -280px;
    background-size: 200%;
  }
  .team .container {
    background-position: -300px 70px;
    background-size: 150%;
  }
  .title .title {margin-bottom: 50px;}
  .team .col-4 {
    width: 100%;
  }
  .team .col-8 {
    width: 100%;padding: 0 15px;
  }
  .team h3 {
    font-size: 18px;
  }
  .team h3:after{font-size: 25px}
  .team .team-nav {display: none;}
  .contact .col-4 {width: 320px;}
  .contact .col-8 {width: 630px;}
  .php-email-form {background-position: 100px -570px;}

  .services .col-4 {width: 280px;margin-right: 50px;}
  .services .col-8 {width: 620px;}
  .services-sidebar .box {
    height: 280px;
    width: 280px;
  }
  .services-sidebar h3 {font-size: 18px;}

  .work-banner .col-4 {
    width: 260px;
  }
  .work-banner .col-8 {
    width: 680px;
  }
  .work-box {
    padding: 30px;
  }
  .news-grid .news-title.position-3 {
    right: auto;top: 0;
  }
  .news-grid .news-title.position-4 {
    right: 0;top: 0;
  }

  .address {
    margin-bottom: 80px;
  }

  footer .text-end {display: flex;}
  footer .align-items-center.right {
    margin-left: auto;
  }
  footer a.links {
    margin: 0;
  }
  .scroll-content {
    overflow-x: scroll;
    height: 690px;
    padding-right: 15px;
  }
  .services {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .container {width: 720px;max-width: 720px;}
  #header {padding: 0 0 30px;}
  .primary-menu .navbar {margin-top: 15px;}
  .primary-menu .navbar.navbar-mobile {margin-top: 0;}

  .slide-text {font-size: 16px;position: relative;display: grid;}
  .slide-text .box1 {grid-row: 1 / 8;grid-column: 1 / 4;width: 740px;height: 400px;}
  .slide-text .box2 {height: 200px;grid-row: 1 / 3;grid-column: 3/ 3;margin-left: auto;width: 200px;}
  .slide-text .box3 {grid-row: 3 / 5;grid-column: 3 / 3;height: 200px;width: 200px;}

  .slide-text .box1 {
    width: 550px;
    padding: 30px;
    padding-top: 50px;
    font-size: 18px;
    height: 300px;
    line-height: 28px;
  }
  .slide-text .box2, .slide-text .box3 {
    width: 150px;
    height: 150px;
  }
  .arrow-top, .arrow-bottom {width: 40px;}
  .slide-text .box2 a {padding: 15px;}
  .home-box .col {flex: 50%;font-size: 16px;}
  .home-box .col .box {height: 350px;}

  .home-box .box-1 {background-position: -140px -435px;}
  .home-box .box-2  {
    background-size: 200%;
    background-position: -240px -100px;
  }
  .home-box .box-3 {
    background-size: 180%;
    background-position: -20px -50px;
  }
  .home-box .box-4 {
    background-size: 200%;
    background-position: -350px -220px;
  }
  .services {
    margin-bottom: 30px;
  }
  .services-sidebar .box.box-1 {
    background-position: -45px -372px;
    background-size: 750px;
  }
  .services-sidebar .box.box-2 {
    background-position: -270px -170px;
    background-size: 600px;
  }
  .services-sidebar .box.box-3 {
    background-size: 650px;
    background-position: -60px -60px;
  }
  .services-sidebar .box.box-4 {
    background-size: 550px;
    background-position: -190px -140px;
  }
  .scroll-content {height: 590px;}

  .recent-project h3 {font-size: 1.2rem;}
  .all-projects .box {width: 110px;height: 100px;padding: 15px;}
  .all-projects .box2 {padding: 0;}
  .all-projects .box2 img {width: 25px;}
  .testimonials {padding: 50px;}
  .testimonial-item {
    text-align: center;
    font-size: 16px;
  }
  .page-banner .col {
    flex: 0 0 100%;
    background-position: -100px -360px;
    background-size: 130%;
  }
  .banner-hover-animation {
    width: 100%;
  }
  .page-banner .box-inner {
    height: 320px;
  }
  .page-banner .box {font-size: 18px;}
  .page-banner h3 {
    font-size: 20px;
    margin-bottom: 50px;
  }
  .value {
    font-size: 15px;
  }
  .value .col-lg-4 {
    width: 100%;
    flex: 0 0 100%;margin-bottom: 30px;
  }
  .value h3 {
    margin-bottom: 15px;
  }

  .team {
    background-image: none;
    padding-top: 50px;
    padding-bottom: 0;
  }
  .team .container {
    background-image: url(../img/vactor6.png);
    background-repeat: no-repeat;
    background-position: -200px 90px;
    padding-bottom: 50px;
  }
  .team h3 {font-size: 12px;}
  .team .swiper-slide {font-size: 10px;}
  .title {
    margin-bottom: 50px;
  }
  .team .col-4, .team .col-8 {
    width: 100%;
  }
  .php-email-form {
    background-position: -40px -185px;
    background-size: 1150px;
  }
  .php-email-form .checkbox label {
    position: relative;
    top: 35px;
  }
  .php-email-form .btn-submit {width: 145px;height: 145px;}

  .contact .col-4, .contact .col-8 {
    width: 100%;
  }
  .contact-info .address {
    float: left;
    width: 50%;
    margin-bottom: 30px;
  }
  .contact-info .contact-email {
    float: left;
    width: 100%;
    margin: 0 0 50px;
  }

  .services .col-4 {width: 230px;}
  .services .col-8 {width: 440px;}
  .services-sidebar .box {
    height: 230px;
    width: 230px;
  }
  .services-sidebar h3 {
    font-size: 10px;
  }
  .service-details {
    font-size: 10px;
  }
  .service-details .team-nav {
    display: none !important;
  }
  .service-details h4 {
    font-size: 12px;
  }
  .row.mt-5 {
    margin-top: 0 !important;
  }
  ul.list .arrow {
    margin-top: 6px;
    width: 15px;
  }
  ul.list .arrow-top, ul.list .arrow-bottom {
    width: 12px;
  }

  footer {padding: 50px 0;}
}
@media only screen and (max-width: 767px) {
  .title {font-size: 35px;}
  .container {width: 100%;max-width: 100%;}
  .navbar.navbar-mobile ul li a {
    font-size: 16px;
  }
  .slide-text {display: inline-block;}
  .slide-text .box1 {
    width: 65%;
    padding: 25px;
    font-size: 11px;
    line-height: 20px;
    height: 270px;
    float: left;
  }
  .slide-text .box2, .slide-text .box3 {
    width: 35%;
    height: 135px;
    display: inline-flex;position: relative;
  }
  .slide-text .box2 a {
    font-size: 12px;
  }
  .home-box .col {
    font-size: 10px;
  }
  .home-box .col .box {
    height: 270px;
  }
  .testimonials {
    padding-bottom: 0;
  }
  .scroll-content {
    height: 460px;
  }
  .value {
    font-size: 12px;
  }
  .value h3 {font-size: 20px;}
  .value h3:before {margin-left: 15px;}
  /*.team .swiper-slide {*/
  /*  font-size: 8px;*/
  /*}*/

  .team {
    font-size: 14px;
  }
  .team .container {
    background-size: 800px;
    background-position: -230px 0;padding-top: 0;
  }
  .team h3 {
    /*font-size: 10px;*/
    margin-bottom: 5px;margin-top: 15px;
  }
  .team h3:after {
    font-size: 18px;
  }
  .services {margin-bottom: 0;}
  .services-sidebar .box.box-1 {
    background-position: -25px -245px;
    background-size: 500px;
  }
  .services-sidebar .box.box-2 {
    background-size: 400px;
    background-position: -170px -110px;
  }
  .services-sidebar .box.box-3 {
    background-position: -30px -50px;
    background-size: 400px;
  }
  .services-sidebar .box.box-4 {
    background-position: -140px -100px;
    background-size: 400px;
  }
  footer {font-size: 12px;}
   .social img {
    margin-left: 15px;width: 20px;
    height: 20px;
  }
  .contact-info .address {
    width: 100%;font-size: 14px;
  }
  .php-email-form {
    background-size: 1100px;
    padding: 30px 25px 55px 25px;
    background-position: -75px -195px;
  }
  .php-email-form .form-control,
  .php-email-form .checkbox {
    font-size: 18px;
  }
  .php-email-form .checkbox-checkmark-box {
    margin-right: 15px;
  }
  .checkbox-checkmark {
    min-width: 50px;
    min-height: 50px;
  }
  .php-email-form .btn-submit {
    width: 125px;
    height: 125px;margin-bottom: -70px;right: -25px;
  }
  .services .col-4 {
    width: 170px;
    margin-right: 20px;
    padding-left: 15px;
  }
  .services .col-8 {
    width: 230px;
  }
  .services-sidebar .box {
    height: 155px;
    width: 155px;
  }
  .services-sidebar .box-inner {padding: 15px;}
  .service-details .team-nav {
    display: none !important;
  }
  .service-details h3 {font-size: 13px;}

  .news-grid .news-title {
    width: 55%;
    padding: 15px;
  }
  .news-grid .news-title h3 {
    font-size: 14px;
  }

  .page-banner .box {
    background-position: -80px -190px;
    /*font-size: 14px;*/
    background-size: 140%;
  }
  .page-banner .box-inner {
    height: 220px;
    padding: 30px;
  }
  ul.list li {
    padding: 5px;
    padding-right: 20px;
  }
  ul.list .arrow {
    float: none;
    position: absolute;
    right: 5px;
    top: 7px;
    height: auto;
  }
  ul.list .arrow-top, ul.list .arrow-bottom {
    width: 10px;
  }

  .copyright {
    font-size: 10px;margin-top: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .slide-text .box1 {font-size:14px;}
  .slide-text .box2 {
    background-size: 145px;
    font-size: 10px;
  }

  .home-box .col {
    font-size: 10px;
  }
  .home-box .box-1 {
    background-size: 500px;
    background-position: -65px -170px;
  }
  .home-box .box-2 {
    background-size: 500px;
    background-position: -184px -89px;
  }
  .home-box .box-3 {
    background-size: 380px;
    background-position: -25px -45px;
  }
  .home-box .box-4 {
    background-size: 400px;
    background-position: -170px -125px;
  }
  .home-box .col .box {
    height: 230px;
    padding: 15px;
  }


  .home-box .col h3 {
    font-size: 11px;
  }
  footer .fa.fa-angle-right:before {
    content: '';
    background-image: url(../img/footer-arrow.png);
    width: 10px;
    height: 12px;
    display: inline-block;
    background-size: auto 12px;
    margin-left: 5px;
    margin-top: 1px;
    background-repeat: no-repeat;
  }
  .news-grid .news-title {
    height: 55%;
  }
  .news-grid .news-title h3 {
    font-size: 10px;
  }

  .copyright {
    font-size: 9px;
  }
}
@media only screen and (max-width: 427px) {
  .navbar.navbar-mobile ul li a {
    font-size: 15px;
  }
  .slide-text {font-size: 12px;}
  .slide-text .box1 {
    padding: 10px;
    font-size: 10px;height: 220px;
  }
  .slide-text .box2, .slide-text .box3 {
    height: 110px;
  }
  .slide-text .box2 a {padding: 10px;font-size: 9px;}
  /*.home-box .col {*/
  /*  font-size: 14px;*/
  /*  flex: 100%;*/
  /*}*/
  /*.home-box .col .box {*/
  /*  height: 300px;*/
  /*}*/
  .testimonials {
    padding: 15px;
  }

  .services .col-4 {
    width: 150px;
  }
  .services .col-8 {
    padding-left: 15px;
    padding-right: 15px;
    width: 245px;
  }

  .service-banner {
    margin: 30px 0;
  }


  .copyright {font-size: 7.4px;}

}
@media only screen and (max-width: 395px) {
  .page-banner h3 {margin-bottom: 30px;}
  .team h3 {padding-right: 10px;}
/*}*/
/*@media only screen and (max-width: 375px) {*/
  .services .col-4 {
    width: 40%;
    margin-right: 0;
  }
  .services .col-8 {
    width: 60%;
  }
  .services-sidebar .box {
    width: 120px;
    height: 120px;margin-bottom: 15px;
  }
  .services-sidebar .box-inner {
    padding: 10px;
  }
  .services-sidebar h3 {
    font-size: 8px;
  }
  .services-sidebar .box.box-1 {
    background-position: -15px -201px;
    background-size: 400px;
  }
  .services-sidebar .box.box-2 {
    background-size: 300px;
    background-position: -120px -90px;
  }
  .services-sidebar .box.box-3 {
    background-position: -40px -30px;
    background-size: 350px;
  }
  .services-sidebar .box.box-4 {
    background-position: -100px -80px;
    background-size: 300px;
  }
  .php-email-form .form-control, .php-email-form .checkbox {
    font-size: 12px;
  }
  .php-email-form .btn-submit {
    width: 95px;
    height: 95px;
  }
  .arrow-top,
  .arrow-bottom {
    width: 25px;
  }

}