/* Large desktop :1920px. */

@media (min-width: 1650px) {
    .container {
        max-width: 1920px !important;
    }

    .home .content5 .row {
        height: 300px !important;
    }

    .home .content5 .row .wrapper {
        margin-left: 125px !important;
    }

    .home .content5 .img1 img {
        width: 311px !important;
        height: 83px !important;
    }

    .home .content5 .img2 img {
        width: 189px !important;
        height: 65px !important;

    }

    .home .content5 .img2 {
        margin-left: 50px !important;
    }

    .home .content5 .img3 img {
        width: 131px !important;
        height: 61px !important;
    }

    .home .content5 .img4 img {
        width: 110px !important;
        height: 98px !important;
    }

    .home .content5 .img4 {
        margin-left: 50px !important;
    }

    .home .content5 .img5 img {
        width: 160px !important;
        height: 87px !important;
    }

    .home .content5 .img5 {
        margin-left: 50px !important;
    }

    .home .content5 .img6 img {
        width: 97px !important;
        height: 180px !important;
    }

    .home .content5 .img6 {
        margin-left: 50px !important;
    }

    .home .content5 .img7 img {
        width: 77px !important;
        height: 76px !important;
    }

    .home .content5 .img7 {
        margin-left: 50px !important;
    }

    .home .content5 .img8 img {
        width: 312px !important;
        height: 83px !important;
    }

    .home .content5 .img8 {
        margin-left: 50px !important;
    }

    /*-----------------------------------*/

    .home .content7 .img1 img,
    .home .content7 .img2 img,
    .home .content7 .img3 img,
    .home .content7 .img4 img,
        {
        width: 218px;
        height: 60px;
    }
}

/* Normal desktop :1366px. */

