@media (min-width: 1201px) and (max-width: 1399px){
    html, body {
        margin: 0 ;
        padding: 0;
        max-width: 1400px;
    }
    .next-anim img {
        height: 150px;
    }
    .next-anim:hover img {
        top: 100px; 
    }
    .services-text {
        margin-left: 110px
    }
    .home-services-text {
        margin-left: 120px !important;
    }
    .contact-page-wrapper {
        margin: 0 160px;
    }
    .save {
        width: 100%;
    }
    .bottom-join-img > img {
        padding-left: 60px;
    }
    .side-img > img {
        width: 900px;
    }
    .second-paragraph-img > img {
        margin-left: -50px;
        width: 1054px;
    }
    .third-paragraph-img > img, .third-paragraph-img2 > img, .third-paragraph-img3 > img {
        width: 1004px;
    }
    .side-img3 {
        margin-right: -103px;
    }
    .fifth-paragraph {
        margin-left: -43px;
    }
    .third-photo >img {
        margin-left: -76px;
    }
    .side-img2 > img {
        margin-right: -164px;
    }
    .second-paragraph-img2 > img {
        width: 1000px;
    }
    .second-paragraph-img3 > img {
        width: 1068px;
    }
    .second-paragraph-img4 > img {
        width: 1139px;
    }
    .third-paragraph-img4 > img {
        width: 1069px;
    }
    #first-photo4 > img {
        height: 633px;
    }
    .intro-title {
        font-size: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1200.9px){
    html, body {
        margin: 0 ;
        padding: 0;
        max-width: 1200px;
    }
    .global-wrapper {
        margin: 0 0;
    }
    .left > .nav-anim1, .right > .nav-anim3, .left > .nav-anim2, .right > .nav-anim4 {
        padding-bottom: 0px;
    }
    .nav-anim1, .nav-anim2, .nav-anim3, .nav-anim4, .nav-anim5 {
        font-size: 40px;
        margin: 0;
    }
    .nav-anim1 a::after, .nav-anim2 a::after, .nav-anim3 a::after, .nav-anim4 a::after, .nav-anim5 a::after {
        top: 45px;
    }
    .cards {
        flex-direction: column;
        margin-bottom: 90px;
    }
    .cards-text {
        padding: 0 0 40px 0;
    }
    .circle1 {
        left: 370px;
    }
    .circle2 {
        left: 331px;
    }
    .circle3 {
        left: 50px
    }
    .home-services-text {
        margin-left: 90px !important;
    }
    .projects-title > h2 {
        font-size: 67px;
    }
    .second-paragraph-img3 > img, #first-photo3 > img, .second-paragraph-img4 > img,.third-paragraph-img4 > img, #first-photo > img, .third-photo > img, .second-paragraph-img > img  {
        margin-left: 0;
    }
    #second-photo > img {
        padding-top: 8px;
    }
    .width-100 {
        width: 100% !important;
        height: auto !important;
    }
    .next-anim {
        font-size: 74px;
    }
    .next-anim img {
        width: 183px;
    }
    .next-anim:hover img {
        top: 100px; 
    }
    .about-us {
        margin: 0 90px;
        padding: 90px 0;
    }
    .services {
        flex-direction: column;
        padding-bottom: 90px;
    }
    .services-text {
        margin: 90px 0 0 90px;
    }
    .circle-white {
        top: 461px;
    }
    .join-text > h4 {
        font-size: 32px;
        line-height: 30px;
    }
    .join-text > p {
        font-size: 20px;
        line-height: 20px;
    }
    .bottom-join, .third-paragraph-photos {
        flex-direction: column;
    }
    .bottom-join-img {
        margin-left: 0;
    }
    .bottom-join-img > img {
        padding-top: 30px;
        padding-left: 0px;
    }
    #first-photo5 {
        margin-bottom: 725px;
    }
    .third-photo5 > img {
        bottom: 340px;
    }
    #forth-photo5 > img {
        bottom: 885px;
        left: 0px;
    }
    .third-paragraph-third-photo > img {
        left: 355px;
        bottom: 1373px;
        width: 50% !important;
    }
    .third-paragraph-first-photo {
        margin-bottom: 40px;
    }
    .image-stack {
        grid-column-gap: 87px;
    }
    .image-stack__item--separate, .image-stack__item--separate1, .image-stack__item--separate2, .image-stack__item--separate3 {
        padding-top: 95%;
    }
    .image-stack__item--bottom1, .image-stack__item--bottom3 {
        padding-top: 55%;
    }
    .intro-title {
        font-size: 22px;
    }
    .select-wrapper::after {
        left: 412px;
    }
}


