


@media (max-width: 1620px) {
    h1 {
      font-size: 58px;
    }
    h2 {
      font-size: 40px;
    }
    h3{
      font-size: 32px;
    }
    .scroll-down{
      width: 70px;
      height: 70px;
    }
    footer {
      background-color: #404040;
      padding: 120px 0;
    }
    footer h2{
      margin-bottom: 80px;
    }
    .amim-logo {
      margin: 0 auto 60px auto;
    }
    .amim-content {
      max-width: 570px;
    }
    .highlights-content p br{
      display: none;
    }
    .highlights-content p {
      max-width: 402px;
    }
  }
  
  @media (max-width: 1500px) {
    h1 {
      font-size: 54px;
    }
    p {
      font-size: 22px;
    }
    .amim-banner-main .container {
      padding: 60px 15px 40px 15px;
    }
    .amim-logo {
      max-width: 320px;
      margin-bottom: 50px;
    }
    .footer-row {
      gap: 120px;
    }
    footer {
      background-color: #404040;
      padding: 100px 0;
    }
    .our-partner:nth-child(1) img {
      max-width: 340px;
    }
    .our-partner:nth-child(2) img {
      max-width: 400px;
    }
    .our-partner:after {
      right: calc(0% - 60px);
    }
    .projects-view .hover-content {
      padding: 34px 25px;
    }
    .projects-wrap {
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px;
    }
    .projects-highlights h2 {
      padding-bottom: 50px;
    }
    .projects-highlights {
      padding: 80px 0;
    }
    .about-amim{
      padding-bottom: 80px;
    }
    .scroll-down {
      width: 60px;
      height: 60px;
      left: calc(50% - 20px);
    }
    .about-details h2 {
      padding-bottom: 28px;
      margin-bottom: 28px;
    }
  }
  
  @media (max-width: 1368px) {
    h1 {
      font-size: 50px;
    }
    p {
      font-size: 20px;
    }
    .amim-logo {
      max-width: 250px;
      margin-bottom: 30px;
    }
    .our-partner:nth-child(1) img {
      max-width: 280px;
    }
    .our-partner:nth-child(2) img {
      max-width: 330px;
    }
    .our-partner:nth-child(3) img {
      max-width: 220px;
    }
    .projects-highlights, footer {
      padding: 60px 0;
    }
    .about-amim{
      padding-bottom: 60px;
    }
    footer h2 {
      margin-bottom: 50px;
    }
    .projects-wrap {
      -webkit-column-gap: 25px;
         -moz-column-gap: 25px;
              column-gap: 25px;
    }
    .projects-highlights h2 {
      padding-bottom: 45px;
    }
    .scroll-down {
      width: 60px;
      height: 60px;
    }
    .about-details h2 {
      padding-bottom: 25px;
      margin-bottom: 25px;
    }
    .projects-view .hover-content img {
      max-width: 200px;
      max-height: 220px;
    }
  }
  
  @media (max-width: 1200px) {
    h1 {
      font-size: 45px;
    }
    h2 {
      font-size: 30px;
    }
    h3{
      font-size: 24px;
    }
    .amim-banner-main .container {
      padding: 50px 15px 40px 15px;
    }
    .our-partner:nth-child(1) img {
      max-width: 210px;
    }
    .our-partner:nth-child(2) img {
      max-width: 260px;
    }
    .our-partner:nth-child(3) img {
      max-width: 170px;
    }
    .scroll-down {
      width: 50px;
      height: 50px;
      left: calc(50% - 25px);
    }
    .scroll-down img {
      width: 18px;
      height: 18px;
    }
    .projects-view .hover-content img {
      max-width: 165px;
      max-height: 190px;
    }  
    .projects-view .img-wrap {
      margin-bottom: 22px;
    }
    .projects-view h3 {
      margin-bottom: 15px;
    }
    .highlights-content p {
      padding-top: 15px;
    }
  }
  
  
  @media (max-width: 991px) {
    .amim-banner-main .container {
      padding: 40px 15px 30px 15px;
    }
    .scroll-down {
      width: 40px;
      height: 40px;
      left: calc(50% - 20px);
      bottom: 98px;
    }
    .projects-wrap{
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 25px;
    }
    .projects-view {
      width: 48%;
    }
    .footer-row {
      gap: 80px;
    }
    .our-partner:after {
      right: calc(0% - 40px);
      height: 80px;
      top: 12px;
    }
    .our-partner:nth-child(1) img {
      max-width: 170px;
    }
    .our-partner:nth-child(2) img {
      max-width: 220px;
    }
    .our-partner:nth-child(3) img {
      max-width: 130px;
    }
    .our-partner {
      height: auto;
      min-height: 100px;
    }
    .projects-highlights, footer {
      padding: 60px 0;
    }
    .projects-highlights h2 {
      padding-bottom: 25px;
    }
  }
  
  
  @media (max-width: 767px) {
    h1 {
      font-size: 38px;
    }
    h2 {
      font-size: 28px;
    }
    h3{
      font-size: 22px;
    }
    .projects-view {
      width: 100%;
    }
    .projects-wrap, .footer-row{
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 50px;
    }
    .our-partner {
      height: auto;
      min-height: auto;
    }
    .footer-row {
      gap: 60px;
    }
    .our-partner:after {
      right: unset;
      top: unset;
      border-right: 0;
      border-bottom: 2px solid #FA5B0A;
      width: 100%;
      bottom: -30px;
      height: 0;
    }
    .our-partner img {
      height: auto;
      max-width: 200px !important;
      width: auto !important;
    }
    .projects-highlights, footer{
      padding: 50px 0;
    }
    .form-group:nth-child(1), .form-group:nth-child(2){
      max-width: 100%;
    }
    .contactus-modal .modal-content{
      padding: 30px;
    }
    .modal-content button.close {
      width: 40px;
      height: 40px;
      top: -18px;
      right: -14px;
    }
    .submit-message-btn button{
      padding: 12px 48px;
    }
    p {
      font-size: 18px;
    }
    .img-wrap:hover .highlights-content {
      padding: 30px 20px;
    }
    .projects-view .hover-content img {
      max-width: 190px;
      max-height: 230px;
    }
    .projects-view h3 {
      margin-bottom: 12px;
    }
    .highlights-content p {
      padding-top: 12px;
    }
    .about-details h2 {
      padding-bottom: 18px;
      margin-bottom: 18px;
    }
    .projects-view .img-wrap{
      max-width: 100%;
      max-height: 100%;
    }
    .highlights-content p {
      max-width: 100% !important;
    }
    .about-amim {
      padding-bottom: 50px;
    }
    .form-title h3 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 16px;
    }
    .modal-dialog {
      padding: 20px;
      margin: 0 auto;
    }
  }
  
  @media (max-width: 420px) {
    h1 {
      font-size: 26px;
    }
    h2 {
      font-size: 24px;
    }
    h3{
      font-size: 20px;
    }
    .contactus-modal .modal-content {
      padding: 20px;
    }
    .modal-dialog {
      padding: 15px;
    }
    .modal-content button.close{
      width: 30px;
      height: 30px;
      top: -14px;
      right: -12px;
    }
    .amim-logo {
      margin-bottom: 30px;
    }
  }
  
  
  @media (max-height: 980px) and (min-width: 1921px) {
    .amim-content{
      margin-bottom: 50px;
    }
  }
  
  @media (max-height: 780px) and (min-width: 1200px) {
    h1 {
      font-size: 58px;
    }
    .scroll-down {
      width: 70px;
      height: 70px;
      left: calc(50% - 35px);
    }
    .amim-logo {
      max-width: 320px;
      margin: 0 auto 50px auto;
    }
    .amim-banner-main .container {
      padding: 60px 15px 40px 15px;
    }
  }
  
  
  @media (max-height: 680px) and (min-width: 1200px) {
    .amim-logo {
      max-width: 250px;
      margin: 0 auto 40px auto;
    }
    h1 {
      font-size: 30px;
    }
    .scroll-down {
      width: 40px;
      height: 40px;
      bottom: 50px;
      left: calc(50% - 20px);
    }
  }
  
  @media (max-height: 400px) {
    h1 {
      font-size: 20px;
    }
  }
  
  @media (max-height: 450px) and (max-width: 1920px) {
    .amim-banner-main .container{
      padding: 35px 15px;
    }
    .amim-logo {
      max-width: 180px;
      margin-bottom: 20px;
    }
    h1 {
      font-size: 26px;
      line-height: 1.3;
    }
    .scroll-down {
      width: 30px;
      height: 30px;
      left: calc(50% - 15px);
      bottom: 40px;
    }
  }
  