/**********************************************************************************\\
|*                                                                               *|
|* Copyright (C) 2020 Technotery Business Solutions LLP                          *|
|* All text, code and logic contained herein is copyright by Technotery Business *|
|* Solutions LLP                                                                 *|
|*                                                                               *|
|* THE COPYING OR REPRODUCTION OF ANY TEXT, PROGRAM CODE OR LOGIC CONTAINED      *|
|* HEREIN IS EXPRESSLY PROHIBITED. VIOLATORS WILL BE PROSECUTED TO THE FULL      *|
|* EXTENT OF THE LAW.                                                            *|
|*                                                                               *|
|* If this license is not clear to you, DO NOT CONTINUE; instead, contact        *|
|* Technotery Business Solutions LLP at: support@technotery.com                  *|
|*                                                                               *|
\\*********************************************************************************/

/**
*    User Controller
*    @category		HTML, JAVASCRIPT, JQUERY
*    @author		Snehal Maharaj
*    @version		1.0
*    @Date		04-12-2024
 */

 @media screen  and (min-width:576px){
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
    }
    .container,
      .container-sm {
          max-width: 95%;
      }
  }
  
  @media (min-width: 992px) {
    .container,
  
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 95%;
    }
  }
  
  @media only screen and (max-width:991.5px) {
      .pb-70
    {
      padding-bottom: 30px;
    }
    .mt-70
    {
      margin-top: 30px;
    }
    .main_page_title_h1
    {
      font-size:50px !important;
      color: var(--main-white);
      font-family:"Livvic-Bold";
      margin-bottom:10px;
    }
    /* Responsive_font_css::Start */
    .main_page_title,
    .main_page_title span
    {
        font-size:32px;
        margin-bottom:5px;
    }
    .section_title {
        font-size: 32px;
    }
    p,a,ul,li
    {
        font-size: 13px;
    }
    .small_text,
    .btn,
    .scroll-down-btn .btn
    {
        font-size:13px;
    }
    /* Responsive_font_css::End */
  
    /* Home_banner_responsive_css::start */
    .row.square_data_wrapper {
        width:auto;
        margin-top:30px;
    }
    .me_banner_section,
    .home_solution_img
    {
        height:100%;
    }
    .hero_text_content
    {
        width:100%;
    }
    .animation
    {
        bottom:unset;
    }
    .home_solution_img
    {
        opacity:0.1;
    }
    .solution_square {
        height: 50px;
        width: 50px;
        padding:10px;
    }
    .solution_square object {
        width: 22px;
    }
    
    .consult_now_button .btn
    {
        margin-top:15px;
    }
    .scroll-down-btn
    {
        display:none;
    }
    .solution_data
    {
      position:unset;
      margin-bottom:20px;
    }
    .solution_one,
    .solution_two,
    .solution_three
    {
        flex-direction:row;
    }
    .solution_one .solution_square, .solution_two .solution_square, .solution_three .solution_square
    {
        margin-left: 0px;
        margin-right:10px;
    }
    .animation 
    {
        width:auto;
    }
    .home_solution_img img
    {
        width:200px;
    }
    /* Home_banner_responsive_css::End*/
  
  
    /* CTA_responsive_css::Start */
    .cta_content {
        width: 85%;
        margin: 0 auto;
    }
    .cta_wrap {
        padding: 80px 0 80px;
    }
    /* CTA_responsive_css::End */
  
    /* About_us_css::Start */
    .vision_mission_row
    {
        position: unset;
        margin-top:50px;
    }
    .mission-content
    {
        padding-left:0px;
    }
    .about_img
    {
        width:100%;
    }
    .about_wrapper
    {
        padding-bottom:30px;
    }
    .td_about_us_section .td_img
    {
      width: 100%;
      height : 100%;
      margin-bottom: 30px;
    }
    .solution_card
    {
      margin-bottom: 30px;
    }
    /* About_us_css::End */
  
    /* Security_section_responsive_css::Start */
    .security_Image img
    {
        width:100%;
    }
    .bottom_security_row
    {
        flex-direction: column-reverse;
    }
    .security_content
    {
  
    }
    .security_content
    {
        max-height:100%;
        min-height:100%;
    }
    .security_row_inner .col-lg-6
    {
        margin-bottom:30px;
    }
    /* Security_section_responsive_css::End */
  
     /* FAQs_Responsive_css::Start */
     .faqs_all_content {
        padding: 50px;
    }
    /* FAQs_Responsive_css::End */
  
    /* Our_solutions_card_responsive_css::Start */
    .solution_card .card
    {
        min-height:100%;
        max-height:100%;
    }
    .solution_card .card_img img 
    {
        width:100%;
    }
    /* Our_solutions_card_responsive_css::End */
  
    #css3-spinner-svg-pulse-wrapper
      {
          top: 20%;
      }
  
  }
  @media screen and (min-device-width:1025px) and (max-device-width:1366px) {
  
        /* Font_responsive_css::Start */
        .main_page_title,
        .main_page_title span
        {
            font-size: 42px;
            margin-bottom:5px;
        }
        .section_title {
            font-size: 38px;
        }
        p,a,ul,li
        {
            font-size: 13px;
        }
        .small_text,
        .btn,
        .scroll-down-btn .btn
        {
            font-size:13px;
        }
        .color_card_count p
        {
            font-size:28px;
        }
        .card_title {
            font-size: 20px;
        }
        .about_img {
            text-align: center;
            width: 550px;
            margin: 0 auto;
        }
        .about_wrapper {
            padding-bottom:0px;
        }
        .small_title {
            font-size: 16px;
            margin-bottom: 5px;
        }
        .security_content ul li {
            margin-bottom: 12px;
        }
        .faqs_wrapper .card-header button h6,
        .accordion .card-header .icon i
        {
            font-size: 14px;
        }
        /* Font_responsive_css::End */
  
        
        /* CTA_responsive_css::Start */
        .cta_content {
            width: 85%;
            margin: 0 auto;
        }
        .cta_wrap {
            padding: 80px 0 80px;
        }
        .row.cta_row .col-lg-10 
        {
            max-width:100%;
            flex:0 0 100%;
        }
        /* CTA_responsive_css::End */
  
        /* Banner_section_responsive_css::Start */
        .me_banner_section
        {
            height: 100%;
        }
        .solution_square
        {
            width:42px;
            height:42px;
        }
        .solution_square object {
            color: var(--theme-orange);
            width: 22px;
        }
        .consult_now_button .btn {
            margin-top: 15px;
  
        }
        .animation svg,
        .row.square_data_wrapper
        {
        width:1024px;
        }
        .solution_one {
            left: 170px;
        }
        .solution_two {
            left: -33px;
        }
        .solution_three {
            left: -52px;
            flex-direction: row-reverse;
        }
        .solution_six {
            right: -70px;
        }
        .solution_five {
            right: 10px;
        }
        .solution_four {
            right: 205px;
        }
        .animation
        {
            width:1024px;
        }
        .home_solution_img img
        {
            width:200px;
        }
        .hero_wrapper,.me_banner_section,
        .home_solution_img
        {
            height:100%;
        }
        .home_solution_img
        {
            bottom:-12px;
        }
        /* Banner_section_responsive_css::End */
  
        /* Security_section_responsive_css::Start */
        .security_content {
            max-height: 400px;
            min-height: 400px;
  
        }
        .security_circle
        {
            top:55%;
        }
        /* Security_section_responsive_css::End */
  
        /* Faqs_responsive_css::Start */
        .faqs_all_content {
            padding: 60px;
        }
        .faqs_content
        {
            margin-top:10px;
        }
        /* Faqs_responsive_css::End */
  
        .me_banner_main
        {
          padding: 50px 0;
        }
        .me_banner_section
        {
        padding: 150px 0;
        }
  }
  
  @media screen and (min-device-width:1551px) {
      /* Width CSS :: START */
  
      .width_section
      {
          width: 90% !important;
      }
  
      /* Width CSS :: END */

      .me_banner_section
      {
        height: 100vh;
      }
      .banner_img
      {
        height: 100%;
        max-height:fit-content;
      }
      .me_banner_section
        {
        padding: 100px 0;
        }
  }
  
  @media screen and (min-device-width:1367px) and (max-device-width:1550px) {
    .me_banner_main
    {
    padding: 100px 0;
    }
      /* Font_responsive_css::Start */
      .main_page_title,
      .main_page_title span
      {
          font-size: 42px;
          margin-bottom:5px;
      }
      .section_title, .me_main_page_title span {
          font-size: 38px;
      }
     
      p,a,ul,li
      {
          font-size: 13px;
      }
      .small_text,
      .btn,
      .scroll-down-btn .btn
      {
          font-size:13px;
      }
      .color_card_count p
      {
          font-size:28px;
      }
      .card_title {
          font-size: 20px;
      }
      .about_img {
          text-align: center;
          width: 550px;
          margin: 0 auto;
      }
      .about_wrapper {
          padding-bottom:0px;
      }
      .small_title {
          font-size: 16px;
          margin-bottom: 5px;
      }
      .security_content ul li {
          margin-bottom: 12px;
      }
      .faqs_wrapper .card-header button h6,
      .accordion .card-header .icon i
      {
          font-size: 14px;
      }
      /* Font_responsive_css::End */
  
      /* Width CSS :: START */
  
      .width_section
      {
          width: 90% !important;
      }
  
      /* Width CSS :: END */
  
    /* Home_banner_responsive_css::Start */
    .animation
    {
        width:1200px;
    }
    .row.square_data_wrapper
    {
    width:1200px;
    margin: 0 auto;
    }
    .solution_one {
        left:230px;
    }
    .solution_two {
        left: 35px;
    }
    .solution_three {
        left: 0px;
    }
    .solution_four {
        right: 270px;
    }
    .solution_five {
        right: 63px;
    }
    .solution_six {
        right: -35px;
    }
    .solution_square
    {
        width:42px;
        height:42px;
    }
    .solution_square object {
        color: var(--theme-orange);
        width: 22px;
    }
    .consult_now_button .btn {
        margin-top: 15px;
  
    }
    /* Home_banner_responsive_css::End */
  }
  
  @media screen and (min-device-width:600px) and (max-device-width:767px) {
      .pb-70
    {
      padding-bottom: 30px;
    }
    .mt-70
    {
      margin-top: 30px;
    }
      /* Footer_responsive_css::Start */
      .copy_right_text
      {
          text-align: center;
      }
      .footer_social ul
      {
          justify-content: center;
          margin-top:15px;
      }
      /* Footer_responsive_css::End */
  
      /* Home_banner_css::Start */
      .all_erp_solutions
      {
          display:flex;
          align-items: center;
          justify-content: space-between;
          flex-wrap: wrap;
      }
      .solution_data
      {
          min-width:220px;
      }
      /* Home_banner_css::End */
  
      /* Our_solutions_css::Start */
      .card_svg_image object {
        width: 166px;
    }
      /* Our_solutions_css::End */
  
      #css3-spinner-svg-pulse-wrapper
      {
          top: 20%;
      }
  }
  
  @media screen and (min-device-width:300px) and (max-device-width:599px) {
      /* Footer_responsive_css::Start */
      .copy_right_text
      {
          text-align: center;
      }
      .footer_social ul
      {
          justify-content: center;
          margin-top:15px;
      }
      /* Footer_responsive_css::End */
      .me_banner_section {
          background: url(../images/me_hero_2.png);
          background-position: 80% 95%;
          background-size: 200%;
          background-repeat: no-repeat;
          width: 100%;
          display: flex;
      }
  
      #css3-spinner-svg-pulse-wrapper
      {
          top: 20%;
      }
      .pb-70
    {
      padding-bottom: 30px;
    }
    .mt-70
    {
      margin-top: 30px;
    }
  }
  
  @media screen and (min-device-width:280px) and (max-device-width:599px) {
  
      .pb-70
    {
      padding-bottom: 30px;
    }
    .mt-70
    {
      margin-top: 30px;
    }
  
    /* Home_responsive_css::Start */
    .row.square_data_wrapper .col-6 
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Home_responsive_css::End */
  
    /*  Integration_section_responsive_css::Start*/
    .tool_integration_wrapper {
        width: 280px;
        height: 280px;
  
    }
    .tool_integration_wrapper .icon-block
    {
        width:45px;
        height:45px;
    }
    .tool_integration_wrapper .icon-block object {
        width: 20px;
    }
    .security_circle {
        height: 150px;
        width: 150px;
    }
    /*  Integration_section_responsive_css::End*/
  
    .me-app_img
    {
      height: 100%;
    }
    .me-app_img::after
    {
      width: 350px;
      height: 350px;
    }
    #css3-spinner-svg-pulse-wrapper
      {
          top: 20%;
      }
  }
  @media screen and (min-device-width:992px) and (max-device-width:1024px) {
            /* Font_responsive_css::Start */
            .main_page_title,
            .main_page_title span
            {
                font-size:35px;
                margin-bottom:5px;
            }
            .section_title {
                font-size: 28px;
            }
            p,a,ul,li
            {
                font-size: 13px;
            }
            .small_text,
            .btn,
            .scroll-down-btn .btn
            {
                font-size:13px;
            }
            .color_card_count p
            {
                font-size:22px;
            }
            .card_title {
                font-size: 18px;
            }
            .about_img {
                text-align: center;
                width: 550px;
                margin: 0 auto;
            }
            .about_wrapper {
                padding-bottom:0px;
            }
            .small_title {
                font-size: 16px;
                margin-bottom: 5px;
            }
            .security_content ul li {
                margin-bottom: 12px;
            }
            .faqs_wrapper .card-header button h6,
            .accordion .card-header .icon i
            {
                font-size: 14px;
            }
            /* Font_responsive_css::End */
  
    /* Home_responsive_css::Start */
    .animation,
    .row.square_data_wrapper
    {
        width:800px;
    }
    .solution_square
    {
        width:42px;
        height:42px;
    }
    
    .solution_square object {
        color: var(--theme-orange);
        width: 22px;
    }
    .consult_now_button .btn {
        margin-top: 15px;
    }
    .home_solution_img img
    {
        width:200px;
    }
    /* Home_responsive_css::End */
  
    /* Our_solutions_css::Start */
    .card_svg_image object {
        width: 100px;
    }
    .about_img {
        text-align: center;
        width: 400px;
    }
    .vision_mission_row {
  
        bottom:-30px;
    }
    .about_wrapper .animation svg
  {
  width:600px;
  }
    /* Our_solutions_css::End */
  /*  Integration_section_responsive_css::Start*/
  .tool_integration_wrapper {
    width: 350px;
    height: 350px;
  
  }
  .tool_integration_wrapper .icon-block
  {
    width:45px;
    height:45px;
  }
  .tool_integration_wrapper .icon-block object {
    width: 20px;
  }
  .security_circle {
    height: 150px;
    width: 150px;
  }
  /*  Integration_section_responsive_css::End*/
  
  /* Security_responsive_css::Start */
  .security_content {
  
    padding: 30px;
    max-height: 400px;
    min-height: 400px;
  }
  /* Security_responsive_css::End */
  
  /* Industries_we_serve_responsive_css::Start */
  .style_prevu_kit
  {
    padding:15px;
  }
  .industries_we_serve_content .industry_icon {
    width: 35px;
  }
  .industries_we_serve_content h4 {
   
    margin-bottom: 5px;
  }
  /* Industries_we_serve_responsive_css::End */
  
   /* FAQs_Responsive_css::Start */
   .faqs_all_content {
    padding: 50px;
  }
  .faqs_content
  {
    margin-top: 10px;
  }
  /* FAQs_Responsive_css::End */
    /* CTA_responsive_css::Start */
    .cta_content {
        width: 85%;
        margin: 0 auto;
    }
    .cta_wrap {
        padding: 80px 0 80px;
    }
    /* CTA_responsive_css::End */
  }