@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: 1600px) and (max-width: 1700px) {}

/* / / 1500-1600px / / */
@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .container {
        width: 1170px !important;
    }

    header .menu-header>ul>li>a {
        font-size: 13px;
        padding: 10px;
        letter-spacing: 1px;
    }

    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }

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

    .section-1 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-1 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-2 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .title h4 {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0;
    }

    .section-4 .desc .title h2 {
        font-size: 50px;
    }

    .section-4 .desc {
        padding-left: 5%;
    }

    .section-4 .pic {
        height: 650px;
    }

    .section-4 .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-4 .pic a img {
        width: auto;
        height: auto;
    }

    .sec-faq .set>a {
        font-size: 17px;
        padding: 4px;
    }

    .footer ul.cta li a {
        font-size: 15px;
    }

    .footer .more a {
        font-size: 15px;
    }

    .footer ul.menu li a {
        font-size: 13px;
    }

    .footer ul.menu li {
        margin: 0 10px;
    }

    .slick-slide .caption {
        width: 1170px;
    }
}

/* / / 1300-1366-1500 / / */

@media screen and (min-width: 1300px) and (max-width: 1499px) {
    .container {
        width: 1170px !important;
    }

    header .menu-header>ul>li>a {
        font-size: 13px;
        padding: 10px;
        letter-spacing: 1px;
    }

    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }

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

    .section-1 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-1 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-2 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .title h4 {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0;
    }

    .section-4 .desc .title h2 {
        font-size: 50px;
    }

    .section-4 .desc {
        padding-left: 5%;
    }

    .section-4 .pic {
        height: 650px;
    }

    .section-4 .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-4 .pic a img {
        width: auto;
        height: auto;
    }

    .sec-faq .set>a {
        font-size: 17px;
        padding: 4px;
    }

    .footer ul.cta li a {
        font-size: 15px;
    }

    .footer .more a {
        font-size: 15px;
    }

    .footer ul.menu li a {
        font-size: 13px;
    }

    .footer ul.menu li {
        margin: 0 10px;
    }

    .slick-slide .caption {
        width: 1170px;
    }
}



/* / / 1100-1200px / / */
@media screen and (min-width: 1100px) and (max-width: 1299px) {
    .slick-slide .caption {
        width: 1170px;
    }

    .container {
        width: 1170px !important;
    }

    header .menu-header>ul>li>a {
        font-size: 13px;
        padding: 10px;
        letter-spacing: 1px;
    }

    .site_banner .desc h1 {
        font-size: 50px;
        line-height: 60px;
    }

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

    .section-1 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-1 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-2 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .title h4 {
        font-size: 17px;
        line-height: 27px;
        letter-spacing: 0;
    }

    .section-4 .desc .title h2 {
        font-size: 50px;
    }

    .section-4 .desc {
        padding-left: 5%;
    }

    .section-4 .pic {
        height: 650px;
    }

    .section-4 .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-4 .pic a img {
        width: auto;
        height: auto;
    }

    .sec-faq .set>a {
        font-size: 17px;
        padding: 4px;
    }

    .footer ul.cta li a {
        font-size: 15px;
    }

    .footer .more a {
        font-size: 15px;
    }

    .footer ul.menu li a {
        font-size: 13px;
    }

    .footer ul.menu li {
        margin: 0 10px;
    }

    .site_banner {
        padding: 100px 0;
        background-size: 50% 100% !important;
    }

    .site_banner .desc h4 {
        letter-spacing: 0;
    }

    .slider .inner-item {
        height: 700px !important;
    }

    .footer ul.menu li {
        margin: 0 5px;
    }

    .site_banner {
        padding: 100px 0;
        background-size: 50% 100% !important;
    }

    .site_banner .desc h4 {
        letter-spacing: 0;
    }

    .site_banner .ab-image img {
        width: 70%;
    }

    .slider .inner-item {
        height: 600px !important;
    }

    .footer ul.menu li {
        margin: 0 5px;
    }
}

