@media only screen and (max-width: 1049px) {
    body {
        /*background-color: lightblue;*/
    }

    .container {
        width: 95%;
    }

    .top-info-bar {
        display: none;
    }

    .top-menu-bar {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }

    .menu-burger {
        display: block;
    }

    .menu-phone {
        display: block;
    }

    .menu-burger-button {
        border: none;
        background: none;
    }

    .company_logo {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }

    .top-menu {
        /*display: block;*/
        display: none;
        position: absolute;
        width: 100vw;
        top: 5rem;
        left: -2.5vw;
        background: #F0F0F0;
        padding-bottom: 1rem;
    }

    .top-menu > ul {
        width: 80%;
        margin: auto;
        float: none;
    }

    .top-menu > ul > li {
        float: none;
        padding: 1rem;
        text-align: left;
    }

    .top-menu > ul > li > ul {
        left: 0;
        right: 0;
        border-radius: unset;
        padding: 1rem 12%;
    }

    .top-menu > ul > li > ul > li > a {
        font-size: 1.2rem;
    }

    .index-banner {
        /*background: transparent;*/
    }

    .index-banner > .container {
        padding: 3rem 0;
    }

    .index-banner-man-1 {
        display: none;
    }

    .index-banner-man-2 {
        display: none;
    }

    .index-banner-man-3 {
        bottom: 12rem;
    }

    .index-banner-button {
        flex-direction: column;
        margin-top: 10rem;
        width: 100%;
    }

    .index-banner-button button {
        margin: .5rem 0;
    }

    .index-quote-box {
        width: 95%;
        flex-direction: column;
    }

    .index-quote {
        padding: 4rem 2rem;
    }

    .index-service-box {
        width: 80%;
        flex-direction: column;
    }

    .index-service-box .square {
        width: 80%;
        margin: auto;
    }

    .index-news {
        /*height: 75rem;*/
    }

    .index-news-box {
        width: 100%;
        padding-bottom: 30rem;
    }

    .index-news-offers-box {
        margin-top: -27rem;
        padding: 1rem;
    }

    .index-news-offers-box .row {
        flex-direction: column;
    }

    .index-offer {
        border: none !important;
    }

    .index-reasons-title {
        width: 100%;
        margin-bottom: 3rem;
    }

    .index-reasons-title-content {
        padding: 2rem 0;
    }

    .index-reasons-content {
        flex-direction: column;
    }

    .index-reason {
        padding: 4.5rem !important;
    }

    .index-reason-left {
        margin-right: 20%;
    }

    .index-reason-right {
        margin-left: 20%;
        margin-top: -2rem;
    }

    .index-enquiry-box {
        flex-direction: column;
    }

    .index-enquiry-left {
        width: 100%;
    }

    .index-enquiry-content-form input {
        width: auto;
    }

    .index-enquiry-content-form .row {
        flex-direction: column;
        margin: 0;
    }

    .index-posts-box {
        flex-direction: column;
    }

    .index-posts-left {
        width: auto;
        border: none;
    }

    .index-posts-right {
        width: 60%;
        margin: auto;
    }

    .index-subscribe form > div {
        width: auto;
    }

    .subscribe-section form > div {
        width: auto !important;
    }

    .footer .row {
        flex-direction: column;
    }

    .footer-box {
        flex: 1 !important;
        width: 100% !important;
    }
	

    /*AIR TREATMENT*/
    .at-banner .container .row {
        flex-direction: column-reverse;
    }

    .at-banner-left {
        margin: 3rem 0;

        padding: 0;
    }

    .at-reasons .container {
        width: 80%;
    }

    .at-reasons-box {
        flex-direction: column;
    }

    .at-freshener .container, .at-proposal .container {
        width: 80%;
    }

    .at-freshener .container .row {
        flex-direction: column-reverse;
    }

    .at-proposal .container .row {
        flex-direction: column;
    }

    .at-enquiry-button {
        flex-direction: column;
    }

    .at-enquiry-button a {
        margin-bottom: 1rem;
    }

    /*HCHO DETECTION*/
    .hd-banner .container .row {
        flex-direction: column-reverse;
    }

    .hd-banner-left {
        padding: 0;
        margin: 3rem 0;

    }

    .hd-vs-box {
        flex-direction: column;
    }

    .hd-vs-content {
        width: 100%;
    }

    .hd-hr .container .row {
        flex-direction: column;
    }

    .hd-hr-left {
        padding: 0;
        margin-bottom: 5rem;
    }

    .hd-quick-content, .hd-detail-content {
        width: 80%;
    }

    .hd-quick-choices > img, .hd-detail-choices > img {
        height: 12rem;
    }

    /*HCHO REMOVAL*/
    .hr-banner .container .row {
        flex-direction: column-reverse;
    }

    .hr-banner-left {
        padding: 0;
        margin: 3rem auto;
    }

    .hr-choices-box {
        width: 100%;
    }

    .hr-choices-box .row {
        flex-direction: column;
    }

    .hr-perfect .container .row {
        flex-direction: column;
    }

    .hr-perfect-left, .hr-360-right {
        /*background: white;*/
        /*color: #05004E;*/
        margin: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hr-360 .container .row {
        flex-direction: column-reverse;
    }

    .hr-perfect, .hr-360 {
        padding: 0;
    }

    .hr-enquiry-button {
        flex-direction: column;
    }

    .hr-enquiry-button a {
        margin-bottom: 1rem;
    }

    .lr-banner .container {
        display: flex;
        flex-direction: column;
    }

    .lr-banner-img {
        order: 1;
    }

    .lr-banner-subtitle {
        order: 2;
    }

    .lr-banner-title {
        order: 3;
    }

    .lr-banner-content {
        order: 4;
        width: 100%;
        text-align: left;
    }

    .lr-way .container .row {
        flex-direction: column;
    }

    .lr-way-title {
        text-align: center;
    }

    .lr-way-right {
        padding: 2rem 0;
    }

    .lr-chemicals-box {
        flex-direction: column;
    }

    .lr-chemical {
        width: 80%;
        margin: 2rem auto;
    }

    .lr-chemical-img {
        text-align: center;
        padding-bottom: 1rem;
    }

    .lr-function-box {
        flex-direction: column;
        width: 90%;
        margin: auto;
    }

    .lr-function {
        width: 100%;
        padding-top: 3rem;
    }

    .lr-explain {
        text-align: left;
    }

    .lr-explain-subtitle {
        width: 95%;
    }

    .lr-explain-box {
        flex-direction: column;
    }

    .lr-enquiry-button {
        flex-direction: column;
        width: 90%;
    }

    .lr-enquiry-button a {
        margin-bottom: 1rem;
    }


    .dr-banner .container {
        display: flex;
        flex-direction: column;
    }

    .dr-banner-img {
        order: 1;
    }

    .dr-banner-subtitle {
        order: 2;
    }

    .dr-banner-title {
        order: 3;
    }

    .dr-banner-content {
        order: 4;
        width: 100%;
        text-align: left;
    }

    .dr-way .container .row {
        flex-direction: column;
    }

    .dr-way-title {
        text-align: center;
    }

    .dr-way-right {
        padding: 2rem 0;
    }

    .dr-chemicals-box {
        flex-direction: column;
    }

    .dr-chemical {
        width: 80%;
        margin: 2rem auto;
    }

    .dr-chemical-img {
        text-align: center;
        padding-bottom: 1rem;
    }

    .dr-function-box {
        flex-direction: column;
        width: 90%;
        margin: auto;
    }

    .dr-function {
        width: 100%;
        padding-top: 3rem;
    }

    .dr-explain {
        text-align: left;
    }

    .dr-explain-subtitle {
        width: 95%;
    }

    .dr-explain-box {
        flex-direction: column;
    }

    .dr-enquiry-button {
        flex-direction: column;
        width: 90%;
    }

    .dr-enquiry-button a {
        margin-bottom: 1rem;
    }

    .cq-enquiry-button {
        flex-direction: column;
        width: 90%;
    }

    .cq-enquiry-button a {
        margin-bottom: 1rem;
    }

    .tc-title {
        padding-bottom: 0;
        text-align: center;
    }

    .tc-terms {
        padding-top: 0;
    }

    .tc-terms-box {
        border: none;
        padding: 4rem 0;
    }

    .tc-enquiry-button {
        flex-direction: column;
        width: 90%;
    }

    .tc-enquiry-button a {
        margin-bottom: 1rem;
    }

    .cu-form-form .row {
        flex-direction: column;
    }

    .cu-info-box {
        flex-direction: column-reverse;
    }

    .cu-info {
        text-align: center;
    }

    .ps-post {
        width: 95% !important;
        margin: auto !important;
        margin-bottom: 2rem !important;
    }

    .kp-post {
        margin: 0 !important;
    }

    .kp-sidebar {
        display: none;
    }

    .kc-catmenu {
        padding: 1rem 0rem;
    }

    .kc-main-box {
        flex-direction: column;

    }

    .kc-post {
        width: 100% !important;
        margin: 0 !important;
    }

    .kc-post-content {
        margin-bottom: 2rem;
    }

    .pp-main .container {
        width: 95%;
    }

    .kc-slideshow {
        display: block;
    }

    .kc-thumbnail {
        display: none;
    }

    .kc-highlight .container {
        flex-direction: column;
    }

    .kc-highlight-small > a {
        flex-direction: column;
    }

    .kc-highlight-box {
        padding-bottom: 2rem;
    }

    .kc-highlight-content {
        display: none;
    }

    /*GA*/
    .ga-banner .container {
        display: flex;
        flex-direction: column;
    }

    .ga-banner-img {
        order: 1;
    }

    .ga-banner-subtitle {
        order: 2;
    }

    .ga-banner-title {
        order: 3;
    }

    .ga-banner-content {
        order: 4;
        width: 100%;
        text-align: left;
    }

    .ga-way .container .row {
        flex-direction: column;
    }

    .ga-way-title {
        text-align: center;
    }

    .ga-way-right {
        padding: 2rem 0;
    }

    .ga-safety-tests {
        flex-direction: column;
    }

    .ga-chemicals-content {
        text-align: left;
    }

    .ga-tech-content {
        text-align: left;
    }

    .ga-enquiry-button {
        flex-direction: column;
    }

    .so-main-box {
        flex-direction: column;
    }

    .so-post {
        width: 100%;
        margin: 0;
    }
}