@charset "UTF-8";
/* CSS Document */

@media (min-width: 767px) and (max-width:980px){
    .row-top .span4 {
        width: 300px;
    }
    .row-top .container, .row-topmid .container, .footerBlock .container {
        background:none;
    }
    #threeStep li {
        padding-right: 45px;
        padding-left: 40px;
    }
    #threeStep li.regNow {
    background:url(../img/regNow.png) left 30px no-repeat;
    margin-top: 0 !important;
    width: 100% !important;
    padding: 30px 0 50px 330px !important;
    }
    .excell .span8{
        width:400px;
    }
    .features {
        background-image:url(../img/line-dua.png);
    }
    .features li.span4 {
        width: 192px;
        height:200px;
    }
    .footerBlock {
        background:url(../img/bg-footer.png);
    }
    .form-horizontal .control-label {
      float: none;
      width: 100%;
    }
    
    .form-horizontal .controls, .form-horizontal .controls-long {
      *display: inline-block;
      *padding-left: 20px;
      margin-left: 0;
      *margin-left: 0;
      margin-top:0;
    }
    
    .form-horizontal .controls:first-child {
      *padding-left: 0;
    }
    .post-testimoni {
        width:220px;
    }
}

@media (max-width: 768px) {
    body {
        padding: 0;
        padding-top: 44px!important;
    }
    .container {
        padding:15px;
    }
    
    .breadcrumb {
        margin-top: 0;
    }
    
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar.navbar-fixed-top {
        margin-bottom :0;
        position: fixed;
        top: 0;
        left: 0;
    }
    
    .row-top .span4 {
        margin-top: 70px;
    }
    ul.contact li.twitter, ul.contact li.fb {
        margin-top: 0;
    }
    
    .row-top .container, .row-topmid .container, .footerBlock .container {
        background:none;
    }
    .row-top {
        background:url(../img/bg-mid-row.png) repeat;
    }
    #threeStep li {
        margin-top:0;
    }
    #threeStep li.devider {
        display:none;
    }
    #threeStep li.regNow {
        background-image:none;
        margin-top: 0 !important;
        width: 100% !important;
        padding: 10px 0 !important;
    }
    .excell .span4 {
        padding-top: 25px;
    }
    .features, .single-page .features {
        background-image:none;
    }
    .footerBlock {
        background:url(../img/bg-footer.png);
    }
    #chatonomy {
        display: none;
    }
    
    /** Table Price **/
    .table-price .table-head {
        display: none;
    }
    .table-price .table-body {
        width: 100%;
    }
    .table-price .table-body li {
        height: auto;
        line-height: 18px;
        padding: 10px 0;
    }
    .table-price .celllabel {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    
    .row-top .span4 {
        margin-top: 0;
    }
    #logo {
        background-image: none;
        padding: 0;
        height: 0;
        margin: 0;
    }
    #logo a {
        opacity: 1;
        height: 36px;
        width: 131px;
        background-image: url(../img/logo-small.png);
        position: fixed;
        top: 4px;
        left: 8px;
        z-index: 9999;
        text-indent: -9999px;
    }
    
    ul.contact {
        padding: 0;
    }
    ul.contact li {
        display: inline-block;
        font-size: 16px;
        width: auto;
        margin-right: 14px;
    }
    ul.contact li.twitter, ul.contact li.fb {
        display: none;
    }

    #threeStep {
        margin-top: 8px;
        width: 100%;
        height: auto;
        background:url(../img/regNow.png) center top no-repeat;
        background-size: 100%;
    }
    #threeStep li {
        width: auto;
        float:none;
        display:block;
        padding: 5px 5px 5px 30px;
        margin-top: 0;
        font-size: 14px;
        text-align:left;
        line-height: 18px;
    }
    #threeStep li.daftar, #threeStep li.kelola, #threeStep li.jualan {
            background:url(../img/orange-dot.png) left no-repeat;
    }
    #threeStep li {
        display: none;
    }
    #threeStep li.regNow {
        display: block;
        padding-top: 110px!important;
    }
    a.btn-regNow {
        display: block;
        width: auto;
        padding: 0;
        margin: 0;
        background-image: none;
        text-align: center;
        padding: 10px;
        background-color: #101010;
        background-image: -moz-linear-gradient(top, #7d7e7d, #101010);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7d7e7d), to(#101010));
        background-image: -webkit-linear-gradient(top, #7d7e7d, #101010);
        background-image: -o-linear-gradient(top, #7d7e7d, #101010);
        background-image: linear-gradient(to bottom, #7d7e7d, #101010);
        -webkit-border-radius: 20px;
           -moz-border-radius: 20px;
            -ms-border-radius: 20px;
             -o-border-radius: 20px;
                border-radius: 20px;
    }
    a.btn-regNow:hover {
        background-color: #29b0c5;
        background-image: -moz-linear-gradient(top, #4cd4e9, #29b0c5);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4cd4e9), to(#29b0c5));
        background-image: -webkit-linear-gradient(top, #4cd4e9, #29b0c5);
        background-image: -o-linear-gradient(top, #4cd4e9, #29b0c5);
        background-image: linear-gradient(to bottom, #4cd4e9, #29b0c5);
    }
    
    .features li.span4 {
        padding: 170px 0 0!important;
        background-position: center top;
        text-align: center;
        height: auto;
        margin-bottom: 20px;
    }
    .post-testimoni {
        width:220px;
    }
    .single-page .features li.span4 {
        height: 220px;
    }
    .single-page .controls {
        margin-top: 10px;
    }
    .form-horizontal .control-label {
        float: none;
        width: 100%;
    }
    .form-horizontal .controls, .form-horizontal .controls-long {
          *display: inline-block;
          *padding-left: 20px;
          margin-left: 0;
          *margin-left: 0;
          margin-top:0;
    }
    
    #register_form .controls > .radio:first-child, 
    #register_form .controls > .checkbox:first-child {
        margin: 0;
        padding: 0;
    }
    #register_form .radio.inline {
        display: block;
        padding: 0;
        margin-bottom: 8px;
    }
    #register_form .radio.inline input {
        margin-left: 0;
    }
    #register_form .radio.inline small {
        margin-left: 6px!important;
    }
    #register_form .control-group.reg_cek {
        margin: 8px 0 20px;
    }
    input#reg_cek {
        float: left;
        margin-top: 0;
    }
    span#reg_cek {
        line-height: 16px;
        display: block;
        margin-left: 20px;
    }
    
    /** Table Price **/
    .table-price .table-col {
        width: 100%;
        float: none;
        margin-bottom: 34px;
        padding-bottom: 12px;
        border-bottom: 1px solid #dddddd;
    }
    .table-price .table-col h2 {
        margin-bottom: 5px;
        padding: 10px 0;
    }
    
    /** Media coverage **/
    .media-coverage-list .media-thumb {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .media-coverage-list .media-thumb img {
        width: 100%;
    }
    .media-coverage-list .media-detail {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}