@media  screen and (max-width: 479px) {
    .bg-fix{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        position: relative;
    }
    #about-us img{
        margin-bottom: 15px;
    }
    #about-us h1{
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 22px;
        margin-top: 0px;
        line-height: 1;
        font-family: 'Open Sans', sans-serif;
    }
    #about-us p{
        font-size: 12px;
        margin-bottom: 27px;
        font-family: "Open Sans Semibold";
    }
    #about-us .btn{
        font-size: 12px;
        color: #fff;
        background-color: #f8482c;
        font-weight: bold;
        font-family: "Open Sans";
        padding: 15px 30px;
        margin-bottom: 15px;
    }
    #daily-convenience h1{
        line-height: 1;
        color: #fff;
    }
    #daily-convenience{
      padding-top: 55px;
      padding-bottom: 15px;
        color: #fff;
    }
    #real-life{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #open-approach{
      padding-top: 55px;
      padding-bottom: 15px;
      color: #fff;
    }
    #method-history{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .button-show-menu{
      margin-right: 20px!important;
    }
    #contact-us label {
      font-size: 16px!important;
      font-weight: bolder!important;
    }
    #contact-us input[type="text"],#contact-us input[type="email"],#contact-us input[type="tel"] {
      height: calc(2.5rem + 2px);
  }
}
@media  screen and (min-width: 480px) {
    .bg-fix{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        position: relative;
    }
    #about-us img{
        margin-bottom: 15px;
    }
    #about-us h1{
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 22px;
        margin-top: 0px;
        line-height: 1;
        font-family: 'Open Sans', sans-serif;
    }
    #about-us p{
        font-size: 12px;
        margin-bottom: 27px;
        font-family: "Open Sans Semibold";
    }
    #about-us .btn{
        font-size: 12px;
        color: #fff;
        background-color: #f8482c;
        font-weight: bold;
        font-family: "Open Sans";
        padding: 15px 30px;
        margin-bottom: 15px;
    }
    #daily-convenience h1{
        line-height: 1;
        color: #fff;
    }
    #daily-convenience{
        padding-top: 75px;
        padding-bottom: 75px;
        color: #fff;
    }
    #real-life{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #open-approach{
        padding-top: 130px;
        padding-bottom: 130px;
        color: #fff;
    }
    #method-history{
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
@media  screen and (min-width: 768px) {
    .bg-fix{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        position: relative;
    }
    #about-us h1{
        font-size: 57.6px;
        font-weight: bold;
        margin-bottom: 36px;
        margin-top: 0px;
        line-height: 1;
        font-family: 'Open Sans', sans-serif;
    }
    #about-us p{
        font-size: 19px;
        margin-bottom: 44px;
        font-family: "Open Sans Semibold";
    }
    #about-us .btn{
        font-size: 20px;
        color: #fff;
        background-color: #f8482c;
        font-weight: bold;
        font-family: "Open Sans";
        padding: 24px 48px;
        margin-bottom: 24px;
    }
    #about-us img{
        margin-bottom: 24px;
    }
    #daily-convenience h1{
        line-height: 1;
        color: #fff;
    }
    #daily-convenience{
        padding-top: 120px;
        padding-bottom: 120px;
        color: #fff;
    }
    #real-life{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #open-approach{
        padding-top: 210px;
        padding-bottom: 210px;
        color: #fff;
    }
    #method-history{
        padding-top: 110px;
        padding-bottom: 110px;
    }
}
@media  screen and (min-width: 992px) {
    .bg-fix{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        position: relative;
    }
    #about-us h1{
        font-size: 57.6px;
        font-weight: bold;
        margin-bottom: 36px;
        margin-top: 0px;
        line-height: .8;
        font-family: 'Open Sans', sans-serif;
    }
    #about-us p{
        font-size: 19px;
        margin-bottom: 44px;
        font-family: "Open Sans Semibold";
    }
    #about-us img{
        margin-bottom: 52px;
    }
    .about-left-content{
        padding-right: 40px;
    }
    .about-right-content{
        padding-left: 40px;
    }
    #about-us .btn{
        font-size: 20px;
        color: #fff;
        background-color: #f8482c;
        font-weight: bold;
        font-family: "Open Sans";
        padding: 24px 48px;
    }
    #about-top-content{
        height: 800px
    }
    #about-top-content .right-over-flow{
        z-index: 1040;
        background-color: #fff;
        position: relative;
    }
    #about-top-content .right-over-flow::before{
        content: "";
        height: 100%;
        background-color: #fff;
        width: 42px;
        position: absolute;
        top: 0;
        left: -40px;
    }
  
    #daily-convenience{
        z-index: 1010;
        height: 820px;
        padding-top: 220px;
        color: #fff;
    }
    #daily-convenience h1{
        line-height: 1;
        color: #fff;
    }
    #real-life{
        height: 1084px;
        padding-top: 80px;
    }
    #real-life h1{
        line-height: 1;
    }
    #real-life .left-over-flow{
        z-index: 1040;
        background-color: #fff;
        position: relative;
    }
    #real-life .left-over-flow::after{
        content: "";
        height: 100%;
        background-color: #fff;
        width: 42px;
        position: absolute;
        top: 0;
        right: -40px;
    }
    #open-approach{
        height: 880px;
        padding-top: 410px;
        color: #fff;
    }
    #open-approach h1{
        line-height: 1;
    }
    #method-history{
        padding-top: 108px;
    }
    #method-history h1{
        line-height: 1;
    }
}
@media  screen and (min-width: 1025px) {
    .bg-fix{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        position: relative;
    }
    #about-us h1{
        font-size: 57.6px;
        font-weight: bold;
        margin-bottom: 36px;
        margin-top: 0px;
        line-height: .8;
        font-family: 'Open Sans', sans-serif;
    }
    #about-us p{
        font-size: 19px;
        margin-bottom: 44px;
        font-family: "Open Sans Semibold";
    }
    #about-us img{
        margin-bottom: 52px;
    }
    .about-left-content{
        padding-right: 40px;
    }
    .about-right-content{
        padding-left: 40px;
    }
    #about-us .btn{
        font-size: 20px;
        color: #fff;
        background-color: #f8482c;
        font-weight: bold;
        font-family: "Open Sans";
        padding: 24px 48px;
    }
    #about-top-content{
        height: 800px
    }
    #about-top-content .right-over-flow{
        z-index: 1040;
        background-color: #fff;
        position: relative;
    }
    #about-top-content .right-over-flow::before{
        content: "";
        height: 100%;
        background-color: #fff;
        width: 42px;
        position: absolute;
        top: 0;
        left: -40px;
    }
  
    #daily-convenience{
        z-index: 1010;
        height: 820px;
        padding-top: 220px;
        color: #fff;
    }
    #daily-convenience h1{
        line-height: 1;
        color: #fff;
    }
    #real-life{
        height: 1084px;
        padding-top: 80px;
    }
    #real-life h1{
        line-height: 1;
    }
    #real-life .left-over-flow{
        z-index: 1040;
        background-color: #fff;
        position: relative;
    }
    #real-life .left-over-flow::after{
        content: "";
        height: 100%;
        background-color: #fff;
        width: 42px;
        position: absolute;
        top: 0;
        right: -40px;
    }
    #open-approach{
        height: 880px;
        padding-top: 410px;
        color: #fff;
    }
    #open-approach h1{
        line-height: 1;
    }
    #method-history{
        padding-top: 108px;
    }
    #method-history h1{
        line-height: 1;
    }
}
 /* (1280x1024) SXGA Display */
