/* Responsive Style */
@media all and (max-width: 1199px){
	
	.my-menu .navbar-nav>li>a {padding: 26px 2px;margin-top: 12px;}
	
	.top-slider .carousel-caption {
    bottom: 0px;
}
.my-menu .navbar-nav>li {
    margin-right: 4px;
}

.my-menu .navbar-default {
    margin-top: -7px;
}

a.readmore {
    padding: 5px 18px;
    font-size: 13px;
}



.top-slider .bx-pager.bx-default-pager {
    top: 88%;
}

.my-menu .navbar-nav>li>a {
    font-size: 14px;
}
	
	.top-slider h1 {
    font-weight: 800;
    font-size: 32px;
}


section.home img.img-responsive {
    position: static;
  
}

.product.type-product .img-hover {
        padding: 104px 0;
}

.sec3 .product.type-product .img-hover {
    padding: 74px 0;
}

.product.type-product .img-hover {
    left: -349px;
	padding: 115px 5px !important;
}


.home h6 {

    font-size: 45px;
}


.rec-pro .nav-tabs {
    width: 95%;
}

.blcak-bar a {  letter-spacing: 4px;}




}
	
	@media all and (max-width: 1024px){
		.inner-banner h1 {
		margin: 0 0 0 0px;}
		
	}
	
	
}

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

	.copyright .container {
    text-align: center;}
	.fot-menu ul {
    float: none;
    padding-top: 15px;}
}
@media all and (max-width: 991px){
	li.wow.fadeInDown.indodesinan:nth-child(2):before {
    content: "";
    background: #000;
    width: 1px;
    height: 19px;
    position: absolute;
    left: 81px;
    top: 0;
	}
	li.wow.fadeInDown.indodesinan:nth-child(2) {
    margin-right: 62px !important;
		position:relative;
}
	
	div#slide-28-layer-1 , #slide-34-layer-1 , #slide-33-layer-1 ,
#slide-28-layer-3 img , #slide-34-layer-3 img, #slide-33-layer-3 img{
    display: none !important;
}
	
	.col-lg-3.logo {
    width: 100% !important;}
	
	.sec2h2 h2 {
		font-size: 40px !important;}
	.sec1h1 {font-size: 25px !important;}
	
	.footer1 p {max-width: 100%;}
	
	.woocommerce-page div.product div.summary {margin-left: 14px;}
	
	.woocommerce-page div.product div.summary {
    width: 63% !important;
    float: left !important;}
	.woocommerce-page div.product div.images {
    width: 31% !important;
    float: left !important;
    }
	
		.my-menu {
    display: flex;
    align-items: center;
    justify-content: center;
   }
		
	
	section.logo-sec {
		height: auto;
    text-align: center;
    margin: 0 auto;}
	.logo img{
		margin:0 auto;
	}
	
	
	
	.copyright .container {
    text-align: center;}
	.fot-menu ul {
    float: none;
    padding-top: 15px;}
	.left2 ul {padding-right: 0px;}
	.inner-banner h1 {
    margin: 0 0 0 0px;}
	.inner-banner { padding-top: 60px;}
	.woocommerce ul.products li.product a img {margin: 0 auto !important;}
	.my-menu .navbar-nav>li>a {padding: 12px 15px;}
	
	
	.top-slider .bx-pager.bx-default-pager {
    top: 78%;
}
	
	.top-slider .sm {display:none;}
	.product.type-product .img-hover {

    padding: 126px 5px !important;
}
	
	.top-slider .carousel-caption {
    bottom: 15px;
}
	
	
.top-slider h1 {
    font-size: 35px;
}	

.sec3 .product.type-product .img-hover {
    padding: 143px 0;
}
.sec3 .product.type-product .img-hover {
    padding: 194px 0;
}

.my-menu .navbar-nav>li {  margin-left: 10px;}

