@media screen and (min-width: 1681px) {

			.posts article:nth-child(3n + 1):before {
				display: none;
			}

			.posts article:nth-child(3n + 1):after {
				width: 100%;
			}

			.posts article:nth-last-child(1), .posts article:nth-last-child(2), .posts article:nth-last-child(3) {
				margin-bottom: 0;
			}

				.posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
					height: 100%;
				}

				.posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
					display: none;
				}

		}




		@media screen and (min-width: 481px) and (max-width: 1680px) {

			.posts article:nth-child(2n + 1):before {
				display: none;
			}

			.posts article:nth-child(2n + 1):after {
				width: 100%;
			}

			.posts article:nth-last-child(1), .posts article:nth-last-child(2) {
				
			}

				.posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
					height: 100%;
				}

				.posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
					display: none;
				}

		}

	



	@media screen and (max-width: 1680px) {
        
        
        		h1 {
			font-size: 3.5em;
		}
        	body, input, select, textarea {
				font-size: 11pt;
			}
        
			.posts article {
				width: calc(50% - 4em);
			}

				.posts article:nth-last-child(3) {
					margin-bottom: 4em;
				}

			#sidebar {
				width: 24em;
			}

				#sidebar > .inner {
					padding: 1.6666666667em 1.6666666667em 1.3333333333em 1.6666666667em ;
					width: 24em;
				}

					#sidebar > .inner > .alt {
						margin: -1.6666666667em 0 3.3333333333em -0.6666666667em;
						padding: 1.6666666667em;
						width: calc(100% + 3.3333333333em);
					}

				#sidebar .toggle {
					height: 6.3em;
					line-height: 6.25em;
					text-indent: 6em;
					width: 13.5em;
				}

					#sidebar .toggle:before {
						font-size: 1.5rem;
						left: 2em;
					}

				#sidebar.inactive {
					margin-left: -24em;
				}
        
                #main > .inner {
				padding: 0 5em 0.1em 5em ;
			    }

				#main > .inner > section {
					padding: 4em 0 3em 0 ;
				}
            
                .wrap-height {
                min-height: 1400vh!important;
            }
               .wrapper2 {
                min-height:300vh;
            }
	
		}










/* ----------------------- Medium ------------------------- */





	@media screen and (max-width: 1366px) {
		
   
         body {
            font-size:10.5pt;
        }
			.posts article {
				width: calc(33.3333333333333333% - 2.5em);
                margin: 0 2.5em 2.5em 0;
			}

				.posts article:nth-last-child(3) {
					margin-bottom: 2.5em;
				}
        
        .posts-show header.major h2 {

            font-size: 1.45em;
        }
        
        .posts-show header.major {
            width: 25%;
        }

        
    	#header {
            left:40%;
            width:260px;
            height:180px;
        }
        
        #header a.logo img {
            width:62%;
        }
		
			#header.active {
        left:50%;
	}
        
        #header.section-logo a.logo img {
    width: 55%;
}
        
        .box-div-1 {
    padding: 120px;
}
        
.box-div-2 {
    padding: 63px 0px;
} 
        
        .box-main h3 {
    font-size: 1.4em;
}
        
.box-main h1 {

    font-size: 2em;
}
    
        
       
.contact-titles p {
    font-size: 0.88em;
    line-height: 1.9em;
    text-align: justify;
} 
        
.contact-titles h2 {
    font-size: 1.8em;
    margin-bottom: 40px;
}
        
     .features h3 {
    font-size: 0.9em;
}     
        
  .features p {
    font-size: 0.85em;
}
h3 {
    font-size: 0.8em;
}
        
