@media only screen and (min-width: 992px) {
  /*Menu Start*/
  .hemberger {
    display: none;
  }
  .menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header_menu_wrap li a {
    /*font-family: 'PublicSans-VariableFont_wght';*/
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    font-size: 15px;
    padding: 10px 15px;
    transition: all 0.15s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
  }
  .header_menu_wrap li a:hover,
  .call_us_wrap a:hover {
    color: #395e9c;
  }
  .call_us_wrap a {
    /*font-family: 'PublicSans-VariableFont_wght';*/
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    font-size: 15px;
    padding: 10px 0px 10px 20px;
    transition: all 0.15s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
  }

  /*Menu End*/
}

@media only screen and (max-width: 2560px) {
}

/*############      1920 css start      ############*/

@media (max-width: 1920px) {
  .left_image {
    width: auto;
  }
}
/*############      1920 css end        ############*/

/*############      1680 css start      ############*/

@media (max-width: 1680px) {
  .container {
    max-width: 1083px;
  }
  .big_container {
    max-width: 1278px;
  }

  .pt_170 {
    padding-top: 140px;
  }
  .pb_170 {
    padding-bottom: 140px;
  }
  .pt_145 {
    padding-top: 120px;
  }
  .pb_145 {
    padding-bottom: 120px;
  }
  .pt_120 {
    padding-top: 100px;
  }
  .pb_120 {
    padding-bottom: 100px;
  }
  .pt_105 {
    padding-top: 84px;
  }
  .pb_105 {
    padding-bottom: 84px;
  }
  .pt_90 {
    padding-top: 80px;
  }
  .pb_90 {
    padding-bottom: 80px;
  }
  h1 {
    font-size: 70px;
  }
  h2 {
    font-size: 66px;
  }
  h3 {
    font-size: 33px;
  }
  h4 {
    font-size: 19px;
  }

  .logo img {
    max-width: 248px;
  }
  .right_image {
    margin-top: -140px;
  }
  .what_makes_content,
  .slide_content {
    padding: 90px 7% 90px 5%;
  }
  .footer_section {
    padding-top: 45px;
    padding-bottom: 65px;
  }
  .your_vission .image_wrap {
    height: 850px;
  }
  .full_gallery .image_wrap {
    height: 660px;
  }
  .projects ul li {
    background-position: top 5px left;
  }
  .full_gallery button,
  .experience_gallery button {
    width: 80px;
    height: 80px;
  }

  .pt_200 {
    padding-top: 160px;
  }
}
/*############      1680 css end        ############*/

/*############      1440 css start      ############*/

@media (max-width: 1440px) {
  .left_image {
    width: 20%;
  }

  .container {
    max-width: 975px;
  }
  .big_container {
    max-width: 1150px;
  }
  h1 {
    font-size: 63px;
  }
  h2 {
    font-size: 58px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 17px;
  }
  .project_wrap_right {
    width: 56%;
  }
  .your_vission .image_wrap {
    height: 770px;
  }
  .what_makes_content,
  .slide_content {
    padding: 70px 7% 70px 5%;
  }
  .right_content_wrap {
    width: 32%;
  }
  .left_image_wrap {
    width: 60%;
  }
  .logo img {
    max-width: 230px;
  }
  .footer_content_box:nth-of-type(2) .content ul:first-child {
    margin-right: 30px;
  }
  .full_gallery .image_wrap {
    height: 600px;
  }

  .projects {
    background: rgb(84, 89, 97);
    background: linear-gradient(
      90deg,
      rgba(84, 89, 97, 1) 41%,
      rgba(23, 94, 160, 1) 41%
    );
  }

  .serviceGallery .slider_contents,
  .aboutDark .colContent {
    padding: 50px;
  }
  .footer_content_box .logo img {
    max-width: 80%;
}
}
/*############      1440 css end        ############*/

/*############      1280 css start      ############*/

@media (max-width: 1280px) {
}
/*############      1280 css end        ############*/

/*############      1200 css start      ############*/

@media (max-width: 1200px) {
  .left_image {
    width: 23%;
  }
  .Our_client button {
    width: 30px;
    height: 30px;
  }
}
/*############      1200 css end        ############*/

