@media(max-width: 1500px) {

    .container {
        padding: 0 40px;
    }
    
    .banner-section .container{
         padding: 0;
    }

    .navigation ul li a {
        font-size: 16px;
    }

    

    .header .logo img {
        height: 60px;
    }
    
   
    
    .banner-slide .text-section-banner .content-panel{
        padding: 0 40px;
    }
    
    
  
    
     .banner-slide-img-1:before, .banner-slide-img-2:before, .banner-slide-img-3:before{
        width:55%;
    }
    
    .copyright-section .container{
        padding: 24px 40px;
    }

    



}



@media(max-width: 1300px) {
    
     .slider-home {
  height: 500px;
  margin: 0;
}
    
    h1{
        font-size:42px;
        line-height: 52px;
    }
    
    .banner-slide .text-section-banner .content-panel{
        max-width: 350px;
    }
    
     h2{
        font-size:36px;
    }
    
    p{
        font-size:16px;
    }
    
  
    
    .contact-wrapper .form-section {
  padding: 20px 30px;
}
    
    .contact-wrapper .left-panel {
  width: 40%;
}
    .contact-wrapper .right-panel {
  width: 60%;
}
    
    .contact-wrapper .info-section{padding: 20px;}
    
    .contact-wrapper .flex-container{
        grid-column-gap: 40px;
    }
    
    
}

@media(max-width: 1200px) {
    .container {
        padding: 0 30px;
    }
    
    .copyright-section .container{
        padding: 24px 30px;
    }
    
  .header .container{
        padding: 0 30px;
    }
    
    .header .button-section{
        margin-right: 10px;
    }
    
     .header .logo img {
    height: 50px;
  }
    
    .header .logo img{
        padding: 10px 0;
    }
    
    .section .flex-container{
        flex-wrap:wrap; grid-row-gap: 20px;
    }
    
    .section .flex-container .image-section, .section .flex-container .text-section{
        width:100%;
    }
    
    .section.reverse .flex-container .image-section{
        order:1;
    }
    
    .section .flex-container .image-section img{
        height: 500px; object-fit: cover; width:100%;
    }
    
    .section.reverse .flex-container .text-section{
        order:2;
    }
    
    .section.give-with-azras .flex-container .text-section{
        padding: 10px 40px 50px;
    }
    
    .section.what-we-do .flex-container .image-section img{
        object-fit: contain; height: auto;
    }
    
    
    .section.give-with-azras .flex-container .image-section img{
        height: auto; object-fit: contain;
    }

    
}


@media(max-width: 991px) {
    
    .banner-slide:before{
        width:100%;
    }
    
    .banner-slide:after{
        content:"";
        position: absolute;
        left:0; top:0; width:100%;
        height: 100%; background: rgba(0, 0, 0, .4);
        z-index: 1;
        
    }
    
    .banner-slide .text-section-banner{
        z-index: 2;
    }
    
    .slider-home .owl-item h1{
        color:#fff!important;
    }
    
    .primary-btn{ height: 48px;}
    
    .footer-top-sectoin .flex-container{
        flex-wrap: wrap; grid-row-gap: 30px;
    }
    
    .footer-top-sectoin .flex-container .col{
        width:44%;
    }
    
    .section {
  padding: 80px 0;
}
    .footer-top-sectoin ul, .footer-top-sectoin ul li{
        font-size:16px;
    }
    
    .copyright-section .flex-container{
      grid-row-gap: 10px;
    }
    
    .contact-wrapper .flex-container{flex-wrap:wrap;}
    
     .contact-wrapper .left-panel, .contact-wrapper .right-panel {
    width: 100%;
  }
    
    .contact-wrapper .info-section {
    padding: 30px;
  }
    
    .contact-wrapper .left-panel .text-section{padding: 0;}
    
    .contact-wrapper .info-section{margin-bottom: 30px;}
    
}

@media(max-width: 767px) {
    
    .contact-wrapper {
  padding: 50px 0;
}
    
     .section.give-with-azras .flex-container .text-section {
    padding: 0 30px 50px;
  }

 .container {
        padding: 0 20px;
    }
    
    .footer-top-sectoin .flex-container .col{
        width:100%;
    }
    
    .copyright-section .flex-container{
        justify-content: center;
    }
    
    .section .flex-container .image-section img{
        height: auto;
    }
    
      .section {
    padding:50px 0;
  }
    
    .banner-slide .text-section-banner .content-panel{
        width:100%;
        text-align: center;
        max-width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    .header .container{
        padding: 0 20px;
    }
    
      .banner-slide .text-section-banner .content-panel {
    padding: 0 20px;
  }
    
      h1 {
    font-size: 34px;
    line-height: 42px;
  }
    
    h1.md {
  font-size: 34px;
  line-height: 42px;
}
    
    h2 {
    font-size: 26px;
        line-height: 32px; margin-bottom: 15px;
  }
    
    
    h3{
        font-size:24px;
    }
    
    h4{
        font-size:22px;
    }
    
    .secondary-btn{
        min-width:180px;
    }
    
    .section .flex-container .text-section{
        padding-right: 0;
    }
    
     .slider-home {
    height: 400px;
  }
    
    .rounded {
  border-radius: 16px;
}
    .give-with-azras .container .flex-container{
        border-radius: 16px;
    }
    
    .footer{
        padding: 50px 0 0;
    }
    
    
    .landing-page-banner {
  padding: 30px 0;
}
    


}


@media(max-width: 480px) {
    
      .section.give-with-azras .flex-container .text-section {
    padding: 0 20px 40px;
  }
    
    .slider-home {
    height: 300px;
  }

    .copyright-section{
        font-size:14px;
        text-align: center;
    }
    
    .copyright-section .container {
    padding: 12px 20px 30px;
  }
    
    .header .logo img {
    height: 40px;
  }
    
    .header .primary-btn{
        font-size:16px; width:auto; padding: 10px 15px; height: auto;
    }
    
    .section .button-section .primary-btn{
        width:100%;
    }
    
    .flex-col-two{
        flex-wrap:wrap;
    }
    
    .contact-wrapper .primary-btn{
        width:100%;
    }
    
    
}