@font-face {
    font-family: LatoRegular;
    src: url("../fonts/Lato-Light.ttf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: LatoItalic;
    src: url("../fonts/Lato-Italic.ttf") format("opentype");;
    font-style: italic;
}

h1, h2, h4, p, div, span {
    font-family: LatoRegular !important;
    -webkit-font-smoothing: antialiased !important;
}

h1 {
    margin-top: 24px;
    font-size: 56px;
    line-height: 1.2;
    margin-bottom: 56px;
}

h2, h2 > span {
    font-size: 44px;
    line-height: 1.2;
}

.home_video_text .sect-content h1 {
    max-width: 85%;
}

p.text-subtitle {
    font-size: 30px !important;
}

#home #section2 {
    background-image: url(../images/home_bg_section2_en.jpg);
}

#home #section2 .head-text .text-title {
    padding-top: 4%;
}

.digit {
    font-family: ProximaNovaRegular, sans-serif !important;
}

#home #section3 .text-title {
    margin-left: -20px;
    max-width: 100%;
}

.pattern-section table {
    margin-left: 8px;
}

#home #section3.pattern-section .item .icon {
    height: 48px;
    width: auto;
    max-width: unset;
    text-align: left;
    margin: 0 10px 20px 0;
}

#brand #section1 .sect-content h1 {
    font-size: 60px;
}

#brand #section5 .head-text {
    width: 100%;
}

#home #section3.pattern-section .item .txt {
    margin-bottom: 30px;
    margin-left: 20px;
}

#home #section5 .svg-btn {
    margin-bottom: 3.5%;
}

#brand #section1 {
    height: unset;
    max-height: unset;
}

#brand #section1 .sect-content p {
    max-width: 85%;
}

#brand .home_video_text .sect-content {
    margin-bottom: 80px;
}

#brand #section4 .sect-content .text-content, #brand #section4 .sect-content .horizon-divider {
    margin-left: 10px;
}

#industry #section2 {
    background-image: url(../images/industry_bg_section2_en.jpg);
}

#industry #section3 .sect-content .text-content, #industry #section3 .sect-content p {
    max-width: 100% !important;
}

#industry #section3 .sect-content .head-text > .sub, #industry #section3 .sect-content .head-text > h2 {
    max-width: 90% !important;
}

#industry #section1 p.text-subtitle {
    max-width: 80%;
}

#industry #section5 .img-left img {
    max-width: 80%;
}

#industry #section7 {
    min-height: 100vh;
}

#industry #section6 .text-title {
    max-width: 98%;
}

#industry #section5 .sect-content .img-wrap.text-center img {
    max-width: 100%;
    top: 40px;
    left: -40px;
}

#cup #section3 p#notification {
    margin-top: 195px;
}

#cup .image_text_svg .head-text .text-title {
    padding-top: 128px;
}

#cup .home_video_text .sect-content p {
    width: 85%;
}

#fount #section6 {
    background: url(../images/fount_smaple_sence_en.jpg) no-repeat center bottom #e1e5e8;
    background-size: 115%;
}

#fount .glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

#fount h1 {
    font-size: 50px;
}

#fount #section1 p.text-subtitle {
    padding-top: 0;
}

#fount .title11 {
    margin-top: 10%;
}

#fount #section8 .chart-wrapper .chart-line-wrapper {
    left: 35px;
    z-index: 22;
    top: 20px
}

#fount #section8 .chart-wrapper .chart-label {
    z-index: 22;
}

#fount #section8 .taper-img-wrapper .taper-chart-label2 {
    top: 0;
}

#fount .text-title {
    max-width: 100%;
}

#contact #section1 .horizon-divider {
    max-width: 360px;
}

#contact #section1 .center .center-content {
    width: unset;
    max-width: 380px;
}

#contact #section1 .right .right-content {
    width: unset;
    max-width: 405px;
}
#contact #section1 .head-text {
    margin-top: 80px;
}