/*############      1080 css start      ############*/
@media (max-width: 1080px) {
  .container {
    max-width: 90%;
  }
  .big_container {
    max-width: 94%;
  }
  .pt_170 {
    padding-top: 60px;
  }
  .pb_170 {
    padding-bottom: 60px;
  }
  .pt_145 {
    padding-top: 60px;
  }
  .pb_145 {
    padding-bottom: 60px;
  }
  .pt_120 {
    padding-top: 60px;
  }
  .pb_120 {
    padding-bottom: 60px;
  }
  .pt_105 {
    padding-top: 60px;
  }
  .pb_105 {
    padding-bottom: 60px;
  }
  .pt_90 {
    padding-top: 60px;
  }
  .pb_90 {
    padding-bottom: 60px;
  }
  .footer_content_wrapper {
    flex-flow: row wrap;
  }
  .footer_content_box:last-child {
    width: 100%;
  }
  .footer_content_box:nth-of-type(2) .content ul:first-child {
    margin-right: 50px;
  }
  .full_gallery button,
  .experience_gallery button {
    width: 60px;
    height: 60px;
  }
  .projects {
    background: rgb(84, 89, 97);
    background: linear-gradient(
      90deg,
      rgba(84, 89, 97, 1) 40%,
      rgba(23, 94, 160, 1) 40%
    );
  }
  .footer_content_box p {
    margin-top: 20px;
    text-align: center;
  }
  .right_image {
    margin-top: -60px;
  }
}
/*############      1080 css end        ############*/

