@media(min-width:1449px) {
            .container {
                max-width: 1416px
            }
        }
        
        @media(max-width:1800px) {
            .card-shape:before {
                width: 444px;
                height: 1285px;
            }
            .content-goods:before {
                bottom: 23%;
                height: 1080px;
                width: 326px;
                left: -30px;
                background-size: contain;
            }
            .inter-face .card-shape:before {
                height: 1604px;
            }
            .design:before {
                height: 1080px;
                width: 326px;
                background-size: contain;
            }
        }
        
        @media(max-width:1600px) {
            .design:before {
                height: 996px;
                width: 326px;
                right: 0;
                background-size: contain;
            }
            .card-shape:before {
                width: 340px;
                transform: translate(0, -50%);
                top: 50%;
            }
            .inter-face .card-shape:before {
                height: 1255px;
            }
            .card-shape:before {
                height: 1032px;
            }
            .card-media h2 {
                font-size: 130px;
            }
            header .navbar-nav .nav-item {
                padding: 0 8px;
            }
            header .navbar-nav .nav-item .nav-link {
                font-size: 16px;
                line-height: 16px;
            }
            .navbar-brand img {
                height: 42px;
            }
            .hero-banner .img-holder {
                width: 714px;
            }
            .hero-text h1 {
                font-size: 40px;
                line-height: 44px;
                margin-bottom: 48px;
            }
            .hero-text p {
                font-size: 24px;
                line-height: 27px;
                margin-bottom: 70px;
            }
            .why-choose {
                margin-top: -40px;
                padding-bottom: 45px;
            }
            .content p {
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 22px;
            }
            .content a.btn {
                margin-top: 33px;
            }
            .who-we-are .img-holder {
                max-width: 421px;
                margin-left: auto;
                transform: translateY(-70px);
            }
            .title h2 {
                font-size: 32px;
                margin-bottom: 17px;
            }
            .title p {
                font-size: 18px;
            }
            .content--box {
                max-width: 910px;
                margin: 0 auto;
            }
            .shape-wrapper::before {
                height: 2138px;
            }
            .card-idea p {
                font-size: 16px;
            }
            .card-idea .title-idea {
                font-size: 20px;
                margin-bottom: 0;
            }
            .lead-text p {
                font-size: 21px;
                margin-bottom: 25px;
            }
            .lead-text p i {
                font-size: 22px;
            }
            .lead-text h3 {
                font-size: 26px;
                line-height: 33px;
            }
            .how-magics .title {
                margin-bottom: 60px;
            }
            .content-goods:before {
                bottom: 9%;
            }
            .list-arrow li {
                font-size: 15px;
                margin-bottom: 10px;
            }
            .expensive:before {
                background-position: 20% 0;
                top: -167px;
            }
            .inner-exp {
                max-width: 600px;
            }
            .expensive .media .media-body h2 {
                font-size: 32px;
                line-height: 36px;
                margin-bottom: 25px;
            }
            .expensive .media .media-body h3 span,
            .expensive .media .media-body h3,
            .expensive .download .download-text,
            .expensive .media .media-body p {
                font-size: 18px;
                line-height: 22px;
            }
            footer {
                padding: 50px 0 70px;
            }
            footer .mailto {
                font-size: 18px;
            }
            footer .copy-txt,
            footer .address {
                font-size: 16px;
                line-height: 18px;
                ;
                margin-bottom: 20px;
            }
            .expensive:before {
                background-position: center;
                top: -167px;
            }
            .nav-list li a {
                font-size: 16px;
            }
            .nav-list li {
                margin-bottom: 90px;
            }
            .nav-list li:first-child a:after {
                margin: 20px auto 0;
            }
            .nav-list li:last-child a:after {
                margin: 0 auto 20px;
            }
            footer:before {
                height: 660px;
            }
            .expensive {
                padding: 64px 0 132px;
            }
        }
        
        @media(max-width:1439px) {
            .inter-face .card-shape:before {
                height: 1156px;
            }
            .inter-face .card-shape:before {
                width: 310px;
            }
            .content-goods:before {
                bottom: -80px;
                width: 293px
            }
            .expensive {
                padding: 65px 0 174px;
                position: relative;
            }
            .card-idea .arrow-text img {
                width: 75px;
                margin: 0 auto;
            }
            footer:before {
                height: 692px;
            }
        }
        
        @media(max-width:1339px) {
            .content-goods:before {
                height: 863px;
                bottom: 23px;
                width: 190px;
            }
            .inter-face .card-shape:before {
                height: 913px;
                width: 239px;
            }
            .interface-content .img-quote {
                max-width: 250px;
                transform: translateX(-34px);
            }
            .design:before {
                height: 805px;
                width: 226px;
            }
            .expensive:before {
                background-position: center;
                top: -167px;
            }
            footer:before {
                background-position: center;
            }
            footer:before {
                height: 625px;
            }
            .expensive {
                padding: 65px 0 90px;
                position: relative;
            }
        }
        
        @media(max-width:1339px) {
            .hero-banner .img-holder {
                width: 100%;
            }
            .hero-text h1 {
                font-size: 32px;
                line-height: 36px;
                margin-bottom: 20px;
            }
            .hero-text p {
                font-size: 18px;
                line-height: 22px;
            }
            .btn {
                min-width: 182px;
                font-size: 16px;
                padding: 12px 10px 10px;
                min-height: 50px;
                line-height: 16px;
            }
            .nav-list {
                left: 30px;
            }
        }
        
        @media(max-width:1199px) {
            .nav-list {
                display: none;
            }
            .hero-banner {
                padding: 40px 0 254px;
            }
            .card-people p {
                font-size: 15px;
            }
            .shape-wrapper::before {
                height: 1885px;
                width: 50%;
                top: 234px;
            }
            .how-magics {
                padding: 100px 0 0;
            }
            .card-idea .arrow-text span {
                font-size: 9px;
            }
            .card-idea .arrow-text img {
                width: 69px;
            }
            .card-idea:after {
                height: 20%;
            }
            .inter-face .card-shape:before {
                height: 1267px;
                width: 323px;
            }
            .interface-content .img-quote {
                max-width: 230px;
                transform: translateX(-29px);
            }
            .card-txt {
                font-size: 14px;
            }
            .how-working {
                display: flex;
                margin: 50px -18px 0;
            }
            .how-working .cw-body h3 {
                font-size: 18px;
            }
            .how-working .cw-body span {
                font-size: 14px;
            }
            .how-working li:nth-child(4) .img-holder img {
                width: 121px;
            }
            .how-working p {
                margin: 6px 0 0;
                font-size: 12px;
            }
            .content-goods:before {
                height: 100%;
                bottom: 23px;
                width: 103px;
            }
            .what-we-good {
                padding: 52px 0 0;
            }
            .content-goods {
                margin-top: 40px;
            }
            .design:before {
                height: 100%;
                width: 61px;
            }
            .expensive:before {
                background-position: 28% 100%;
                top: -148px;
            }
            footer:before {
                width: auto;
                height: 630px;
            }
            footer {
                padding: 48px 0 80px;
            }
            .list-arrow li:before {
                width: 18px;
                margin-right: 10px;
                background-size: contain;
            }
            .download-icon img {
                width: 47px;
            }
        }
        
        @media(max-width:991px) {
            .hero-text h1 {
                font-size: 30px;
                line-height: 36px;
                margin-bottom: 20px;
            }
            .hero-banner {
                padding: 40px 0 122px;
            }
            .hero-text {
                padding: 26px 0;
            }
            .why-choose {
                margin-top: 0;
                padding: 70px 0;
            }
            .why-slider .img-holder {
                min-height: auto;
            }
            .shape-wrapper::before {
                content: none;
            }
            .who-we-are .img-holder {
                max-width: 400px;
                transform: translateY(0);
                margin: 0 auto 70px;
            }
            .card-shape:before {
                width: 167px;
                height: 574px;
                content: none;
            }
            .card-media h2 {
                font-size: 84px;
                background-color: #fde602;
                padding: 15px;
                border-radius: 50%;
                margin-right: 15px;
            }
            .card-media .media-body {
                text-align: center;
                padding-right: 145px;
            }
            .how-magics {
                padding: 30px 0 0;
            }
            .lead-text h3 {
                font-size: 22px;
                line-height: 26px;
            }
            .lead-text p i {
                font-size: 18px;
            }
            .card-idea .arrow-text {
                width: 100%;
                position: relative;
                right: 0;
                top: auto;
                transform: translate(0);
            }
            .card-idea .img-idea .arrow-down {
                position: relative;
                left: auto;
                transform: none;
                bottom: 0;
                margin-bottom: 30px;
            }
            .card-idea:before,
            .card-idea:after {
                content: none;
            }
            .inter-face .card-media h2 {
                background-color: #f15a24;
            }
            .card-txt {
                margin-bottom: 30px;
            }
            .cc-bx [class*="col-"] {
                margin-bottom: 30px;
            }
            .how-working {
                flex-wrap: wrap;
                justify-content: center;
            }
            .how-working li {
                width: 33.3%;
                position: relative;
            }
            .how-working li .card-work {
                margin-bottom: 30px;
            }
            .how-working li:after {
                content: none;
            }
            .img-design,
            .img-tech {
                padding: 0;
                max-width: 400px;
                margin: 0 auto 50px;
            }
            .design:before,
            .content-goods:before,
            .design .content:before,
            .content-goods .content:before {
                content: none;
            }
            .design .content,
            .content-goods .content {
                border-radius: 20px;
                margin-bottom: 30px;
            }
            .expensive {
                padding: 200px 0 150px;
            }
            .expensive:before {
                background-position: 28% 100%;
                top: 0;
            }
            footer:before {
                width: auto;
                height: 600px;
            }
            footer {
                padding: 48px 0 60px;
            }
            .why-slider .img-holder.m-29 {
                transform: translateY(-33px);
            }
            .why-slider .img-holder.m-41 {
                transform: translateY(-54px);
            }
            header .navbar-nav .nav-item .nav-link {
                font-size: 14px;
            }
            header .navbar-nav .nav-item {
                padding: 0 6px;
            }
        }
        
        @media(max-width:767px) {
            .hero-banner {
                padding: 40px 0 0px;
            }
            .hero-text p {
                margin-bottom: 22px;
            }
            .why-slider {
                margin-top: 24px;
            }
            .why-choose {
                margin-top: 0;
                padding: 35px 0;
            }
            .card-media {
                flex-direction: column;
                align-items: center;
            }
            .card-media .media-body {
                text-align: center;
                padding-right: 0;
            }
            .inter-face .card-media .media-body {
                padding-left: 0;
                padding-right: 0;
            }
            .interface-content .img-quote {
                position: relative;
                transform: none;
                text-align: center;
                max-width: 100%;
                margin-bottom: 50px;
            }
            .interface-content .img-quote img {
                max-width: 230px;
            }
            .inter-face .card-media {
                flex-direction: column-reverse;
            }
            .inter-face .card-media h2 {
                margin-bottom: 30px;
            }
            .inter-face {
                padding: 35px 0 0;
            }
            .expensive .media {
                flex-direction: column;
            }
            .expensive .img-drone {
                max-width: 100%;
                margin: 0;
            }
            footer {
                padding: 0px 0 60px;
            }
            footer:before {
                width: auto;
                height: 517px;
                background-position: right;
            }
            .expensive {
                padding: 250px 0 80px;
            }
            .navbar-collapse {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #fff;
                z-index: 999;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                visibility: hidden;
                transition: all 0.5s;
                overflow-y: auto;
            }
            header .collapse:not(.show) {
                display: flex;
            }
            .show-menu header .navbar-collapse {
                visibility: visible;
                opacity: 1;
            }
            header .navbar-nav {
                width: 100%;
                text-align: center;
                padding-top: 100px;
            }
            header .navbar-nav .nav-item {
                padding: 8px 0;
            }
            .close-menu {
                display: inline-block;
                position: absolute;
                top: 20px;
                right: 30px
            }
            .close-menu img {
                height: 24px;
            }
            .card-people {
                min-height: 333px;
            }
            .custom-modal .modal-content {
                padding: 30px 50px;
            }
            .custom-modal .modal-content .modal-header h5 {
                font-size: 30px;
            }
            .custom-modal .modal-content .modal-header {
                margin-bottom: 40px;
            }
            .expensive .img-drone {
                max-width: 100%;
                margin-top: 30px;
                margin-right: 79px;
                margin-bottom: 0;
            }
            header .navbar-nav .nav-item.active .nav-link {
                border: 2px solid transparent;
            }
        }
        
        @media(max-width:575px) {
            .btn {
                min-width: 126px;
                font-size: 12px;
                padding: 9px 8px 8px;
                min-height: auto;
                line-height: 12px;
            }
            .hero-text h1 {
                font-size: 24px;
                line-height: 30px;
                margin-bottom: 15px;
            }
            .hero-text p {
                margin-bottom: 15px;
                font-size: 14px;
                line-height: 18px;
            }
            .title h2 {
                font-size: 22px;
                margin-bottom: 8px;
            }
            .title p {
                font-size: 16px;
            }
            .who-we-are {
                padding: 35px 0;
            }
            .content p {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 20px;
            }
            .lead-text p {
                font-size: 16px;
                line-height: 20px;
                margin-bottom: 20px;
            }
            .lead-text h3 {
                font-size: 18px;
                line-height: 20px;
                margin-bottom: 8px;
            }
            .content-thinling .title-lead,
            .idea .lead-title {
                font-size: 24px;
                margin-bottom: 30px;
            }
            .how-working {
                display: flex;
                margin: 50px -15px 0;
            }
            .how-working li {
                width: 50%;
            }
            .how-working li {
                padding: 0 15px;
            }
            .design .content h3,
            .content-goods .content h3 {
                font-size: 32px;
            }
            footer:before {
                width: auto;
                height: 636px;
                background-position: center;
            }
            .expensive {
                padding-top: 150px;
            }
            .expensive:before {
                background-position: 28% 100%;
                top: -54px;
            }
            footer .plateform-txt {
                margin-bottom: 20px;
            }
            footer .plateform-txt a {
                font-size: 14px;
            }
            footer h3 {
                font-size: 20px;
            }
            footer .mailto {
                font-size: 14px;
            }
            .why-slider .img-holder.m-29 {
                transform: translateY(-37px);
            }
            .custom-modal .modal-content {
                padding: 30px 20px;
            }
            .custom-modal {
                padding-right: 0 !important;
            }
            .form-control {
                font-size: 16px;
            }
            .custom-modal button {
                margin-top: 18px;
            }
        }
        
        @media(max-width:374px) {
            .how-working li {
                width: 100%;
            }
            .title p {
                font-size: 14px;
            }
            footer .copy-txt,
            footer .address {
                font-size: 14px;
                line-height: 18px;
                margin-bottom: 12px;
            }
        }