.inner-banner img { min-height: auto;}
.inner-banner {  min-height: 167px;}
.blcak-bar a { letter-spacing: 0px;}

}
@media all and (max-width: 767px){
	.productcontent:before{display:none !important;}
	
	.sec2h2 h2 {
		font-size: 40px !important;}
	.sec1h1 {font-size: 25px !important;}
	
	div#slide-28-layer-1 {
    display: none !important;
    }
	div#slide-28-layer-3 img {
    display: none !important;}
	.col-lg-3.logo {
    width: 100%;}
	
	.inner-banner {background-size: 100% auto !important;}
	.inner-banner h2 {font-size: 25px;}
	.summary.entry-summary h1 {font-size: 26px !important;}
		.woocommerce-page div.product div.summary {
    width: 100% !important;
    float: left !important;}
	.woocommerce-page div.product div.images {
    width: 100% !important;
    float: left !important;
    }
	
	ul.sub-menu {
    background: black;
    }
	.home h3 {text-align: center;}
	.my-menu{
		display:none;
	}
	ul.sub-menu {
    background: transparent;}
	
	.my-menu .navbar-default .navbar-nav>.active>a, .my-menu .navbar-default .navbar-nav>.active>a:focus, .my-menu .navbar-default .navbar-nav>.active>a:hover {
		color: white;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		color: white;}
	
	.navbar {min-height: 20px;}
	section.top {
    height: auto !important;
    padding-bottom: 9px;
   }
   .social .search {
    display: none !important;
    }
	.social .woocommerce-product-search {
    display: block;
    position: relative;
    top: 6px;
    right: 12px !important;
    left: 0 !important;
    margin: 0 auto;
   }
	.my-menu .navbar-nav>li {
    margin-left: 0px;
    }
	.copyright .col-lg-6 {text-align: center;}
	.fot-menu li {
    display: block;
    padding-bottom: 9px;}
	.fot-menu ul {
    float: none;
	margin-top:16px;
}
	
	section.vision {
    background: #f5f5f5;
}

section.our-client {
    background: #29abe2;
}
	
	.product.type-product .img-hover {
    padding: 166px 5px !important;
}
section.our-client {
    text-align: center;
}
	
	section.top {
   
    text-align: center;
}
.our-client .img-responsive {
    display: inline-block !important;
    margin-bottom: 37px;
}


section.top .social {
    text-align: center;
}
	
	
	.my-menu .navbar-nav>li {
    width: 100%;
        background: #7ead2d;
		   
}
	
	.my-menu .navbar-nav>li>a {
    text-transform: uppercase;
    padding: 12px 12px;
    color: #fff;
	    text-align: center;
}

.navbar-toggle {
    margin-top: -33px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.product.type-product .img-hover {
    padding: 156px 0;
}

.sec3 .product.type-product .img-hover {
    padding: 157px 0;
}

section.logo-sec {
    top: 0px;
	padding: 13px 0 6px 0;
}

.pro-slide .slick-prev {
    left: -5px;
    z-index: 999999;
}

.pro-slide .slick-next {
    right: 1px;
}

section.top { height: 95px;}

.top-left { text-align: center;}

.navbar-default .navbar-toggle {  border-color: #ddd;  background: #000;}

.logo {
    text-align: center;
}
.logo .img-responsive {
    margin: 0 auto;
    display: inline-block;
       max-width: 100%;
    text-align: center;
}
.my-menu .navbar-nav>li { background: #000000;}
.home .wpb_single_image.vc_align_left {text-align: center;}



}

@media all and (max-width: 600px){
	.top-slider .carousel-caption {
    display:none;
}
.navbar-toggle {
    margin-top: -65px;
}
	
	.top-slider .bx-pager.bx-default-pager {
    display: none;
}

.home h6 {
    line-height: 34px;
}

.wlc-bg {
    padding: 13px 0 50px 0px;
}	

}

@media all and (max-width: 480px){
	
	.bx-viewport {
    height: 258px !important;
}
.navbar-toggle {
    margin-top: -32px;
}

.inner-banner {
    padding-top: 35px;
}

.bx-viewport img {
    height: 259px;
}

	
	.product.type-product .img-hover {
        padding: 107px 0;
}

.sec3 .product.type-product .img-hover {
    padding: 107px 0;
}

.tp-mask-wrap img {
    width: 341px !important;
    height: auto !important;
    margin-top: 62px !important;
}
	
}

@media all and (max-width: 360px){
	
	
	section.top {
    height: 122px;
}
	
	.product.type-product .img-hover {
    padding: 98px 0;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    width: 100% !important;

}

.sec3 .product.type-product .img-hover {
    padding: 108px 0;
}

section.logo-sec {
    top: 0;
}

.logo img {
    width: 25%;
}
	
}