@media  screen and (min-width: 1280px) {
    .bg-fix{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
    }
    #about-us h1{
      font-size: 72px;
      font-weight: bold;
      margin-bottom: 45px;
      margin-top: 0px;
      line-height: 1;
      font-family: 'Open Sans', sans-serif;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-us p{
      font-size: 24px;
      margin-bottom: 55px;
      font-family: "Open Sans Semibold";
    }
    #about-us img{
      margin-bottom: 65px;
    }
    .about-left-content{
      padding-right: 50px;
    }
    .about-right-content{
      padding-left: 50px;
    }
    #about-us .btn{
      font-size: 24px;
      color: #fff;
      background-color: #f8482c;
      font-weight: bold;
      font-family: "Open Sans";
      padding: 30px 60px;
    }
    #about-top-content{
      height: 1000px
    }
    #about-top-content .right-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    #about-top-content .right-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      left: -50px;
    }
    /*     #about-top-content .right-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      right: -85px;
    } */
    #daily-convenience{
      z-index: 1010;
      height: 1100px;
      padding-bottom: 140px;
      padding-top: 360px;
      color: #fff;
    }
    #daily-convenience h1{
      line-height: 1;
      color: #fff;
    }
    #real-life{
      height: 1355px;
      padding-top: 130px;
    }
    #real-life .left-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    /*      #real-life .left-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      left: -85px;
    } */
     #real-life .left-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      right: -50px;
    }
    #open-approach{
      height: 1100px;
      padding-top: 470px;
      padding-bottom: 255px;
      color: #fff;
    }
    #method-history{
      padding-top: 135px;
      padding-bottom: 210px;
    }
}

