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

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

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

	.btn-back-top,
	.btn-wa-floating {
		right: 15px;
	}

	.btn-default1,
	.btn-default2 {
		font-size: 13px;
	}

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

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

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

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

	.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-team figure img {
		width: 95%;
	}

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

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

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

	.title {
		margin: 0 0 40px;
	}

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

	.header .content .logo a img {
		height: 40px;
		padding: 10px 20px;
	}

	.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: 42px;
	}

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

	.about {
		padding: 0 0 50px;
	}

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

	.about figure img {
		height: 300px;
	}

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

	.benefit {
		padding: 50px 0;
	}

	.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: 42px;
	}

	.product {
		padding: 50px 0;
	}

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

	.testimonial {
		padding: 50px 0;
	}

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

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

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

	.article {
		padding: 50px 0 0;
	}

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

	.contact figure img {
		height: 280px;
	}

	.contact .item2 ul.sc {
		justify-content: center;
	}

	.contact .item2 ul.chat li a.btn {
		width: 100%;
	}

	.dynamic-section section:nth-child(odd) {
		padding-left: 20px;
    	padding-right: 20px;
	}

	.main-content {
	    padding: 0;
	}

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

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

	.main-contact .content ul.chat li a.btn {
		display: block;
	}

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

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

	.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: 50px 0 0;
	}

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

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