@media screen and (max-width: 1199px) {

   /*
    *home page
    */
   /*
    *banner section
    */
   .mg-banner-section {
      padding: 30px 0px 0px 0px;
   }

   .mg-banner-overlay-img {
      margin-top: 60px;
   }

   .mg-rating-text span {
      font-size: 13px;
   }

   .mg-feedback {
      margin-top: 30px;
   }

   .mg-rating-main {
      padding: 0;
      margin: 0;
   }

   /**************************************/
   /*
     *partner section
     */
   .mg-partner-section-title {
      margin-left: 9px;
      width: 100%;
   }

   .mg-feature-des p {
      font-size: 12px;
      margin: 0;
   }

   .mg-partner-section-title span {
      color: #fff;
      font-family: 'Inter-Medium';
      font-size: 14px;
   }

   /*********************************/
   /*
     *amazing features 
     */
   .mg-ti-heading-main {
      width: 70%;
   }

   .mg-ti-heading-main h2 {
      color: #242A2D;
      font-family: 'Sora-bold';
      font-size: 30px;
   }

   .mg-pricing-plan-btn .mg-btn-1 {
      padding: 12px 14px;
      font-size: 12px;
   }

   /*****************************/
   /*
     *benefits section
     */
   .mg-dark-bg-main {
      border-radius: 45px;
   }

   .mg-dark-box-heading h2 {
      font-size: 30px;
   }

   /******************************/
   /*
     *testimonial
     */
   .mg-testimonial-slide- {
      padding: 0px 10px;
   }

   .mg-testimonial-heading h2 {
      color: #242A2D;
      font-family: 'Sora-bold';
      font-size: 30px;
   }

   /*
     *helper
     */
   .mg-btn-1 {
      padding: 12px 36px;
      font-size: 13px;
   }

   /***********************************/
   /*
     *dark-bg-section
     */
   .mg-btn-1-dark {
      padding: 12px 14px;
      font-size: 12px;
   }

   .mg-dark-bg-image img {
      width: 100%;
      margin-top: 0;
   }

   .mg-dark-bg-btn {
      margin-top: 30px;
      margin-bottom: 100px;
   }

   /************************************/
   /*
     * footer section
     */
   .mg-footer-links-title h4 {
      font-family: 'Sora-bold';
      font-size: 20px;
   }
}