h3 {
    font-size: 0.8em;
}    
        
    h6 {
		font-size: 0.58em;
        line-height: 1.4em;
        padding:8px 12px;
        margin-bottom: 37px;
        position: absolute;
        right:26px;
        top:25px;
	}
        
        #menu > ul > a.back  {

    margin-bottom: 40px!important;
}
        
   
            #main > .inner {
				padding: 0 4em 0.1em 4em ;
			}

            #main > .inner > section {
					padding: 2em 0 2em 0 ;
				}
            


			#banner .image img {
                height: auto;
                width: 88%;
            }
            
            .content header {
                padding-left:40px;
            }
        
            #banner h1 {
    font-weight: 500;
    font-size: 2.5em;
}
        
        
        
			#sidebar {
				width: 22.5em;
			}

				#sidebar > .inner {
					padding: 1.9666666667em 2.1666666667em 1.3333333333em 2.1666666667em ;
					width: 22.5em;
				}

					#sidebar > .inner > .alt {
						margin: -1.6666666667em 0 3.3333333333em -0.6666666667em;
						padding: 1.6666666667em;
						width: calc(100% + 3.3333333333em);
					}

				#sidebar .toggle {
					height: 6em;
					line-height: 6.25em;
					text-indent: 6.1em;
					width: 12em;
				}

					#sidebar .toggle:before {
						font-size: 1.2rem;
						left: 2em;
					}

				#sidebar.inactive {
					margin-left: -22.5em;
				}
            
            #menu ul a, #menu ul span {
                font-size: 0.77em;
                font-weight: 500;
            }
        
            #menu header.major h2 > :last-child {
                font-size: 0.85em;

            }
        
        
				.uk-position-medium {
			margin: 90px 30px;
		}
		
		
				
.obras-editorial p {
    letter-spacing:0.08px;
    font-size:0.94em;
}

.obras-editorial h3 {
    line-height:1.5em;
    letter-spacing:0.08px;
    font-size:1.2em;
}

.obras-editorial h4 {
    line-height:1.5em;
    letter-spacing:0.08px;
    font-size:1.01em;
}

.obras-editorial h5 {
    line-height:1.6em;
    letter-spacing:0.08px;
    font-size:0.95em;
}

.obras-editorial h5 span {
    color:#f2b893;
    font-size:1em;
    font-weight:600;
}

        
     
            
            
}






/* ----------------------- Medium 1280 ------------------------- */


		@media screen and (max-width: 1280px) {

			body, input, select, textarea {
				font-size: 10pt;
			}

		}





/* ----------------------- Portrait ------------------------- */




		@media screen and (max-width: 1024px) {

			#sidebar {
				box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				z-index: 10000;
			}

				#sidebar.inactive {
					box-shadow: none;
				}

				#sidebar > .inner {
					-webkit-overflow-scrolling: touch;
					height: 100%;
					left: 0;
					overflow-x: hidden;
					overflow-y: auto;
					position: absolute;
					top: 0;
				}

					#sidebar > .inner:after {
						content: '';
						display: block;
						height: 4em;
						width: 100%;
					}

				#sidebar .toggle {
					height: 6.25em;
					
					line-height: 6.25em;
					text-indent: 6.4em;
					width: 12em;
				}

					#sidebar .toggle:before {
						font-size: 1.5rem;
						margin-left: -0.4375em;
					}

				body.is-preload #sidebar {
					display: none;
				}

				#header {
					left:38%;
				}

				#header.active {
					left:38%;
				}

		}




		@media screen and (orientation: portrait) {

			#banner {
				-moz-flex-direction: column-reverse;
				-webkit-flex-direction: column-reverse;
				-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;
			}

				#banner h1 br {
					display: none;
				}

				#banner .content {
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					width: 100%;
				}

				#banner .image {
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					margin: 0 0 4em 0;
					height: 25em;
					max-height: 50vh;
					min-height: 18em;
					width: 100%;
				}

		}





/* ----------------------- 980 ------------------------- */


