@charset "utf-8";

/* Medium Devices
-------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
    .services .obj-l {left:3%;}
    .services .obj-br {right:1.5%;}
    .services .obj-tr {right:3%;}
}

/* Small Devices (tablets)
-------------------------------------------------- */
@media (max-width: 991px) and (min-width: 768px) {
    .obj, .project-list li i, .btn-mouse-scroll {display:none;}
    .navbar-header {display: inline-block;top: 15px;left: 0;}
    .header {position:relative;background-color:#fff;text-align: center;height: 80px;border-bottom:1px solid transparent;}
    .header:after, .header:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    .header:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 60px;margin-left: -60px;}
    .header:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 61px;margin-left: -61px;}
    .logo {width: 128px;height: auto;background-image:none;margin-top: 0;position: relative;z-index: 100;display: inline-block;}
    .navbar-header {display: inline-block;top: 15px;left: 0;}
    .header .social-block {float:right;top: 30px;}
    .navbar-toggle {display:block;margin-left:15px;}
    .navbar, .navbar-fixed .navbar {width:100%;padding-left:0;position:absolute;left: 15px;top: 64px;margin: 0;padding: 0;z-index: 200;}
    .navbar-collapse.collapse {display: none;visibility: hidden;}
    .navbar-collapse.in {visibility:visible;display:block;}
    .navbar-nav, .navbar-fixed .navbar-nav {margin:0;float:inherit;display:block;background-color: #04212d;}
    .navbar-nav > li {float:inherit;text-align:left;}
    .navbar-nav > li > a {color:#04212d;margin-left: 0;margin-right: 0;border-bottom: 1px solid #555;color: #fff;}
    .navbar-nav > li:first-child > a {border-top: 1px solid #555;}
    .page .ic-linkedin {background-position:-182px -65px;}
    .page .ic-twitter {background-position:-182px -82px;}
    .page .ic-facebook {background-position:-182px -99px;}
    .ic-linkedin:hover {background-position:-216px -65px;}
    .ic-twitter:hover {background-position:-216px -82px;}
    .ic-facebook:hover {background-position:-216px -99px;}
    .project-list li {width:33.3333%;}
    .news-headlines {width:35%;}
    .wrapper {border:0;}
    .home-slider, .references, .videos, .projects, .services, .footer {margin-left:0;}
    .footer-bottom {padding-bottom:20px;}
    .home-slider .bx-pager.bx-default-pager {bottom:25px;}
    .projects .section-heading p {background-color:transparent;}
}

/* Extra small devices(phones)
-------------------------------------------------- */
@media (max-width: 767px) {
    .obj, .project-list li h5, .project-list li p, .btn-mouse-scroll {display:none;}
    .navbar-header {display: inline-block;top: 15px;left: 0;}
    .header {position:relative;background-color:#fff;text-align: center;height: 80px;border-bottom:1px solid transparent;}
    .header:after, .header:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
    .header:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 60px;margin-left: -60px;}
    .header:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 61px;margin-left: -61px;}
    .logo {width: 128px;height: auto;background-image:none;margin-top: 0;position: relative;z-index: 100;display: inline-block;}
    .navbar-header {display: inline-block;top: 15px;left: 0;}
    .header .social-block {float:right;top: 30px;}
    .navbar-toggle {display:block;margin-left:15px;}
    .navbar, .navbar-fixed .navbar {width:100%;padding-left:0;position:absolute;left: 15px;top: 64px;margin: 0;padding: 0;z-index: 200;}
    .navbar-collapse.collapse {display: none;visibility: hidden;}
    .navbar-collapse.in {visibility:visible;display:block;}
    .navbar-nav, .navbar-fixed .navbar-nav {margin:0;float:inherit;display:block;background-color: #04212d;}
    .navbar-nav > li {float:inherit;text-align:left;}
    .navbar-nav > li > a {color:#04212d;margin-left: 0;margin-right: 0;border-bottom: 1px solid #555;color: #fff;}
    .navbar-nav > li:first-child > a {border-top: 1px solid #555;}
    .page .ic-linkedin {background-position:-182px -65px;}
    .page .ic-twitter {background-position:-182px -82px;}
    .page .ic-facebook {background-position:-182px -99px;}
    .ic-linkedin:hover {background-position:-216px -65px;}
    .ic-twitter:hover {background-position:-216px -82px;}
    .ic-facebook:hover {background-position:-216px -99px;}
    .project-list li {width:50%;}
    .news-headlines, .news-preview {width:100%;float:inherit;}
    .news-headlines {margin-left:0;padding-left:0;}
    .wrapper {border:0;}
    .home-slider, .references, .videos, .projects, .services, .footer {margin-left:0;}
    .footer-bottom {padding-bottom:20px;}
    .home-slider .bx-pager.bx-default-pager {bottom:25px;}
    .section {padding:30px 0;}
    .videos a {font-size:18px;}
    .project-list li i {display:inline-block;}
    .news-block {margin-top:30px;}
    .service-list li {margin-bottom:30px;}
    .service-list li:last-child {margin-bottom:0;}
    .service-list li h3 {margin-top:10px;}
    body {font-size:13px;}
    .projects .section-heading p {background-color:transparent;}
    .page-contact .col-indonesia {margin-top:30px;}
    .page-contact .col-item .contact-map {margin-top:20px;}
    .home-slider .bx-wrapper .bxslider .caption h1{font-size:20px;}
    .home-slider .bx-wrapper .bxslider .caption p{font-size:16px;}
}

@media (max-width: 540px) {
    h1 {font-size:26px;}
    h2 {font-size:22px;}
    h3 {font-size:18px;}
    h4 {font-size:16px;}
    h5, blockquote {font-size:15px;}
    body {font-size:13px;}
    .header, .navbar-fixed .header {height:60px;}
    .navbar-header, .navbar-fixed .navbar-header {top:5px;}
    .header .social-block, .navbar-fixed .header .social-block {top:20px;}
    .logo, .navbar-fixed .logo {width:108px}
    .navbar-brand, .navbar-fixed .navbar-brand {padding:6px;}
    .navbar-brand img {display: block;}
    .header:before, .navbar-fixed .header:before {border-width:51px;margin-left:-51px;}
    .header:after, .navbar-fixed .header:after  {border-width:50px;margin-left:-50px;}
    .navbar, .navbar-fixed .navbar {top:53px;}
    .services:before {border:0;width:0;height:0;}
    .home-slider .bx-wrapper .bx-pager.bx-default-pager a {width:20px;}
    .home-slider .bx-pager.bx-default-pager {bottom:5px;}
    .home-slider .bx-wrapper .bx-prev {left:10px;}
    .home-slider .bx-wrapper .bx-next {right:10px;}
    .videos a {font-size:12px;}
    .videos a i {margin-left:3px;margin-right:3px;}
    .news-image {margin-bottom:15px;margin-right:0;float:inherit;}
    .news-content {position:relative;margin-bottom:20px;}
    .footer-top-social, #go-top {display:none;}
    .contact-detail {padding-left:0;}

}

/* Smallest browser width fix
-------------------------------------------------- */
@media (min-width: 0px) and (max-width: 351px) {
    .footer-bottom .copyright {width:100%;text-align:center;}
    .footer-bottom .fikir-logo {display:none;}
}