/*############      991 css start      ############*/
@media (max-width: 991px) {
  nav ul.menu {
    background: #175ea0;
    padding: 60px 0;
    width: 230px;
    height: 100%;
    position: fixed;
    top: 0;
    right: -230px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  nav ul.menu li {
    display: block;
  }
  nav ul.menu li a {
    color: #fff;
    font-size: 16px;
    font-family: montserrat, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 10px 25px;
  }
  nav ul.menu li a:hover {
    background: #1d8faa;
  }
  nav a {
    display: block;
  }

  body.nav-open {
    margin-left: -230px;
    /*overflow: hidden;*/
    margin-right: 230px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  body.nav-open nav ul.menu {
    right: 0;
  }

  footer .big_container {
    padding-left: 0px;
    padding-right: 0px;
  }

  h1 {
    font-size: 48px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 17px;
  }

  .project_wrap {
    flex-flow: row wrap;
  }
  .project_wrap_left {
    width: 100%;
  }
  .project_wrap_right {
    width: 100%;
  }
  .projects {
    background: rgb(84, 89, 97);
    background: linear-gradient(
      180deg,
      rgba(84, 89, 97, 1) 43%,
      rgba(23, 94, 160, 1) 43%
    );
  }
  .left_image {
    width: 36%;
  }
  .your_vission .image_wrap {
    height: 500px;
  }
  .call_us_wrap a:hover {
    color: #395e9c;
  }
  .call_us_wrap a {
    /*font-family: 'PublicSans-VariableFont_wght';*/
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    font-size: 15px;
    padding: 10px 0px 10px 20px;
    transition: all 0.15s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
  }

  .we_left_wrap h4,
  .we_left_wrap p {
    margin-bottom: 20px;
  }
  .full_gallery .image_wrap {
    height: 500px;
  }

  .serviceGallery .slider_contents,
  .serviceGallery .image_wrap {
    width: 100%;
  }

  .project-item.dFlx {
    flex-direction: column;
  }
  .hulf {
    width: 100%;
    display: block;
  }

  .project-item:nth-child(2n+1) .sliderImg .owl-nav {
    left: 0;
    bottom: 100%;
}
.project-item:nth-child(2n) .sliderImg .owl-nav {
    right: 0;
    bottom: 100%;
    left: 0;
}
.sliderImg button {
    width: 35px;
    height: 35px;
}
.sliderImg button img {
    width: 11px;
}
.colsmall {
    width: 40%;
}
.colbig {
    width: 57%;
}
}
/*############      991 css start      ############*/

@media (max-width: 814px) {
.colsmall {
    width: 100%;
}
.colbig {
    width: 100%;
}
.contactPage:before {
    height: 88%;
}
.contactPage:before {
    height: 92.5%;
}
}


/*############      767 css start      ############*/

@media (max-width: 767px) {
  .slide_content {
    width: 100%;
    background: #175ea0;
    color: #fff;
    padding: 50px 40px 50px 40px;
    position: relative;
    right: 0;
    box-sizing: border-box;
    transform: none;
  }
  .sydney_masonry {
    background: #175ea0;
  }
  .right_image {
    margin-top: 0px;
    width: 100%;
  }
  .What_makes .container {
    position: relative;
    z-index: 99;
  }
  .what_makes_content {
    width: 100%;
    margin-top: -60px;
    z-index: 99;
    padding: 50px 40px 50px 40px;
  }
  .we_left_wrap {
    flex-flow: row wrap;
  }
  .left_image_wrap {
    width: 100%;
  }
  .right_content_wrap {
    width: 100%;
    margin-top: 30px;
  }
  .projects {
    background: rgb(84, 89, 97);
    background: linear-gradient(
      180deg,
      rgba(84, 89, 97, 1) 50%,
      rgba(23, 94, 160, 1) 50%
    );
  }
  .book_section_wrap {
    flex-flow: row wrap;
  }
  .booking_title {
    width: 100%;
  }
  .booking_content {
    margin-top: 30px;
    width: 100%;
  }
  .Our_client button.owl-next {
    left: auto;
    right: 0;
  }
  .Our_client button.owl-prev {
    right: auto;
    left: 0;
  }

  .serviceGallery .slider_contents,
  .aboutDark .colContent {
    padding: 30px;
  }
  .aboutDark .colContent {
    width: 100%;
  }
  .aboutDark .colContent:nth-child(1) {
    padding-bottom: 0px;
  }
}
/*############     767 css end        ############*/

@media (max-width: 640px) {
  .hulf .box {
    padding: 30px;
  }
  .hulf .box p br {
    display: none;
  }
  .hulf h3,
  .hulf h4 {
    margin-bottom: 20px;
  }


.projectWraps .project-item .hulf .box {
    padding: 30px 30px 50px;
}
}



/*############      576 css start      ############*/

@media (max-width: 576px) {
  .content_wrap_project p {
    width: 100%;
  }
  .content_wrap_project ul {
    margin-top: 30px;
    width: 100%;
  }
  .content_wrap_project {
    flex-flow: row wrap;
  }
  .footer_content_box {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer_content_box:last-child {
    margin-bottom: 0;
  }
  .footer_content_box p {
    margin-top: 0px;
    text-align: left;
  }
  .slide_content {
    padding: 50px 0px 50px 0px;
  }
  .what_makes_content {
    padding: 40px 30px 40px 30px;
  }
  .call_us_wrap {
    display: none;
  }
  h1 {
    font-size: 38px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 17px;
  }
  .header_wrap {
    padding: 20px 0;
  }
  .pt_170 {
    padding-top: 50px;
  }
  .pb_170 {
    padding-bottom: 50px;
  }
  .pt_145 {
    padding-top: 50px;
  }
  .pb_145 {
    padding-bottom: 50px;
  }
  .pt_120 {
    padding-top: 50px;
  }
  .pb_120 {
    padding-bottom: 50px;
  }
  .pt_105 {
    padding-top: 50px;
  }
  .pb_105 {
    padding-bottom: 50px;
  }
  .pt_90 {
    padding-top: 50px;
  }
  .pb_90 {
    padding-bottom: 50px;
  }
  .projects {
    background: rgb(84, 89, 97);
    background: linear-gradient(
      180deg,
      rgba(84, 89, 97, 1) 47%,
      rgba(23, 94, 160, 1) 47%
    );
  }
  .full_gallery .image_wrap {
    height: 381px;
  }
  .your_vission .image_wrap {
    height: 300px;
  }
}
/*############      576 css end      ############*/

/*############      480 css start      ############*/
@media (max-width: 480px) {
}
/*############      480 css end      ############*/

/*############      400 css start      ############*/

@media (max-width: 420px) {
}
/*############      400 css End      ############*/

/*############      370 css start      ############*/

@media (max-width: 370px) {
}
/*############      370 css End      ############*/