#fount #section8 .taper-img-wrapper .taper-chart-label1 p.strong {
    font-size: 38px;
    line-height: 38px;
    padding-left: 5px;
    font-family: unset !important;
}

#big-data #section3 .sect-content h2 {
    margin-left: 5%;
}

.home_video_text .arrow-wrap {
    display: none;
}

.home_text_svg_canvas .new a {
    margin-top: 10px;
}

#big-data #section2.home_text_left_side_items .sect-content.desktop {
    height: unset;
}

#big-data #section7 h2 {
    max-width: 100% !important;
}

@media (max-height: 730px) and (max-width: 1430px) and (min-width: 1200px) {
    #fount #section11 .title11 {
        margin-top: 5%;
    }

    #industry #section3, #industry #section4 {
        min-height: 768px;
    }

    #industry #section4.home_text_left_side_items .sect-content {
        height: unset;
    }

    #big-data #section6 .sect-content .image img {
        max-width: 75%;
    }

    #big-data #section6 {
        min-height: 788px;
    }

    #big-data #section6 .sect-content .image {
        bottom: -58px;
    }
}

@media (min-width: 1201px) {
    #fount .label1 {
        font-size: 40px;
    }
}

@media all and (max-width: 1280px) {
    h2, h2 > span {
        font-size: 38px;
    }

    #industry #section4.home_text_left_side_items .sect-content {
        height: unset;
        min-height: 100%;
    }

    #industry #section4 .text-content.desktop p {
        font-size: 18px;
    }

    p, small, span {
        font-size: 18px;
    }

    #cup #section3 p#notification {
        margin-top: 230px;
    }

    #fount #section4 .inner-title-wrapper {
        width: 58%;
        left: 21%;
    }

    #fount #section11 h2 {
        font-size: 36px;
    }
}

@media all and (max-width: 992px) {
    #contact #section1 .address {
        margin-left: 0;
    }
}

@media all and (max-width: 768px) {
    h1, .h1 {
        font-size: 32px;
    }

    h2, .home_text_svg_canvas .sect-content h2, h2 > span {
        font-size: 28px;
        line-height: 1.2;
    }

    p.text-subtitle {
        font-size: 20px !important;
    }

    p, small, span {
        font-size: 16px;
    }

    #home #section1 p.text-subtitle {
        max-width: 100% !important;
    }

    #home #section2 {
        background-image: url(../images/home_bg_section2_mobile_en.jpg);
    }

    #home #section3 .text-title {
        margin-left: auto;
    }

    #home #section3.pattern-section .item .txt {
        margin-bottom: 15px;
        margin-left: 0px;
    }

    #home #section3.pattern-section .item .icon {
        max-height: 40px;
        margin: 0 15px 20px 0;
    }

    #home #section4 .text-title {
        margin-top: 20%;
    }

    #home #section3.pattern-section table {
    }

    #home #section4.home_text_image_dashboard .sect-content {
        height: unset;
    }

    #fount .title1_3 {
        font-size: 14px;
    }

    #fount #section4 .inner-title-wrapper {
        width: 100%;
        left: 0;
    }

    #fount #myCarousel {
        min-height: 720px;
    }

    #fount #section6 {
        background-size: 240%;
        background-position-x: 75%;
    }

    #fount #section7 .content {
        position: absolute;
    }

    #fount #section8 .chart-wrapper .chart-line-wrapper {
        left: 10px;
        top: 10px;
    }

    #fount #section8 #myCarousel .carousel-indicators {
        bottom: 0;
    }

    #fount .title9 {
        margin-top: 22%;
    }

    #fount #section8_5 .content {
        padding-top: 7%;
    }

    #fount #section11 h2 {
        font-size: 29px;
    }

    #fount #section8 .chart-wrapper .chart-label p.strong {
        font-size: 24px;
    }

    #fount #section8 .taper-img-wrapper .taper-chart-label1 p.strong {
        font-size: 18px;
        line-height: 18px;
    }

    #cup #section1.home_video_text .sect-content p {
        width: 90%;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #cup #section5 p, #cup #section2 p {
        max-width: 90%;
        margin-left: 5%;
    }

    #cup #section5 img {
        max-width: 110%;
    }

    #cup #section1 h2 {
        max-width: 90%;
    }

    #cup #section3 p {
        font-size: 14px;
        line-height: 20px;
    }

    #brand #section1 .sect-content h1 {
        font-size: 44px;
    }

    #brand .home_video_text .sect-content {
        height: unset;
    }

    #brand #section1 .head-text h1 {
        margin-top: 100px;
        margin-bottom: 36px;
    }

    #brand #section1 .head-text p {
        padding-top: 0;
    }

    #brand #section5 .head-text .text-title {
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }

    #industry #section2 {
        background-image: unset;
    }

    #industry #section2.pattern-section .item .txt p {
        text-align: left;
        padding-left: 16px;
    }

    #industry #section6 .sect-content table .text-left {
        min-width: 90px;
    }

    #industry #section7 table {
        margin: 60px 18px;
    }

    #industry #section7 {
        min-height: 980px !important;
    }

    #big-data #section5 img.mobile {
        max-width: 120%;
        margin-left: -40px;
        margin-right: 10px;
    }

    #fount .title6 {
        margin-top: 65px;
    }

    #fount #section3 .right {
        top: 80px;
    }

    #fount #section8_5 {
        min-height: 700px;
    }
}