@media (max-width: 991.9px) {
    html, body {
        margin: 0 ;
        padding: 0;
        max-width: 992px;
    }
    .term {
        font-size: 1rem;
    }
    .global-wrapper {
        margin: 0 0;
    }
    header {
        margin: 0 20px;
        margin: 0;
        position: fixed;
        background-color: #000000;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        padding: 0 20px 0 20px;
    }
    .logo {
        position: unset;
        margin: auto;
    }
    .logo > img {
        margin-top: 3px;
    }
    .navigation {
        align-items: center;
        display: flex;
        justify-content: end;
    }
    #menu-btn {
        margin-left:0;
    }
    .overlay-content {
        text-align: center;
    }
    .left > .nav-anim1, .right > .nav-anim3, .left > .nav-anim2, .right > .nav-anim4 {
        padding-bottom: 85px;
    }
    .nav-anim1, .nav-anim2, .nav-anim3, .nav-anim4, .nav-anim5 {
        font-size: 36px;
        margin: 0;
    }
    .nav-anim1 a::after, .nav-anim2 a::after, .nav-anim3 a::after, .nav-anim4 a::after, .nav-anim5 a::after {
        top: 35px;
    }
    .section {
        margin: 0 auto;
        padding: 30px 30px 0 30px;
        justify-content: center;
    }
    .banner {
        margin: 30px 0 90px 0;
    }
    .banner > h2 {
        font-size: 62px; 
        padding-bottom: 51px;
        line-height: 70px;
    }
    .banner > h5 {
        font-size: 45px;
        line-height: 55px;
    }
    .head-subtitle {
        margin-bottom: 30px;
    }
    .head-subtitle > h4 {
        font-size: 45px;
        line-height: 50px;
    }
    .head-title > h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .cards {
        flex-direction: column;
        margin-bottom: 90px;
    }
    .cards-text {
        padding: 0 0 40px 0;
    }
    .cards-text > h4 {
        font-size: 22px;
    }
    #proj, #proj6, #proj7, #proj8, #proj9 {
        width: 100%;
    }
    .circle1, .circle2, .circle3, .circle4, .circle5, .circle6, .circle7, .circle8, .circle9, .circle10  {
        left: -15px;
        bottom: -15px;
    }
    .cards-img {
        display: flex;
    }
    .view {
        font-size: 19px;
    }
    .projects {
        margin: 0 30px;
        padding: 105px 0 30px 0;
    }
    .projects-title > h2 {
        font-size: 37px;
        line-height: 42px;
    }
    .first-paragraph, .second-paragraph, .third-paragraph, .third-paragraph3, .forth-paragraph, .people, .fifth-paragraph, .intro-box, .second-paragraph2, .third-paragraph-photos, .forth-paragraph5, .save, .overlay-content, .bottom-join {
        flex-direction: column;
    }
    .first-paragraph, .second-paragraph, .second-paragraph2 {
        margin-top: 99px;
    }
    #first-photo4 > img, .fifth-paragraph5 {
        margin-bottom: 145px;
    }
    .side-img4 > img {
        margin-top: 0;
    }
    .side-img3 {
        margin-right: 0;
    }
    /* .people {
        margin-bottom: 0;
    }
    .people-text {
        padding-bottom: 40px;
    }
    .people-text > p {
        font-size: 18px;
    }
    .people-photos {
        margin-right: 0;
    } */
    .width-100 {
        width: 100% !important;
        height: auto !important;
    }
    .second-paragraph-img3 > img, #first-photo3 > img, .second-paragraph-img4 > img,.third-paragraph-img4 > img, #first-photo > img, .third-photo > img, .second-paragraph-img > img  {
        margin-left: 0;
    }
    .third-paragraph-first-photo {
        margin-bottom: 60px;
    }
    .third-paragraph-img > img {
        margin-bottom: 99px;
    }
    .third-photo5 > img {
        bottom: 170px;
    }
    #forth-photo5 > img {
        bottom: 405px;
        left: 0px;
    }
    .third-paragraph-third-photo > img {
        left: 10px;
        bottom: 486px;
    }
    .second-title > h4, .third-title > h4, .forth-title > h4 {
        margin: 0;
    }
    .input, textarea, .custom-file-upload, select  {
        width: 100%;
    }
    .forth-title {
        flex: 1;
    }
    .forth-text {
        flex: 2;
    }
    .mb0 {
        margin-bottom: 0 !important;
    }
    .mb1 {
        margin-bottom: 99px;
    }
    .next-anim img, .home-join-img, .navigation > a, .nav-anim1 img, .nav-anim2 img, .nav-anim3 img, .nav-anim4 img, .nav-anim5 img, #second-photo5, #forth-photo5, .third-photo5, .third-paragraph-third-photo, .third-paragraph-second-photo {
        display: none !important;
    }
    .next-anim {
        font-size: 39px;
        line-height: 50px;
    }
    .next-anim:hover a{
        top: 0px;
    }
    .next-anim a::after {
        top: 65px;
    }
    .about-us {
        margin: 0 30px;
        padding: 40px 0;
    }
    .intro-text, .second-text-box {
        max-width: calc(100vw - 60px);
    }
    .second-text-box {
        float: left;
    }
    .image-stack {
       display: flex;
       margin: 0 auto;
       flex-wrap: wrap;
       grid-row-gap: 50px;
       grid-column-gap: 20px;
    }
    .image-stack__item--bottom, .image-stack__item--separate, .image-stack__item--bottom1, .image-stack__item--separate1, .image-stack__item--bottom2, .image-stack__item--separate2, .image-stack__item--bottom3, .image-stack__item--separate3, .image-stack__item--bottom4 {
        padding-top: 0;
    }
    .container {
        margin-bottom: 0;
        display: flex;
    }
    .mobSize {
        height: 268px !important;
        width: 166px !important;
    }
    .shad1, .shad2, .shad3, .shad4, .shad5, .shad6 {
        width: 166px;
    }
    .name {
        font-size: 15px;
    }
    .position {
        font-size: 10px;
        padding-bottom: 5px;
    }
    .services {
        margin: 30px; 
        flex-direction: column-reverse;
    }
    .home-services {
        margin: 0 !important;
    }
    .services-images {
        display: none;
    }
    .services-text {
        margin: 30px 0 0 0;
    }
    .circle-white {
        position: absolute;
        top: -50px;
        left: calc(50% - 60px)
    }
    .white-btn {
        position: relative;
    }
    .home-circle-white {
        position: absolute;
        top: -70px;
        left: 20px;
    }
    .contact-page-wrapper{
        margin: 150px 30px 0 30px;
        padding: 0;
    }
    .contact-text {
        margin-top: 120px;
    }
    .contact-form {
        width: 100%;
        margin-right: 0;
    }
    .box > span {
        font-size: 9px; 
    }
    .button {
        margin-top: 20px;
        width: 73px;
    }
    .footer {
        margin: 0 30px;
    }
    .footer-text > h1 {
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 30px;
    }
    .footer-bottom {
        flex-direction: column;
        margin: 0 auto;
    }
    .tell a, .tell a:hover {
        font-size: 42px;
        line-height: 50px;
    }
    .join-section {
        margin: 30px 0 113px 0;
    }
    .join-wrapper {
        margin: 0 30px;
        padding-top: 60px;
    }
    .join-text > p {
        font-size: 17px;
    }
    .join-top {
        margin-bottom: 68px;
    }
    .join-top > h4 {
        font-size: 38px;
        line-height: 50px;
    }
    .join-top > h3 {
        font-size: 24px;
        line-height: 40px;
    }
    .join-text > h4 {
        font-size: 23px;
        line-height: 34px;
    }
    .join-img > img {
        width: 100%;
        height: auto;
    }
    .join-box {
        flex-direction: column;
        margin-bottom: 64px;
    }
    .join-anim {
        flex-direction: column;
        font-size: 45px;
        line-height: 50px;
        margin-left: 0px;
        margin-top: 115px;
    }
    .join-anim a::after {
        top: 65px;
    }
    .bottom-join-text > h2 {
        font-size: 35px;
        line-height: 67px;
        width: 100%;
    }
    .bottom-join-img {
        margin-left: 0;
        display: flex;
    }
    .bottom-join-img > img {
        padding-top: 30px;
        padding-left: 0px;
        margin: 0 auto;
    }
    .select-wrapper::after {
        right: 30px;
    }
    .right-align {
        text-align: left;
    }
    .join-img {
        order:2;
    }
    .join-text {
        order:1;
    }
    .social1 {
        margin: 0 auto;
    }
    .social1 > a{
        padding-right: 27px;
        font-size: 29px;
    }
    .services-images-mobile {
        display: block;
        width: calc(100vw - 60px);
        margin-top: 30px;
    }
    .services-images-mobile > img {
        width: 100%;
    }
}