@media screen and (max-width: 1400px) {
	.normal-style {
		display: block;
		width: 100%;
	}
	.width-style {
		display: none;
	}
}
@media screen and (max-width: 960px) {
	.header {
		width: 100%;
		text-align: center;
		margin: 0px;
		padding: 15px 0;
		position: relative;
	}
	.header .col-md-6 {
		display: block;
		width: 100%;
	}
	.header .logo, .header .main-menu {
		display: block;
		width: 100%;
		text-align: center;
	}
	.header .header-sosmed {
		display: inline;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	#produk .col-md-6 {
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}
	.item-section p {
	    max-height: 110px;
	    overflow: hidden;
	}
	.green-footer .col-md-4 {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	.footer-area .col-md-4, .footer-area .col-md-2, .footer-area .col-md-6 {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.box-sugical, .box-inguard {
		width: 100%;
		background-size: cover;
		background-position: center;
	}
	.icon-tree .col-md-4 {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	#content img {
		max-width: 100%;
	}
	.content-box {
		max-width: 100%;
	}
	#topArea h5 {
		margin: 0px;
	}
	#header {
		position: relative;
	}
}
@media screen and (max-width: 560px) {
	#produk .text-produk h2 {
	    font-size: 34px;
	    margin: 15px 0;
	}
	.header .header-sosmed {
		display: none;
	}	
	.button-shop-slider {
		bottom: 40px;
	}
	#produk .text-produk h2 {
	    font-size: 26px;
	    margin: 40px 0;
	    line-height: 20px;
	}
	#produk .ing-pro .text-produk h2 {
		margin: 25px 0;
	}
	#produk h2:after {
		display: none;
	}
	.icon-guard {
	    background-size: 50px;
	    width: 50px;
	    height: 50px;
	}
	.form-subs .form-btn {
	    width: 35%;
	}
	.form-subs .form-inp {
	    width: 60%;
	}
	.content-why {
		margin: 15px 0;
	}
	#VideoHome {
	    margin: 20px 0 0;
	}
	#produk {
	    padding-top: 20px;
	    margin-bottom: 20px;
	}
	#produk h2 {
		margin-bottom: 20px;
	}
	#threeSection {
		margin-bottom: 20px;
	}
	#conten {
	    margin: 30px 0;
	}
	.text-produk {
		padding: 20px;
	}
	.banner-surgical-mask {
	    padding-top: 50px;
	    text-align: center;
	}
	.section-area h3:before, .section-area h3:after {
		width: 10%;
	}
	.img-table-mask .col-md-3 {
		text-align: center;
		margin-bottom: 15px;
	}
	.w-50,
	.w-75{
		width: 100% !important;
	}
}
@media screen and (max-width: 320px) {
	#produk .text-produk h2 {
	    font-size: 26px;
	    margin: 25px 0;
	    line-height: 20px;
	}
	#produk .ing-pro .text-produk h2 {
	    margin: 0 0 25px;
	}
}