@media (max-width:1200px) and (min-width:768px) {
  .navbar-nav>li>a {
    padding-left: 7px;
    padding-right: 7px;
  }
  
  .member-menu {
    display: none !important;
  }
  
  .dropdown-menu .yamm-content .col-sm-3 {
    width: 33.333333%;
  }
  
  .dropdown-menu .yamm-content .col-sm-4 {
    width: 50%;
  }
  
  .dropdown-menu .yamm-content .col-sm-3,
  .dropdown-menu .yamm-content .col-sm-4 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .yamm .yamm-content {
    line-height: 1.2;
  }
  
  #tab-profession ul li.col-sm-4 {
    width: 50%;
  }
  
  #tab-latest .col-sm-4 {
    width: 25%;
  }
  
  #tab-latest .col-sm-4 .job-grid-img {
    height: 120px;
  }
  
  #overlay.headline {
    height: 100px;
  }
  
  #sidebar .article-item .col-sm-4,
  #sidebar .article-item .col-sm-8 {
    width: 100%;
    padding-left: 15px !important;
  }
  
  #sidebar .article-item .col-sm-4 .thumb {
    height: 100px;
    margin-bottom: 10px;
  }
  
  #register #step-3 #working-period .col-sm-5, 
  #register #step-3 #working-period .col-sm-2,
  #register #step-4 #profession .col-sm-4,
  #register #step-4 #profession .col-sm-8,
  #register #step-4 #industry .col-sm-4,
  #register #step-4 #industry .col-sm-8,
  #register #step-4 #location .col-sm-4,
  #register #step-3 #location .col-sm-5,
  #register #step-3 #location .col-sm-2,
  {
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #panel-experience .experience-item #working-period .col-sm-5,
  #panel-experience .experience-item #working-period .col-sm-2 {
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #panel-experience .experience-item #working-period .col-sm-5 .col-sm-6,
  #panel-experience .experience-item #working-period .col-sm-2 .col-sm-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #company-detail .profil-item .col-sm-4 {
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
  }
  
  #company-detail .profil-item .col-sm-8 {
    width: 100%;
  }
}

@media (max-width:992px) and (min-width:768px) {
  #tab-latest .col-sm-4 {
    width: 50%;
  }
  
  #tab-latest .col-sm-4 .job-grid-img {
    height: 200px;
  }
  
  #register .social .col-sm-4 {
    width: 100% !important;
  }
  
  #register #education .col-sm-8 .col-sm-6,
  #register #education .col-sm-8 .col-sm-3 {
    width: 100%;
    padding-left: 15px !important;
  }
  
  #register #education .col-sm-8 .col-sm-3,
  #job-apply #panel-profile input[type=file] {
    margin-top: 10px;
  }
  
  #register #step-3 #working-period .col-sm-5, 
  #register #step-3 #working-period .col-sm-2 {
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #register #step-3 #working-period .col-sm-5 .col-sm-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #register #step-5 img {
    width: 100%;
  }
  
  .group-profesi ul li.col-sm-4 {
    width: 50%;
  }
  
  .job-item .btn-solid,
  .job-item .btn-outline {
    width: 49.7%;
  }
  
  .job-item .col-sm-2 {
    margin-top: 20px;
  }
  
  #job-detail .sidebar #salary {
    margin-top: 30px;
  }
  
  #job-detail .box .col-sm-4.side,
  #job-detail .box .col-sm-8.content,
  .job-item .col-sm-10,
  .job-item .col-sm-2,
  #company-detail .box .col-sm-4,
  #company-detail .box .col-sm-8 {
    width: 100%;
  }
  
  .filter-item .btn-xs.pull-right {
    float: left !important;
  }
  
  .filter-item p.pull-left {
    width: 100%;
  }
  
  #similar .job-grid-item {
    width: 48%;
    float: left;
    margin-right: 10px;
  }
  
  #similar .border-top {
    width: 100%;
    float: right;
  }
  
  #cta .col-sm-3 {
    width: 50%;
    margin-bottom: 20px;
  }
  
  /* USER PAGE DASHBOARD */
  
  #mypage-sidebar {
    margin-top: 30px;
  }
  
  #mypage-content.col-sm-9,
  #mypage-sidebar.col-sm-3 {
    width: 100% !important;
  }

  #mypage-content.col-sm-9.col-sm-push-3 {
    left: 0;
  }
  
  #mypage-sidebar.col-sm-3.col-sm-pull-9 {
    right: 0;
  }
  
  footer .menu ul li {
    padding: 0 10px;
  }
}

@media (min-width:768px) {
  .owl-nav .owl-next img {
    right: -20px !important;
  }
  
  .owl-nav .owl-prev img {
    left: -20px !important;
  }
}

@media (min-width:992px) {
  body {
    padding: 0;
  }
  
  .navbar {
    border: none;
  }
}

@media (min-width:1200px) {}

