@media(max-width : 568px){
    .social-btn{
      width: 100px;
    }
  }
  @media (max-width: 768px) {
    .modern-image{
      height: 440px;
      object-fit: cover;
    }
   
  
  }
  
  
  @media(max-width : 992px){
    .angle-image{
  
      height: 200px; 
      width: 100px;
    }
    .main-text-1{
        font-size: 24px;
    }
    .main-text-2{
        font-size: 14px;
    }
    .masthead{
        height: 450px;
    }
  }
  
  
  
  @media (max-width: 912px) {
    .why-us-section {
      margin-top: 50px;
  }
  
  }
  @media (min-width: 768px) {
  
  
    .main-img-container{
      position : absolute;
    }
    .main-image-container1{
      left: -70px;
    }
    .image-1{
      width: 200px;
    }
    .main-image-container2{
      top: -39px;
      left: 53px;
    }
    .image-2{
      width: 250px;
    }
    .main-image-container3{
      left: 222px;
    }
    .image-3{
      width: 200px;
    }
  }
  
  @media (min-width: 992px) {
  
    .main-img-container{
      position : absolute;
    }
    .main-image-container1{
      left: -70px;
    }
    .image-1{
      width: 280px;
    }
    .main-image-container2{
      top: -39px;
      left: 102px;
    }
    .image-2{
      width: 320px;
    }
    .main-image-container3{
      left: 318px;
    }
    .image-3{
      width: 280px;
    }
  }
  @media (min-width: 1300px) {
    .main-img-container{
      position : absolute;
    }
    .main-image-container1{
      left : -48px;
    }
    .image-1{
      width: 290px;
    }
    .main-image-container2{
      top: -39px;
      left: 167px;
    }
    .image-2{
      width: 330px;
    }
    .main-image-container3{
      left: 431px;
    }
    .image-3{
      width: 290px;
    }
  }
  @media (min-width: 1600px) {
    .main-text-1{
      font-size: 45px;
  }
  .main-text-2{
      font-size: 22px;
  }
  }


  @media (min-width: 1250px) and (max-width: 1600px) {
    .mobile-image-1{
      width : 190px;
    }
    .mobile-image-2{
      width : 230px;
    }
    .mobile-image-3{
      width : 190px;
    }
  }




  @media (min-width: 1600px) and (max-width: 1800px) {
    .mobile-image-1{
      width : 220px;
    }
    .mobile-image-2{
      width : 260px;
    }
    .mobile-image-3{
      width : 220px;
    }
  }
  @media (min-width: 1800px) and (max-width: 2100px) {
    .mobile-image-1{
      width : 220px;
    }
    .mobile-image-2{
      width : 260px;
    }
    .mobile-image-3{
      width : 220px;
    }
  }

  @media (min-width: 992px) and (max-width: 1100px)  {
    .masthead {
        height: 540px;
    }

  }
  @media (min-width: 1100px) and (max-width: 1240px)  {
    .masthead {
        height: 630px;
    }
  }
  @media (min-width: 1240px) and (max-width: 1300px)  {
    .masthead {
        height: 660px;
    }
  }
  @media (min-width: 1300px) and (max-width: 1600px)  {
    .masthead {
        height: 787px;
    }
    .main-text-1{
      font-size: 28px;
  }
  .main-text-2{
      font-size: 18px;
  }
  }
  @media (min-width: 1600px) and (max-width: 1700px)  {
    .masthead {
        height: 787px;
    }
  }
  @media (min-width: 1700px) and (max-width: 1750px)  {
    .masthead {
        height: 862px;
    }
  }
  @media (min-width: 1750px) and (max-width: 1800px)  {
    .masthead {
        height: 894px;
    }
  }
  @media (min-width: 1800px) and (max-width: 1950px)  {
    .masthead {
        height: 953px;
    }
  }
  @media (min-width: 1800px) and (max-width: 1950px)  {
    .masthead {
        height: 953px;
    }
  }
  @media (min-width: 1950px) and (max-width: 2100px)  {
    .masthead {
        height: 1036px;
    }
  }
  @media (min-width: 2100px) and (max-width: 2300px)  {
    .masthead {
        height: 1137px;
    
    }
  }
  @media (min-width: 2300px) and (max-width: 2600px)  {
    .masthead {
        height: 1283px;
    
    }
  }
  @media (min-width: 2600px)  {
    .masthead {
        height: 1500px;
    
    }
  }