@media screen and (max-width: 980px) {
    
    
    		h1 {
			font-size: 3.25em;
		}

			.features {
				margin: 0 0 2em 0;
				width: 100%;
			}

				.features article {
					margin: 0 0 3em 0;
					width: 100%;
				}

					.features article:nth-child(2n - 1) {
						margin-right: 0;
					}

					.features article:nth-child(2n) {
						margin-left: 0;
					}

					.features article:nth-last-child(1), .features article:nth-last-child(2) {
						margin-bottom: 3em;
					}

					.features article:last-child {
						margin-bottom: 0;
					}

					.features article .icon {
						height: 8em;
						line-height: 8em;
						width: 8em;
					}

						.features article .icon:before {
							font-size: 2.25rem;
						}

						.features article .icon:after {
							height: 6em;
							margin: -3em 0 0 -3em;
							width: 6em;
						}

		}






/* ----------------------- small ------------------------- */



@media screen and (max-width: 736px) {
    
    		h1 {
			font-size: 2em;
			line-height: 1.4;
		}

		h2 {
			font-size: 1.5em;
		}
    
     		.modal {
			font-size:11pt;
		}
    
    
    
    			#main > .inner {
				padding: 0 2em 0.1em 2em ;
			}

				#main > .inner > section {
					padding: 1.5em 0 1em 0 ;
				}
            
            .wrap-height {
		min-height: 4400vh!important;
	}
            
      .wrapper2 {
		min-height:600vh!important;
	}
    
    
    
    
         
    	#header {
            left:17%;
            width:240px;
            height:170px;
        }
        
        #header a.logo img {
            width:63%;
        }
	
	
        		#header.active {
					left:17%;
				}
 


				#header.section-logo {
							left:15%;
						}
			#menu ul a, #menu ul span {
				font-size: 0.9em;
			}

				.obras-hide-btn{
				display: block;
			}

				#header .logo {
					font-size: 1.25em;
					margin: 0;
				}

				#header .icons {
					height: 5em;
					line-height: 5em;
					position: absolute;
					right: -0.5em;
					top: 0;
				}
    
            .posts-show header.major {
                width: 100%;
            }
    
            
            #menu ul{
                padding-left:20px;
                padding-right:20px;
            }
    
    #sidebar {
    width: 24em;
}
    
    		#sidebar.inactive {
			margin-left: -24em;
		}
    

    
    #sidebar > .inner {
    padding: 1.8666666667em 1.6666666667em 1.3333333333em 0.6666666667em;
    width: 24em;
}
    
    
    #sidebar h2 {
    font-size: 1.1em;
}
    
    		#sidebar .toggle {
				text-indent: 1em;
				width: 5.8em;
				height: 6em;
    			line-height: 6em;
			}

				#sidebar .toggle:before {
					color: #f2ba95!important;
					margin-left: -1em;
                    top:0em;
					margin-top: -0.1em;
					font-size: 1.35rem;
					z-index: 1;
				}

				#sidebar .toggle:after {
					background: rgba(243,186,150,1);
					border-radius: 0em;
					content: '';
					height: 6em;
					left: 0em;
					position: absolute;
					top: 0;
					width: 6em;
					
				}
    
    
    			.posts {
				margin: 0 0 2em -4.5em;
				width: calc(100% + 4.5em);
			}

				.posts article {
					margin: 0 0 4.5em 4.5em;
					width: calc(100% - 4.5em);
				}

					.posts article:before {
						height: calc(100% + 4.5em);
						left: -2.25em;
					}

					.posts article:after {
						bottom: -2.25em;
						width: calc(100% + 4.5em);
					}

					.posts article:nth-last-child(3) {
						margin-bottom: 4.5em;
					}
    
    
    #banner .image {
    margin: 0 0 0 0;
    height: 18em;
    max-height: 40vh;
    min-height: 13em;

}
    
    #banner .image img {
 
    width: 100%;
        padding-left: 28px;
        padding-right: 28px;
}
    
    .content header {
        padding: 0px;
}
    
    .content header.header-obras {
        padding: 30px;
}
    
    .content header h1 {
    font-size: 1.7em!important;
}
    
    ul.actions.fit li > .banner-btn {
    width: 100%;
        font-size: 0.8em;
        line-height: 1.2em;
    padding: 20px 25px 30px 25px;
}
    
    ul.actions.fit li > .banner-btn-mobile {
    width: 100%;
        font-size: 0.8em;
        line-height: 1.2em;
    padding: 20px 25px 30px 25px;
} 
    
  ul.actions.fit li > .banner-btn-hide {
    width: 100%;
        font-size: 0.8em;
        line-height: 1.2em;
    padding: 20px 25px 30px 25px;
}
    
    #sidebar .inner .major {
        padding-left: 1.5em;

    }
    
        #sidebar .inner .major:first-child {

    padding-top: 1.5em;

    }
    		.posts article {
			font-size:13pt;
		}
    
    .contact-content {
    padding: 1em 2.5em 0 2.5em;
}