@media (max-width:991px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) { 
  
  /* CUSTOM NAVBAR */

  #navbar {
    margin-top: 10px;
  }
  
  .navbar-brand {
    height: auto;
  }
  
  .navbar-brand img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .navbar-toggle {
    margin-top: 13px;
    border: none;
  }
  
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
  
  .navmenu-default .navmenu-nav > .active > a,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
  .navmenu-default .navmenu-nav > .active > a:hover,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
  .navmenu-default .navmenu-nav > .active > a:focus,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
    color: #ffffff;
    background-color: #51af33;
  }
  
  .navmenu-default .navmenu-nav > .open > a,
  .navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
  .navmenu-default .navmenu-nav > .open > a:hover,
  .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
  .navmenu-default .navmenu-nav > .open > a:focus,
  .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
    background-color: transparent;
  }
  
  .navmenu-default .navmenu-nav > .active > a .caret,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:active .caret,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus .caret,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover .caret,
  .navbar-default .navbar-offcanvas .navmenu-nav > .active > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  
  .navmenu-default .navmenu-nav.dropdown-menu,
  .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .navbar-collapse.in {
    overflow-y: scroll;
  }
  
  .dropdown-menu>li>a {
    padding-left: 30px;
  }
  
  .bs-searchbox .bootstrap-select,
  .bs-searchbox .btn-search {
    margin-top: 10px;
  }
  
  .headline .box,
  .group-profesi.margin-top-50,
  .group-lokasi.margin-top-50 {
    margin-top: 60px !important;
  }
  
  .headline .box .col-sm-4 {
    padding-left: 15px !important;
  }
  
  .headline .box img {
    margin-bottom: 20px;
  }
  
  .headline .box .text-green {
    line-height: 1;
  }
  
  #profesi.headline,
  #location.headline,
  #company-list.headline,
  #overlay.headline {
    height: auto !important;
  }
  
  #profesi.headline .box,
  #location.headline .box {
    padding-left: 0;
    padding-right: 5px;
  }
  
  #company-list.headline .container {
    padding-left: 0;
    padding-right: 0;
  }
  
  .holder.pad-top-90 {
    padding-top: 30px !important;
  }
  
  .news-item {
    margin-bottom: 30px;
  }
  
  .owl-nav .owl-next img {
    right: 0 !important;
  }
  
  .owl-nav .owl-prev img {
    left: 0 !important;
  }
  
  #loginModal {
    padding-right: 0 !important;
  }
  
  #loginModal .modal-content {
    width: 100% !important;
    padding: 30px 30px !important;
  }
  
  #profesiModal .modal-content {
    width: 100%;
  }
  
  /* JOB */
  /* JOB LIST */
  
  #filter-box .box {
    top: 0;
  }
  
  #filter-box .container {
    padding-left: 0;
    padding-right: 0;
  }
  
  .filter-item .selected-box {
    margin-top: 10px;
  }
  
  .filter-item .col-sm-9 input {
    margin-bottom: 10px;
  }
  
  .filter-item .col-sm-5.no-pad-right,
  .filter-item .col-sm-9.no-pad-right {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .job-item .logo.pull-left {
    width: 20%;
  }
  
  .job-item .title.pull-left {
    width: 80%;
  }
  
  .job-content img,
  .job-content .feat {
    margin-bottom: 20px;
  }
  
  #job-list .pull-left,
  #job-list .pull-right,
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
  }
  
  #job-list #sorting h3 {
    padding-bottom: 20px;
  }
  
  /* JOB DETAIL */
  
  .parallax-slider.job-detail {
    height: 300px;
  }
  
  #job-detail .title .logo img {
    margin-right: 0;
  }
  
  #job-detail .content h3,
  #job-detail .content .btn-solid {
    margin-bottom: 20px;
  }
  
  #job-detail .tag-item {
    font-size: 12px;
  }
  
  #job-detail .content .job-date {
    margin-bottom: 20px;
  }
  
  #job-detail .content .job-date p {
    text-align: center !important;
  }
  
  #detail-perusahaan tr,
  #detail-lowongan tr {
    display: block;
    padding: 10px 0;
    line-height: 1.5;
    border-bottom: solid 1px #dadada;
  }
  
  /* JOB APPLY */
  
  #job-apply #panel-profile input[type=file] {
    margin-top: 10px;
  }
  
  /* REGISTER */
  
  #register #step-1 #tgl-lahir .col-sm-4 {
    padding-right: 15px !important;
    margin-bottom: 10px !important;
  }
  
  #register #education .col-sm-8 .col-sm-6,
  #register #education .col-sm-8 .col-sm-3 {
    width: 100%;
    padding-left: 15px !important;
  }
  
  #register #education .col-sm-8 .col-sm-3 {
    margin-top: 10px;
  }
  
  #register #step-2 input[type=file] {
    margin-top: 10px;
  }
  
  #register #step-3 #working-period .col-sm-5, 
  #register #step-3 #working-period .col-sm-2,
  #panel-experience .experience-item #working-period .col-sm-5,
  #panel-experience .experience-item #working-period .col-sm-2 {
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #register #step-3 #working-period .col-sm-5 .col-sm-6,
  #panel-experience .experience-item #working-period .col-sm-5 .col-sm-6,
  #panel-experience .experience-item #working-period .col-sm-2 .col-sm-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  #register #step-3 input[type=text],
  #register #step-3 .bootstrap-select,
  #job-apply input[type=text],
  #job-apply .bootstrap-select {
    margin-top: 10px !important;
  }
  
  #register #step-5 img {
    width: 100%;
  }
  
  #company-login .container,
  #company-reg .container {
    padding: 0 0 !important;
    margin: 0 0 !important;
  }
  
  #company-login .col-sm-6,
  #company-reg .col-sm-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  #company-login.holder-2x,
  #company-reg.holder {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  #company-reg .form-group .col-sm-4 {
    padding-right: 15px !important;
    margin-bottom: 15px;
  }
  
  /* BLOG */
  
  #article-detail .container.margin-top-30 {
    margin-top: 0;
  }
  
  #article-detail #main {
    padding-left: 0;
    padding-right: 0 !important;
  }
  
  #main.col-sm-8 {
    padding-right: 15px !important;
  }
  
  .featured-item.big {
    min-height: 190px;
    max-height: 190px;
  }
  
  #featured .featured-item.big,
  .article-item img,
  .blog-category-item {
    margin-bottom: 20px;
  }
  
  #featured .featured-item.big h2 {
    font-size: 18px;
  }
  
  #featured .col-sm-8 {
    padding-right: 15px !important;
  }
  
  #main .article-item .col-sm-4 {
    padding-right: 15px !important;
  }
  
  #sidebar .thumb {
    height: 150px;
  }
  
  #sidebar .article-item .col-sm-8 {
    padding-left: 15px !important;
  }
  
  #sidebar .article-item h3 {
    margin-top: 10px;
  }
  
  /* USER PAGE DASHBOARD */
  
  #mypage-content #title .pull-left,
  #mypage-content #title .pull-right {
    float: none;
    text-align: center;
  }
  
  #mypage-content #title img {
    margin-bottom: 10px;
  }
  
  #mypage-content #title .pull-left,
  #mypage-content #title .pull-right,
  #mypage-content #title .pull-right .btn-solid {
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  
  #mypage-content #step-3 .col-sm-9 .col-sm-3,
  #mypage-content #step-3 .col-sm-9 .col-sm-4,
  #mypage-content #step-3 .col-sm-9 .col-sm-5,
  #mypage-content #step-3 .col-sm-9 .col-sm-10 {
    padding-right: 15px !important;
  }
  
  #mypage-content #step-3 .col-sm-9 .col-sm-3 input,
  #mypage-content #step-3 .col-sm-9 .col-sm-3 .bootstrap-select,
  #mypage-content #step-3 .col-sm-9 .col-sm-4 input,
  #mypage-content #step-3 .col-sm-9 .col-sm-5 input,
  #mypage-content #step-3 .col-sm-9 .col-sm-10 input {
    margin-bottom: 10px;
  }
  
  .large-chartbox .col-sm-4 {
    margin-bottom: 30px;
  }
  
  #mypage-sidebar {
    margin-top: 30px;
  }
  
  /* CTA */
  
  #cta .col-sm-3 {
    margin-bottom: 20px;
  }
  
  /* FOOTER */
  
  footer .col-sm-3 {
    margin-bottom: 30px;
  }
  
  footer .menu ul li {
    padding: 5px 10px;
  }
  
  /* COMPANY PAGE */
  
  #slider h1 {
    font-size: 36px !important;
  }
  
  #features .feat-item {
    margin-bottom: 30px;
  }
  
  #testimonial .featured-item.big {
    min-height: 300px;
    max-height: 300px;
  }
  
  #company-detail .content .col-sm-3 {
    margin-bottom: 10px;
  }
  
  #company-detail .profil-item .col-sm-4 {
    font-weight: bold;
    margin-top: 10px;
  }
  
  #company-detail .profil-item .col-sm-4,
  #company-detail .profil-item .col-sm-8 {
    padding-left: 0 !important;
  }
  
  #apply-finish .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  #register #step-5 .btn,
  #register #step-5 .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  
  #job-detail .title,
  #company-detail .title {
    text-align: center;
  }
  
  #job-detail .title .logo,
  #company-detail .title .logo {
    width: 100%;
    margin-bottom: 10px;
  }
  
  #company-detail .title .logo {
    width: 100%;
    margin-bottom: 10px;
  }
  
  #company-detail .title .pull-right {
    text-align: center;
    width: 100%;
  }
  
  #company-list.headline .box .col-sm-4 {
    padding-left: 0 !important;
  }
}

@media (max-width: 320px) {
  #detail-lowongan .title,
  #detail-perusahaan .title {
    width: 120px;
  }
  
  #job-detail .row.box,
  #company-detail .row.box {
    padding: 20px 0;
  }
}