@media screen and (max-width: 991px) {
   .mg-logo-box a {
      font-size: 20px;
   }

   .mg-btn-1 {
      padding: 9px 9px;
      font-size: 12px;
   }

   .mg-btn-1-dark {
      padding: 9px 9px;
      font-size: 12px;
   }

   .mg-banner-title h2 {
      font-size: 28px;
   }

   .mg-banner-des {
      width: 80%;
   }

   .mg-banner-des p {
      font-size: 12px;
   }

   .mg-btn-group {
      margin: 0px 0px;
   }

   .mg-feedback {
      margin: 0px 0px;
   }

   .mg-partner-section-title span {
      font-size: 15px;
   }

   .mg-partner-logo {
      width: 70%;
   }

   .mg-partner-logo-image img {
      padding: 0px 12px;
   }

   .mg-section-top-main {
      width: 100%;
   }

   .mg-section-heading-main h2 {
      font-size: 30px;
   }

   .mg-section-des-main {
      width: 70%;
      margin: auto;
   }

   .mg-section-des-main p {
      font-size: 12px;
   }

   .mg-feature-heading h5 {
      font-size: 16px;
   }

   .mg-features-section {
      padding: 55px 0px;
   }

   .mg-features-box {
      padding: 25px 15px;
      border-radius: 40px;
   }

   .mg-feature-top-text {
      margin-bottom: 20px;
   }

   .mg-feature-heading {
      margin: 10px 0px;
   }

   .mg-about-heading-main {
      width: 100%;
   }

   .mg-about-heading-main h2 {
      font-size: 30px;
   }

   .mg-about-section-li {
      padding-top: 0px;
   }

   .mg-about-section-li ul li span {
      font-size: 12px;
   }

   .mg-about-section {
      padding: 55px 0px;
   }

   .mg-features-sub-section-main {
      margin-top: 30px;
   }

   .mg-about-section-btn {
      margin-top: 30px;
   }

   /*******************************/
   /*
     * benefit section
     */
   .mg-benefits-section {
      padding: 55px 0px;
   }

   .mg-bs-heading-main h2 {
      font-size: 28px;
   }

   .mg-benefits-box-title a {
      font-size: 16px;
   }

   .mg-benefits-des p {
      font-size: 12px;
   }

   .mg-benefits-des {
      margin-top: 5px;
   }

   /******************************/
   .mg-text-with-image-section {
      padding: 55px 0px;
   }

   .mg-ti-heading-main {
      margin: 25px 0px 20px 0px;
      width: 100%;
   }

   .mg-ti-heading-main h2 {
      font-size: 30px;
   }

   .mg-ti-des-main p {
      font-size: 12px;
   }

   .mg-team-overlay-image img {
      width: 50px;
   }

   .mg-about-team-section {
      padding: 20px 15px;
   }

   .mg-team-overlay-image {
      position: absolute;
      top: -30px;
      left: 35px;
   }

   .mg-about-team-section {
      margin: 15px 15px 0px 15px;
      border-radius: 25px;
   }

   .mg-about-team-overlay-text p {
      font-size: 12px;
      padding-bottom: 5px;
   }

   /*********************************/
   /*
     * pricing section
     */
   .mg-pricing-section {
      padding: 55px 0px;
   }

   .mg-pricing-box {
      padding: 26px 16px;
      border-radius: 20px;
   }

   .mg-pricing-plan span {
      font-size: 18px;
   }

   .mg-pricing-plan {
      margin: 2px 0px;
   }

   .mg-pricing-plan-btn .mg-btn-1 {
      padding: 9px 12px;
      font-size: 10px;
   }

   .mg-plan-price span {
      font-size: 24px;
   }

   .mg-plan-validity span {
      font-size: 14px;
   }

   .mg-plan-validity {
      margin-bottom: 10px;
      padding: 0px 0px 12px 0px;
   }

   .mg-plan-features-heading span {
      font-size: 12px;
   }

   .mg-plan-features-des span {
      font-size: 12px;
   }

   .features-list {
      margin: 12px 0px;
   }

   .mg-btn-1 {
      padding: 9px 12px;
      font-size: 10px;
   }

   .mg-btn-1 img {
      width: 12px;
      margin-left: 2px;
   }

   .mg-pricing-box-dark {
      padding: 26px 16px;
      border-radius: 20px;
   }

   .mg-pricing-plan-dark span {
      font-size: 18px;
   }

   .mg-pricing-plan-dark {
      margin: 2px 0px;
   }

   .mg-plan-price-dark span {
      font-size: 24px;
   }

   .mg-plan-validity-dark span {
      font-size: 14px;
   }

   .mg-plan-validity-dark {
      margin-bottom: 10px;
      padding: 0px 0px 12px 0px;
   }

   .mg-plan-features-heading-dark span {
      font-size: 12px;
   }

   .mg-plan-features-des-dark span {
      font-size: 12px;
   }

   .features-list-dark {
      margin: 12px 0px;
   }

   .mg-btn-1-dark {
      padding: 9px 12px;
      font-size: 10px;
   }

   .mg-btn-1-dark img {
      width: 12px;
      margin-left: 2px;
   }

   /********************/
   /*
     * testimonial section
     */
   .mg-testimonial {
      padding: 55px 0px;
   }

   .mg-testimonial-heading {
      width: 55%;
   }

   .mg-testimonial-heading h2 {
      font-size: 30px;
   }

   .mg-testimonial-tagline h4 {
      font-size: 16px;
   }

   .mg-testimonial-profile-image img {
      width: 50px;
   }

   .mg-testimonial-des {
      margin-top: 15px;
   }

   .mg-testimonial-des span {
      font-size: 12px;
   }

   .mg-testimonial-slide-content {
      padding: 28px 24px;
      border-radius: 40px;
   }

   .mg-text-with-image-section.mg-ti-style-2 .mg-ti-heading-main {
      width: 90%;
   }

   .mg-about-section-title {
      margin-top: 0px;
   }

   /*****************************/
   /*
     *dark bg with text and image section
     */
   .mg-light-bg-section {
      padding: 55px 0px;
   }

   .mg-dark-box-heading h2 {
      font-size: 25px;
   }

   .mg-dark-box-heading {
      margin: 25px 0px 0px 0px;
   }

   .mg-dark-bg-btn {
      margin-top: 0px;
      margin-bottom: 0;
   }

   .mg-dark-bg-main {
      padding: 40px 40px 0px 40px;
   }

   .mg-dark-bg-image img {
      margin-top: 140px;
   }

   /**********************/
   /*
     *footer section
     */
   .mg-footer-box-des {
      width: 100%;
   }

   .mg-footer-links-title h4 {
      font-family: 'Sora-bold';
      font-size: 14px;
   }

   .mg-submit-btn {
      padding: 8px 16px;
      font-size: 12px;
   }

   .mg-form-control::placeholder {
      font-size: 12px;
   }

   .mg-form-control {
      padding: 8px 0px 8px 12px;
   }

   .mg-bs-heading-main {
      width: 65%;
   }

   .mg-bs-btn {
      width: 35%;
   }

   .mg-footer-links-li ul li a {
      font-size: 12px;
   }

   .mg-footer-links {
      padding: 0px 0px 0px 30px;
   }
}