/* (1366x768) WXGA Display */
@media  screen and (min-width: 1366px) {
    .bg-fix{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
    }
    #about-us h1{
      font-size: 72px;
      font-weight: bold;
      margin-bottom: 45px;
      margin-top: 0px;
      line-height: 1;
      font-family: 'Open Sans', sans-serif;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-us p{
      font-size: 24px;
      margin-bottom: 55px;
      font-family: "Open Sans Semibold";
    }
    #about-us img{
      margin-bottom: 65px;
    }
    .about-left-content{
      padding-right: 50px;
    }
    .about-right-content{
      padding-left: 50px;
    }
    #about-us .btn{
      font-size: 24px;
      color: #fff;
      background-color: #f8482c;
      font-weight: bold;
      font-family: "Open Sans";
      padding: 30px 60px;
    }
    #about-top-content{
      height: 1000px
    }
    #about-top-content .right-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    #about-top-content .right-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      left: -50px;
    }
    #about-top-content .right-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      right: -85px;
    }
    #daily-convenience{
      z-index: 1010;
      height: 1100px;
      padding-bottom: 140px;
      padding-top: 360px;
      color: #fff;
    }
    #daily-convenience h1{
      line-height: 1;
      color: #fff;
    }
    #real-life{
      height: 1355px;
      padding-top: 130px;
    }
    #real-life .left-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
     #real-life .left-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      left: -85px;
    }
     #real-life .left-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      right: -50px;
    }
    #open-approach{
      height: 1100px;
      padding-top: 470px;
      padding-bottom: 255px;
      color: #fff;
    }
    #method-history{
      padding-top: 135px;
      padding-bottom: 210px;
    }
}
 
/* (1440x900) WXGA+ Display */
@media  screen and (min-width: 1440px) {
    .bg-fix{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
    }
    #about-us h1{
      font-size: 72px;
      font-weight: bold;
      margin-bottom: 45px;
      margin-top: 0px;
      line-height: 1;
      font-family: 'Open Sans', sans-serif;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-us p{
      font-size: 24px;
      margin-bottom: 55px;
      font-family: "Open Sans Semibold";
    }
    #about-us img{
      margin-bottom: 65px;
    }
    .about-left-content{
      padding-right: 50px;
    }
    .about-right-content{
      padding-left: 50px;
    }
    #about-us .btn{
      font-size: 24px;
      color: #fff;
      background-color: #f8482c;
      font-weight: bold;
      font-family: "Open Sans";
      padding: 30px 60px;
    }
    #about-top-content{
      height: 1000px
    }
    #about-top-content .right-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    #about-top-content .right-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      left: -50px;
    }
    /*     #about-top-content .right-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      right: -85px;
    } */
    #daily-convenience{
      z-index: 1010;
      height: 1100px;
      padding-bottom: 140px;
      padding-top: 360px;
      color: #fff;
    }
    #daily-convenience h1{
      line-height: 1;
      color: #fff;
    }
    #real-life{
      height: 1355px;
      padding-top: 130px;
    }
    #real-life .left-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    /*      #real-life .left-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      left: -85px;
    } */
     #real-life .left-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      right: -50px;
    }
    #open-approach{
      height: 1100px;
      padding-top: 470px;
      padding-bottom: 255px;
      color: #fff;
    }
    #method-history{
      padding-top: 135px;
      padding-bottom: 210px;
    }
}
 
/* (1680x1050) WSXGA+ Display */
@media  screen and (min-width: 1680px) {
    .bg-fix{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
    }
    #about-us h1{
      font-size: 72px;
      font-weight: bold;
      margin-bottom: 45px;
      margin-top: 0px;
      line-height: 1;
      font-family: 'Open Sans', sans-serif;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-us p{
      font-size: 24px;
      margin-bottom: 55px;
      font-family: "Open Sans Semibold";
    }
    #about-us img{
      margin-bottom: 65px;
    }
    .about-left-content{
      padding-right: 50px;
    }
    .about-right-content{
      padding-left: 50px;
    }
    #about-us .btn{
      font-size: 24px;
      color: #fff;
      background-color: #f8482c;
      font-weight: bold;
      font-family: "Open Sans";
      padding: 30px 60px;
    }
    #about-top-content{
      height: 1000px
    }
    #about-top-content .right-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    #about-top-content .right-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      left: -50px;
    }
    #about-top-content .right-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      right: -85px;
    }
    #daily-convenience{
      z-index: 1010;
      height: 1100px;
      padding-bottom: 140px;
      padding-top: 360px;
      color: #fff;
    }
    #daily-convenience h1{
      line-height: 1;
      color: #fff;
    }
    #real-life{
      height: 1355px;
      padding-top: 130px;
    }
    #real-life .left-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
     #real-life .left-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      left: -85px;
    }
     #real-life .left-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      right: -50px;
    }
    #open-approach{
      height: 1100px;
      padding-top: 470px;
      padding-bottom: 255px;
      color: #fff;
    }
    #method-history{
      padding-top: 135px;
      padding-bottom: 210px;
    }
}
 
