@media (max-width:575.98px) {
	
}

@media (min-width: 576px) {

}

@media (max-width:1094px) {

}

@media (max-width:700px) {
	h1 {
		font-size: 1.8rem;
	}
	
	.page img {
		width: 100% !important;
		height: auto !important;
	}
	.catalog-default .catalog-grid {
	    grid-template-columns: 1fr 1fr !important;
	}
	
	.container.header-grid {
	    max-width: 100%;
	}
	
	.ul-tree .tree-node {
	    height: auto;
	}
	
	.complited-work .carousel {
		height: 800px;
	}
	
 	.complited-work .carousel .carousel-inner .carousel-item .carousel-item-grid {
		grid-template-areas: unset;
	    grid-template-columns: 1fr;
	    grid-template-rows: repeat(5, 1fr);
	}
	 
	.complited-work .carousel .carousel-inner .carousel-item .carousel-item-grid .carousel-item-grid-1,
	.complited-work .carousel .carousel-inner .carousel-item .carousel-item-grid .carousel-item-grid-2,
	.complited-work .carousel .carousel-inner .carousel-item .carousel-item-grid .carousel-item-grid-3,
	.complited-work .carousel .carousel-inner .carousel-item .carousel-item-grid .carousel-item-grid-4,
	.complited-work .carousel .carousel-inner .carousel-item .carousel-item-grid .carousel-item-grid-5 {
		grid-area: auto;
	}
}
@media (orientation: landscape) {
	.catalog-default .catalog-grid {
	    grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (orientation: portrait) {
	.catalog-default .catalog-grid {
	    grid-template-columns: 1fr !important;
	}
}
 
@media (max-width:767.98px) {

}
 
@media (min-width:768px) {

}
 
@media (max-width:991.98px) {

}

@media (min-width:992px) {
 
}
  
@media (max-width:1199.98px) {
   
}

@media (min-width:1200px) {
 
}