@media screen and (max-width: 1024px){

html {
	font-size: 55%;
}

.portfolio-item {
	width: 50%;
}

.news-item {
	width: 48.6%;
}


.blog-item, .blog-item.wide-blog {
	width: 50%;
}

.blog-item.has-post-thumbnail .blog-desc{
	background: #e6e5e5;
color: #282828;
padding: 40px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
}

.blog-item.has-post-thumbnail .blog-excerpt{
	color: #282828;
}

.blog-item.has-post-thumbnail img {
	display: none;
}

.header-wrap {
	background-color: #ffffff;
}

.logo {
    float: none;
    text-align: center;
}

#main-nav {
    float: none;
}

.about-block .achievement {
    padding: 250px 15px;
}

}

@media screen and (max-width: 1024px) and (min-width: 769px){
    #main-nav {
    float: none;
    padding: 0 200px;
}

.team-detail {
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0px 40px;
}
}


@media screen and (max-width: 768px){

.portfolio-item, .portfolio-item.wide-portfolio {
	width: 100%;
}

@media screen and (max-width: 768px){

.news-item, .news-item.wide-portfolio {
	width: 100%;
}


.blog-item, .blog-item.wide-blog {
	width: 100%;
}


    .burger {
        display: block;
        position: absolute;
        top: 50px;
        right: 50px;
    }
    #menu-icon{
    border:0;
    outline:none;
    background:transparent;
    }
    #menu-icon.active{
    background:transparent;
    }
    #menu-icon .bar{
    left:28px;
    top:25px;
    display:block;
    position:absolute;
    width:24px;
    height:3px;
    background:#111111;
    /*transition*/
    -webkit-transition:all 350ms;
       -moz-transition:all 350ms;
         -o-transition:all 350ms;
            transition:all 350ms;
    /*backface-visibility*/
    -webkit-backface-visibility:hidden;
       -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
         -o-backface-visibility:hidden;
            backface-visibility:hidden;
    }
    #menu-icon.active .bar{
    background:#111111;
    }
    #menu-icon .bar.bar-2{
    top:31px;
    }
    #menu-icon .bar.bar-3{
    top:31px;
    }
    #menu-icon .bar.bar-4{
    top:37px;
    }
    #menu-icon:hover .bar{
    top:20px;
    }
    #menu-icon:hover .bar.bar-2{
    top:31px;
    }
    #menu-icon:hover .bar.bar-3{
    top:31px;
    }
    #menu-icon:hover .bar.bar-4{
    top:42px;
    }
    #menu-icon.active .bar-1{
    /*transform*/
    -webkit-transform:translateY(-15px);
       -moz-transform:translateY(-15px);
        -ms-transform:translateY(-15px);
         -o-transform:translateY(-15px);
            transform:translateY(-15px);
    }
    #menu-icon.active .bar-2{
    /*transform*/
    -webkit-transform:rotate(45deg);
       -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
    /*transition-delay*/
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
    }
    #menu-icon.active .bar-3{
    /*transform*/
    -webkit-transform:rotate(-45deg);
       -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
         -o-transform:rotate(-45deg);
            transform:rotate(-45deg);
    /*transition-delay*/
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
    }
    #menu-icon.active .bar-4{
    /*transform*/
    -webkit-transform:translateY(15px);
       -moz-transform:translateY(15px);
        -ms-transform:translateY(15px);
         -o-transform:translateY(15px);
            transform:translateY(15px);
    }
    .logo.mobile-menu {
        float: none;
        text-align: center;
        display: block;
    }
    .slider-home.mobile-menu {
        top: 0;
    }
    #main-nav {
        display: none;
    }
    #main-nav.mobile-menu {
        display: block;
    }
    #main-nav.mobile-menu > ul {
        padding: 0;
    }
    #main-nav.mobile-menu {
        float: none;
    }
    #main-nav.mobile-menu ul li {
        display: block;
        float: none;
        text-align: left;
        margin-left: 0;
        padding: 10px 0;
    }
	
	#main-nav.mobile-menu ul li a{
        
    }
	
	
    #main-nav.mobile-menu ul li.menu-item-has-children ul {
        position: relative;
    }


    .team-left, .team-right{
        width: 100%;
    }

    .desc-single-portfolio-content {
        margin-bottom: 50px;
    }
    .img-single-portfolio-content {
        padding-left: 0;
    }
}

