/* SMALL */
@media only screen and (min-width: 576px) and (max-width: 767.9px) {
	html {
		font-size: 15px;
	}

	.hidden-sm {
		display: none !important;
	}

	.container,
	.container-fluid {
		max-width: 100%;
		width: 90%;
	}

	.box-gallery figure img {
		height: 220px;
	}

	.box-article .content {
		padding: 15px;
	}

	.box-article .content ul {
		display: block;
	}

	.box-article figure img {
		height: 150px;
	}

	.box-product .overlay,
	.box-product .text,
	.box-product figure img {
		height: 200px !important;
	}

	.box-product .overlay p {
		margin: 0;
	}

	.box-product .overlay .btn-group {
		margin: 0 0 20px;
	}

	.box-slide .box-body .search-filter .input-group {
		margin: 0 0 10px;
	}

	.wrapper .inwrapper {
		margin: 70px auto;
	}

	.wrapper .inwrapper {
		margin: 120px 0 80px;
	}

	.title {
		margin: 0 0 40px;
	}

	.title h1,
	.about .text h1,
	.contact h1 {
	    font-size: 28px;
	}

	.banner {
		padding: 120px 0 0;
	}

	.banner .slider-default-1 .item {
		display: block;
	}

	.banner .slider-default-1 .item .text {
		width: 100%;
		margin: 0 0 30px;
	}

	.banner .slider-default-1 .item .text h1 {
		font-size: 48px;
	}

	.banner .slider-default-1 .item figure img {
		width: 100%;
	}

	.about {
		padding: 0 0 60px;
	}

	.about figure {
		margin: 0 0 30px;
	}

	.about figure img {
		height: 300px;
	}

	.about figure .btn {
		top: 38%;
	}

	.benefit .content .col-xl-3:nth-child(1),
	.benefit .content .col-xl-3:nth-child(2),
	.benefit .content .col-xl-3:nth-child(3) {
		margin: 0 0 30px;
	}

	.benefit .content .item i.icon {
		font-size: 48px;
	}

	.product {
		padding: 60px 0;
	}

	.team {
		padding: 60px 0 40px;
	}

	.testimonial {
		padding: 60px 0;
	}

	.testimonial .title {
		text-align: center;
		margin: 0 0 30px !important;
	}

	.client-partner {
		padding: 60px 0;
	}

	.client-partner .slider-carousel-3 .item img {
		width: 80%;
	}

	.article {
		padding: 60px 0 0;
	}

	.contact .col-xl-4:nth-child(1),
	.contact .col-xl-4:nth-child(2) {
		margin: 0 0 30px;
	}

	.contact figure img {
		height: 300px;
	}

	.main-content {
	    padding: 0;
	}

	.main-product .slider-default-2 figure img {
		height: 370px;
	}

	.main-content .related .slider-carousel-1 .box-article figure img {
		height: 160px;
	}

	.main-list .search-filter .input-group {
		margin: 0 0 15px;
	}

	.main-about .content .sub-content {
		margin: 0 0 60px;
	}

	.main-about .content .sub-content img {
		height: 450px;
		margin: 0 0 30px;
	}

	.main-about .content .sub-content .text-1 {
		padding-left: 0;
	}

	.main-about .content .sub-content .text-2 {
		padding-right: 0;
	}

	.main-about .cta {
		padding: 60px 0 0;
	}

	.main-about .cta .content h2,
	.main-about .team h2 {
		font-size: 24px;
	}

	.main-article nav ol.breadcrumb li span {
		width: 200px;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
	}
}