@media screen and (max-width:991px) and (min-width:320px){
  .services .hero-visual{
    margin-top: 1rem;
  }
  .services .intro-content .service_page_font{
    font-size: 1.5rem;
  }
.services .change_side_section_one{order: 2;}
.services .change_side_section_two{order: 1;}
.main_service_section .service_responsive_mainone{order: 1;}
.main_service_section .service_responsive_maintwo{order: 2;}
.main_service_section .service_responsive_one{order: 4;}
.main_service_section .service_responsive_two{order: 3;}
.main_service_section .service_responsive_three{order: 5;}
.main_service_section .service_responsive_four{order: 6;}
.main_service_section .service_responsive_five{order: 8;}
.main_service_section .service_responsive_six{order: 7;}
.main_service_section .service_responsive_seven{order: 9;}
.main_service_section .service_responsive_eight{order: 10;}
.main_service_section .service_responsive_nine{order: 12;}
.main_service_section .service_responsive_ten{order: 11;}
.main_service_section .service_responsive_eleven{order: 13;}
.main_service_section .service_responsive_twelve{order: 14;}
.main_service_section .service_responsive_thirteen{order: 16;}
.main_service_section .service_responsive_fourteen{order: 15;}
}