/* Flex Column styles */
/* Flex Row styles */
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 300px) and (max-width: 600px) {
  .qxCTlb {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  /* General styles */
  .big_text {
    font-size: 40px;
  }
  .normal_text {
    font-size: 18px;
    min-width: 90%;
  }
  .page_title {
    font-size: 45px;
    padding-top: 25%;
    padding-bottom: 20%;
  }
  /* --------------------------- */
  /* Back Layers */
  .back_layers_container {
    display: none;
    width: 0;
  }
  /* --------------------------- */
  /* Nav Bar */
  .site-nav {
    padding-left: 0px;
    padding-right: 0px;
  }
  .site-nav .container-fluid {
    height: 50px;
  }
  .site-nav .main_logo {
    width: 180px;
    height: 70px;
  }
  .site-nav .logo_link {
    max-width: 50%;
  }
  .offer-popup {
    height: 260px;
    margin-top: 58px;
    padding-bottom: 20px;
  }
  .offer-popup .offer-button {
    min-width: 200px;
  }
  .offer-popup .offer-info {
    flex-direction: column;
  }
  /* --------------------------- */
  /* Mini logo */
  .mini_logo .pro_logo__2 {
    bottom: 8px;
  }
  /* --------------------------- */
  /* Menu modal */
  .menu_modal .modal-header {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .menu_modal .modal_links {
    padding-bottom: 25%;
  }
  /* --------------------------- */
  /* Footer */
  .site_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .site_footer .social_logos_2 {
    min-width: 50%;
  }
  .site_footer .copyright_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 25px;
  }
  /* --------------------------- */
  /* First Main section */
  .first_main_section .our_philosophy_container .scroll_for_more {
    display: none;
    width: 0;
  }
  .first_main_section .first_main_section_sub_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .first_main_section .first_main_section_sub_container .first_gr {
    width: 400px;
    height: 400px;
  }
  .first_main_section .first_main_section_sub_container .first_sent {
    top: 25px;
    left: 10%;
  }
  .first_main_section .first_main_section_sub_container .second_sent {
    bottom: 25px;
    right: 20%;
  }
  .first_main_section .first_main_section_sub_container .second_text {
    bottom: 0px;
  }
  .first_main_section .intro_text {
    padding-left: 6%;
  }
  .first_main_section .mini_link {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 30%;
    left: 6%;
    min-width: 70%;
  }
  /* --------------------------- */
  /* Second Main Section */
  .second_main_section {
    display: none;
    width: 0;
  }
  .second_main_section_mobile {
    display: contents;
  }
  .second_main_section_mobile .main_second_gr_and_texts {
    padding-left: 6%;
  }
  .second_main_section_mobile .big_box_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    height: 380px;
    background-color: #01C3FE;
    float: right;
    margin-top: 20%;
    margin-bottom: 10%;
  }
  .second_main_section_mobile .big_box_1 > img {
    position: relative;
    z-index: 10;
    left: 12%;
    top: 5%;
  }
  .second_main_section_mobile .big_box_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    height: 380px;
    background-color: #8C3ADB;
    margin-top: 10%;
  }
  .second_main_section_mobile .big_box_2 > img {
    position: relative;
    z-index: 10;
    top: 5%;
  }
  .second_main_section_mobile .we_think_container {
    position: absolute;
    left: 5%;
  }
  .second_main_section_mobile .we_think_container .big_text {
    width: 10%;
  }
  .second_main_section_mobile .we_do_container {
    position: relative;
    z-index: 10;
    right: 36%;
  }
  .second_main_section_mobile .intro_text {
    padding-top: 30px;
    width: 90%;
    color: #FFFFFF;
  }
  .second_main_section_mobile .mini_link {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 30%;
    min-width: 70%;
  }
  /* --------------------------- */
  /* Third main section */
  .third_main_section {
    padding-top: 15%;
  }
  .third_main_section .third_section_box {
    height: 125px;
    width: 70%;
    left: 20%;
    top: 0px;
  }
  .third_main_section .mini_link {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 30%;
    top: 15px;
    left: 25px;
    min-width: 70%;
  }
  .project_container .project_holder,
  .project_container_reversed .project_holder {
    width: 409.6px;
    height: 244.48px;
    margin-bottom: 40px;
  }
  .project_container .project_holder_reversed,
  .project_container_reversed .project_holder_reversed {
    width: 130%;
    margin-bottom: 40px;
  }
  .project_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: column-reverse;
    padding-left: 0;
    top: 0;
  }
  .project_container_reversed {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-direction: column-reverse;
    padding-right: 0;
    top: 0;
  }
  .desc_container {
    padding-left: 6%;
  }
  /* --------------------------- */
  /* Fourth main section */
  .fourth_gr {
    left: 10%;
    width: 292px;
    height: 265px;
  }
  .mob_view {
    display: contents;
  }
  .mob_view .big_text {
    padding-left: 6%;
  }
  .mob_view .mid_text_2 {
    padding-left: 6%;
    width: 70%;
  }
  .fourth_main_section {
    top: 0;
    padding-top: 20%;
  }
  .fourth_main_section .pro_logo__1_big,
  .fourth_main_section .pro_logo__2_big {
    display: none;
    width: 0;
  }
  /* --------------------------- */
  /* Fifth main section */
  .fifth_main_section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fifth_main_section .our_activities {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fifth_main_section .our_activities .big_text {
    position: relative;
    z-index: 10;
    left: 0;
  }
  .fifth_main_section .psychware_info {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .fifth_main_section .psychware_info .psychware_links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .fifth_main_section .psychware_info .psychware_link {
    margin-bottom: 15px;
  }
  /* --------------------------- */
  .new_sections {
    padding-bottom: 12%;
  }
  .new_sections_relative {
    top: 50px;
    padding-bottom: 20px;
  }
  .new_sections_relative .mid_text {
    font-size: 20px;
    width: 90%;
  }
  /* About Section */
  /* These styles shared between about & careers pages*/
  .our_phil_sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }
  .our_phil_sec .normal_text {
    display: none;
    width: 0;
  }
  .about_page .about_section .our_phil_mob {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .about_page .our_phil_box .big_text {
    display: none;
    width: 0;
  }
  .about_page .our_phil_box > img {
    bottom: 20px;
    right: 0px;
    width: 310.5px;
    height: 413.5px;
  }
  .about_page .team_member {
    margin-right: 0px;
    inline-size: 180px;
  }
  .about_page .team_member .mid_text_2 {
    font-size: 18px;
  }
  .about_page .team_member .normal_text {
    font-size: 14px;
  }
  .about_page .team_member > img {
    width: 180px;
    height: 320px;
  }
  .about_page .team_member .only_xs {
    display: block;
  }
  .about_page .the_team {
    padding-left: 0%;
    padding-right: 0%;
  }
  .about_page .looking_for_career {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20%;
    padding-left: 6%;
  }
  .about_page .looking_for_career .big_text {
    min-width: 100%;
    padding-left: 0%;
    margin-right: 0px;
  }
  .about_page .looking_for_career .normal_text {
    width: 90%;
  }
  .about_page .mini_link {
    min-width: 70%;
  }
  /* --------------------------- */
  /* SERVICES PAGE */
  .services_page .page_title {
    padding-bottom: 10%;
  }
  .services_page .mob_view {
    display: contents;
  }
  .services_page .services_second_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 20%;
  }
  .services_page .we_think_container {
    padding-left: 6%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    left: 0;
    top: 20px;
  }
  .services_page .we_do_container {
    padding-left: 6%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    right: 0;
    top: 20px;
  }
  .services_page .second_sec_first_view {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
  }
  .services_page .third_sec_first_view {
    width: 100%;
  }
  .services_page .second_sec_first_view .normal_text,
  .services_page .third_sec_first_view .normal_text {
    display: none;
    width: 0;
  }
  /* --------------------------- */
  /* Careers section */
  .careers_page .container {
    padding-left: 6% !important;
  }
  .careers_page .container .submit_application_form_mobile {
    display: contents;
  }
  .careers_page .submit_application_form {
    display: none;
    width: 0;
  }
  .careers_page .our_phil_mob {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }
  .careers_page .looking_for_talents {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 275px;
  }
  .careers_page .looking_for_talents .big_text {
    min-width: 100%;
    right: 0px;
    top: 0px;
  }
  .careers_page .looking_for_talents > img {
    bottom: 40px;
    right: 0px;
    width: 90%;
  }
  .careers_page .our_phil_sec {
    padding-bottom: 50%;
  }
  .careers_page .our_phil_sec .normal_text {
    position: relative;
    z-index: 10;
    top: 200px;
  }
  .careers_page .mini_link {
    left: 0;
    min-width: 70%;
  }
  /* --------------------------- */
  /* Contact section */
  .contact_page .send_message_form_mobile {
    display: contents;
  }
  .contact_page .send_message_form {
    display: none;
    width: 0;
  }
  .contact_page .phone_and_email {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .contact_page .active_text {
    font-size: 25px;
    width: 85%;
  }
  .contact_page .contact_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 3%;
    padding-right: 3%;
  }
  .contact_page .contact_section .big_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .contact_page .contact_section .mid_text_2 {
    width: 70%;
  }
  .contact_page .info_main_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10%;
    width: 100%;
  }
  .contact_page .send_message {
    position: relative;
    z-index: 10;
    left: 0%;
    bottom: 0%;
    top: 0;
    padding-top: 10%;
    padding-bottom: 20%;
    padding-left: 6%;
  }
  .contact_page .send_message .big_text {
    width: 70%;
  }
  .contact_page .send_message .mini_link {
    min-width: 70%;
  }
  .contact_page .contact_text {
    width: 100%;
  }
  /* --------------------------- */
  /* Blog pages */
  .blog_page .blog-cards-container {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 50px;
  }
  .blog_page .blog-cards-container .blog-card-hidden {
    display: none;
  }
  .blog_page .blog-cards-container .blog-card .mini_link {
    min-width: 60%;
  }
  .blog_article_page {
    padding-left: 5%;
    padding-right: 5%;
  }
  .blog_article_page .big_text_2 {
    font-size: 42px;
  }
  .blog_article_page .socials {
    min-width: 90%;
  }
  /* --------------------------- */
  .module-definition {
    width: 100%;
  }
  #selected_modules {
    max-width: 95%;
  }
  .module-record {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .form-switch {
    width: 50%;
  }
  .sixth_main_section {
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .sixth_main_section img {
    margin-bottom: 20px;
    width: 200px;
  }
  .sixth_main_section li {
    line-height: 40px;
  }
  .sixth_main_section .get-offer,
  .sixth_main_section .odoo-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .offer-button {
    max-width: 80%;
  }
}