@media (min-width: 630px) and (max-width: 768px) {
    #home #section4 .text-wrap {
        margin-left: -15%;
        margin-right: 20%;
    }

    #fount #section3 .right {
        top: 20px;
    }

    #fount #section6 .content .row > .col-sm-5 {
        width: 100%;
    }

    #fount #section6 {
        background-position-y: 90px;
    }

    #fount #section7 .prod3d-description-1 {
        top: 700px
    }

    #fount #section7 .prod3d-description-2 {
        top: 786px;
    }

    #fount #section7 .prod3d-description-3 {
        top: 862px
    }

    #fount #section7 .content {
        margin-right: 40px;
        position: relative;
    }

    #fount #section8 .img-wrapper img, #fount #section8 .pic-wrapper {
        margin-top: 0;
    }

    #fount #section8_5 .title8-5 {
        margin-top: 15%;
    }

    #fount #section10 .description-wrapper .label {
        margin-right: 30px;
    }

    #industry #section3 .head-text {
        margin-left: 0;
    }

    #industry #section3 .row > .mobile {
        margin-left: 30%;
    }

    #industry #section4 .text-wrap img {
        max-width: 70%;
    }

    #cup #section3 .container .description {
        margin-top: 250px;
    }

    #cup #section3 p#notification {
        margin-top: 128px;
    }

    #cup #section3 .container .description {
        margin-left: -60px;
    }

    #brand #section1 .head-text h1 {
        margin-top: 200px;
    }

    #brand #section4 .sect-content .text-content {
        margin-left: 0;
    }

    #big-data #section7 h2 {
        max-width: 90% !important;
    }
}

@media all and (max-width: 750px) {
    #brand #section1 .head-text h1 {
        margin-top: 100px;
        margin-bottom: 36px;
    }
}

@media all and (max-width: 736px) {
    #big-data #section3 {
        min-height: 780px;
    }
}

@media all and (max-width: 600px) {
    #cup #section3 .container .description {
        width: 220px;
    }

    #cup #section3 .container .content {
        width: 350px;
    }

    #cup #section3 .description > p.text-blue-deep.desc {
        margin-top: 115px;
    }

    #cup #section3 h2 {
        margin-top: 30px;
    }

    #cup #section3 .container .table {
        margin-top: 10px;
        margin-bottom: 0;
    }

    #cup #section3 p#notification {
        margin-top: 0;
    }
}

