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

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

.wrap {
    width: 1300px;
    height: 680px;
     /*border: 3px solid black; */
}

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

#linehead1{width:1300px; height:5px; background:#035;}
#linehead2{width:1300px; height:3px; background:#09c;}
#linehead3{width:1300px; height:2px; background:#fff;}

.container {
    width: 1298px;
    height: 580px;
    border-left:  1px solid #ccc;
    border-right:  1px solid #ccc;
}

.leftbox {
    width: 835px;
    height: 580px;
    float: left;
}

.leftroom {
    width: 200px;
    height: 580px;
    float: left;
}

.logobox {
    width: 200px;
    height: 580px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logobox img {
    width: 180px;
}

.midroom {
    width: 470px;
    height: 580px;
    background-color: #f5f5f5;
    float: left;
} 

.title2 {
    width: 400px;
    margin-left: 40px;
    margin-top: 30px;
    font-size: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid grey;
}

.pix {
    width: 400px;
    margin-left: 40px;
    margin-top: 10px;
}

.pix img {
    width: 400px;
}

.eventbox {
    width: 164px;
    height: 580px;
    border-left: 1px solid #ccc;
    /*background:yellow;*/
    float: left;
}

.eventitle {
        width: 124px;
        height: 50px;
        margin-left:20px;
        border-bottom: 1px solid grey;
        display: flex;
        align-items:center;
        justify-content: center;

    }

.menuevn {
        width: 104px;
        height: 500px;
        /* background: #eee; */
        list-style: none;
        margin-top:0px;
        margin-left:40px;

    }

    .menuevn li img {
        width: 80px;
        height: 80px;
        margin-top: 9px;
        margin-right: 9px;
        border: 2px solid #ccc;
        border-radius: 15px;
        float: left;
    }

.rightbox {
    width: 460px;
    height: 580px;
    border-left: 1px solid #ccc;
    /*background:skyblue;*/
    float: left;
}

.navbot {
    width: 70px;
    height: 70px;
    border: 2px solid #ddd;
    border-radius: 8px;
}


.menuweb31{width:500px; min-height:90px;  margin-top:15px; margin-left:10px; float:left;}	

.menuweb31b{display:none;}
			
	.titlenav{width:420px; height:24px; margin-left:16px; border-bottom:1px solid #ccc; float:left;}
			
			.menu3 li{ width:70; height:70; float:left; list-style-type:none; margin-top:10px; margin-right:15px;}
			.menu3{position:relative; top:-5px; left:15px;}
			
.menuweb35{display:none;}
.titlenav35{display:none;}
.menu35{display:none;}

.navigasi{width:1300px; height:21px; 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:19px; font-size:14px; background:#222; color:grey; text-align:center; float:left; padding-top:5px;}

}