/* LARGE 1200px */

@media (width < 1200px){
	/* Sections */
	.bloque-html-servicio .right { padding-right: 48px; }
	.bloque-html-servicio .left { padding-left: 48px; }	
}

@media (width > 1200px){
	.container-cesped-image {
		padding: 20px;
		top: 120px;
		left: 120px;
		padding-bottom: 5rem;
	}
}

@media (width > 992px) {
	.main-nav {
		display: grid; 
		grid-auto-flow: column; 
		justify-content: space-evenly; 
		align-items: center;
		text-align: center;
		border-bottom: 1px solid rgba(245, 245, 245, 0.25);
	}
	.main-nav > li {
		padding-bottom: 6px;
	}
	.main-nav li a { 
		color: var(--white);
		padding: 0 16px 8px;
		transition: var(--transition);
	}
	.main-nav > li:not(.menu-item-has-children, :last-child) > a:hover { 
		color: var(--white);
		border-bottom: 3px solid var(--primary-green);
	}
	.main-nav > li:last-child a {
		background-color: var(--secondary-green);
		padding: 12px 20px;
		border-radius: 2px;
		transition: var(--transition);
	}
	.main-nav > li:last-child a:hover {
		background-color: var(--primary-blue);
	}
	.scrolled .main-nav > li:last-child a {
		color: var(--white)!important;
		padding-bottom: 12px!important;
	}
	.main-nav > li.menu-item-has-children { 
		position: relative;
		width: 100%; 
		display: flex; 
		align-items: center; 
		justify-content: center;
	}
	.main-nav > li.menu-item-has-children > a { 
		padding-right: 20px;
		padding-bottom: 2px;
	}
	.scrolled .main-nav > li.menu-item-has-children > a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.scrolled .main-nav > li > a:hover {
		color: var(--primary-green);
	}
	.main-nav > li ul.sub-menu {
		width: auto; 
		position: absolute; 
		top: 100%; 
    	left: 0; 
    	z-index: 1; 
		display: none; 
		padding-left: 0;
	}
	.main-nav > li > ul.sub-menu {
		box-shadow: var(--shadow-header);
	}
	.main-nav > li.menu-item-has-children:hover ul.sub-menu { 
		display: block;
	}
	.main-nav > li ul.sub-menu li { 
		display: flex; 
		flex-direction: column;
		width: 100%;
		margin: auto 0;
	}
	.main-nav > li ul.sub-menu > li:not(.menu-item-has-children) > a {
		display: inline-block; 
		width: max-content; 
		font-size: 14px;
    	font-weight: 600;
		color: var(--dark);
		transition: var(--transition);
		padding: 8px 32px;
	}
	.main-nav > li ul.sub-menu > li.menu-item-has-children > a {
    	font-weight: 600;
		width: 100%;
		text-align: start;
		padding-top: 10px;
		padding-bottom: 8px;
		background: rgba(0,32,71,.85);
		color: var(--white);
		font-size: 14px;
	}
	.scrolled .main-nav > li ul.sub-menu > li.menu-item-has-children > a {
		background-color: var(--light-grey);
		color: var(--dark);
	}
	.main-nav > li ul.sub-menu > li.menu-item-has-children > a:hover {
		cursor: default;
		color: var(--white);
	}
	.scrolled .main-nav > li ul.sub-menu > li.menu-item-has-children > a:hover {
		color: var(--black);
	}
	.main-nav li > .sub-menu li .sub-menu { 
		display: block;
	}
	.main-nav ul.sub-menu ul.sub-menu {
		position: relative;
		top: 0; 
		padding-top: 0;
	}
	.main-nav ul.sub-menu ul.sub-menu > li {
		background: rgba(255,255,255,0.6);
		transition: var(--transition);
	}
	.scrolled .main-nav ul.sub-menu ul.sub-menu > li,
	.scrolled .main-nav ul.sub-menu ul.sub-menu > li:hover {
		background: rgba(255,255,255,1);
	}
	.main-nav ul.sub-menu ul.sub-menu > li:hover {
		background: rgba(255,255,255,0.8);
	}
	.scrolled .main-nav ul.sub-menu ul.sub-menu > li:hover a {
		color: var(--primary-green);
	}
	.scrolled .main-nav > li > a {
		padding-bottom: 21px;
	}
	.menu-btn-container { 
		display: none;
	}

	/* Slider */
	.slider { height: 900px; }
	.slider__items-right .item-icon,
	.slider__items-right .item-icon img { width: 60px; height: 60px; }

	/* Aside */
	.aside { position: absolute; top: -340px; }

	/* Page 404 */
	.page-404 .site-main section.error-404 {
		min-height: calc(100vh - 110px);
	}

	/* Sections */
	.alternados .body {
		z-index: 2;
		position: relative;
	}
	.alternados .col-img {
		position: absolute;
		top: 0;
		height: 100%;
		margin-top: 0;
		z-index: 4;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.alternados .col-img.col-lg-6 { width: 50% }
	.alternados .col-img.col-lg-4 { width: 34% }
	.alternados .col-img.right { right: 0; }
	.alternados .col-img.left { left: 0; }

	.img-grass { width: 50%; }
	.modelo-cesped { margin: 8px; }
	.cesped-image { width: 400px; height: 400px; }
	.modelos-cesped { width: 450px; }

	.btn-contact-mobile { display: none !important; }

}


@media (width < 992px){
	/* Header */
	.menu-btn-container {
		cursor: pointer; 
		z-index: 101; 
		margin: 0 !important; 
		width: 100%;
		display: flex;
		justify-content: end;
  	}
	.menu-btn-container .ph-list {
		font-size: 32px; 
		color: var(--primary-green);
	}
	.scrolled .menu-btn-container .ph-list {
		color: var(--secondary-green);
	}
	.main-nav { 
		position: absolute;
    	z-index: 90; 
		top: 0;
    	right: -2px; 
    	margin: 0;
    	padding: 160px 1.5rem 0!important;
		background-color: var(--white); 
		width: auto;
    	min-width: 400px;
    	border-left: 1px solid var(--light-grey);
    	height: 100vh; 
		display: flex; 
    	flex-direction: column;
		justify-content: flex-start;
		gap: 1.5rem;
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
		transition: clip-path .5s ease-in-out; 
  	}
  	.main-nav li { text-align: end; margin: 0; }
	.main-nav li a { color: var(--black); }
	.main-nav > li > a { 
		margin: 0; 
		list-style-type: none; 
		padding: 0 20px 8px;
		font-size: 18px;
	}
  	.main-nav .sub-menu { 
		list-style-type: none; 
		padding: 0;
		margin-top: 8px;
	}
	.menu-toggle:checked + nav .main-nav { 
		clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	}
	.main-nav > li.menu-item-has-children > a { 
		padding-right: 20px;
	}
	.dropitem { top: 0; }
	.main-nav > li ul.sub-menu > li.menu-item-has-children {
		margin-bottom: 8px;
		background-color: var(--bg-grey);
	}
	.main-nav > li ul.sub-menu > li.menu-item-has-children > a {
		display: block; 
		width: 100%; 
		font-size: 15px;
		color: var(--dark-grey);
		background-color: rgba(0,0,0,.025);
		padding: 4px 8px;
	}	
	.main-nav > li ul.sub-menu > li.menu-item-has-children > a:hover {
		cursor: inherit;
		color: var(--dark-grey);
	}
	.main-nav li > .sub-menu li .sub-menu { 
		display: block!important;
		gap: 6px;
		padding: 0 8px 16px 0;
	}
	.main-nav > li ul.sub-menu ul.sub-menu > li > a {
		font-size: 15px;
		color: var(--dark); 
		text-decoration: none;
	}

	/* Slider */
	.slider { height: 1200px; }
	.slider__body { padding-top:8rem!important; }

	/* Aside */
	.aside { position: relative; top: 0; }

	/* Page 404 */
	.page-404 .site-main section.error-404 {
		min-height: calc(100vh - 170px);
	}

	/* Footer */
	.footer { margin-bottom: 40px; }

	/* Sections */
	.alternados .col-img {
		position: absolute;
		width:  100%;
		height: 60%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.alternados .body {
		position: relative;
		border-radius: 0 0 6px 6px!important;
	}
	.alternados img { max-height: 300px; }
	.img-grass-1 {
		bottom: -4px;
		width: 100%;
		z-index: 3;
	}
	.img-grass-2 { display: none; }
	.modelo-cesped { margin: 4px; }
	.cesped-image { width: 280px; height: 280px; }
	.modelos-cesped { width: 100%; }
	.modelos-cesped { display: grid; width: 100%; }

	.btn-contact-mobile {
		position: fixed;
		z-index: 115;
		width: 100%;
		bottom: 0;
		right: 0;
		text-align: center;
	}
}
@media ( 992px > width > 768px) {
	.slider .item-description { font-size: 1.2rem!important; }
	.slider__items-right .item-icon,
	.slider__items-right .item-icon img { width: 50px; height: 50px; }
	.modelos-cesped { grid-template-columns: 1fr 1fr; }
}
@media (width > 768px) {
	/* Pageheader */
	.pageheader { min-height: 378px; }
	/* Page 404 */
	.page-404 .site-main section.error-404 { max-width: 700px; }
}
/* SMALL 768 */
@media (width < 768px) {
	/* Pagehader */
	.pageheader { padding-top: 6rem; }
	.pageheader .body .title { font-size: 3rem!important; }

	body > section.pageheader > .body { padding-bottom: 4rem!important;}

	/* Sections */
	.slider .container-slider p:not(.slider-title) { font-size: 17px!important; }
	.slider .item-description { font-size: 1.1rem!important; }
	.slider__items-right .item-icon,
	.slider__items-right .item-icon img { width: 42px; height: 42px;}
	.modelos-cesped { grid-template-columns: 1fr; }

	.alternados .body { padding: 40px 0 80px; }
	.error-404 .card-404 {padding: 1.5rem 1.5rem 0!important; }

}
@media(width > 640px){
	.banner { height: 400px; }
}
@media(width < 640px){
	.page-404 .page-title { font-size: 1.7rem!important; }
	.banner { height: 500px; }
}

@media (max-width: 600px) {
	/* Sections */
	.accordion {grid-template-columns: 1fr!important; }
	.circle-background { display: none; }

	.pageheader .pagetitle { font-size: 32px; }
	.pageheader .pagesubtitle { font-size: 18px; }

	.ultimos-posts { max-width: 460px!important; }
}

@media (max-width: 460px) {
	/* Header */
	.main-nav { width: 100%; min-width: auto; right: 0px;  }
	.icons-contact span { display: none; }
}