/* (1920x1080) Full HD Display */
@media  screen and (min-width: 1920px) {
    .bg-fix{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
    }
    #about-us h1{
      font-size: 72px;
      font-weight: bold;
      margin-bottom: 45px;
      margin-top: 0px;
      line-height: 1;
      font-family: 'Open Sans', sans-serif;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-us p{
      font-size: 24px;
      margin-bottom: 55px;
      font-family: "Open Sans Semibold";
    }
    #about-us img{
      margin-bottom: 65px;
    }
    .about-left-content{
      padding-right: 50px;
    }
    .about-right-content{
      padding-left: 50px;
    }
    #about-us .btn{
      font-size: 24px;
      color: #fff;
      background-color: #f8482c;
      font-weight: bold;
      font-family: "Open Sans";
      padding: 30px 60px;
    }
    #about-top-content{
      height: 1000px
    }
    #about-top-content .right-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    #about-top-content .right-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      left: -50px;
    }
    #about-top-content .right-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      right: -85px;
    }
    #daily-convenience{
      z-index: 1010;
      height: 1100px;
      padding-bottom: 140px;
      padding-top: 360px;
      color: #fff;
    }
    #daily-convenience h1{
      line-height: 1;
      color: #fff;
    }
    #real-life{
      height: 1355px;
      padding-top: 130px;
    }
    #real-life .left-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
     #real-life .left-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      left: -85px;
    }
     #real-life .left-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      right: -50px;
    }
    #open-approach{
      height: 1100px;
      padding-top: 470px;
      padding-bottom: 255px;
      color: #fff;
    }
    #method-history{
      padding-top: 135px;
      padding-bottom: 210px;
    }
}
 
/* (1600x900) HD+ Display */
@media  screen and (min-width: 1600px) {
    .bg-fix{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      position: relative;
    }
    #about-us h1{
      font-size: 72px;
      font-weight: bold;
      margin-bottom: 45px;
      margin-top: 0px;
      line-height: 1;
      font-family: 'Open Sans', sans-serif;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-top-content h1{
        line-height: .8;
    }
    #about-us p{
      font-size: 24px;
      margin-bottom: 55px;
      font-family: "Open Sans Semibold";
    }
    #about-us img{
      margin-bottom: 65px;
    }
    .about-left-content{
      padding-right: 50px;
    }
    .about-right-content{
      padding-left: 50px;
    }
    #about-us .btn{
      font-size: 24px;
      color: #fff;
      background-color: #f8482c;
      font-weight: bold;
      font-family: "Open Sans";
      padding: 30px 60px;
    }
    #about-top-content{
      height: 1000px
    }
    #about-top-content .right-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
    #about-top-content .right-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      left: -50px;
    }
    #about-top-content .right-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      right: -85px;
    }
    #daily-convenience{
      z-index: 1010;
      height: 1100px;
      padding-bottom: 140px;
      padding-top: 360px;
      color: #fff;
    }
    #daily-convenience h1{
      line-height: 1;
      color: #fff;
    }
    #real-life{
      height: 1355px;
      padding-top: 130px;
    }
    #real-life .left-over-flow{
      z-index: 1040;
      background-color: #fff;
      position: relative;
    }
     #real-life .left-over-flow::before{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 85px;
      position: absolute;
      top: 0;
      left: -85px;
    }
     #real-life .left-over-flow::after{
      content: "";
      height: 100%;
      background-color: #fff;
      width: 50px;
      position: absolute;
      top: 0;
      right: -50px;
    }
    #open-approach{
      height: 1100px;
      padding-top: 470px;
      padding-bottom: 255px;
      color: #fff;
    }
    #method-history{
      padding-top: 135px;
      padding-bottom: 210px;
    }
}
#about-us .btn:hover{
  color: #fff!important;
}