@media screen and (min-width: 100px) and (max-width: 768px) {
        .aos-init, 
    .aos-animate,
    .wow {
            /*CSS transitions*/
            -o-transition-property: none !important;
            -moz-transition-property: none !important;
            -ms-transition-property: none !important;
            -webkit-transition-property: none !important;
            transition-property: none !important;
            /*CSS transforms*/
            -o-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
            /*CSS animations*/
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
        }
        body{
            overflow-x: hidden !important;
        }
        .menu-header #menu-button{
            display: none;
        }
    main{
    	padding: 0;
    }
    }
    @media screen and (min-width: 480px) and (max-width: 668px) {
        .aos-init, 
    .aos-animate,
    .wow {
            /*CSS transitions*/
            -o-transition-property: none !important;
            -moz-transition-property: none !important;
            -ms-transition-property: none !important;
            -webkit-transition-property: none !important;
            transition-property: none !important;
            /*CSS transforms*/
            -o-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
            /*CSS animations*/
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
        }
            body{
            overflow-x: hidden !important;
        }
    
    .open-menu body {
        position: fixed !important;
    }
    [data-aos^="zoom"][data-aos^="zoom"]{
        opacity: 1 !important;
    }
    [data-aos] {
        -webkit-tranform: none !important;
        transform: none !important;
      }
    }
    @media screen and (max-width: 380px) {
        [data-aos] {
        -webkit-tranform: none !important;
        transform: none !important;
      }
        .aos-init, 
    .aos-animate,
    .wow {
            /*CSS transitions*/
            -o-transition-property: none !important;
            -moz-transition-property: none !important;
            -ms-transition-property: none !important;
            -webkit-transition-property: none !important;
            transition-property: none !important;
            /*CSS transforms*/
            -o-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
            /*CSS animations*/
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
            -ms-animation: none !important;
            animation: none !important;
        }
        [data-aos^="zoom"][data-aos^="zoom"]{
        opacity: 1 !important;
    }
        .open-menu body {
        position: fixed !important;
    }
        body{
            overflow-x: hidden !important;
        }
    .menu-header #menu-button{
    	display: none;
    }
    }
    /* ===================Responsive ===================*/
    /* / / 1600-1700px / / */
    @media screen and (min-width: 1601px) and (max-width: 1700px) {}
    
    /* / / 1500-1600px / / */
    @media screen and (min-width: 1500px) and (max-width: 1600px) {
            .container {
        width: 1400px !important;
    }
    .site_banner .desc h1 {font-size: 64px;line-height: 74px;}
    
    .site_banner .desc p {
    }
    
    .site_banner .form-sec input {
    }
    
    header .cta a span {
    }
    
    header .cta a img {
    }
    
    .site_banner {
        padding-bottom: 0;
        height: auto;
    }
    
    .section-1 .main .desc h4 {
    }
    
    .section-1 .main {
        padding: 0 15px;
    }
    
    .section-1 .main .desc p {
    }
    
    .section-1 .main .icon {
        margin-bottom: 20px;
    }
    
    .section-2 .pic img {}
    
    .sec-web .desc p {
    }
    
    .sec-web .desc {
        margin-top: 6%;
    }
    
    .section-3 .main {
        padding: 30px;
    }
    
    .section-3 .main p {
    }
    
    .section-3 .main h4 {
        font-size: 30px;
    }
    
    .curtain-section h2 {
        font-size: 28px;
        line-height: 38px;
    }
    
    .curtain-center .more a {
    }
    
    .section-6 .desc p {
    width: 100%;
    }
    
    .section-6 .desc h2 {
    font-size: 50px;
    }
    
    .section-6 .pic {
        width: 100%;
        height: 741px;
    }
    
    .section-6 .pic img {
        object-fit: cover;
    }
    
    .footer p {
        font-size: 23px;
        line-height: 33px;
    }
    
    .footer ul.text-right li a {
        font-size: 30px;
        line-height: 40px;
    }
    }
    
    /* / / 1300-1366-1500 / / */
    
    @media screen and (min-width: 1300px) and (max-width: 1499px) {
            .container {
        width: 1170px !important;
    }
    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .site_banner .desc p {
        font-size: 18px;
        line-height: 20px;
    }
    
    .site_banner .form-sec input {
        padding: 10px 25px 5px;
        margin: 8px auto;
        font-size: 18px;
    }
    
    header .cta a span {
        font-size: 15px;
        line-height: 25px;
    }
    
    header .cta a img {
    }
    
    .site_banner {
        padding-bottom: 0;
        height: auto;
    }
    
    .section-1 .main .desc h4 {
        font-size: 28px;
        line-height: 38px;
        min-height: 70px;
        display: flex;
        align-items: center;
    }
    
    .section-1 .main {
        padding: 0 15px;
    }
    
    .section-1 .main .desc p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section-1 .main .icon {
        margin-bottom: 20px;
    }
    
    .section-2 .pic img {width: 90%;}
    
    .sec-web .desc p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .sec-web .desc {
        margin-top: 6%;
    }
    
    .section-3 .main {
        padding: 30px;
    }
    
    .section-3 .main p {
        font-size: 15px;
        line-height: 20px;
        margin: 15px auto;
        min-height: 60px;
    }
    
    .section-3 .main h4 {font-size: 24px;line-height: 34px;}
    
    .curtain-section h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .curtain-center .more a {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 30px;
    }
    
    .section-6 .desc p {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    
    .section-6 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .section-6 .pic {
        width: 100%;
        height: 691px;
    }
    
    .section-6 .pic img {
        object-fit: cover;
    }
    
    .footer p {
        font-size: 23px;
        line-height: 33px;
    }
    
    .footer ul.text-right li a {
        font-size: 30px;
        line-height: 40px;
    }
    }
    
    /* / / 1100-1200px / / */
    @media screen and (min-width: 1100px) and (max-width: 1299px) {
        .container {
        width: 1170px !important;
    }
    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .site_banner .desc p {
        font-size: 18px;
        line-height: 20px;
    }
    
    .site_banner .form-sec input {
        padding: 10px 25px 5px;
        margin: 8px auto;
        font-size: 18px;
    }
    
    header .cta a span {
        font-size: 15px;
        line-height: 25px;
    }
    
    header .cta a img {
    }
    
    .site_banner {
        padding-bottom: 0;
        height: auto;
    }
    
    .section-1 .main .desc h4 {
        font-size: 28px;
        line-height: 38px;
        min-height: 70px;
        display: flex;
        align-items: center;
    }
    
    .section-1 .main {
        padding: 0 15px;
    }
    
    .section-1 .main .desc p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section-1 .main .icon {
        margin-bottom: 20px;
    }
    
    .section-2 .pic img {width: 90%;}
    
    .sec-web .desc p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .sec-web .desc {
        margin-top: 6%;
    }
    
    .section-3 .main {
        padding: 30px;
    }
    
    .section-3 .main p {
        font-size: 15px;
        line-height: 20px;
        margin: 15px auto;
        min-height: 60px;
    }
    
    .section-3 .main h4 {font-size: 24px;line-height: 34px;}
    
    .curtain-section h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .curtain-center .more a {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 30px;
    }
    
    .section-6 .desc p {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    
    .section-6 .desc h2 {
        font-size: 42px;
        line-height: 42px;
    }
    
    .section-6 .pic {
        width: 100%;
        height: 691px;
    }
    
    .section-6 .pic img {
        object-fit: cover;
    }
    
    .footer p {
        font-size: 23px;
        line-height: 33px;
    }
    
    .footer ul.text-right li a {
        font-size: 30px;
        line-height: 40px;
    }
    }
    
    /* / / Ipad PRO / */
    
    @media screen and (min-width: 1000px) and (max-width: 1100px) {
            .container {
        width: 970px !important;
    }
    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .site_banner .desc p {
    }
    
    .site_banner .form-sec input {
        padding: 10px 25px 5px;
        margin: 8px auto;
        font-size: 18px;
    }
    
    header .cta a span {
        font-size: 15px;
        line-height: 25px;
    }
    
    header .cta a img {
    }
    
    .site_banner {
        padding-bottom: 0;
        height: auto;
        padding: 180px 0;
    }
    
    .section-1 .main .desc h4 {
    }
    
    .section-1 .main {
        padding: 0 15px;
        margin: 15px auto;
    }
    
    .section-1 .main .desc p {
    }
    
    .section-1 .main .icon {
        margin-bottom: 20px;
    }
    
    .section-2 .pic img {width: 90%;}
    
    .sec-web .desc p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .sec-web .desc {margin-top: 60%;}
    
    .section-3 .main {
        padding: 30px;
    }
    
    .section-3 .main p {
        font-size: 15px;
        line-height: 20px;
        margin: 15px auto;
        min-height: 60px;
    }
    
    .section-3 .main h4 {font-size: 24px;line-height: 34px;}
    
    .curtain-section h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .curtain-center .more a {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 30px;
    }
    
    .section-6 .desc p {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    
    .section-6 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .section-6 .pic {
        width: 100%;
        height: 691px;
    }
    
    .section-6 .pic img {
        object-fit: cover;
    }
    
    .footer p {
        font-size: 23px;
        line-height: 33px;
    }
    
    .footer ul.text-right li a {
        font-size: 30px;
        line-height: 40px;
    }
    .site_banner .row {
        height: auto;
    }
    
    .section-1 .col-md-3 {
        width: 50%;
    }
    
    .section-1 .col-md-3:nth-child(2) .main {
        border: none;
    }
    
    .sec-web .mac-area-clip {
    }
    
    .section-3 .col-md-3 {
        width: 33.33%;
    }
    
    .section-3 .row {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    
    .curtain-section {
        height: 50vh;
    }
    
    .section-5 .container {
        width: 970px !important;
    }
    
    }
    
    /* / / Ipad - 768px and Landspace Mode : 820px / / */
    
    @media screen and (min-width: 100px) and (max-width: 949px) {
        header {
    z-index: 9;
}
    .container {
        width: 750px !important;
    }
    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .site_banner .desc p {
    }
    
    .site_banner .form-sec input {
    }
    
    header .cta a span {
    }
    
    header .cta a img {
    }
    
    .site_banner {
        padding-bottom: 0;
        height: auto;
    }
    
    .section-1 .main .desc h4 {
    }
    
    .section-1 .main {
        padding: 0 15px;
        margin: 15px auto;
    }
    
    .section-1 .main .desc p {
    }
    
    .section-1 .main .icon {
        margin-bottom: 20px;
    }
    
    .section-2 .pic img {width: 90%;}
    
    .sec-web .desc p {
        font-size: 18px;
        line-height: 28px;
    }
    
    .sec-web .desc {
        padding: 5% 10%;
        margin: 50px auto;
    }
    
    .section-3 .main {
        padding: 30px;
    }
    
    .section-3 .main p {
    margin: auto;
    }
    
    .section-3 .main h4 {}
    
    .curtain-section h2 {
        font-size: 26px;
        line-height: 36px;
    }
    
    .curtain-center .more a {
        font-size: 20px;
        line-height: 30px;
        padding: 15px 30px;
    }
    
    .section-6 .desc p {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
    }
    
    .section-6 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .section-6 .pic {
    }
    
    .section-6 .pic img {
        object-fit: cover;
    }
    
    .footer p {
        text-align: center;
    }
    
    .footer ul.text-right li a {
        font-size: 30px;
        line-height: 40px;
    }
  
         .section-5 .container {
            width: 750px !important;
        } 
        header .cta {
    justify-content: center;
    margin: 30px auto;
}

.section-1 .row {
    display: flex;
    flex-wrap: wrap;
}

.section-1 .row .col-md-3 {
    max-width: 50%;
    flex: 0 0 50%;
}

.section-1 .col-md-3:nth-child(2) .main {
    border: none;
}

.section-2 .row {
    display: block;
}

.section-2 .desc:before {
    left: 10%;
}

.section-3 .row {
    display: flex;
    flex-wrap: wrap;
}

.section-3 .row .col-md-3 {
    max-width: 50%;
    flex: 0 0 50%;
}

.curtain-section {
    height: 50vh;
}

.section-6 .row {
    display: block;
}
.logo img {
    max-height: max-content;
}

.site_banner .desc {
    margin: 130px auto 50px;
}

footer li#media_image-2 {
    text-align: center;
}

.footer ul.text-right {
    text-align: center;
}

p.copy {
    text-align: center;
    margin: 20px auto;
    font-size: 20px;
}

.footer {
    padding-top: 40px;
}
    }

@media screen and (min-width: 100px) and (max-width: 602px) {
    .site_banner {
        padding-top: 160px;
        padding-bottom: 50px;
    }
    .section-1 .row .col-md-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    
    .section-1 .row .col-md-3 .main {
        min-height: 390px;
    }
    
    .section-3 .col-md-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    
    .section-3 .row .col-md-3 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    
    .section-3 .row  .main {
        min-height: 330px;
    }
    .container {
    width: auto !important;
}
.site_banner, .site_banner .row {
    height: auto;
}

.section-1 .main .desc h4 {
    font-size: 30px;
    min-height: 90px;
    display: flex;
    align-items: center;
}

.section-5 .container {
    width: auto !important;
}
.curtain-section.active .curtain-left, .curtain-section.active .curtain-right {
    transform: translate(0);
    display: none;
}

.curtain-section.active .curtain-center {
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    bottom: initial;
    transform: translate(0px, 0px);
    opacity: 1;
}
.section-5 .set a {
    font-size: 16px;
}
}    
    /* / / Mobile View / / */
    @media screen and (min-width: 100px) and (max-width: 550px) {
        html body .container {
    width: auto !important;
}

header {
    z-index: 9;
}

.logo img {
    width: 60%;
}

header .cta a img {
    width: 35px;
    height: 35px;
}

.site_banner .desc h1 {
    font-size: 35px;
    line-height: 45px;
}

.site_banner .desc p {
    font-size: 15px;
    line-height: 30px;
}

.site_banner {
    height: auto;
    padding-bottom: 30px;
}

.site_banner .row {
    height: auto;
}

.site_banner .form-sec {
    padding: 15px;
    border-radius: 15px;
}

.site_banner .form-sec input {
    padding: 10px 15px;
    font-size: 15px;
    line-height: 25px;
    border-radius: 15px;
}

.section-1 .row .col-md-3 {
    max-width: 100%;
    flex: 100%;
}

.section-1 .main {
    border: none;
    border-bottom: 2px solid rgb(0 189 255 / 10%) !important;
    margin: 15px auto 25px;
    padding: 6px 15px;
}

.section-1 .main .desc h4 {
    font-size: 30px;
}

.section-1 {
    padding: 30px 0;
}

.section-2 .headline h2 {
    font-size: 40px;
    line-height: 40px;
    margin: auto;
}

.sec-web .mac-area-clip-inner {
    clip: initial;
    position: relative;
}

.sec-web .mac-area-clip {
    height: auto;
}

.sec-web .mac-area {
    position: relative;
}

.bg-primary5 {
    padding: 30px 0;
}

.sec-web .desc {
    margin: 15px auto;
}

.section-3 .headline h2 {
    font-size: 40px;
    line-height: 50px;
    margin: 0 auto 15px;
}

.section-3 {
    padding: 30px 0;
}

.section-3 .row .col-md-3 {
    max-width: 100%;
    flex: 100%;
}

.curtain-section.active .curtain-right, .curtain-section.active .curtain-left {
    display: none;
}

.curtain-section {height: auto;}

.curtain-center {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    transform: translate(0px, 0px);
}

.curtain-section h2 {
    width: 100%;
}

.curtain-center {
    padding: 30px;
}

.curtain-center .more a {
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 25px;
}

.curtain-center .more {
    margin: 0 auto;
}

.section-5 .container {
    width: auto !important;
}

.section-5 .headline h2 {
    font-size: 40px;
    line-height: 50px;
}

.section-5 .set a {
    font-size: 18px;
    width: 90%;
}

.sec-faq .set>a:before {
    width: 30px;
    height: 30px;
}

.sec-faq .set>a.active:before {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}

.section-5 .set {
    padding: 10px 20px;
    border-radius: 0;
}

.sec-faq .set .content p {
    font-size: 13px;
    line-height: 23px;
    margin: auto;
}

.section-6 .desc {
    padding: 15px;
}

.section-6 .desc h2 {
    font-size: 40px;
    line-height: 50px;
}

.section-6 .desc p {
    font-size: 18px;
    line-height: 28px;
}

.section-6 label {
    margin-top: 15px;
}

.footer p {
    font-size: 20px;
    line-height: 30px;
}

.footer ul.text-right li a {
    font-size: 20px;
    line-height: 30px;
}
header .cta {
    margin: 20px auto 0;
}

header {
    padding-bottom: 0;
    padding-top: 20px;
}

.site_banner .desc {
    margin: 50px auto 30px;
}
.section-3 .row .main {
    min-height: auto;
}
.section-1 .row .col-md-3 .main {
    min-height: auto;
}
.footer {
    padding-bottom: 0;
}
}