/* / / Ipad PRO / */

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .container {
        width: 970px !important;
    }

    header .menu-header>ul>li>a {
        font-size: 13px;
        padding: 10px;
        letter-spacing: 0;
    }

    .site_banner .desc h1 {
        font-size: 40px;
        line-height: 50px;
    }

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

    .section-1 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-1 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-2 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .title h4 {
        font-size: 13px;
        line-height: 27px;
        letter-spacing: 0;
    }

    .section-4 .desc .title h2 {
        font-size: 50px;
    }

    .section-4 .desc {
        padding-left: 5%;
    }

    .section-4 .pic {
        height: 650px;
    }

    .section-4 .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-4 .pic a img {
        width: auto;
        height: auto;
    }

    .sec-faq .set>a {
        font-size: 17px;
        padding: 4px;
    }

    .footer ul.cta li a {
        font-size: 12px;
    }

    .footer .more a {
        font-size: 15px;
    }

    .footer ul.menu li a {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 13px;
    }

    .footer ul.menu li {
        margin: 0 5px;
    }

    .slick-slide .caption {
        width: 970px;
    }
    .site_banner {
    padding: 100px 0;
    background-size: 50% 100% !important;
}

.site_banner .desc h4 {
    letter-spacing: 0;
}

.slider .inner-item {
    height: 600px !important;
}
.slick-slide .tagline {
    padding: 40px 20px;
}
}

/* / / Ipad - 768px and Landspace Mode : 820px / / */

@media screen and (min-width: 100px) and (max-width: 949px) {
        .container {
        width: 750px !important;
    }

    header .menu-header>ul>li>a {
        font-size: 13px;
        padding: 10px;
        letter-spacing: 0;
    }

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

    .site_banner .desc p {
        font-size: 13px;
        line-height: 20px;
    }

    .section-1 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-1 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .desc h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .section-2 .desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .section-2 .title h4 {
        font-size: 26px;
        /* line-height: 27px; */
        /* letter-spacing: 0; */
        text-align: center;
    }

    .section-4 .desc .title h2 {
        font-size: 50px;
        text-align: center;
        margin: 30px auto;
    }

    .section-4 .desc {
        padding: 0 5%;
    }

    .section-4 .pic {
        height: auto;
        margin: 70px auto 0;
    }

    .section-4 .pic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-4 .pic a img {
        width: auto;
        height: auto;
    }

    .sec-faq .set>a {
        font-size: 17px;
        padding: 4px;
    }

    .footer ul.cta li a {
        font-size: 12px;
    }

    .footer .more a {
        font-size: 15px;
    }

    .footer ul.menu li a {
        font-size: 13px;
        letter-spacing: 0;
        line-height: 13px;
    }

    .footer ul.menu li {
        margin: 0 5px;
    }

    .slick-slide .caption {
        width: 970px;
    }
    .site_banner {
    padding: 50px 0;
    background-size: 50% 100% !important;
}

.site_banner .desc h4 {
    letter-spacing: 0;
    font-size: 15px;
}

.slider .inner-item {
    height: 600px !important;
}
.slick-slide .tagline {
    padding: 40px 20px;
}
header .row .col-md-3 {
    max-width: 50%;
    flex: 0 0 50%;
}

header .row .col-md-3:nth-child(2) {
    max-width: 30%;
    flex: 0 0 30%;
}

header .row .col-md-3:nth-last-child(1) {
}

header .row .col-md-6 {
    display: none;
    max-width: 0%;
    flex: 0%;
}

header .row {flex-wrap: wrap;}
a#hamburg {
    background: #FFBB3A;
}

html.open-menu nav.nav1 .container {
    width: auto !important;
}

html.open-menu nav.nav1 .search-nav {
    display: none;
}
.site_banner .col-md-6 {
    width: 50%;
}

.site_banner .ab-image img {
    width: 60%;
}

.site_banner .ab-image {
    right: 28%;
}

.section-2 .desc h2, .section-2 .desc p {
    text-align: center;
    width: 100%;
}

.section-2 .col-md-6 .row {
    display: flex;
    flex-wrap: wrap;
}

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

.footer .row {
    display: block;
}

.footer .more {
    text-align: center;
    margin: 30px auto 0;
}

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

@media screen and (min-width: 100px) and (max-width: 602px) {}