@media (max-height: 830px) and (max-width: 390px) and (min-height: 790px) and (min-width: 360px) {

    #home #section2 .head-text .text-title {
        padding-top: 12%;
    }

    #cup #section5 .head-text .text-title {
        padding-top: 80px;
    }

    #cup #section5 img {
        max-width: 140%;
    }

    #big-data #section2 .svg-items img {
        margin-bottom: 100px;
    }

    #big-data .sect-content h2 {
        margin-top: 45px;
    }

    #big-data #section4 img {
        margin-top: -170px;
    }

    #industry #section4 .text-wrap img {
        max-width: 120%;
        margin-left: -10%;
    }
}

@media all and (max-width: 480px) {
    #home #section3 table {
        margin-left: 15px;
        margin-right: 15px;
    }

    #cup #section3 #line2 {
        width: 50px;
    }

    #contact #section1 {
        min-height: 920px;
        height: unset;
    }

    #industry #section5 .img-left .mobile img {
        max-width: 48%;
    }

    #brand #section2 .sect-content .sect-text h2 {
        margin-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
    }

    #big-data #section5, #big-data #section5 .sect-content {
        height: unset;
    }

    #big-data #section5 .svg-items-wrap {
        padding: 0;
    }

    #big-data #section5 img.mobile {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #big-data #section6 {
        min-height: 800px;
    }

    #big-data #section6 .sect-content .image img {
        margin-top: 50px;
    }

    #fount #section8 {
        min-height: 750px !important;
    }

    #big-data #section4 {
        min-height: 680px !important;
    }

    #fount #section7 .prod3d-description-1 {
        top: 400px;
    }

    #fount #section7 .prod3d-description-2 {
        top: 460px;
    }

    #fount #section7 .prod3d-description-3 {
        top: 510px;
    }
}

@media all and (width: 375px) {
    #big-data #section3 {
        min-height: 750px;
    }
}

@media all and (max-height: 620px) {
    #big-data #section6.home_text_left_side_items {
        min-height: 900px;
        height: unset;
    }

    #fount #section3 .right {
        top: 80px;
    }
}

@media (max-height: 640px) and (width: 375px) {
    #fount #section3 .prod-background {
        margin-top: 6vh;
    }

    #cup #section5 img {
        margin-top: 20px;
    }

    #contact #section1 {
        min-height: 880px !important;
    }

    #fount #section3 .right {
        top: 160px;
    }

    #fount #section7 .prod3d-description-1 {
        top: 330px;
    }

    #fount #section7 .prod3d-description-2 {
        top: 390px;
    }

    #fount #section7 .prod3d-description-3 {
        top: 440px;
    }
}

@media (max-height: 780px) and (width: 375px) {
    #fount #section7 .prod3d-description-1 {
        top: 440px;
    }

    #fount #section7 .prod3d-description-2 {
        top: 510px;
    }

    #fount #section7 .prod3d-description-3 {
        top: 565px;
    }
}

@media all and (max-width: 350px) {
    #contact #section1 {
        min-height: 1020px !important;
    }

    #cup #section5 img {
        max-width: 128%;
    }

    #brand #section4 .sect-content .text-content {
        margin-left: 0;
    }

    #brand #section4 .sect-content .text-content.paper {
        margin-left: -42px;
    }

    #brand #section4 .text {
        margin-left: 12px;
    }

    #big-data #section4 .sect-content .text-wrap {
        padding-top: 150px;
    }

    #big-data #section1 .head-text {
        margin-top: 70px;
    }

    #big-data #section4 {
        min-height: 650px !important;
    }

    #big-data #section4 img {
        margin-top: 80px;
    }

    #big-data #section6 {
        min-height: 900px !important;
    }

    #big-data #section7 .sect-content {
        padding-bottom: 0;
    }

    #brand #section4 img {
        margin-top: 40px;
    }

    #fount #section8 {
        height: unset;
        min-height: 100vh;
    }

}