/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 01 2025 | 05:18:27 */
@media (768px <= width <= 1023px) {
	/* PORTAFOLIO-SINGULAR */
	.single-portfolio .container {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.single-portfolio .w-60 {
    	width: 60% !important;
	}
	.single-portfolio .w-40 {
    	width: 40% !important;
	}
	.single-portfolio .gallery-item-thumbnail-wrap {
    	height: 250px !important;
	}
	.tag-proyecto .elementor-heading-title span {
		font-size: 0.7rem;
		line-height: 0.7rem;
	}
	/* HEADER */
	#header .header-main .elementor-column.elementor-col-33:last-child {
		order: 0;
	}
	#header .header-main .elementor-column.elementor-col-33:nth-child(2) {
		order: 1;
	}
	#header .mobile-toggle {
		margin: 0;
		border-radius: 0;
	}
	#header .header-main .order {
		order: 1;
	}
	/* HEADER STICKY */
	#header.sticky-header .custom-header-main.sticky {
    	padding: 0.8rem !important;
	}
	/* HEADER MOBILE */
	.header-wrapper #header .mobile-toggle:first-child {
		margin-left: 0;
		padding-left: 10px !important;
	}
	/* ROW */
	.w-lg-25 {
    	width: 50% !important;
	}
	/* SERVICIO 2.0 */
	.list-carousel-slick .slick-slide.slick-current.slick-active.slick-center .show .elementor-widget-heading p {
    	width: 150%;
	}
	/* CUSTOM */
	.custom .elementor-widget-container {
		height: 170px;
	}
	/* CONTACTO */
	.gradient .elementor-widget-container {
    	height: 220px;
	}
	/* EMPRESA */
	.flag::before {
		left: -105px;
		width: 150px;
		height: 150px;
		top: 0;
		bottom: 0;
	}
	.left-flag::before, .left-flag::after {
		width: 5px;
		height: 400px;
		bottom: 16px;
	}
	.left-flag::before {
		left: 0;
	}
	.left-flag::after {
		right: -5px;
	}
	/* BLOG */
	.content-post {
		width: 40%;
	}
	.content-post-info {
		width: 60%;
		padding: 0 1rem 0 2rem;
	}
	/* SINGULAR-BLOG */
	.w-lg-100 {
		width: 100% !important;
	}
	.w-lg-60 {
    	width: 50% !important;
	}
	.w-lg-40 {
   		width: 50% !important;
	}
	/* ABOUT */
	.triangle .elementor-widget-container::before, .triangle-revert .elementor-widget-container::before {
		width: 90px;
        height: 100px;;
	}
	.triangle .elementor-widget-container::before {
		bottom: 20%;
		left: 0;
	}
	.triangle-revert .elementor-widget-container::before {
		top: 20%;
		right: 0;
	}
}