@media (min-width:1025px) and (max-width:1366px) {

    * {
        margin: 0;
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
    }

    .wrap {
        width: 1300px;
        height: 680px;
        margin-left: auto;
        margin-right: auto;
         /*border: 5px solid black; */
    }

    #header {
        width: 1300;
        height: 40px;
        background-image: url('../../main_images/001_001_blank20.jpg');
    }

    #linehead1 {
        width: 1300px;
        height: 5px;
        background: #035;
    }

    #linehead2 {
        width: 1300px;
        height: 3px;
        background: #09c;
    }

    #linehead3 {
        width: 1300px;
        height: 2px;
        background: #999;
    }

    .content {
        width: 1298px;
        height: 600px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
         /*background-color: yellow; */
    }

    .conexp {
        width: 1207px;
        height: 600px;
        float: left;
    }
    
    .leftbox {
        width: 120px;
        height: 600px;
        float: left;
         /*background-color: yellow; */
    }
    
    .rightbox {
        width: 1080px;
        height: 600px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        float: left;
         /*background-color: skyblue; */
    }
    
    .judul-kontak {
        width: 900px;
        height: 60px;
        margin-top: 10px;
        margin-left: 50px;
        border-bottom: 2px solid #555;
        font-size: 38px;
        font-family: 'Times New Roman', Times, serif;
        color: rgb(66, 65, 65);
    }
    
    .listbox {
        width: 935px;
        height: 720px;
        margin-top: 5px;
        float: left;
         /*background-color: skyblue; */
    }


    .pixbox {
        width: 437px;
        height: 600px;
        border-right: 1px solid #ccc;
        /* background: #ccc; */
        float: left;
    }

    .pixframe {
        width: 437px;
        height: 330px;
        /* background: #555; */
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
    }

    .pixframe img {
        width: 350px;
        border: 3px solid rgb(131, 101, 2);
    }

    .penulis {
        width: 400px;
        height: 190px;
        margin-top: 20px;
        float: left;
    }

    .logo {
        width: 110px;
        height: 190px;
        margin-top:30px;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
    }

    .logo img {
        width: 90px;
        height:90px;
    }

    .ket {
        width: 190px;
        height: 190px;
        border-left: 2px solid #555;
        float: left;
    }

    .texbox {
        width: 760px;
        height: 600px;
        background-color: #f9f9f9;
        float: left;
    }


    .judul {
        width: 700px;
        height: 50px;
        margin-top: 35px;
        margin-left: 50px;
        border-bottom: 2px solid #555;
        font-size: 43px;
        font-family: 'Times New Roman', Times, serif;
        color: rgb(66, 65, 65);
    }


    .head-DG {
        width: 700px;
        height: 50px;
        margin-top: 35px;
        margin-left: 50px;
        border-bottom: 2px solid #555;
        font-size: 43px;
        font-family: 'Times New Roman', Times, serif;
        color: rgb(66, 65, 65);
    }

    .logo-DG {
        width: 200px;
        height: 50px;
        float: left;
    }


    .judul-DG {
        width: 610px;
        height: 38px;
        margin-top: 40px;
        margin-left: 50px;
        border-bottom: 2px solid #555;
        font-size: 34px;
        font-family: 'Times New Roman', Times, serif;
        color: rgb(66, 65, 65);
    }

    .judul2 {
        width: 710px;
        height: 38px;
        margin-top: 40px;
        margin-left: 50px;
        border-bottom: 2px solid #555;
        font-size: 34px;
        font-family: 'Times New Roman', Times, serif;
        color: rgb(66, 65, 65);
    }


    .judul-IK {
        width: 700px;
        height: 35px;
        margin-top: 10px;
        margin-left: 25px;
        border-bottom: 2px solid #555;
        font-size: 30px;
        font-family: 'Times New Roman', Times, serif;
        color: rgb(66, 65, 65);
    }


    .boxcourse {
        width: 700px;
        height: 540px;
        margin-top: 10px;
        margin-left: 25px;
        font-size: 24px;
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(71, 70, 70);
        /* background-color: #fff; */

    }
    
    .boxinfo {
        width: 900px;
        height: 240px;
        margin-top: 10px;
        /*background-color: yellow; */
    }
    
    .boxinfo_foto {
        width: 260px;
        height: 240px;
        border-right: 1px solid #555;
        /*background-color: skyblue; */
        float: left;
    }
    
    .boxinfo_text {
        width: 629px;
        height: 240px;
        /*background-color: yellow; */
        float: left;
    }
    
    .boxstation1 {
        width: 900px;
        height: 100px;
        margin-top: 45px;
        /* background-color: #fff; */
    }

    .headline {
        width: 235px;
        height: 100px;
        border-right: 1px solid #555;
        padding-left: 25px;
        display: flex;
        align-items: center;
        float: left;
    }

    .ikonbox {
        width: 590px;
        height: 120px;
        /* background-color: #fff; */
        float: left;
    }

    .workikon {
        width: 590px;
        height: 100px;
        margin-left: 45px;
        /* background-color: #999; */
    }

    .workikon li img {
        width: 100px;
        height: 100px;
        margin-right: 12px;
        border: 2px solid #ccc;
        border-radius: 15px;
        float: left;
    }
    
    /* ----- boxstation2*/
    
    .boxstation2 {
        width: 900px;
        height: 220px;
        margin-top: 45px;
        /* background-color: #f5f5f5; */
    }

    .headline2 {
        width: 235px;
        height: 220px;
        border-right: 1px solid #555;
        padding-left: 25px;
        display: flex;
        align-items: center;
        float: left;
    }

    .judul-GD {
        width: 234px;
        height: 220px;
        border-right: 1px solid #555;
        padding-left: 25px;
        display: flex;
        align-items: center;
        float: left;
    }

    .ikonbox2 {
        width: 590px;
        height: 220px;
        /* background-color: #fff; */
        float: left;
    }

    .workikon2 {
        width: 580px;
        height: 220px;
        margin-left: 45px;
        /* background-color: #999; */
        position: relative;
        top: -12px;
    }

    .workikon2 li img {
        width: 100px;
        height: 100px;
        margin-top: 12px;
        margin-right: 12px;
        border: 2px solid #ccc;
        border-radius: 15px;
        float: left;
    }
    
    /* ----- boxstation3*/
    
    .boxstation3 {
        width: 900px;
        height: 340px;
        margin-top: 45px;
        /* background-color: #f5f5f5; */
    }
    
    .headline3 {
        width: 260px;
        height: 340px;
        display: flex;
        align-items: center;
        float: left;
    }

    .judul-GD3 {
        width: 234px;
        height: 340px;
        border-right: 1px solid #555;
        padding-left: 25px;
        display: flex;
        align-items: center;
        float: left;
    }
    
    .ikonbox3 {
        width: 630px;
        height: 340px;
        /* background-color: #fff; */
        float: left;
    }

    .workikon3 {
        width: 580px;
        height: 340px;
        margin-left: 45px;
        /* background-color: #999; */
        position: relative;
        top: -12px;
    }

    .workikon3 li img {
        width: 100px;
        height: 100px;
        margin-top: 12px;
        margin-right: 12px;
        border: 2px solid #ccc;
        border-radius: 15px;
        float: left;
    }
    
    /* ----- boxstation3*/
    

    .divhalaman {
        width: 900px;
        height: 100px;
        margin-top: 10px;
        margin-left: 50px;
        /* background-color: #f5f5f5; */
    }

    .divhal {
        width: 900px;
        height: 100px;
        margin-top: 10px;
        margin-left: 50px;
        /* background-color: #f5f5f5; */
    }

    .divhal li {
        width: 100px;
        height: 100px;
        background-color: #035;
        color: #f9f9f9;
        border: 2px solid #ccc;
        border-radius: 12px;
        font-size: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    

    /* tutup frontpage comm layout  */


    .connav {
        width: 90px;
        height: 600px;
         /*background: yellow; */
        float: left;
    }

    .pagenav {
        width: 70px;
        height: 500px;
        margin-left: 7px;
        margin-top:30px;
         /*background: #09c; */
    }

    .pgmenu {
        width: 70px;
        height: 500px;
        /* background: #eee; */
        list-style: none;

    }

    .pgmenu li img {
        width: 70px;
        height: 70px;
        margin-top: 7px;
        border: 2px solid #ccc;
        border-radius: 15px;
        float: left;
    }

    .navigasi {
        width: 1300px;
        height: 18px;
        background: #035;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #999;
        float: left;
    }

    .linebar {
        width: 1300px;
        background: #09c;
        height: 3px;
        float: left;
    }

    .copyright {
        width: 1300px;
        height: 24px;
        background: #222;
        color: grey;
        text-align: center;
        float: left;
        padding-top: 2px;
    }

}