@media (min-width: 1366px) and (max-width: 1649px) {
    .container {
        /*1440*/
        max-width: 1440px !important;
    }

    .header a {
        font-size: 22px !important;
    }

    .header .logo {
        margin-left: 35px !important;
    }

    .content1 {
        margin-top: 100px !important;
    }

    .home .content1 .bg1 {
        width: 944px !important;
        height: 750px !important;
    }

    .home .content1 .kamiadalah {
        margin-left: 185px !important;
        width: 500px !important;
    }

    .home .content1 .kamiadalah .title {
        font-size: 50px !important;
    }

    .home .content1 .kamiadalah .text {
        font-size: 18px !important;
    }

    .home .content1 .kamiadalah .hireus button {
        font-size: 18px !important;
    }

    .home .content1 .img img {
        margin-top: 0px !important;
        margin-left: 20px !important;
        width: 760px !important;
        height: 600px !important;
    }

    /*------------------------*/

    .home .content2 .bg2 {
        margin-bottom: -395px !important;
        margin-left: 420px !important;
        width: 929px !important;
        height: 309px !important;
    }


    .home .content2 img {
        width: 650px !important;
        height: 620px !important;
        margin-left: 30px !important;
    }

    .home .content2 .title1 {
        font-size: 50px !important;
    }

    .home .content2 .title2 {
        margin-top: 150px !important;
        margin-left: 100px;
        font-size: 40px !important;

    }

    .home .content2 .text {
        width: 550px !important;
        font-size: 18px !important;

    }

    /*------------*/

    .home .content3 .bg3 {
        margin-bottom: -540px !important;
        margin-left: -250px !important;
        width: 1093px !important;
        height: 291px !important;
    }

    .home .content3 .img img {
        width: 480px !important;
        height: 667px !important;
    }

    .home .content3 .title {
        margin-left: 50px;
        font-size: 40px !important;
    }

    .home .content3 .text {
        font-size: 18px !important;
    }

    .home .content3 .wrapper {
        margin-top: 193px !important;
    }

    /*---------------------*/


    .home .content4 .bg4 {
        margin-left: 510px !important;
        width: 839px !important;
        height: 366px !important;
    }

    .home .content4 .img img {
        margin-top: 250px;
        margin-left: 0px !important;
        width: 670px !important;
        height: 690px !important;
    }

    .home .content4 .title {
        font-size: 40px !important;
    }

    .home .content4 .text {
        width: 575px !important;
        font-size: 18px !important;
    }

    .home .content4 .wrapper {
        margin-top: 420px !important;
        padding-left: 65px !important;
    }

    /*---------------------*/

    .home .content6 video {
        margin-left: 200px !important;
        width: 1080px;
    }

    .home .content6 .bg6 {
        width: 1143px !important;
        height: 877px !important;
    }

    .home .content7 .row {
        padding-left: 50px !important;
    }

    .footer a {
        font-size: 14px !important;
    }

    .project .content2 .slick-dots {
        margin-left: 1000px !important;
    }

    .project .content2 .slick-slider {
        height: 1400px !important;
    }


    /*ABOUT US*/


    /*CONTENT 1*/

    .about-us .content1 .bg1 {
        width: 1000px !important;
        height: 994px !important;
    }

    .about-us .content1 .siapakami {
        width: 500px !important;
    }

    .about-us .content1 .title {
        width: 550px !important;
        font-size: 50px !important;
    }

    .about-us .content1 .text {
        width: 500px !important;
        font-size: 18px !important;
    }

    .about-us .content1 .img img {
        width: 773px !important;
        height: 849px !important;
    }

    .about-us .content1 .indicator {
        margin-top: 100px !important;
        margin-left: -650px !important;
    }

    /*END OF ABOUT CONTENT 1*/

    /*ABOUT CONTENT 2*/

    .about-us .content2 .title {
        font-size: 42px !important;
    }

    .about-us .content2 img {
        max-width: 1360px !important;
    }

    /*END OF ABOUT CONTENT 2*/

    /*ABOUT CONTENT 3*/
    .about-us .content3 {
        margin-top: 300px !important;
    }


    /*END OF ABOUT CONTENT 3*/

    /*ABOUT CONTENT4*/
    .about-us .content4 {
        margin-top: 200px;
        margin-bottom: 400px;
    }

    .about-us .content4 .title {
        margin-bottom: 0px !important;
        margin-left: 150 !important;
        font-size: 42px !important;
    }

    .about-us .content4 .img {
        margin-top: 250px !important;
    }

    .about-us .content4 img {
        height: 625px !important;
        width: 625px !important;
    }

    .about-us .content4 li {
        width: 49px;
        height: 6px;
        border-radius: 4px;
        border: none;
        background-color: #00babc;
    }

    .about-us .content4 .indicator .active {
        background-color: #015a65;
    }

    .about-us .content4 .bg4 {
        height: 617px !important;
        width: 1313px !important;
    }

    .about-us .content4 .wrapper {
        margin-top: 0px !important;
    }

    .about-us .content4 .name {
        margin-top: 250px !important;
        font-size: 38px !important;
        font-weight: bold;
        line-height: 1.45;
        letter-spacing: 10px;
        color: #005a64;
    }

    .about-us .content4 .position {
        margin-top: 50px;
        font-size: 21px !important;
        font-weight: normal;
        line-height: 1.21;
        letter-spacing: normal;
        color: #005a64;
    }

    .about-us .content4 .text {
        width: 550px !important;
        margin-top: 50px;
        font-size: 16px !important;
        font-weight: normal;
        line-height: 1.61;
        letter-spacing: 1px;
        color: #005a64;
    }

    .about-us .content4 .carousel-indicators {
        margin-right: 60px !important;
        margin-top: -200px !important;
    }

    /*END OF ABOUT CONTENT 4*/


    /*END OF ABOUT US*/

    /*==============================================================================================================*/

    /*CONTACT US*/

    /*CONTENT 1*/
    .contact-us .content1 .bg1 {
        margin-top: -220px !important;
        margin-bottom: -555px !important;
        margin-left: 720px !important;
        width: 636px !important;
        height: 683px !important;
    }

    .contact-us .content1 .contactus .title {
        font-size: 50px !important;
    }

    .contact-us .content1 .contactus span {
        font-size: 16px !important;
    }

    .contact-us .content1 img {
        margin-top: 25px !important;
        margin-left: 80px !important;
        width: 528px !important;
        height: 529px !important;
    }

    /*END OF CONTENT 1*/
    /*END OF CONTACT US*/

    .career .content1 {
        margin-top: 120px !important;
    }

    .career .content1 .title {
        margin-top: -60px !important;
        width: 650px !important;
        font-size: 44px !important;
        margin-left: 100px !important;
    }

    .career .content1 .text {
        margin-top: 0px !important;
        width: 400px !important;
        font-size: 14px !important;
        margin-left: 100px !important;
    }

    .career .content1 .bg1 {
        width: 950px !important;
        height: 559px !important;
    }

    .career .content1 .img img {
        margin-top: -50px !important;
        margin-left: -200px !important;
        height: 550px !important;
    }

    .career .content2 {
        margin-top: 350px !important;
    }

    .career .content2 .bg2 {
        margin-bottom: -1050px;
        width: 1290px !important;
        height: 1000px !important;
    }

    .career .content2 .title1 {
        font-size: 40px !important;
    }

    .career .content2 .job {
        margin-top: 100px !important;
        margin-left: 100px !important;
        width: 450px !important;
    }

    .career .content2 .job2 {
        margin-left: 0px !important;
    }

    .career .content2 .wrapper {
        margin-left: 35px !important;
    }

    .career .content2 .job .title2 {
        font-size: 22px !important;
    }

    .career .content2 .job .position {
        font-size: 22px !important;
    }

    .career .content2 .job .text {
        width: 350px !important;
        font-size: 16px !important;
    }

    .career .content2 .job .requirement {
        margin-top: 90px !important;
        width: 300px !important;
        font-size: 16px !important;
    }

    .career .content2 .indicator {
        margin-right: -785px !important;
    }

    .career .content2 .job .line hr {
        margin-top: 280px !important;
    }

    .career .content3 .bg3 {
        margin-left: 100px !important;
        width: 1200px !important;
        height: 1000px !important;
    }

    .career .content3 form {
        margin-left: 100px !important;
    }

    .career .content3 .title {
        margin-left: -200px !important;
    }

    .career .content3 .text {
        margin-left: -200px !important;
    }

    /*END OF CAREER*/

}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1365px) {
    .container {
        max-width: 1024px !important;
    }

    .header a {
        font-size: 16px !important;
    }

    .header .nav1,
    .header .nav2 {
        margin-left: -50px !important
    }

    .header .chosen1 {
        margin-left: 42px !important;
    }

    .header .logo {
        transform: scale(0.5, 0.5) !important;
        margin-left: 15px !important;
    }

    .header .changelanguage {
        margin-top: 42px !important;
        margin-right: 15px !important;
    }

    .header .btn.btn-secondary {
        font-size: 10px !important;
    }

    .header .btn.btn-secondary.active {
        font-size: 14px !important;
    }

    /*-------------------*/

    .content1 {
        margin-top: 50px !important;
    }

    .home .content1 .bg1 {
        width: 708px !important;
        height: 562px !important;
    }

    .home .content1 .kamiadalah {
        margin-left: 110px !important;
        width: 500px !important;
    }

    .home .content1 .kamiadalah .title {
        font-size: 42px !important;
    }

    .home .content1 .kamiadalah .text {
        font-size: 12px !important;
    }

    .home .content1 .kamiadalah .hireus button {
        font-size: 12px !important;
        width: 150px !important;
        height: 50px !important;
    }

    .home .content1 .img img {
        margin-top: 15px !important;
        margin-left: 80px !important;
        width: 460px !important;
        height: 430px !important;
    }

    /*------------------------*/

    .home .content2 .bg2 {
        margin-bottom: -300px !important;
        margin-left: 260px !important;
        width: 697px !important;
        height: 232px !important;
    }


    .home .content2 img {
        width: 488px !important;
        height: 465px !important;
        margin-left: 30px !important;
    }

    .home .content2 .title1 {
        font-size: 42px !important;
    }

    .home .content2 .title2 {
        margin-top: 75px !important;
        margin-left: 100px !important;
        font-size: 32px !important;

    }

    .home .content2 .text {
        width: 415px !important;
        font-size: 12px !important;

    }

    /*------------*/

    .home .content3 .bg3 {
        margin-bottom: -500px !important;
        margin-left: -250px !important;
        width: 800px !important;
        height: 219px !important;
    }

    .home .content3 .img img {
        width: 360px !important;
        height: 500px !important;
    }

    .home .content3 .title {
        width: 500px !important;
        margin-left: 0px !important;
        font-size: 32px !important;
    }

    .home .content3 .text {
        width: 350px !important;
        /*margin-left: -100px;*/
        font-size: 12px !important;
    }

    .home .content3 .wrapper {
        margin-top: 193px !important;
        margin-left: -50px !important;
    }

    /*---------------------*/


    .home .content4 .bg4 {
        margin-left: 345px !important;
        width: 630px !important;
        height: 275px !important;
    }

    .home .content4 .img img {
        margin-top: 325px !important;
        margin-left: 0px !important;
        width: 502px !important;
        height: 518px !important;
    }

    .home .content4 .title {
        font-size: 32px !important;
    }

    .home .content4 .text {
        width: 400px !important;
        font-size: 12px !important;
    }

    .home .content4 .wrapper {
        margin-top: 500px !important;
        padding-left: 60px !important;
    }

    /*---------------------*/

    .home .content6 video {
        margin-top: 200px !important;
        margin-left: 60px !important;
        width: 870px !important;
        height: 500px !important;
    }

    .home .content6 .bg6 {
        margin-top: -150px !important;
        width: 857px !important;
        height: 657px !important;
    }

    /*----------------------*/

    .home .content5 .title {
        margin-left: 300px !important;
        font-size: 32px !important;
    }

    .home .content5 .text {
        width: 500px !important;
        font-size: 12px !important;
    }

    .home .content5 .img1 img,
    .home .content5 .img2 img,
    .home .content5 .img3 img,
    .home .content5 .img4 img,
    .home .content5 .img5 img,
    .home .content5 .img6 img,
    .home .content5 .img7 img,
    .home .content5 .img8 img {
        transform: scale(0.7, 0.7) !important;
        margin-left: -40px !important;
    }

    .home .content5 .img2 {
        margin-left: -20px !important;
    }

    /*-----------------------------------*/
    .home .content7 .row {
        padding-left: 0px !important;
    }

    .home .content7 .title {
        margin-top: 25px !important;
        font-size: 36px !important;
        margin-bottom: 50px !important;
    }

    .home .content7 .img1 img,
    .home .content7 .img2 img,
    .home .content7 .img3 img,
    .home .content7 .img4 img {
        /*transform: scale(0.7, 0.7) !important;*/
    }

    .home .content7 .bg7 {
        margin-bottom: -90px;
        margin-left: 0;
        position: relative;
        /*width: 1143px;*/
        width: 950px !important;
        height: 170px;
        /*    width: 1524px;
    height: 1170px;*/
        opacity: 0.1;
        background: #a7dcdf;
        /*clip-path: inset(0 round 0 0 3em 0);*/
        z-index: -1;
    }

    /*PROJECTS*/

    /*CONTENT1*/

    .project .content1 {
        margin-bottom: 0px !important;
    }

    .project .content1 .title {
        font-size: 42px !important;

    }

    .project .content1 .text {
        width: 650px !important;
        font-size: 12px !important;
    }

    .project .content1 .bg1 {
        margin-top: -220px!important;
        width: 663px !important;
        height: 393px !important;
    }

    .project .content2 .slick-dots {
        margin-left: 600px !important;
    }

    .project .content2 .slick-slider {
        height: 1240px !important;
    }

    .project .content2 .title{
        font-size: 36px!important;
    }

    .project .content2 .text{
        font-size: 12px!important;
    }

    /*ABOUT US*/


    /*CONTENT 1*/

    .about-us .content1 .bg1 {
        width: 800px !important;
        height: 750px !important;
    }

    .about-us .content1 .siapakami {
        width: 360px !important;
    }

    .about-us .content1 .title {
        margin-left: 75px !important;
        width: 335px !important;
        font-size: 42px !important;
    }

    .about-us .content1 .text {
        margin-left: 75px !important;
        width: 300px !important;
        font-size: 12px !important;
    }

    .about-us .content1 .img img {
        margin-left: 0px !important;
        width: 580px !important;
        height: 635px !important;
    }

    .about-us .content1 .indicator {
        margin-top: 100px !important;
        margin-left: -385px !important;
    }

    /*END OF ABOUT CONTENT 1*/

    /*ABOUT CONTENT 2*/

    .about-us .content2 .title {
        font-size: 36px !important;
    }

    .about-us .content2 img {
        max-width: 976px !important;
    }

    .about-us .content2 .bg2 {
        width: 600px !important;
        height: 180px !important;
    }

    .about-us .content2 .text {
        width: 500px !important;
        font-size: 12px !important;
        margin: 30px !important;
        /*margin-left: 80px!important;*/
    }

    /*END OF ABOUT CONTENT 2*/

    /*ABOUT CONTENT 3*/
    .about-us .content3 {
        margin-top: 200px !important;
    }

    .about-us .content3 img {
        width: 250px !important;
        height: 250px !important;
    }

    .about-us .content3 .name {
        font-size: 12px !important;
        margin-left: 90px !important;
    }

    .about-us .content3 .jobdesc {
        font-size: 15px !important;
        margin-left: 90px !important;
    }

    .about-us .content3 li {
        width: 40px !important;
        height: 4px !important;
    }


    /*END OF ABOUT CONTENT 3*/

    /*ABOUT CONTENT4*/

    .about-us .content4 .title {
        margin-left: 70px !important;
        margin-bottom: 20px !important;
        font-size: 36px !important;
    }

    .about-us .content4 .img {
        margin-top: 160px !important;
        margin-left: -80px !important;
    }

    .about-us .content4 img {
        height: 625px !important;
        width: 625px !important;
    }

    .about-us .content4 .bg4 {
        height: 717px !important;
        width: 920px !important;
    }

    .about-us .content4 .wrapper {
        margin-top: -100px !important;
    }

    .about-us .content4 .name {
        margin-top: 250px !important;
        font-size: 38px !important;
        font-weight: bold;
        line-height: 1.45;
        letter-spacing: 10px;
        color: #005a64;
    }

    .about-us .content4 .position {
        margin-top: 50px;
        font-size: 16px !important;
        font-weight: normal;
        line-height: 1.21;
        letter-spacing: normal;
        color: #005a64;
    }

    .about-us .content4 .text {
        width: 350px !important;
        margin-top: 50px;
        font-size: 12px !important;
        font-weight: normal;
        line-height: 1.61;
        letter-spacing: 1px;
        color: #005a64;
    }

    .about-us .content4 .carousel-indicators {
        margin-right: 0px !important;
        margin-top: -100px !important;
    }

    /*END OF ABOUT CONTENT 4*/


    /*END OF ABOUT US*/

    /*==============================================================================================================*/

    /*CONTACT US*/

    /*CONTENT 1*/
    .contact-us .content1 .bg1 {
        margin-top: -170px !important;
        margin-bottom: -392px !important;
        margin-left: 500px !important;
        width: 475px !important;
        height: 510px !important;
    }

    .contact-us .content1 .contactus .title {
        margin-left: -20px !important;
        font-size: 42px !important;
    }

    .contact-us .content1 .contactus span {
        font-size: 12px !important;
    }

    .contact-us .content1 .contactus div {
        margin-left: -20px !important;

    }

    .contact-us .content1 img {
        margin-top: 25px !important;
        margin-left: 80px !important;
        width: 365px !important;
        height: 366px !important;
    }

    /*END OF CONTENT 1*/
    /*END OF CONTACT US*/

    .career .content1 {
        margin-top: 60px !important;
    }

    .career .content1 .title {
        margin-top: 20px !important;
        width: 650px !important;
        font-size: 36px !important;
        margin-left: 100px !important;
    }

    .career .content1 .text {
        margin-top: 0px !important;
        width: 400px !important;
        font-size: 12px !important;
        margin-left: 100px !important;
    }

    .career .content1 .bg1 {
        width: 750px !important;
        height: 559px !important;
    }

    .career .content1 .img img {
        margin-top: 10px !important;
        margin-left: -260px !important;
        height: 350px !important;
    }

    .career .content2 {
        margin-top: 350px !important;
    }

    .career .content2 .bg2 {
        margin-bottom: -1050px;
        width: 950px !important;
        height: 1000px !important;
    }

    .career .content2 .title1 {
        font-size: 32px !important;
    }

    .career .content2 .job {
        margin-top: 100px !important;
        margin-left: 20px !important;
        width: 450px !important;
    }

    .career .content2 .job2 {
        margin-left: -5px !important;
    }

    .career .content2 .wrapper {
        margin-left: 35px !important;
    }

    .career .content2 .job .title2 {
        font-size: 20px !important;
    }

    .career .content2 .job .position {
        font-size: 20px !important;
    }

    .career .content2 .job .text {
        width: 350px !important;
        font-size: 14px !important;
    }

    .career .content2 .job .requirement {
        margin-top: 50px !important;
        width: 300px !important;
        font-size: 14px !important;
    }

    .career .content2 .indicator {
        margin-right: -705px !important;
    }

    .career .content2 .job .line hr {
        margin-top: 310px !important;
    }

    .career .content3 .bg3 {
        margin-left: 0px !important;
        width: 950px !important;
        height: 1000px !important;
    }

    .career .content3 form {
        margin-left: 60px !important;
    }

    .career .content3 .title {
        margin-left: -300px !important;
    }

    .career .content3 .text {
        margin-left: -300px !important;
        font-size: 20px !important;
        width: 650px !important;
        s
    }

    /*END OF CAREER*/


    .footer {
        height: 100px !important;
    }


    .footer a {
        font-size: 10px !important;
    }

    .footer .logo img {
        transform: scale(0.5, 0.5) !important;
    }

    .footer .border {
        /*padding: 16px 23px 10px 23px;*/
        padding: 16px !important;
        margin-left: 20px !important;
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .footer .logo {
        margin-left: 15px !important;
        margin-top: 10px !important;
    }

    .footer .icon {
        margin-right: 50px !important;
        margin-top: 20px !important;

    }


}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

    .container {
        max-width: 810px;
    }

    .header a {
        font-size: 10px !important;
    }

    .header .chosen1 {
        /*index*/
        height: 1px !important;
        width: 10% !important;
        margin-left: 20px !important;
    }

    .header .chosen2 {
        /*project*/
        height: 1px !important;
        width: 5% !important;
        margin-left: 0px !important;
    }

    .header .chosen3 {
        /*about us*/
        height: 1px !important;
        width: 10% !important;
        margin-left: 15px !important;
    }

    .header .chosen4 {
        /*contact us*/
        height: 1px !important;
        width: 7% !important;
        margin-left: 55px !important;
    }

    .header .changelanguage {
        margin-right: 0px !important;
    }

    .header .btn.btn-secondary {
        font-size: 8px !important;
    }

    .header .btn.btn-secondary.active {
        font-size: 12px !important;
    }

    /*-------------------*/

    .content1 {
        margin-top: 50px !important;
    }

    .home .content1 .bg1 {
        width: 725px !important;
        height: 754px !important;
    }

    .home .content1 .kamiadalah {
        margin-left: 110px !important;
        width: 500px !important;
    }

    .home .content1 .kamiadalah .title {
        font-size: 36px !important;
    }

    .home .content1 .kamiadalah .text {
        width: 425 !important;
        font-size: 12px !important;
    }

    .home .content1 .kamiadalah .hireus button {
        font-size: 12px !important;
        width: 150px !important;
        height: 50px !important;
    }

    .home .content1 .img img {
        margin-top: 200px !important;
        margin-left: 5px !important;
        width: 450px !important;
        height: 430px !important;
    }

    /*------------------------*/

    .home .content2 .bg2 {
        margin-bottom: -700px !important;
        margin-left: 40px !important;
        width: 752px !important;
        height: 600px !important;
    }


    .home .content2 img {
        width: 488px !important;
        height: 465px !important;
        margin-top: 400px !important;
        margin-left: 250px !important;
    }

    .home .content2 .title1 {
        font-size: 42px !important;
    }

    .home .content2 .title2 {
        margin-top: 100px !important;
        margin-left: -300px !important;
        font-size: 40px !important;

    }

    .home .content2 .text {
        margin-left: -300px !important;
        width: 415px !important;
        font-size: 14px !important;

    }

    /*------------*/

    .home .content3 .bg3 {
        margin-bottom: -750px !important;
        margin-left: -235px !important;
        width: 720px !important;
        height: 630px !important;
    }

    .home .content3 .img img {
        width: 360px !important;
        height: 500px !important;
        margin-top: 550px !important;
        margin-left: -270px !important;
    }

    .home .content3 .title {
        width: 500px !important;
        margin-left: -100px !important;
        font-size: 38px !important;
    }

    .home .content3 .text {
        width: 350px !important;
        margin-left: -100px !important;
        font-size: 18px !important;
    }

    .home .content3 .wrapper {
        margin-top: 193px !important;
        margin-left: -50px !important;
    }

    /*---------------------*/


    .home .content4 .bg4 {
        margin-left: 35px !important;
        width: 757px !important;
        height: 510px !important;
    }

    .home .content4 .img img {
        margin-top: 600px !important;
        margin-left: 150px !important;
        width: 502px !important;
        height: 518px !important;
    }

    .home .content4 .title {
        margin-top: -200px !important;
        margin-left: -350px !important;
        font-size: 38px !important;
    }

    .home .content4 .text {
        margin-left: -350px !important;
        width: 550px !important;
        font-size: 18px !important;
    }

    .home .content4 .wrapper {
        margin-top: 500px !important;
        padding-left: 80px !important;
    }

    /*---------------------*/

    .home .content6 video {
        margin-top: 350px !important;
        margin-left: -15px !important;
        width: 720px !important;
        height: 400px !important;
    }

    .home .content6 .bg6 {
        margin-top: -150px !important;
        margin-left: -13px !important;
        width: 675px !important;
        height: 497px !important;
    }

    /*----------------------*/

    .home .content5 .title {
        margin-left: 100px !important;
        font-size: 32px !important;
    }

    .home .content5 .text {
        margin-left: 100px !important;
        text-align: justify !important;
        width: 500px !important;
        font-size: 12px !important;
    }

    .home .content5 .img1 img,
    .home .content5 .img2 img,
    .home .content5 .img3 img,
    .home .content5 .img4 img,
    .home .content5 .img5 img,
    .home .content5 .img6 img,
    .home .content5 .img7 img,
    .home .content5 .img8 img {
        transform: translate3d(5%, 0, 0) scale(0.6, 0.6) !important;
        margin-left: -60px !important;
    }

    .home .content5 .img2 {
        margin-left: -20px !important;
    }

    /*-----------------------------------*/
    .home .content7 .row {
        /*padding-left: 150px !important;*/
    }

    .home .content7 .title {
        margin-top: 25px !important;
        font-size: 36px !important;
        margin-bottom: 50px !important;
    }

    .home .content7 .img1 img,
    .home .content7 .img2 img,
    .home .content7 .img3 img,
    .home .content7 .img4 img {
        transform: scale(0.7, 0.7) !important;
    }

    .home .content7 .row {
        padding-left: 0px !important;
        margin-left: -50px !important;
    }


    .home .content7 .bg7 {
        width: 750px !important;
        height: 127px !important;
    }

    /*==============================================================================================================*/
    /*PROJECTS*/

    /*CONTENT1*/

    .project .content1 {
        margin-top: 50px !important;
        margin-bottom: -50px !important;
    }

    .project .content1 .title {
        margin-left: 100px !important;
        font-size: 38px !important;

    }

    .project .content1 .text {
        margin-left: 100px !important;
        width: 350px !important;
        font-size: 12px !important;
    }

    .project .content1 .bg1 {
        margin-top: -210px !important;
        width: 720px !important;
        height: 425px !important;
    }

    /*END OF CONTENT 1*/

    .project .content2 .slick-dots,
    .project .content2 .slick-dots button {
        display: none;
        margin: 0px!important;
    }

    .project .content2 .slick-slider {
        height: 700px !important;
    }

    .project .content2 .project-wrapper .content {
        margin-top: 25px!important;
    }

    .project .content2 .title{
        font-size: 24px!important;
    }

    .project .content2 .text{
        margin-top: 25px!important;
        font-size: 8px!important;
    }

    /*END OF CONTENT2*/

    /*CONTENT3*/

    /*END OF CONTENT3*/
    /*END OF PROJECTS*/

    /*ABOUT US*/


    /*CONTENT 1*/

    .about-us .content1 .bg1 {
        width: 720px !important;
        height: 750px !important;
    }

    .about-us .content1 .siapakami {
        width: 400px !important;
    }

    .about-us .content1 .title {
        margin-left: 175px !important;
        width: 380px !important;
        font-size: 42px !important;
    }

    .about-us .content1 .text {
        margin-left: 175px !important;
        width: 375px !important;
        font-size: 12px !important;
    }

    .about-us .content1 .img {
        margin-left: -200px !important;
        margin-top: 400px !important;
    }

    .about-us .content1 .img img {
        margin-left: 0px !important;
        width: 580px !important;
        height: 635px !important;
    }

    .about-us .content1 .indicator {
        margin-top: 100px !important;
        margin-left: 250px !important;
    }

    /*END OF ABOUT CONTENT 1*/

    /*ABOUT CONTENT 2*/

    .about-us .content2 .title {
        font-size: 30px !important;
    }

    .about-us .content2 img {
        max-width: 760px !important;
    }

    .about-us .content2 .bg2 {
        width: 600px !important;
        height: 180px !important;
    }

    .about-us .content2 .text {
        width: 500px !important;
        font-size: 12px !important;
        margin: 30px !important;
        /*margin-left: 80px!important;*/
    }

    /*END OF ABOUT CONTENT 2*/

    /*ABOUT CONTENT 3*/
    .about-us .content3 {
        margin-top: 200px !important;
    }

    .about-us .content3 img {
        width: 200px !important;
        height: 200px !important;
    }

    .about-us .content3 .name {
        font-size: 12px !important;
        margin-left: 65px !important;
    }

    .about-us .content3 .jobdesc {
        font-size: 15px !important;
        margin-left: 65px !important;
    }

    .about-us .content3 li {
        width: 40px !important;
        height: 4px !important;
    }


    /*END OF ABOUT CONTENT 3*/

    /*ABOUT CONTENT4*/

    .about-us .content4 .title {
        margin-left: 70px !important;
        margin-bottom: 20px !important;
        font-size: 32px !important;
    }

    .about-us .content4 .img {
        margin-top: 160px !important;
        margin-left: -80px !important;
    }

    .about-us .content4 img {
        height: 525px !important;
        width: 525px !important;
    }

    .about-us .content4 .bg4 {
        height: 717px !important;
        width: 740px !important;
    }

    .about-us .content4 .wrapper {
        margin-top: -100px !important;
    }

    .about-us .content4 .name {
        margin-top: 250px !important;
        font-size: 34px !important;
        font-weight: bold;
        line-height: 1.45;
        letter-spacing: 10px;
        color: #005a64;
    }

    .about-us .content4 .position {
        margin-top: 50px;
        font-size: 13px !important;
        font-weight: normal;
        line-height: 1.21;
        letter-spacing: normal;
        color: #005a64;
    }

    .about-us .content4 .text {
        width: 300px !important;
        margin-top: 50px;
        font-size: 12px !important;
        font-weight: normal;
        line-height: 1.61;
        letter-spacing: 1px;
        color: #005a64;
    }

    .about-us .content4 .carousel-indicators {
        margin-right: 0px !important;
        margin-top: -100px !important;
    }

    /*END OF ABOUT CONTENT 4*/


    /*END OF ABOUT US*/

    /*==============================================================================================================*/

    /*CONTACT US*/

    /*CONTENT 1*/
    .contact-us .content1 .bg1 {
        margin-top: -40px !important;
        margin-bottom: -395px !important;
        margin-left: 210px !important;
        width: 575px !important;
        height: 610px !important;
    }

    .contact-us .content1 .contactus {
        margin-bottom: 250px !important;
    }

    .contact-us .content1 .contactus .title {
        margin-top: -220px !important;
        margin-left: -87px !important;
        font-size: 42px !important;
    }

    .contact-us .content1 .contactus .email {
        margin-top: 600px !important;
    }

    .contact-us .content1 .contactus span {
        font-size: 12px !important;
    }

    .contact-us .content1 .contactus div {
        margin-left: -20px !important;

    }

    .contact-us .content1 img {
        margin-top: -73px !important;
        margin-left: -160px !important;
        width: 465px !important;
        height: 466px !important;
    }

    /*END OF CONTENT 1*/
    /*END OF CONTACT US*/

    .career .content1 {
        margin-top: 60px !important;
    }

    .career .content1 .title {
        margin-top: 20px !important;
        width: 650px !important;
        font-size: 36px !important;
        margin-left: 100px !important;
    }

    .career .content1 .text {
        margin-top: 0px !important;
        width: 400px !important;
        font-size: 12px !important;
        margin-left: 100px !important;
    }

    .career .content1 .bg1 {
        width: 720px !important;
        height: 850px !important;
    }

    .career .content1 .img img {
        margin-top: 100px !important;
        margin-left: -170px !important;
        /*height: 550px !important;*/
        width: 550px !important;
    }

    .career .content2 {
        margin-top: 50px !important;
    }

    .career .content2 .bg2 {
        margin-bottom: -2050px !important;
        width: 765px !important;
        height: 2000px !important;
    }

    .career .content2 .title1 {
        font-size: 32px !important;
    }

    .career .content2 .job {
        margin-top: 100px !important;
        margin-left: 200px !important;
        width: 450px !important;
    }

    .career .content2 .job2 {
        /*display: none!important;*/
        margin-top: 1000px !important;
        margin-left: -200px !important;
    }

    .career .content2 .wrapper {
        margin-left: 35px !important;
    }

    .career .content2 .job .title2 {
        font-size: 20px !important;
    }

    .career .content2 .job .position {
        font-size: 20px !important;
    }

    .career .content2 .job .text {
        width: 350px !important;
        font-size: 14px !important;
    }

    .career .content2 .job .requirement {
        margin-top: 50px !important;
        width: 300px !important;
        font-size: 14px !important;
    }

    .career .content2 .indicator {
        margin-right: -70px !important;
    }

    .career .content2 .job .line hr {
        margin-top: 310px !important;
    }

    .career .content3 .bg3 {
        margin-left: 0px !important;
        width: 765px !important;
        height: 1000px !important;
    }

    .career .content3 form {
        margin-left: 60px !important;
    }

    .career .content3 .title {
        margin-left: -300px !important;
    }

    .career .content3 .text {
        margin-left: -300px !important;
        font-size: 20px !important;
        width: 650px !important;
        s
    }

    /*END OF CAREER*/

    .footer {
        height: 100px !important;
    }


    .footer a {
        font-size: 10px !important;
    }

    .footer .logo img {
        transform: scale(0.5, 0.5) !important;
    }

    .footer .border {
        /*padding: 16px 23px 10px 23px;*/
        padding: 16px !important;
        margin-left: 20px !important;
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .footer .logo {
        margin-left: 15px !important;
        margin-top: 10px !important;
    }

    .footer .icon {
        margin-right: 50px !important;
        margin-top: 20px !important;

    }




}


/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
        max-width: 506px;
    }
}

/* small mobile :320px. */

@media (max-width: 767px) {
    .container {
        width: 300px;
        max-width: 337px;
    }
}