@media screen and (max-width: 640px){
    .feature-box-service-wrap {
        margin: 30px 0;
    }
    .feature-box-service-wrap li {
        width: 25%;
    }
    .feature-box-services .feature-icon {
        display: inline;
    }
    .feature-box-service-wrap li.active a, .feature-box-service-wrap li:hover a, .feature-box-service-wrap li:focus a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
        border: 0;
    }
    .border-box-services {
        display: none;
    }
    .feature-box-services.active:after, .feature-box-services.active:before {
        display: none;
    }

    ul#portfolio-filter li {
      display: block;
      padding: 0 25px;
      margin: 20px 0;
    }
    .desc-single-portfolio-content {
        padding: 20px 40px;
    }

}


@media screen and (max-width: 480px){

    .about-block .achievement {
        padding: 250px 0;
    }
    .content-achievement {
        width: 100%;
        padding: 50px;
    }
    .testimoni-author {
        position: relative;
        left: 0;
    }
    .testimonial-item.flexslider ul.slides li p {
        padding: 20px;
        width: 100%;
    }
    .flexslider:hover .flex-next {
        right: 10px;
    }
    .flexslider:hover .flex-prev {
        left: 10px;
    }
    .testi-quote {
        left: 0;
        width: 100%;
    }

    .tp-rightarrow.default, .tp-leftarrow.default {
        top: 350px !important;
    }

    ul#portfolio-filter li {
        margin: 20px 0;
        display: block;
    }
    .feature-box-service-wrap {
        margin: 30px 0;
    }
    .feature-box-service-wrap li {
        width: 25%;
    }
    .feature-box-services .feature-icon {
        display: inline;
    }
    .feature-box-service-wrap li.active a, .feature-box-service-wrap li:hover a, .feature-box-service-wrap li:focus a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
        border: 0;
    }
    .border-box-services {
        display: none;
    }
    .feature-box-services.active:after, .feature-box-services.active:before {
        display: none;
    }
    .feature-list li {
        display: block;
        width: auto;
    }

    .service-tab-style-3 .service-style3-item i {
        position: relative;
        width: 100%;
        text-align: center;
    }
    .service-tab-style-3 .service-style3-item .detail {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .detail-contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    .transparent-btn .btn {
        padding: 10px 20px;
    }

    .team-detail {
    width: 100%;
      position: absolute;
      z-index: 2;
      top: 50%;
      -webkit-transform: translateY(-65%);
      -ms-transform: translateY(-65%);
      -o-transform: translateY(-65%);
      transform: translateY(-65%);
      padding: 0px 25px;
      font-size: 70%;
    }
    .feature-box-process {
      width: 100%;
      position: relative;
    }
    .feature-box-process:nth-child(1), .feature-box-process:nth-child(2), .feature-box-process:nth-child(3), .feature-box-process:nth-child(4) {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 20px;
    }
    .filtering-process {
        height: auto;
    }
    .bord-process-1, .bord-process-2 {
        display: none;
    }
    section.process {
        padding: 100px 0 0;
    }
    .footer-social ul {
        padding-left: 0;
    }
    .footer-social ul li a {
        padding: 0 20px;
    }

}


/* pindahan */
.theteam, .theclient {
    padding-top: 90px;
}
.banner{
    width:100%;
    position:relative;
}


.servicve1 .feature-icon
{
	 margin-left:auto;
	 margin-right:auto;
}

.servicve2 .feature-icon
{
	 margin-left:auto;
	 margin-right:auto;
}

.service-title
{
	text-align:center;
}

.service-icon
{
	
}

.service-title .title-with-bord-1
{
	text-align:center;
}

.service-title .title-with-bord-2
{
	text-align:center;
}

.caption .title-with-bord-banner {
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    text-align: left;
	font-weight:bold;
	font-size:30px;
}


.caption .subtitle-l
{
	font-size:25px;
	color:#ffffff;
}

.news-banner-img img
{
	height:250px;
}

.case-summary
{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.about-1 .title-with-bord-l
{
	font-size:14px;
}

.about-2 .title-with-bord-l
{
	font-size:14px;
}