@media screen and (max-width: 1199px) {
   #section1 .heading-main{
      font-size: 40px;
   }
   #section1 .para-main {
      font-size: 19px;
      margin-bottom: 2rem;
   }
   
   .btn-orange {
      padding: 8px 16px;
      font-size: 16px;
   }
   #about_section1 .heading-main{
      font-size: 40px;
   }
   #section2 .heading-main{
      font-size: 40px;
   }
   #about_section2 .heading-main{
      font-size: 40px;
   }
   #about_section3 .heading-main{
      font-size: 40px;
   }
   #section3 .heading-main{
      font-size: 40px;
   }
   #section3 .para-main{
      font-size: 19px;
   }
   #section4 .heading-main{
      font-size: 27px;
   }
   #section4 .counter{
      font-size: 40px;
   }
   #section4 .counter::after{
      font-size: 40px;
      top: -20px;
      right: -20px;
   }
   #section4 .img-main{
      width: 80px;
   }
   #section5 .heading-main{
      font-size: 40px;
   }
   #section5 .para-main{
      font-size: 19px;
   }
   #section5 .curve-box input {
      font-size: 19px;
   }
   footer .left-para {
      font-size: 27px;
   }
   footer .link-heading {
      font-size: 27px;
   }
   .footer-icons a{
      font-size: 27px;
   }
   .footer-logo img {
      width: 150px;
   }
}



@media screen and (max-width: 991px) {
   .nav-item {
      padding: 0 1rem;
   }
   .nav-link{
      font-size: 16px;
   }
   #section1 .heading-main{
      font-size: 36px;
   }
   #section1 .para-main{
      font-size: 16px;
   }
   .btn-orange{
      font-size: 14px;
   }
   #section2 .heading-main{
      font-size: 36px;
   }
   #section3 .heading-main{
      font-size: 32px;
   }
   #section3 .para-main {
      font-size: 16px;
   }
   #section4 .heading-main {
      font-size: 21px;
   }
   #section4 .counter {
      font-size: 30px;
   }
   #section4 .counter::after {
      font-size: 36px;
   }
   #section4 .img-main {
      width: 70px;
   }
   #section5 .heading-main {
      font-size: 36px;
   }
   #section5 .para-main {
      font-size: 16px;
   }
   #section5 .curve-box input {
      font-size: 16px;
   }
   #section5 .curve-box {
      padding: 1rem;
      gap: 1rem;
   }
   footer .left {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
   }
   footer .left-para {
      font-size: 25px;
      margin-bottom: 0;
   }
   .footer-icons {
      margin-top: 0;
   }
}



@media screen and (max-width: 767px) {
   #navbar {
      position: static;
      background-color: var(--web-slate);
   }
  
   /* change 101 */
   /* only */
   #section1 .img-main {
      display: block;
      margin-left: auto;
      width: 60%;
   }

   #section1{
      padding: 1.5rem 0;
   }
   #about_section1{
      padding: 3rem 0;
      min-height: auto;
   }
   #contact_section1{
      min-height: auto;
   }
   #section1 .img-main{
      display: block;
      margin-left: auto;
      width: 70%;
   }
   #section1 .heading-main{
      font-size: 32px;
   }
   #section1 .para-main{
      margin-bottom: 1rem;
   }
   #about_section1 .heading-main {
      font-size: 32px;
   }
   #about_section1 .para-main {
      font-size: 16px;
   }
   #contact_section1 .heading-main {
      font-size: 32px;
   }
   #contact_section1 .para-main {
      font-size: 21px;
   }
   #about_section2 .heading-main {
      font-size: 32px;
   }
   #about_section2 .para-main {
      font-size: 16px;
   }
   #section2 .heading-main {
      font-size: 32px;
   }
   #section3 .heading-main {
      font-size: 27px;
      margin-bottom: 1rem;
   }
   #about_section3 .heading-main {
      font-size: 32px;
   }
   #about_section3 .card-title {
      font-size: 21px;
   }
   #about_section3 .card-text {
      font-size: 16px;
   }
   #section3 .para-main {
      font-size: 14px;
      margin-bottom: 0.5rem;
   }
   #section3 .left{
      padding: 1rem;
   }
   #section3 .small-images {
      padding: 1rem;
      gap: 1rem;
   }
   #section3 .small-images img {
      max-width: 50px;
   }
   #section5 .heading-main {
      font-size: 32px;
      margin-bottom: 1rem;
   }
   #section5 .para-main{
      margin-bottom: 0;
   }
}


@media screen and (max-width: 600px) {
   #section3 .left {
      width: 100%;
   }
   #section3 .right {
      width: 100%;
   }
   #section3 .small-images{
      flex-direction: row;
      bottom: 0;
      top: unset;
      width: 100%;
      height: auto;
   }
}





@media screen and (max-width: 575px) {
    #advertisement .add-item {
      flex-direction: column;
    }
    
   #about_section1 .container,
   #about_section2 .container{
      width: auto;
   }
   #section4 .heading-main {
      font-size: 19px;
   }
}