/************************/

@media screen and (max-width: 767px) {

   /*
     *header section
     */
   .mg-banner-content-main {
      display: grid;
   }

   .mg-banner-overlay-img {
      width: 100%;
   }

   .mg-banner-text {
      width: 100%;
   }

   .mg-banner-des {
      width: 100%;
      margin: 0px 0px;
   }

   .mg-banner-text {
      width: 100%;
      text-align: center;
   }

   .mg-btn-group {
      display: flex;
      margin: 0px 0px;
      justify-content: center;
      align-items: center;
   }

   .mg-feedback {
      margin: 15px 0px 0px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mg-banner-overlay-img {
      width: 65%;
      margin: auto;
   }

   .mg-banner-mobile-img {
      display: flex;
      justify-content: center;
   }

   .mg-banner-mobile-img img {
      width: 100%;
      margin: 30px 0px 0px 0px;
   }

   .mg-rating-text span {
      font-size: 14px;
   }

   /*************************************/
   /*
     *helper
     */
   .mg-btn-1 img {
      width: 13px;
      margin-left: 2px;
   }

   .mg-btn-1 {
      padding: 9px 22px;
      font-size: 14px;
   }

   /*******************************/
   /*
     *partner section
     */
   .mg-partner-section-title span {
      font-size: 20px;
   }

   .mg-partner-section-main {
      display: grid;
      align-items: center;
      justify-content: center;
      text-align: center;
   }

   .mg-partner-section-text {
      text-align: center;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mg-partner-section-dwn-arrow {
      padding: 6px;
   }

   .mg-partner-btn {
      width: 20px;
      background-color: #FFC533;
      height: 20px;
      border-radius: 50%;
      display: block;
      text-align: center;
      line-height: 14px;
   }

   .mg-partner-section-dwn-arrow a img {
      width: 8px;
   }

   .mg-partner-section-title {
      margin-left: 9px;
      width: auto;
   }

   .mg-partner-section-text {
      margin-bottom: 20px;
   }

   .mg-partner-logo {
      width: 100%;
      display: grid;
   }

   .mg-partner-logo-image {
      margin-bottom: 20px;
   }

   .mg-partner-section-title span {
      font-size: 20px;
   }

   .mg-partner-logo-image.mg-partner-logo-image-style2 img {
      border-left: none;
   }

   /*
     *feature section start here
     */
   .mg-features-box {
      width: 70%;
      margin: 20px auto;
   }

   .mg-features-section {
      padding: 50px 0px;
   }

   .mg-ti-text {
      margin-top: 0px;
   }

   .mg-features-box {
      padding: 60px 40px;
   }

   .mg-features-sub-section-main {
      margin-top: 15px;
   }

   .mg-subheading {
      font-size: 13px;
      padding: 8px 20px
   }

   .mg-subheading-dark {
      font-size: 13px;
      padding: 8px 20px;
   }

   /*
     *home-about section
     */
   .mg-mobile-image {
      text-align: center;
   }

   .mg-mobile-image {
      width: 50%;
      margin: auto;
   }

   .mg-about-section {
      padding: 50px 0px;
   }

   .mg-about-section-title.mg-section-des-main {
      width: 100%;
      margin: 0px auto;
   }

   /**********************************/
   /*
     *benefits section
     */
   .mg-benefits-section {
      padding: 50px 0px;
   }

   .mg-bs-heading-main h2 {
      font-size: 20px;
   }

   .mg-btn-2 {
      padding: 8px 15px;
      font-size: 12px;
   }

   .mg-benefits-image {
      width: 100%;
      margin: auto;
   }

   .mg-benefits-box-title {
      text-align: center;
      margin-bottom: 16px;
   }

   .mg-benefits-des {
      width: 90%;
      text-align: center;
      margin: 10px auto;
   }

   .mg-benefits-section-main {
      text-align: center;
   }

   .mg-bs-heading-main {
      margin: auto;
   }

   .mg-bs-btn {
      width: 100%;
      margin: auto;
      margin-top: 10px;
   }

   .mg-top-content-main {
      display: grid;
      justify-content: center;
      align-items: center;
      margin-top: 25px;
   }

   .mg-benefits-box {
      margin-bottom: 40px;
   }

   .mg-benefits-section .mg-section-title-main {
      margin-top: 20px;
   }

   /********************************************/
   /*
     *amazing features section start here
     */
   .mg-text-with-image-section {
      padding: 50px 0px;
   }

   .mg-text-with-image-section {
      padding: 50px 0px;
      text-align: center;
   }

   .mg-ti-des-main {
      width: 85%;
      margin: auto;
      margin-bottom: 40px;
   }

   .mg-mobile-image {
      width: 65%;
      margin: 20px auto;
   }

   .mg-about-team-overlay-text {
      padding: 16px;
   }

   .mg-about-team-section {
      box-shadow: 0px 0px 80px 8px #dddddd1f;
   }

   /************************************/
   /*
     * pricing section
     */
   .mg-pricing-box {
      border-radius: 51px;
      border: 1px solid #fff;
      width: 65%;
      padding: 60px 18px;
      margin: 30px auto;
   }

   .mg-pricing-box-dark {
      width: 65%;
      padding: 60px 18px;
      border-radius: 51px;
      border: 1px solid #fff;
      margin: 30px auto;
   }

   .mg-pricing-section {
      padding: 50px 0px;
   }

   .mg-pricing-grid.-main {
      margin-top: 0px;
   }

   .mg-pricing-box {
      margin: 30px auto;
   }

   .mg-pricing-plan-btn .mg-btn-1 {
      padding: 10px 22px;
      font-size: 14px;
   }

   .mg-btn-1-dark {
      padding: 10px 22px;
      font-size: 14px;
   }

   /*********************************/
   /*
     * testimonial section
     */
   .mg-testimonial {
      padding: 50px 0px;
   }

   .mg-testimonial-slide- {
      padding: 0px 10px;
   }

   .slick-list {
      margin: 0px;
   }

   /******************************/
   /*
    * dark bg
    */
   .mg-light-bg-section {
      padding: 50px 0px;
   }

   .mg-dark-bg-image img {
      margin-top: 0px;
   }

   .mg-dark-box-content {
      text-align: center;
   }

   .mg-dark-bg-btn {
      margin-top: 0px;
      margin-bottom: 40px;
   }

   .mg-dark-bg-image {
      width: 60%;
      margin: auto;
   }

   .mg-dark-box-content {
      margin-top: 0px !important;
   }

   /**************************************/
   /*
     *footer section start here
     */
   .mg-form-grp {
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .mg-footer-checkbox.form-check {
      text-align: left;
   }

   .mg-w50.mg-email-input {
      width: 70%;
      margin: auto;
   }

   .mg-form-control {
      padding: 12px;
   }

   .mg-submit-btn {
      padding: 10px 30px;
      font-size: 14px;
   }

   .mg-footer-links.mg-footer-links-border {
      text-align: center;
      border: none;
   }

   .mg-footer-links {
      border-left: none;
      padding: 0px;
   }

   .mg-footer-links-title {
      margin-bottom: 0px;
      margin-top: 20px;
   }

   .mg-footer-links {
      text-align: center;
   }

   .mg-footer-links {
      text-align: center;
      margin: 0px 0px;
   }

   .mg--footer-grid-main {
      padding-bottom: 10px;
   }

   .mg-footer-links-title {
      margin: 20px 0px 0px 0px;
   }

   .mg-footer-links-title h4 {
      margin: 0px;
   }

   .mg-footer-box {
      text-align: center;
   }
}

@media screen and (max-width: 575px) {

   /*
     *header section
     */
   .mg-client-group img {
      width: 90px;
   }

   .mg-rating img {
      width: 10px;
   }

   .mg-rating-text span {
      font-size: 12px;
   }

   .mg-banner-title h2 {
      font-size: 24px;
   }

   .mg-banner-des {
      width: 70%;
      margin: 0px auto;
   }

   /***********************************/
   /*
    *feature section start here
    */
   .mg-section-heading-main h2 {
      font-size: 24px;
   }

   mg-section-title .mg-section-des-main {
      width: 100%;
      margin: 0px auto;
   }

   .mg-features-sub-section-main {
      margin-top: 0px;
   }

   /*************************************/
   /*
     *home-about-section start here
     */
   .mg-about-heading-main h2 {
      font-size: 24px;
   }

   .mg-about-section-title.mg-section-des-main {
      width: 100%;
      margin: 0px auto;
   }

   /***************************/
   /*
     * amazing features section start here
     */
   .mg-ti-heading-main h2 {
      font-size: 24px;
   }

   .mg-ti-heading-main {
      margin: 20px auto;
      width: 80%;
   }

   /***********************************/
   /*
    *partners section
    */
   .mg-partner-section-title span {
      font-size: 13px;
   }

   /*
     *pricing section start here
     */
   .mg-section-heading-main h2 {
      font-size: 24px;
   }

   .mg-pricing-grid.-main {
      margin-top: 0px;
   }

   .mg-pricing-box {
      width: 65%;
      padding: 36px 16px;
   }

   .mg-pricing-box-dark {
      width: 65%;
      padding: 36px 16px;
   }

   /*******************************/
   /*
     * testimonial
     */
   .mg-testimonial-heading {
      width: 65%;
   }

   .mg-testimonial-heading h2 {
      font-size: 24px;
   }

   .mg-testimonial-arrow button img {
      width: 15px;
   }

   .mg-testimonial-arrow button.slick-prev {
      width: 30px;
      height: 30px;
   }

   .mg-testimonial-arrow button.slick-next {
      width: 30px;
      height: 30px;
      right: 0;
   }

   .mg-testimonial-arrow {
      position: absolute;
      right: 0;
      top: 80px;
      display: flex;
      justify-content: space-between;
      width: 60px;
      align-items: center;
   }

   /********************************************/
   /*
     * benefits section here
     */
   .mg-dark-box-heading h2 {
      font-size: 24px;
   }

   .mg-submit-btn {
      padding: 10px 20px;
      font-size: 13px;
   }

   .mg-about-section-title.mg-section-des-main {
      width: 100%;
      margin: 0px auto;
   }

   .mg-copyright-main {
      display: grid;
      justify-content: center;
      align-items: center;
      padding: 30px 0px;
      text-align: center;
   }

   .mg-dark-bg-image {
      width: 65%;
      margin: auto;
   }
}

@media screen and (max-width: 471px) {
   .mg-pricing-box {
      width: 85%;
   }

   .mg-pricing-box-dark {
      width: 85%;
   }

   .mg-pricing-box .mg-btn-1 {
      padding: 10px 10px;
      font-size: 13px;
   }

   .mg-pricing-box-dark .mg-btn-1-dark {
      padding: 10px 10px;
      font-size: 13px;
   }
}

@media screen and (max-width: 375px) {
   .mg-btn-1 {
      padding: 6px 12px;
      font-size: 12px;
   }

   .mg-logo-box a {
      font-size: 18px;
   }

   .mg-features-box {
      width: 85%;
      margin: 20px auto;
   }

   /************************************/
   /*
     *pricing plan
     */
   .mg-pricing-section .mg-section-heading-main h2 {
      font-size: 24px;
   }

   .mg-pricing-plan-btn .mg-btn-1 {
      padding: 10px 15px;
      font-size: 13px;
   }

   .mg-btn-1-dark {
      padding: 10px 15px;
      font-size: 13px;
   }

   .mg-pricing-box {
      padding: 36px 18px;
   }

   .mg-pricing-box-dark {
      padding: 36px 18px;
   }

   /*********************************/
}

@media screen and (max-width: 320px) {

   /*
    *feature section start here
    */
   .mg-features-box {
      width: 90%;
      margin: 20px auto;
   }

   /*************************/
   /*
     *helper
     */
   .mg-btn-2 {
      padding: 5px 5px;
      font-size: 10px;
   }

   .mg-hover-image {
      width: 11px;
   }

   /***************************/
   .mg-btn-1 {
      padding: 9px 19px;
      font-size: 12px;
   }
}


/********************************************************/


/*
 *features page css
 */

@media screen and (max-width: 1190px) {

   /*
     *features details
     */
   .mg-features-detail-outer {
      padding: 80px 0px;
   }

   .mg-section-top-main-style-2 .mg-section-des-main {
      width: 60%;
      margin: auto;
   }

   /****************************/
   /*
     *text with image section
     */
   .mg-ti-text {
      margin-top: 0px;
   }

   /*************************/
   /*
     *video section
     */
   .mg-video-section-content {
      width: 45%;
      margin: auto;
   }

   /****************************/
}

@media screen and (max-width: 991px) {
   .mg-page-header-des {
      width: 55%;
      margin: auto;
   }

   .mg-page-header-content {
      padding: 80px 0px 120px 0px;
   }

   .mg-featues-detail-title h3 {
      font-size: 16px;
   }

   .mg-features-box-icon img {
      padding: 7px;
      width: 30px;
   }

   .mg-featues-detail-title {
      margin: 10px 0px;
   }

   .mg-features-detail-des p {
      margin: 0px 0px 10px 0px;
   }

   .mg-features-destail-img {
      width: 100%;
      margin: auto;
      margin-top: 0px;
   }

   /*****************************/
   /*
     *features details
     */
   .mg-section-top-main-style-2 .mg-section-des-main {
      width: 70%;
   }

   /****************************/
   /*
     * ti section
     */
   mg-text-with-image-section mg-ti-style-2 .mg-ti-text {
      margin-top: 0px;
   }

   /*
     *video details
     */
   .mg-video-section-outer {
      padding: 55px 0px;
   }

   .mg-video-section-content {
      width: 64%;
      margin: auto;
   }

   /****************************/
   .mg-video-section-outer .mg-btn-1 {
      padding: 12px 34px;
      font-size: 13px;
   }
}

@media screen and (max-width: 767px) {

   /*
     *header section
     */
   .mg-page-header-title h2 {
      font-size: 30px;
   }

   .mg-page-header-des {
      width: 75%;
   }

   /****************************/
   /*
     *features section
     */
   .mg-section-des-main {
      width: 90%;
   }

   .mg-section-top-main-style-2 .mg-section-des-main {
      width: 90%;
   }

   .mg-features-detail-box {
      text-align: center;
      width: 70%;
      margin: auto;
      margin-bottom: 30px;
   }

   .mg-features-detail-box-2 {
      text-align: center;
      width: 70%;
      margin: auto;
      margin-bottom: 30px;
      margin-top: 30px;
   }

   .mg-features-destail-img {
      width: 70%;
   }

   .mg-features-detail-outer {
      padding: 50px 0px;
   }

   /********************************/
   /*
    *ti section
    */
   .mg-text-with-image-section.mg-ti-style-2 .mg-ti-heading-main {
      margin: 25px auto;
   }

   .mg-text-with-image-section.mg-ti-style-2 .mg-mobile-image {
      width: 100%;
      margin: 20px auto;
   }

   .mg-text-with-image-section.mg-ti-style-2 .mg-ti-des-main {
      width: 80%;
   }

   .mg-text-with-image-section.mg-ti-style-2 .mg-ti-li p {
      margin-left: 0px;
   }

   .mg-ti-li {
      width: 65%;
      margin: auto;
   }

   /******************************************/
   /*
     *video section
     */
   .mg-video-section-content {
      width: 80%;
      margin: auto;
   }

   /**************************************/
   /*
     *pricing section
     */
   .mg-pricing-section .mg-section-heading-main h2 {
      font-size: 24px;
   }
}

@media screen and(max-width: 519px) {

   /*
     *header section
     */
   .mg-page-header-des {
      width: 80%;
   }

   .mg-section-top-main-style-2 .mg-section-des-main {
      width: 100%;
   }

   /*********************************/
   /*
     *pricing section
     */
   .mg-pricing-section .mg-section-heading-main h2 {
      font-size: 24px;
   }
}


/******************************************/


/*
 * pricing section
 */

@media screen and (max-width: 575px) {

   /*
     *faqs section 
     */
   .mg-faqs-accordian .accordion-button {
      font-size: 16px;
   }
}


/***************************************/


/*
 *about us page
 */

@media screen and (max-width:991px) {
   .mg-features-detail-outer {
      padding: 55px 0px;
   }

   .mg-extra-feature {
      background-color: #F6F7FB;
      padding: 55px 0px;
   }

   .mg-features-box-style-2 {
      padding: 0px 20px;
   }

   .mg-features-box-style-2 .mg-feature-top-text span {
      padding: 10px;
   }

   .mg-video-section-outer.mg-video-section-style-2 {
      padding: 55px 0px;
   }

   .mg-video-section-outer.mg-video-section-style-2 .mg-video-section-content {
      width: 95%;
      margin: auto;
   }

   .mg-rating-main {
      margin-top: 20px;
   }

   .mg-video-section-outer.mg-video-section-style-2 .mg-dark-bg-btn {
      margin-bottom: 0px;
      margin-top: 30px;
   }

   .mg-rating-number span {
      font-size: 35px;
   }

   .mg-rating-star span {
      font-size: 14px;
   }

   .mg-query-section {
      padding: 55px 0px;
   }

   /*****************************************************************/
   /*
     *about section
    */
   .mg-about-section-title {
      margin-top: 25px;
   }

   .mg-form-outer {
      padding: 0px 0px;
   }

   /*******************************/
   /*
    *query section
    */
   .mg-query-inner {
      padding: 50px;
   }

   .mg-query-inner .mg-dark-bg-btn {
      margin-bottom: 0px;
   }

   .mg-query-inner .mg-dark-bg-des {
      width: 85%;
   }
}

@media screen and (max-width: 767px) {

   /*
     *feature section
     */
   .mg-features-box-style-2.mg-features-box-border {
      border-top: 1px solid #DBDCDF;
      border-bottom: 1px solid #DBDCDF;
      border-right: none;
      border-left: none;
      padding: 30px 0px;
      margin: 30px;
   }

   .mg-features-box-style-2 .mg-feature-content {
      width: 55%;
      margin: auto;
   }

   /**************************************/
   /*
     *about section
     */
   .mg-rating-number {
      margin-right: 15px;
   }

   .mg-dark-box-heading h2 {
      font-size: 26px;
   }

   .mg-video-section-outer.mg-video-section-style-2 .mg-dark-bg-des p {
      font-size: 12px;
   }

   .mg-query-inner .mg-dark-bg-des {
      width: 100%;
   }

   .mg-query-inner {
      padding: 35px;
   }

   .mg-query-section {
      padding: 80px 0px;
   }

   .mg-query-inner .mg-subheading-light {
      padding: 5px 16px;
   }
}


/*******************************************/

@media screen and (max-width:575px) {

   /*
     *rating section
     */
   .mg-rating-content {
      margin-bottom: 15px;
   }
}

@media screen and (max-width:370px) {
   .mg-dark-box-heading h2 {
      font-size: 24px;
   }

   .mg-video-section-outer .mg-btn-1 {
      padding: 9px 20px;
      font-size: 12px;
   }

   mg-query-inner .mg-dark-box-heading h2 {
      font-size: 20px;
   }

   .mg-features-box-style-2 .mg-feature-content {
      width: 90%;
      margin: auto;
   }

   .mg-rating-number span {
      font-size: 28px;
   }
}


/********************************************************/


/*
 *contact page css
 */

@media screen and (max-width:1199px) {
   .mg-contact-details {
      width: 100%;
   }

   .mg-form-content .mg-section-des-main {
      width: 95%;
   }
}

@media screen and (max-width:991px) {
   .mg-contact-form-control {
      padding: 5px 9px;
      height: 44px;
      font-size: 12px;
   }

   .mg-contact-form-control.mg-textarea {
      height: 120px;
   }

   .mg-contact-details {
      padding: 20px 20px;
   }

   .mg-app-images {
      margin: 20px 0px;
   }

   .mg-dwld-app h2 {
      font-size: 18px;
   }

   .mg-contact-outer {
      padding: 80px 0px;
   }

   .mg-contact-details {
      padding: 20px 20px;
      margin-left: 0;
   }
}

@media screen and (max-width:767px) {
   .mg-contact-outer {
      padding: 50px 0px;
   }

   .mg-contact-details {
      margin-top: 30px;
   }

   .mg-contact-outer {
      padding: 50px 0px;
      padding-top: 0px;
   }

   .mg-form-content .mg-section-des-main {
      width: 100%;
   }

   .mg-map-img {
      padding-bottom: 80px;
   }
}

@media screen and (max-width:520px) {
   .mg-form-group {
      display: grid;
   }

   .mg-form-row.mg-w50 {
      width: 100%;
   }

   .mg-map-img {
      padding-bottom: 50px;
   }
}


/*********************************/


/*
 * latest blog page start here
 */

@media screen and (max-width:991px) {
   .mg-latest-blog-main {
      padding: 55px 0px;
   }

   .mg-post-title h3 {
      font-size: 18px;
   }

   .mg-blog-category-title h3 {
      font-size: 18px;
   }

   .mg-blog-category-name a {
      font-size: 13px;
   }

   .mg-recent-post-thumnail {
      width: 60%;
   }

   .mg-recent-post-title span {
      font-size: 12px;
   }

   .mg-recent-post-title {
      width: 100%;
      margin-bottom: 0px;
   }

   .mg-post-title h3 {
      font-size: 24px;
   }

   .mg-recent-post-date span {
      font-size: 12px;
   }

   .mg-post-read-more-btn .mg-btn-1 {
      font-size: 13px;
   }

   .mg-newsletter-main {
      width: 100%;
      padding: 30px;
      border-radius: 35px;
   }

   .mg-newsletter-title span {
      font-size: 16px;
   }

   .mg-newsletter-des span {
      font-size: 12px;
   }

   .mg-newsletter-email {
      font-size: 12px;
      padding: 10px;
   }

   mg-app-dwnd-btn-box .mg-btn-2 {
      padding: 10px 26px;
      font-size: 12px;
   }

   .mg-blog-search-bar {
      height: 35px;
      font-size: 12px;
   }

   .mg-light-bg-section {
      padding: 0px 0px 55px 0px;
   }

   .mg-dark-box-content {
      /* margin-top: 120px; */
   }
}

@media screen and (max-width:767px) {
   .mg-category-list {
      width: 100%;
   }

   .mg-blog-search {
      width: 100%;
   }

   .mg-blog-category-title {
      text-align: center;
   }

   .mg-recent-post-content {
      display: grid;
   }

   .mg-recent-post-thumnail {
      width: 100%;
   }

   .mg-recent-post-thumnail img {
      margin: 20px 0px;
   }

   .mg-recent-post-text {
      width: 100%;
   }

   .mg-post-pagination .pagination {
      justify-content: center;
      align-items: center;
   }

   .mg-latest-blog-main {
      padding: 50px 0px;
   }

   .mg-light-bg-section {
      padding: 16px 0px 55px 0px;
   }
}


/************************************************/


/*
 * single blog page start here
 */

@media screen and (max-width:1199px) {
   .mg-user-dp {
      width: 70%;
      margin-right: 15px;
   }
}

@media screen and (max-width:991px) {
   .mg-latest-blog-main {
      padding: 55px 0px;
   }

   .mg-blog-comment-title h2 {
      font-family: 'Sora-bold';
      font-size: 22px;
   }

   .mg-blog-details-tilte h3 {
      font-size: 18px;
   }

   .mg-user-name span {
      font-size: 13px;
   }

   .mg-comment p {
      font-size: 12px;
      margin: 0;
   }

   .mg-reply-btn a {
      padding: 8px 18px;
      font-size: 12px;
   }

   .mg-user-name {
      margin: 5px 0px;
   }

   .mg-user-dp {
      width: 100%;
   }

   .mg-blog-comment-content {
      padding: 15px 15px 15px 15px;
   }

   .mg-user-name h3 {
      margin: 0px 0px;
   }

   .mg-comment-textarea {
      height: 150px;
   }
}

@media screen and (max-width:767px) {
   .mg-user-dp {
      width: 50%;
   }

   .mg-blog-comment-content {
      align-items: start;
   }

   .mg-blog-comment-title h2 {
      font-size: 18px;
   }

   .mg-user-name h3 {
      font-size: 14px;
   }
}

@media screen and (max-width:767px) {
   .mg-user-dp img {
      border-radius: 10px;
   }
}


/************************************************/


/*
 * pricing page start here
 */

@media screen and (max-width:991px) {
   .mg-faqs-section-outer {
      padding: 55px 0px;
   }
}


/************************************************/