@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: 968px){

#content-wrapper{
	padding-top:40px;
}

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

.site-header .header-top .left-arrow {
	padding:15px;
} 

.site-header .header-top .left-arrow  img{
	width:17px;
	height:25px;
} 
  
.site-header .header-top .logo{
	padding-top:7px;
	position:absolute;
	width:135px;
	height:79px;
	z-index:10000;
	top:0px;
	left:50%;
	margin-left:-70px;
} 

.site-header .header-top .logo-index{
	padding-top:7px;
	position:absolute;
	width:135px;
	height:79px;
	z-index:10000;
	top:0px;
	left:10px;
} 

  

.navbar-default
{
	
}

.news-list li a
{
	color:#727171;
	width:calc(100%);
	display:block;
	float:left;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}


#navbar
{
	
}

.page-wrapper .page-content
{
	width:100%;
}

.searchBar
{
	height:50px;
	background:#000000;
	border-bottom:5px solid #A90044;
	padding-top:10px;
}

.searchBar .inner{
	width:340px;
	height:30px;
	margin:0px auto;
	padding:0px;

}


.searchBar #searchForm .label{
	float: left !important;
	padding:7px;
} 

.searchBar #searchForm {
	padding:0px;
	overflow:hidden;
	width:340px;
	float:left;
} 

.searchBar #searchForm .search-input .keywords{
	width:110px; 
	height:27px; 
	padding:0 8px; 
	border:none;  
	background:#fff; 
	margin:0;
	margin-top:0px;
	color:#898989;
}

.searchBar #searchForm  .search-btn{
	margin-top:0px;
	float: left !important;
}

.searchBar #searchForm .tm2001style{
	float: left !important;
	margin-right:5px;
} 

#gotop{ background-position:0 0px;bottom:80px; _margin-bottom:67px;} 


.card-box 
{
	background:#000000;
	height:800px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	margin-bottom:30px;
}

.card-box .inner
{
	background:#D6D7D9;
	height:100%;
	padding:20px;
	padding-top:20px;
}

.card-box .inner .bottom
{
	height:153px;
	background: none;
}

.card-box .inner .body
{
	height:540px;
	padding-top:20px;
}


.module h2
{
	
	font-size:25px;
}
.module h3
{
	
	font-size:18px;
	
}

.about-block 
{
	height:auto;
}

.news-block
{
	background:#000000;
	height:auto;
	border-bottom:5px solid #A90044;
}



.about-content .pic img
{
	width:100%;
	height:auto;
}

.news-block .top-news-list
{
	height:auto;
}


.news-block .top-news-list .title
{
	color:#E4E4E4;
	font-size:16px;
	padding-bottom:3px;
	border-bottom:4px solid #BDBEBE;
}

.news-block .top-news-list .content
{
	padding-top:20px;
	height:auto;
}

.news-block .top-news-list .content .pic img
{
	width:100%;
	height:auto;
}

.news-block .top-news-list .content .list
{
	padding-top:20px;
}

.news-block .top-news-list .content  .list li
{
	color:#BEBFBF;
}

.news-block .top-news-list .content  .list li a
{
	font-size:12px;
	color:#BEBFBF;
}

.product-block 
{
	height:auto;
	margin-bottom:10px;
}
.product-block .list
{
	padding:15px;
	padding-top:0px;
}
.product-block .list .item
{
	
	margin-bottom:2px;
	padding:2px;
	padding-bottom:0px;
}

.product-block .list img
{
	width:100%;
	height:100%;
	
}

.video-block
{
	height:auto;
}

.video-block .video-board-inner
{
	/*background: url(../images/video-board.png) center center no-repeat;
    background-size: 100% auto;*/
	height: 280px;
	
}


.subnav{
	line-height:2.5em; 
}
.subnav li{ 
	float:left; 
	width:auto;
	text-align:left;
	height:2.5em;
	line-height:2.5em; 
	margin: 0 1rem 0 1rem;
	font-size:1.6rem; 
	list-style-type:disc;
	padding-left:0px;
	padding-right:0px;
	text-indent:0px;
	white-space:nowrap;
 }

.subnav li.active{ 
	 list-style-type:disc;
	 color:#A70045;
 }
 .subnav li.active a{ 
	 color:#A70045;
 }
 .page-content
 {
	padding:10px;
	padding-top:0px;
 }

 .news-list li
{
	width:100%;
	font-size:1.6rem;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	
}

.product-list
{
	width:100%;
}

.product-list .product-item
{
	
	margin-bottom:2px;
	padding:2px;
	padding-bottom:0px;
}



.product-list .product-item .product-pic img
{
	width:100%;
	height:auto;
}

.page-wrapper .page-content .contact-box .pic img
{
	width:100%;
	margin-bottom:10px;
}

.news .cover
{
	margin-bottom:20px;
}


.burger {
	display: block;
	position: absolute;
	top: -70px;
	right: 0;
	z-index:1000;
	margin-right: 5px;
	padding: 9px 7px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border-color: #A90045;
}

.burger:hover,
.burger:focus {
  background-color: #A90045;
}

.burger  .icon-bar {
  background-color: #A90045;
}

.burger:hover .icon-bar,
.burger:focus .icon-bar {
  background-color: #ffffff;
}
.navbar-mobile {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 10300;
}

.navbar-mobile .navbar-collapse{
	width:50%;
	padding:0px;
	float:right;
	
}
.navbar-mobile .nav{
	padding:0px;
}

.navbar-mobile .nav>li{
	text-align:left;
	margin:0px;
	background:rgba(169, 0, 68, .75);  
	width:100%;
	padding:0px;
}

.navbar-mobile .nav>li :hover{
	background:rgba(169, 0, 68, 1); 
}
.navbar-mobile .nav>li a{
	color:#ffffff;
	font-size:14px;
}



    #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: #333333;
    text-transform: uppercase;
    position: relative;
    text-align: left;
	font-weight:bold;
	font-size:30px;
}


.caption .subtitle-l
{
	font-size:18px;
	color:#333333;
}

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

.case-summary
{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.project-item .p1
{
	padding-top:0px;
	padding-left:0px;
}
.project-item .p2
{
	padding-top:0px;
	padding-left:0px;
}
.project-item .p3
{
	padding-top:0px;
	padding-left:0px;
}
.project-item .p4
{
	padding-top:0px;
	padding-left:0px;
}
.project-item .p5
{
	padding-top:0px;
	padding-left:0px;
}
.project-item .p6
{
	padding-top:0px;
	padding-left:0px;
}

.thetitle{
	font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.125;
	font-weight:bold;
}


.subtitle {
    text-align: center;
	font-size: 11px;
    font-size: 1.1rem;
}


.thetitle1{
	font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.125;
	font-weight:bold;
}


.subtitle1{
    text-align: center;
	font-size: 11px;
    font-size: 1.1rem;
}


.img-responsive {
	width: 100%;
	height:auto;

}


.card-box .inner .body .row .zhibao
{
	height:20px;
	width:30px;
	border-bottom:1px solid #838486;
	text-align:center;
}


.enquiry-box
{
	width:100%;
	height:180px;
	background:#D6D7D7;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}

.enquiry-box .form
{
	padding-top:10px;
	padding-left:10px;
}