/* / / Mobile View / / */
@media screen and (min-width: 100px) and (max-width: 550px) {
    .sec-faq .row {display: flex;flex-direction: column;}

.sec-faq .col-md-6 {
    width: 100%;   /* full width on mobile */
    max-width: 100%;
}
    .container {
    width: auto !important;
}

header .row {
    display: block;
}

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

header .more {
    text-align: center;
    margin: 30px auto;
}

header .more a {
    letter-spacing: 0;
    font-size: 13px;
    padding: 15px 30px;
}

.site_banner .col-md-6 {
    width: 100%;
}

.site_banner {
    background-image: none !important;
    padding: 50px 0;
}

.site_banner .desc {
    padding: 0;
}

.site_banner .ab-image {
    top: 88%;
    right: 0px;
}

.site_banner .ab-image img {
    width: 50%;
    margin: auto;
    display: block;
    margin-right: 0;
}

.site_banner .desc h4 {
    font-size: 18px;
    line-height: 28px;
}

.site_banner .desc h1 {
    font-size: 30px;
    line-height: 40px;
}

.site_banner .desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px auto;
}

.site_banner .desc a {
    display: block;
    text-align: center;
}

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

.section-1 .desc h2 {
    font-size: 30px;
    line-height: 40px;
}

.section-1 .desc p {
    width: 100%;
}

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

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

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

.section-4 .desc .title h2 {
    font-size: 30px;
    letter-spacing: 0;
}

.sec-faq .set>a:before {
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    position: relative;
    top: 0;
    right: 0;
}

.sec-faq .set>a {
    font-size: 14px;
    line-height: 23px;
}

.sec-faq .set>a span.icon {
    display: none;
}

.section-4 .pic a img {
    width: 20%;
}

.slider .inner-item {
    height: 300px !important;
}

.footer ul.cta {
    display: block;
}

.footer ul.cta li {
    margin: 5px auto;
}

.footer ul.menu li {
    margin: 5px;
}

.cop p {
    font-size: 13px;
    line-height: 23px;
}
.about-2 h3, .about-3 h3 {
    font-size: 20px;
    line-height: 30px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

section.about-2 .row {
    display: flex;
    flex-direction: column;
}
section.about-41 {
    padding-bottom: 20px;
}
section.about-41 {
    padding-bottom: 20px;
    padding-top: 23px;
}

.about-2 .desc p, .about-2 .desc li, .about-3 .desc p, .about-3 .desc li {
    text-align: center;
    line-height: 29px;
    font-size: 17px;
}

.about-2 .pic img {
    margin-bottom: 10px;
}

.about-3 .pic img {
    margin-bottom: 21px;
}
.inner-banner h2 {
    font-size: 45px;
    line-height: 60px;
}

section.section {
    padding-bottom: 0;
}
.section h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    width: 72%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.section h2 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}
.section h2 {
    font-size: 25px;
    line-height: 35px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
    width: 100%;
}
.page-faq .desc h2 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

.page-faq {
    padding-bottom: 2px;
}
.sec-ser-1 .desc h3, .sec-ser-1 .desc h2 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

.sec-ser-1 .row {
    padding: 0;
}

.sec-ser-1 .desc p {
    text-align: center;
    font-size: 20px;
}

.sec-ser-1 .pic {margin-bottom: 20px;}

.sec-ser-1 {
    padding-bottom: 2px;
}

.sec-ser-2 .desc h2 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

.sec-ser-2 .desc p {
    text-align: center;
}
.single-ser-1 {
    padding-top: 30px;
    padding-bottom: 8px;
}

.single-ser-1 .desc h1 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

.single-ser-1 .desc p {
    text-align: center;
}

.single-ser-1 .desc h3 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

.single-ser-1 .desc h2 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}
.single-ser-1 .desc h2 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}

.single-ser-1 {
    padding: 40px 0;
}

.single-ser-1 .desc p {
    text-align: center;
}

.single-ser-1 .desc h3 {
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    text-align: center;
    letter-spacing: 1px;
}
.single-ser-1 .pic {
    margin-bottom: 20px;
}
.tablink {
    display: block;
    margin: 10px 0px;
}
.tabcontent .main {
    justify-content: center;
    align-items: center;
    display: flex;
    justify-items: center;
    text-align: center;
}

.tabs {
            display: flex !important;
        flex-direction: column !important;
}
.sec-portfolio .main .pic {
    height: 200px;
}
.logo {
    display: block;
}

.inner-banner {
    padding: 50px 0;
}

.section ul li {
    text-align: left !important;
}
.section-2 .pic {
    text-align: center;
}
.breadcrumbs li {
    padding: 10px;
}
}