@media only screen and (min-width: 1371px)and (max-width: 1599px){ .oke{padding-left:20px; padding-right:20px} .zoom{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);} .mobileshow { display: none; }} @media only screen and (min-width: 1154px)and (max-width: 1370px){ .oke{padding-left:20px; padding-right:20px} .zoom{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);} .mobileshow { display: none; }} @media only screen and (min-width: 960px)and (max-width: 1153px){ .zoom{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);} .mobileshow { display: none; }} @media only screen and (min-width: 769px) and (max-width: 959px){ h4,.sedang { font-size:24px} .xx-besar { font-size:45px} .x-besar { font-size:38px} .besar { font-size:30px} .x-kecil { font-size:13px} .kol-16{width:33.3%} .kol-14{width:49.8%} .img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:60px} .harga1 {max-width:95%} .mobileshow { display: none; } .box{padding:15px} .easyslider {overflow: hidden;position: relative;width: 765px;height: 313px;background: transparent;} .image_reel {position: absolute;top: 0;left: 0;} .image_reel img {float: left;width: 20%;height: 313px;} .top{margin-top:-250px;} .lebar-bawah{padding-bottom:200px} .zoom{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);} .order1-merah,.order1-hijau,.order1-biru,.order1-ungu,.order2-merah,.order2-hijau,.order2-biru,.order2-ungu{width:350px}} @media only screen and (min-width: 631px) and (max-width: 768px){ .post-body,.widget-content{ font-size:18px;line-height:1.5em} h2.post-title.entry-title,h2.post-title.entry-title a,h2,h1,h3 {font-size:28px} .mobilecenter {text-align: center;} h4,.sedang { font-size:22px} .xx-besar { font-size:43px} .x-besar { font-size:34px} .besar { font-size:28px} h5,.normal { font-size:18px} .kecil { font-size:15px} .x-kecil { font-size:12px;line-height:1.5em} .lebar{padding:25px 0 25px} .kol-6{width:33.3%} .kol6{width:33.3%} .kol-4{width:49.8%} .kol-12,.kol-13,.kol-14,.kol-15,.kol-16,.kol-123{width:99.5%} .harga1 {max-width:95%} .mobileshow { display: none; } .box{padding:13px} .box-kontak {padding:20px;width:80%;background-color:#ececec;} .img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:60px} .ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:60px;text-align:center} .avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9} .logo{width:170px;height:auto;} .easyslider {overflow: hidden;position: relative;width: 635px;height: 259px;background: transparent;} .image_reel {position: absolute;top: 0;left: 0;} .image_reel img {float: left;width: 20%;height:259px;} .lebar-bawah{padding-bottom:135px} .top{margin-top:-200px;} .harga2 {max-width:80%}} @media only screen and (min-width: 600px) and (max-width: 630px){ .post-body,.widget-content{ font-size:18px;line-height:1.5em} h2.post-title.entry-title,h2.post-title.entry-title a,h2,h1,h3 {font-size:25px} .xx-besar { font-size:40px} .x-besar { font-size:34px} .mobilecenter{text-align: center;} .mobilehide { display: none; } .besar { font-size:26px} h4,.sedang { font-size:22px} h5,.normal { font-size:18px} .kecil { font-size:15px} .x-kecil { font-size:12px;line-height:1.5em} .lebar{padding:25px 0 25px} .kol-6{width:33.3%} .kol6{width:33.3%} .kol-4{width:49.8%} .kol-12,.kol-13,.kol-14,.kol-15,.kol-5,.kol-16,.kol-123{width:99.5%} .harga1 {max-width:95%} .img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:60px} .ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:60px;text-align:center} .box{padding:13px} .box-kontak {padding:20px;width:80%;background-color:#ececec;} .avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9} .logo{width:170px;height:auto;} .easyslider {overflow: hidden;position: relative;width: 595px;height: 243px;background: transparent;} .image_reel {position: absolute;top: 0;left: 0;} .image_reel img {float: left;width: 20%;height:243px;} .lebar-bawah{padding-bottom:10px} .top{margin-top:-70px;} .harga2 {max-width:80%}} @media only screen and (min-width: 480px) and (max-width: 599px){ .mobilehide{ display: none; } .post-body,.widget-content{ font-size:18px;line-height:1.5em} h2.post-title.entry-title,h2.post-title.entry-title a,h2,h1,h3 {font-size:23px} .mobilecenter{text-align: center;} .xx-besar { font-size:40px} .x-besar { font-size:34px} .besar { font-size:26px} h4,.sedang { font-size:22px} h5,.normal { font-size:18px} .kecil { font-size:15px} .x-kecil { font-size:12px;line-height:1.5em} .lebar{padding:20px 0 20px} .kol-6{width:33.3%} .kol-4{width:49.8%} .kol6{width:33.3%} .kol-12,.kol-13,.kol-14,.kol-15,.kol-5,.kol-16,.kol-123{width:99.5%} .harga1 {max-width:90%} .img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:60px} .ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:60px;text-align:center} .lebar80,.lebar75,.lebar70,.lebar85{max-width:85%} .box{padding:13px} .box-kontak {padding:20px;width:80%;background-color:#ececec;} .avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9} .easyslider {overflow: hidden;position: relative;width: 475px;height: 194px;background: transparent;} .image_reel {position: absolute;top: 0;left: 0;} .image_reel img {float: left;width: 20%;height:194px;} .top{margin-top:-100px} .lebar-bawah{padding-bottom:60px} .harga2 {max-width:80%} .order1-merah,.order1-hijau,.order1-biru,.order1-ungu,.order2-merah,.order2-hijau,.order2-biru,.order2-ungu{width:95%}} @media only screen and (max-width: 480px){ .post-body,.widget-content{ font-size:17px;line-height:1.5em} .mobilehide{ display: none;} h2.post-title.entry-title,h2.post-title.entry-title a,h2,h1,h3 {font-size:23px} .post-body {font-size: 17px;} .box-kontak {padding:20px;width:80%;background-color:#ececec;} .mobilecenter{text-align: center;} .xx-besar { font-size:36px} .x-besar { font-size:32px} .besar { font-size:26px} h4,.sedang { font-size:20px} .kecil { font-size:14px} .x-kecil { font-size:12px;line-height:1.5em} h5,.normal { font-size:17px} .lebar{padding:20px 0 20px} .lebar-bawah{padding-bottom:60px} .top{margin-top:-100px} .top2{margin-top:-200px;} .top3{margin-top:-140px;} .kol6{width:33.3%} .kol4{width:49.8%} .kol-2,.kol-3,.kol-4,.kol-5,.kol-6,.kol-23,.kol-12,.kol-13,.kol-14,.kol-15,.kol-16,.kol-123{width:99%} .fitur{padding:20px 10px 20px} .img-fitur{width:90px;height:90px;;font-size:60px} .gambar-fitur{width:80px;height:80px;;font-size:50px} .ico-fitur{width:45px;height:45px;float:left;padding-right:20px;padding-left:5px} .ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:60px;text-align:center} .icon-samping{margin-right:10px;width:80px;height:80px;font-size:50px;line-height:1.55em;} .icon-kecil{width:50px;height:50px;font-size:30px;text-align:center;line-height:1.55em;} .btn-full{min-width:280px} .btn-animasi1,.btn-animasi2,.btn-animasi3,.btn-animasi4,.btn-animasi5{font-size:16px;line-height:2em} .img-btn{width:32px;height:32px;margin-right:5px} .order{ width:300px; padding:10px} .order1-merah,.order1-hijau,.order1-biru,.order1-ungu,.order2-merah,.order2-hijau,.order2-biru,.order2-ungu{width:98%}.order1-merah span,.order1-hijau span,.order1-biru span,.order1-ungu span,.order2-merah span,.order2-hijau span,.order2-biru span,.order2-ungu span{font-size:35px;} .lebar80,.lebar75,.lebar70,.lebar85,.lebar90{max-width:95%} .box{padding:13px}.post-body-blockquote {border-color:#CC0000;border-image:none;border-style:dashed;border-width:3px;margin:0 auto;padding:15px;width:95%;} .garis-box {border-right: 0px solid #ececec;border-left: 0px solid #ececec;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;} .harga1 {max-width:90%}.harga1 .judul{font-size:26px;font-weight:normal}.harga1 .harga span{font-size:30px;} .harga2 {max-width:90%}.harga2 .judul{font-size:26px;font-weight:normal}.harga2 .harga span{font-size:30px;} .btn {font-size:15px;margin:2px;padding: 6px 14px} .btn1 {font-size:15px;margin:2px;padding: 6px 14px} .btn2 {font-size:15px;margin:2px;padding: 6px 14px} .btn3 {font-size:15px;margin:2px;padding: 6px 14px} .btn-order,.btn-x-besar {padding:10px 20px;font-size:22px} .btn-besar {font-size:20px; padding: 8px 16px;} .btn-kecil {font-size:12px; padding: 2px 8px;} .avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9} .paging {background: none;position: absolute;bottom: 5px;right: 5px;padding:2px 0 2px;z-index: 100;display:none;} .easyslider {overflow: hidden;position: relative;width: 350px;height: 143px;background: transparent;} .image_reel {position: absolute;top: 0;left: 0;} .image_reel img {float: left;width: 20%;height:143px;} .easytitledes {width:60%;display: none;position: absolute;bottom: 5px;left: 5px;z-index: 101;background:#000A3F;background: rgba(2, 0, 51, 0.6);padding: 5px 5px;} .easytitledes a {font: 16px sans-serif;font-weight: bold;} .easytitledes span {font: 12px Arial;} }