@media ( min-width :1200px) {
    #pelayanan-features .container {
	    width: 1300px !important;
	}
}

@media ( max-width :1024px) {
    #pelayanan-features .tiles .tile {
    	width: 307px !important;
    }
    #pelayanan-features .tiles .tile .tile-body {
	    padding: 24px 20px 16px 20px;
	}
}

@media ( min-width :992px) {
    #landing-page .container {
        width: 1000px;
    }

    #pelayanan-features .container{
        width: 990px;
    }
    
    #manual-pengguna .container {
        width: 900px;
    }
    
    #manual-pengguna-body .container-fluid {
        padding-right: 150px;
        padding-left: 150px;
    }
}

@media ( max-width :991px) {
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .portlet-heading {
        padding: 20px;
    }

    .portlet-title, .portlet-body {
        padding: 0 20px !important;
    }

    .page-content {
        padding-top: 0;
    }

    /* Module */
    #module-master.container-fluid {
        padding-left: 90px;
        padding-right: 90px;
    }

    /* Helper */
    .wd-100-sm {
        width: 100% !important
    }
    .input-inline-7 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .input-strip .strip-section {
        display: inline;
    }

    .input-strip .strip {
        display: inline;
    }

    /* Helper */
    .text-right-sm {
        text-align: right !important
    }
}

@media (min-width: 768px) {
    .navbar-left {
        width: 50%
    }

    #landing-page .tiles {
        margin-top: 20px
    }
    
    #pelayanan-features .tiles {
	margin-top: 0;
    }
}

/* All Mobile Sizes (devices and browers) */
@media only screen and (max-width: 767px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .portlet-heading {
        padding: 20px 15px;
    }

    .portlet-title, .portlet-body {
        padding: 0 15px !important;
    }

    #landing-page .tiles .tile {
        height: 195px;
        width: 154px !important;
    }

    /* #landing-page .tiles {
        margin-top: -77px
    } */

    .image-backround .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #pelayanan-features .tiles .tile {
        height: 186px;
        width: 95% !important;
    }

    .welcome-header h3 {
        margin: 0 0 2px;
    }

    /* Module */
    #title-module-master .well {
        padding: 16px 20px;
    }
    #module-master.container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Helper */
    .table-ovr-responsive {
        width: 100%;
        overflow-x: auto;
    }
    .mg-btm-10-sm {
        margin-bottom: 10px
    }
    .form-inline .mt-checkbox {
        margin-left: 0;
    }

}

@media only screen and (max-width: 479px) {
    .nav > li.header-search {
        float: left;
    }
    
    .nav > li.mega-dropdown {
        display: inline-block;
    }
    
    .mega-dropdown-menu {
        width: 100% !important;
    }
    
    .user-login-5 .login-container > .login-content {
        padding: 0 60px;
    }
    .welcome-header h1 {
        margin-bottom: 20px;
    }

    #landing-page .tiles {
        margin-top: 15px
    }

    .input-group-btn input {
        width: 185px !important;
    }

    .input-inline-7 {
        margin-bottom: 10px;
    }

    .input-inline-7 > div {
        width: 32.5% !important;
        margin-bottom: 3px;
    }

    .input-inline-7 span {
        width: 100% !important
    }

    .input-inline-7 span input {
        width: 100% !important
    }

    .input-inline-7 button {
        width: 65.8% !important;
    }

    .input-inline-7.two-button button {
        width: 32.5% !important;
    }

    .input-strip .strip-section {
        display: block;
    }

    .input-strip .strip {
        display: block;
        padding-left: 50%;
        margin-bottom: 10px
    }

    .input-strip span {
        width: 100% !important
    }

    .input-strip .strip-section > div {
        width: 100%;
        margin-bottom: 10px;
    }

    .input-strip .strip-section input {
        width: 100% !important;
    }

    .upload-widget-modal.modal{
        left: 1%;
    }

    /* Module */
    #module-title {
        text-align: left;
    }

    #module-title .page-title {
        margin-top: 0;
    }

    /* Helper */
    .bg-grey-xs {
        background: #f8f8f8;
    }
    .dp-block-xs {
        display: block;
    }

    .wd-100-xs {
        width: 100% !important;
    }

    input.wd-100-xs {
        width: 100% !important;
    }

    .wd-50-xs {
        width: 49.6% !important;
    }

    .pad-top-10-xs {
        padding-top: 10px
    }

    .mg-top-5-xs {
        margin-top: 5px
    }

    .mg-top-10-xs {
        margin-top: 10px
    }

    .mg-btm-0-xs {
        margin-bottom: 0
    }

    .mg-btm-5-xs {
        margin-bottom: 5px
    }

    .mg-btm-10-xs {
        margin-bottom: 10px
    }

    .mg-btm-15-xs {
        margin-bottom: 15px
    }

    .input-inline-7 > div {
        display: block !important;
    }
}