@media screen and (max-width: 1023px) and (min-width: 768px) {
    body {
        background: #ccc;
    }
    #wrapper {
        width: 768px;
        height: 1024px;
    }
    #header {
        width: 770px;
        height: 147px;
        position: relative;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    }
    #header .cyras-logo {
        width: 191px;
		height: 160px;
        float: left;
        background: url(images/cyras-logo2.png) no-repeat top center;
    }
    #header .cyras-logo a{
        width: 191px;
        height: 160px;
    }
    .separator {
        display: none;
    }
    .hm .u2 {
        width: 194px;
        float: left;
        margin-left: -1px;
    }
    .hm .mn, .hm .search, .hm .socmed {
        width: 192px;
        float: left;
        height: 72.5px;
        border: 1px solid #755947;
        margin-top: -1px;
    }
    .hm .mn a {
        width: 192px;
    }
    .hm .bendera {
        display: none;
    }
    .hm .m-search {
        margin-top: 20px;
    }
    .hm .socmed .icn {
        margin-top: 25px;
    }
    .hm .socmed .in {
        margin-left: 45px;
    }
    #top .contex {
        width: 768px;
        height: 790px;
        overflow: hidden;
        background-size: 100% 100%;
    }
    .bxslider li div {
        width: 768px;
        height: 790px;
    }
    .contex .sl1, .contex .sl3 {
        background: url(images/slide1.jpg) no-repeat -130px center;
        background-size: auto 100%;
        color: #543019;
        text-shadow: 1px 1px 2px #fff;
    }
    .contex .sl1 .ctx, .contex .sl3 .ctx {
        margin: 300px 0px 0px 300px;
        position: absolute;
    }
    .contex .sl2, .contex .sl4 {
        background: url(images/slide2.jpg) no-repeat center center;
        background-size: auto 100%;
        color: #fff;
        text-shadow: 1px 1px 2px #000;
    }
    .contex .sl2 .ctx, .contex .sl4 .ctx {
        margin: 100px 0px 0px 50px;
        position: absolute;
    }
    #footer {
        width: 768px;
        height: 86px;
    }
    #navbar {
        float: none;
        clear: both;
		margin-left:20px;
		margin-top:0px;
    }
	#navbar li{
		margin-top:14px;
	}
    #navbar ul ul a {
        padding: 0px 10px;
    }
    .f-icns {
        margin-top: 45px;
        margin-left: 30px;
        position: absolute;
    }
    .copy {
        margin-top: 46px;
        margin-right: 25px;
        float: right;
        width: 196px;
    }
    #footer .bendera {
        margin-top: -3px;
        position: absolute;
        margin-left: -20px;
        display: block;
    }
    
    /*--- why cyras ---*/
    .vision {
        margin-left: -60px;
        height: 210px;
        width: 271px;
        background-size: 100% auto;
    }
    .duduk2 {
        float: right;
        margin-right: -60px;
        width: 497px;
        height: 210px;
        background-size: auto 100%;
    }
    .ovm {
        width: 144px;
    }
    .cyrtex {
        height: 360px;
    }
    
    .cyrtex #post p {
        font-size: 11px;
        line-height: 18px;
    }
    
    /*--- our brands ---*/
    .sret {
        width: 588px;
    }
    .liat2, .gelas,
    .oa .bel, .oa .laptop {
        width: 384px;
        height: 244px;
        background-size: auto 100%;
    }
    .obisi {
        height: 480px;
        margin-top: 30px;
    }
    .our-brands .scroll-y {
        margin-left: 690px;
    }
    .child-brands .scroll-y {
        margin-left: 690px;
    }
    .uz {
        width: 700px;
    }
    .uz .frame {
        float: left;
    }
    .uz .desc {
        float: left;
        width: 280px;
        margin-left: 15px;
        margin-top: 10px;
    }
    .uz .desc h3 {
        text-align: left;
    }
    .uz .desc p {
        font-size: 11px;
        line-height: 18px;
    }
    .cugi {
        width: 100%;
    }
    .cugi p {
        font-size: 11px;
        line-height: 18px;
    }
    .cob {
        width: 100%;
        margin: 5px 0px;
        height: auto;
    }
    .child-brands .cob {
        height: 370px;
        margin-top: 15px;
    }
    .imgo {
        width: 168px;
        height: 174px;
        background: url('images/frame2.png') no-repeat scroll center top transparent;
        float: left;
    }
    .imgo img {
        margin-left: 12px;
        margin-top: 10px;
        width: 145px;
        height: 145px;
    }
    .brx {
        height: 168px;
    }
    .cgo {
        height: auto;
        float: left;
        width: 490px;
        margin-left: 27px;
    }
    .fs .cgo {
        margin-left: 50px;
    }
    .cgo p {
        line-height: 18px;
        font-size: 11px;
    }
    .ngisi2, .ngiris2 {
        height: 244px;
        width: 384px;
    }
    .ngiris2 {
        background-size: auto 100%;
    }
    
    /*--- our assistance ---*/
    .oa .sret {
        width: 563px;
    }
    .quote {
        display: none;
    }
    .coa {
        line-height: 18px;
        font-size: 11px;
        height: auto;
        width: auto;
        margin: 0px;
    }
    
    /*--- partner login ---*/
    .pl {
        background-size: auto 100%;
        background-position: -300px center;
    }
    
    /*--- financial report ---*/
    .sendakep, .keleleran {
        width: 384px;
        height: 244px;
        background: url(images/kantoran.jpg) no-repeat;
    }
    .sendakep {
        background-position: -225px 0px;
    }
    .keleleran {
        background-position: -225px -180px;
    }
    .kiri {
        margin-right: 10px;
        width: 310px;
    }
    .kanan {
        width: 360px;
    }
    .srot {
        width: 318px !important;
    }
    /*--- contact us ---*/
    .cuc {
        width: 600px;
        margin: 10px auto;
    }
    .col2 {
        width: 380px;
        margin-top: 10px;
    }
    .juc {
        width: 160px;
        margin-right: 30px;
        float: left;
    }
    
    /*--- news ---*/
    .dunia2 {
        background-image: url(images/dunia3.jpg);
        width: 384px;
        height: 244px;
    }
    .tangan2 {
        background-image: url(images/tangan3.jpg);
        width: 384px;
        height: 244px;
    }
    .entric {
        height: 460px;
        width: 468px;
    }
    .new .entric #post {
        width: 450px;
    }
    .new .kiri {
        width: 200px;
    }
    
    /*--- careers ---*/
    .haha2, .jempol2, .loncat2 {
        width: 256px;
        height: 244px;
    }
    .haha2 {
        background-image: url(images/haha3.jpg);
    }
    .jempol2 {
        background-image: url(images/jempol3.jpg);
    }
    .loncat2 {
        background-image: url(images/loncat3.jpg);
    }
    .crr .sret {
        width: 618px;
    }
    .crr .entric {
        width: 100%;
    }
    .crr .entric #post {
        width: 100%;
    }
    
    .poste {
        height: 440px;
    }
    
    .scroll-y {
        position: absolute;
        height: 60px;
        width: 27px;
        margin-left: 666px;
        margin-top: 333px;
    }
    .snews {
        margin-left: 735px;
        margin-top: -200px;
    }
    .hotres, .our-ass {
        display: none;
    }
    .scars {
        margin-left: 695px;
        margin-top: -150px;
    }
    
    /*--- message ---*/
    .msg .entric {
        width: 100%;
    }
}