@media screen and (max-width: 1300px) {
	.container-fluid-profile,
	.container-fluid-testi,
	.container-fluid-testi2,
	.container-fluid-testi-cafe,
	.container-fluid-profile-cafe,
	.container-fluid-testi2-cafe,
	.container-fluid-testi2-salon,
	.container-fluid-profile-salon,
	.container-fluid-testi-salon {
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 1199px) {
	.frame-customerlist-home,
	.container-fluid-profile,
	.container-fluid-testi,
	.container-fluid-testi2,
	.container-fluid-testi-cafe,
	.container-fluid-profile-cafe,
	.container-fluid-testi2-cafe,
	.container-fluid-testi2-salon,
	.container-fluid-profile-salon,
	.container-fluid-testi-salon {
		background-size:  auto 100%;
	}
}
@media screen and (max-width: 991px ) {
	.caption-banner h1 {
		line-height: 32pt;
		font-size: 2.5em;
	}
	.caption-banner p {
		font-size: 16px;
		line-height: 24px;
	}
	.list-features-green {
		width: 32%;
	}
	.frame-feature-rotate {
		width: 520px;
		margin: 0 auto;
	}
	.list-feature-rotate {
		width: 50%;
		margin: 35px 0;
	}
	.frame-feature-rotate {
		padding-left: 60px;
	}
	.banner-pages img {
		width: auto;
		height: 400px;
		min-width: 100%;
	}
}
@media screen and (max-width: 830px) {
	.diamond-grid {
		max-width: 100%;
		width: auto;
	}

}
@media screen and (max-width: 800px) {
	.frame-caption-banner {
		height: 495px;
		top: 0;
	}
	.list-features-green {
		width: 49%;
	}
}
@media screen and (max-width: 768px) {
	.table-customerlisthome {
		height: auto;
		padding-top: 30px;
		padding-bottom: 0;
	}
	.diamond-frame {
		padding-bottom: 0;
	}
	.diamond-grid {
		margin-top: 0;
	    display: inline-block;
	    width: 600px;
	    margin: 0 auto;
	    padding: 0;
	}
	ul.diamond-grid li {
		margin: 60px 30px;
	}
	.diamond-grid > li:nth-child(n+5) {
		margin-top: -90px;
	}
	.diamond-grid > li:nth-child(5) {
		margin-left: -70px;
	}
	.diamond-grid > li:nth-child(7) {
		margin-left: -270px;
    	margin-top: 20px;
	}
	.diamond-grid > li:nth-child(4) {
		margin-top: 20px;
	}
	.diamond-grid > li:nth-child(8) {
		margin-top: -200px;
    	margin-left: 430px;
	}
	.diamond-grid > li:nth-child(9n+6) {
		margin-left: 30px;
	}
}
@media screen and (max-width: 767px) {
	h1.what-folio {
		font-size: 3em;
		line-height: 40pt;
	}
	form.form-contact-us textarea {
		margin-top: 15px;
	}
	.inven-manage {
		padding-top: 0;
	}
	.desc-inven-manage {
		padding-bottom: 20px;
	}
	.col-full-reportlist .retail-list-marine {
		padding: 15px;
	}
	.caption-banner-all.caption-banner-all-index {
		position: relative;
	}
	.caption-banner-all.caption-banner-all-index .col-captionbanner {
		position: relative;
	}
	.caption-banner-all.caption-banner-all-index .frame-caption-banner {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		max-width: none;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner h1,
	.caption-banner-all.caption-banner-all-index .caption-banner p {
		color: rgb(34, 34, 34) !important;
		text-align: center;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner {
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner .btn-try {
		margin: 0 auto;
	}
	.caption-banner-all.caption-banner-all-index .col-captionbanner {
		top: auto;
	}
	.caption-banner-all-index {
		background: #fff;
	}
	.caption-banner-all-index .btn-transparant-border {
		background: #3b9d48;
		font-family: 'open_sansregular';
	}
	.frame-caption-banner {
		right: auto;
	}
	.banner-pages img {
		display: none;
	}
	.banner-pages-mobile-on img {
		display: block;
	}
	.list-product-hardware {
		height: auto !important;
		padding-left: 0;
		padding-right: 0;
	}
	.nav-pricing-menu .nav-tabs.nav-justified>li {
		display: table-cell;
		width: 1%;
	}
}
@media screen and (max-width: 740px) {
	.price-page-desc hr {
		width: 80%;
	}
}
@media screen and (max-width: 660px) {
	.tablecell-customerlisthome {
		padding-bottom: 30px;
	}
	.frame-customerlist-home {
		height: auto;
	}
	.diamond-grid {
		width: 420px;
		margin-top: 30px;
	}
	ul.diamond-grid li {
		margin: 30px 35px;
	}
	.diamond-grid > li:nth-child(3) {
	    margin-top: -60px;
	    margin-left: 140px;
	}
	.diamond-grid > li:nth-child(4) {
	    margin-top: 160px;
	}
	.diamond-grid > li:nth-child(5) {
		margin-left: -175px;
    	margin-top: -60px;
	}
	.diamond-grid > li:nth-child(6) {
		margin-left: 35px;
   		margin-top: -62px;
	}
	.diamond-grid > li:nth-child(7) {
	    margin-left: -280px;
	    margin-top: 50px;
	}
	.diamond-grid > li:nth-child(8) {
	    margin-top: -170px;
	    margin-left: 245px;
	}
	.price-page-desc hr {
		width: 90%;
	}
}
@media screen and (max-width: 625px ) {
	.text-footer-price span {
	}
	.text-footer-price span {
		width: 275px;
		float: none;
		margin: 15px auto;
		display: inline-block;
		border: 1px solid #fff;
		padding: 10px 15px;
	}
	.contact-price-footer {
		text-align: center;
		max-width: 100%;
	}
	.text-footer-price span {
		font-size: 20px;
	}
}
@media screen and (max-width: 600px ) {
	.nav-top span {
		display: none;
	}
	.caption-banner h1 {
		font-size: 2em;
		line-height: 26pt;
	}
	.caption-banner p {
		font-size: 12px;
		line-height: 18px;
	}
	.btn-freature-rotate {
		text-align: center;
	}
	.btn-freature-rotate a.btn {
		display: block;
		margin: 15px auto;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner h1 {
		font-size: 2.5em;
		line-height: 32pt;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner p {
		font-size: 18px;
		line-height: 30px;
	}
}
@media screen and (max-width: 580px) {
	.cantact-ft {
		width: 50%;
	}
	.address-contact-ft {
		width: 100%;
		text-align: left;
		padding-top: 30px;
	}
	.list-feature-rotate {
		width: 100%;
	}
	.frame-feature-rotate {
		width: 285px;
	}
	.price-page-desc hr {
		width: 100%;
	}
}
@media screen and (max-width: 550px) {
	.col-manajemen-stoklist,
	.col-trijaya-global,
	.col-profil-pelangganlist,
	.col-full-reportlist {
		width: 100%;
		height: auto !important;
	}
	.inven-manage {
		padding-top: 15px;
	}
	.desc-inven-manage {
		padding-bottom: 0;
	}
	.retail-list-marine {
		padding: 0 15px;
	}
	.col-full-reportlist .retail-list-marine {
		padding: 15px;
	}
}
@media screen and (max-width: 540px) {
	.col-pricing-tabs {
		width: 100%;
	}	
}
@media screen and (max-width: 520px) {
	.frame-caption-banner {
		max-width: 80%;
	}
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	p.teaser-home {
		max-width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.list-features-green {
		width: 100%;
	}
}
@media screen and (max-width: 440px) {
	.table-customerlisthome {
		display: block;
	}
	.tablecell-customerlisthome {
		display: block;
	}
	.diamond {
		width: 130px;
		height: 130px;
	}
	.content-diamond {
		width: 130px;
		height: 130px;
	}
	.diamond-grid > li:nth-child(3) {
		margin-left: 135px;
	}
	.diamond-grid > li:nth-child(4) {
		margin-top: 140px;
	}
	.diamond-grid > li:nth-child(5) {
		margin-left: -165px;
	}
	.diamond-grid > li:nth-child(7) {
	    margin-left: -265px;
	    margin-top: 40px;
	}
	.diamond-grid > li:nth-child(8) {
	    margin-top: -160px;
	    margin-left: 235px;
	}
	.tablecell-customerlisthome h3 {
		font-size: 2.5em;
	}
	.tablecell-customerlisthome p {
		font-size: 12px;
	}
	h1.what-folio {
		font-size: 2.5em;
	}
	.text-testi p {
		font-size: 12px;
		line-height: 18px;
	}
	.testi-box {
		width: 100%;
		padding: 50px 30px;
		background: rgba(70,70,70,.9);
	}
}

@media screen and (max-width: 420px) {
	.diamond-grid {
		width: 300px;
	}
	ul.diamond-grid li {
		margin: 30px 25px;
	}
	.diamond {
		width: 100px;
		height: 100px;
	}
	.content-diamond {
		width: 100px;
		height: 100px;
	}
	.content-diamond img {
		max-width: 80%;
	}
	.diamond-grid > li:nth-child(3) {
	    margin-left: 100px;
	    margin-top: -55px;
	}
	.diamond-grid > li:nth-child(4) {
	    margin-top: -55px;
	}
	.diamond-grid > li:nth-child(5) {
	    margin-left: 25px;
	    margin-top: -55px;
	}
	.diamond-grid > li:nth-child(6) {
	    margin-left: 100px;
	    margin-top: -55px;
	}
	.diamond-grid > li:nth-child(7) {
	    margin-left: -200px;
	    margin-top: 20px;
	}
	.diamond-grid > li:nth-child(8) {
	    margin-top: -130px;
	    margin-left: 175px;
	}
}
@media screen and (max-width: 400px) {
	.caption-banner h1 {
		font-size: 1.5em;
		line-height: 17pt;
	}
	.caption-banner p {
		line-height: 14px;
	}
	.btn.btn-banner {
		line-height: 30px;
		margin-top: 15px;
	}
	h1.what-folio {
	    font-size: 2.5em;
	    line-height: 32pt;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner h1 {
		font-size: 2em;
		line-height: 26pt;
	}
	.caption-banner-all.caption-banner-all-index .caption-banner p {
		font-size: 16px;
		line-height: 24px;
	}
	.nav-pricing-menu .nav-tabs.nav-justified>li {
		display: inline-block;
		width: 49%;
		padding: 5px;
	}
}
@media screen and (max-width: 340px) {
	.cantact-ft {
		width: 100%;
		padding-bottom: 30px;
	}
	.address-contact-ft {
		padding-top: 0;
	}
}