@media (min-width: 1025px) and (max-width: 1780px) {
  .portfolio-sec .container-fluid{
    padding: 40px 12px;
  }
  .portfolio-sec{
    padding: 30px;
  }
}

@media (min-width: 1025px) and (max-width: 1225px) {
  .footer-menu{
    margin-top: 80px;
  }
  .contact-details {
    padding-left: 100px;
}
}

@media (min-width: 991px) and (max-width: 1024px) {
  .portfolio-sec .container-fluid{
    padding: 100px 12px;
  }
  .portfolio-sec{
    padding: 30px 12px;
  }
  .footer-menu{
    margin-top: 40px;
  }
  .contact-details {
    padding-left: 0px;
}
.accordion-button{
  font-size: 15px;
}
.footer-info .contact-form{
  padding: 30px;
}
 
}


@media (min-width: 320px) and (max-width: 991px) {
  .portfolio-sec .container-fluid{
    padding: 100px 12px;
  }
  .portfolio-sec{
    padding: 30px 12px;
  }
  .portfolio-info-right p, .portfolio-info-right h2{
    text-align: left;
  }
  .portfolio-info-right .start-btn{
    margin: auto;
  }
  
  .invoicing-sec, .our-partners-sec, .simple-invoicing-sec, .info-detail-heading, .frequently-sec{
    padding: 30px 0;
  }

  .invoicing-sec-info .invoicing-sec-left .start-btn{
    margin: 20px 0;
  }

  .portfolio-sec .container-fluid{
    padding: 30px 12px;
  }

  .portfolio-info .row{
    margin-top: 0px;
  }

  .portfolio-info-right p{
    padding: 20px 0 10px 0;
  }
  .portfolio-info-right .start-btn{
    margin: 30px 0;
  }
 

  .info-detail-box1{
    padding: 20px 0 30px 39px;
  }

  .frequently-txt h2{
    max-width: unset;
    text-align: center;
  }

  .footer-bg-img{
    background: linear-gradient(180deg, #F2F2F2 0%, #FFF 80%);
    padding-top: 0px;
    position: static;
  }

  .contact-details, .footer-menu{
   padding: 12px;
  }
  .frequently-txt {
    margin-bottom: 20px;
  }
  .footer-info .gst-no{
    gap: 10px;
    margin-top: 20px;
    padding: 12px;
  }
  .footer-info .contact-form{
    height: auto;
  }
  .Copyright-sec{
    padding: 0 12px;
    margin-top: 20px;
  }
  .footer-menu{
    margin-top: 0px;
  }
  .portfolio-sec .container-fluid{
    padding: 30px 12px 0 12px;
  }

  .payment-box{
    max-width: 100%;
  }
}


@media (min-width: 570px) and (max-width: 767px) {
.portfolio-info-right h2{
   font-size: 26px;
  }
  .portfolio-info-right p{
    padding: 0;
   }
  .portfolio-info-right .start-btn{
    margin: 30px auto;
  }
  /* .portfolio-info .row {
    margin-top: 30px;
} */
 
}


@media (min-width: 320px) and (max-width: 767px) {
  .invoicing-sec-info .invoicing-sec-left h6{
    font-size: 36px;
    line-height: normal;
  }
  .invoicing-sec-info .invoicing-sec-left h4, .invoicing-sec-info .invoicing-sec-left h4 span.plus{
    font-size: 23px;
    line-height: normal;
  }
  .simple-invoicing-info h2, .portfolio-info-right h2, .info-detail-heading h2, .frequently-txt h2{
    font-size: 28px;
    line-height: normal;
  }

  .footer-info{
    padding: 0px;
  }

  .footer-menu{
    gap: 10px;
  }
  .footer-info .contact-form{
    padding: 20px;
  }

  
  .frequently-txt h2{
    margin-bottom: 24px;
  }

  .portfolio-info-right h2{
    margin-top: 20px;
    max-width: unset;
  }

  .top-header .header-nav{
    padding: 11px 0;
  }

  .portfolio-info .row{
    margin-top: 60px;
  }
  .simple-invoicing-info p{
    padding: 8px 0 20px 0;
  }
  .portfolio-info-right p{
    padding: 10px 0;
  }
 
  .portfolio-sec .container-fluid{
    padding: 30px 12px 0 12px;
  }

  .logo-img a img{
    max-width: 130px;
  }
  .contact-details .map-container .flex-grow-1::after{
    width: 100%;
  }

  .top-header .header-nav .start-btn{
    width: 200px;
    height: 40px;
  }
  .top-header .header-nav .start-btn.login-btn{
    margin-left: 7px !important;
}

.download-info h6{
  max-width: 100%;
}

  .invoicing-sec-left{
    margin-top: 30px;
  }

  .portfolio-info-right.portfolio-box7 .start-btn, .portfolio-info-right.portfolio-box5 .start-btn, .portfolio-info-right.portfolio-box3 .start-btn, 
  .portfolio-info-right.portfolio-box4 .start-btn, .portfolio-info-right.portfolio-box6 .start-btn, .portfolio-info-right.portfolio-box2 .start-btn,
  .portfolio-info-right.portfolio-box1 .start-btn{
    width: 100%;
  }

  .frequently-container .accordion-button span{
    display: none;
  }

  .applogo-info p{
    max-width: unset;
  }

  .portfolio-sec.access_denied_page .portfolio-info-right .start-btn{
    width: 100%;
}
  
  }


  @media (min-width: 320px) and (max-width: 575px) {
    .info-detail-box2{
      background: unset;
    }
    .info-detail-box1{
      padding: 0;
    }
    .info-detail-sec .info-detail{
      padding: 20px 0;
    }
    .accordion-button{
      padding: 10px 1.25rem;
      font-size: 16px;
    }
    
    .contact-details{
      margin-top: 30px;
    }
    .Copyright-sec{
      flex-direction: column-reverse;
    }
    .footer-logos{
      display: flex;
    justify-content: center;
    align-items: center;
    }
    .footer-info .gst-no{
      gap: 10px;
    }
    .Copyright-sec .footer-logos .gst-logo{
      width: 180px;
    height: auto;
    }
    .Copyright-sec p{
      max-width: 201px;
    text-align: center;
    margin-top: 20px;
    }

    .header-nav .start-btn{
      display: none;
    }

    .download-info{
      flex-direction: column;
    }
  }