.service-content {
     padding: 2em 2.5em 0 2.5em;
}


    .contact-titles h5 {
    font-size:0.95em;
}

.contact-titles h2 {
    font-size:1.9em;
}

.contact-titles h3 {
    font-size:1.2em;
}

.contact-titles p {
    font-size:0.84em;
    text-align: inherit;
}
    
    
    
    .features article{
       padding: 1em 1.5em 0 1.5em;
        text-align: center;
    }
    
    .features article .icon{
        width:100%!important;
        height: 5em;
        line-height: 5em;
        margin: 0 0 1.2em 0;
    }
    
    .features article .icon:before {
    font-size: 2.5rem;
}
    
.features h3 {
    font-size: 1em;
}
    
.features p {
    font-size: 0.84em;
}

    
a.nav-top-filter  {
  display: none;
}

#menu header.major h2 > :last-child {
    font-size: 1em;
    width:80%;
}
    
    
.banner-btn-hide{
    display: block;
}

#box,.box1 {

    display: block;

}
 
    #box div, .box1 div {
    -webkit-flex: 0;  /* Safari 6.1+ */
    -ms-flex: 0;  /* IE 10 */    
    flex: 0;
    margin: 0;
}
 
.box-div {
    padding:80px 50px 0px 50px;
}
    .box-div h1 {
        text-align: center;
    }
    
.box-div-1 {
    padding: 60px;
}  
    
.box-div-2 {
    padding: 63px 25px;
}
    
.box-div-4 {
    padding: 60px!important;
}
    
.row > .col-8.col-12-small {
    padding: 0; 
    padding-top:80px;
}
    
    
    
*+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
    margin-top: 0px;
} 
    
    
    .uk-slideshow-items.slidebanner {
        min-height: 570px!important;
        max-height: 600px!important;
    }
    
    ul.uk-slideshow-items h2, ul.uk-slideshow-items h3 {
    font-size:1.8em;
}
    
    
}



/* ----------------------- xsmall ------------------------- */




	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}
        
        	ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
				display: none;
			}

			ul.pagination li:first-child {
				padding-right: 0;
			}
        


			.posts {
				margin: 0 0 2em 0;
				width: 100%;
			}

				.posts article {
					margin: 0 0 2.5em 0;
					width: 100%;
				}

					.posts article:before {
						display: none;
					}

					.posts article:after {
						width: 100%;
					}

					.posts article:last-child {
						margin-bottom: 0;
					}

						.posts article:last-child:after {
							display: none;
						}
        
        
        			.features article {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
			}

		

			

					.features article .icon:after {
						height: 4em;
						margin: -2em 0 0 -2em;
						width: 4em;
					}

	}



		@media screen and (orientation: portrait) and (max-width: 480px) {

			#banner .image {
				max-height: 35vh;
			}

		}



		@media screen and (max-width: 360px) {

			body, input, select, textarea {
				font-size: 9pt;
			}

		}