@media (min-width: 992px) and (max-width: 1199px) {
	
	.portfolio-box { width: 205px; }
	
	.testimonial-list .testimonial-image { width: 12%; }
	.testimonial-list .testimonial-text { width: 88%; }
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	ul.navbar-nav li a { padding-left: 15px; padding-right: 15px; }
	
    .portfolio-box { width: 210px; }
    
    .testimonial-list .testimonial-image { width: 15%; }
	.testimonial-list .testimonial-text { width: 85%; }
	
	.call-to-action-text p { width: 75%; }
	.call-to-action-text .call-to-action-button { width: 25%; }
	
	.flickr-feed a { width: 50px; margin-right: 2px; }

}

@media (max-width: 860px) {
	
	.flex-direction-nav a { top: 30px; width: 30px; height: 30px; padding-top: 7px; }
	.flex-direction-nav a:before { font-size: 18px; }
	.flex-caption { width: 100%; bottom: 0; }
	
}

@media (max-width: 767px) {
	
	.navbar>.container .navbar-brand { margin-left: 15px; }
	.navbar-collapse { border: 0; }
	.navbar-toggle { margin-top: 16px; }
	.navbar-toggle .icon-bar { background: white; }
	ul.navbar-nav li a { padding: 15px 20px; text-align: left; }
	ul.navbar-nav li a br { display: none; }
	ul.navbar-nav li a i { padding-right: 7px; }
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 15px 20px; }
	
	.slider-2-text h1, .slider-2-text p { padding-left: 15px; padding-right: 15px; }
	
	.page-title-container p { display: block; margin: 10px 0 6px 0; line-height: 24px; }
	
	.portfolio-masonry { padding: 0; }
    .portfolio-box { width: 100%; margin: 30px 0 0 0; padding: 0 30px; }
	
	.testimonial-list .testimonial-image { float: none; width: auto; text-align: center; }
	.testimonial-list .testimonial-text { float: none; width: auto; margin-top: 30px; text-align: center; }
	.testimonial-list .nav-tabs { margin-top: 20px; text-align: center; }
	
	.call-to-action-text p { float: none; width: auto; padding-left: 0; text-align: center; }
	.call-to-action-text .call-to-action-button { float: none; width: auto; margin-top: 15px; margin-bottom: 15px; padding-right: 0; text-align: center; }
	
	/* Maximizar todo el contenido al 100% del ancho */
	body {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.col-xs-12, .col-sm-12, .col-sm-4, .col-sm-3, .col-xs-6 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* Ajustes para las secciones */
	.slider-container, .presentation-container, .services-container, .work-container, .contact-us-container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 10px !important;
	}
	
	/* Ajustes para el slider */
	.slider-container {
		padding: 0 !important;
	}
	.slider-container .container {
		padding: 0 !important;
	}
	.slider-container .row {
		margin: 0 !important;
	}
	.flexslider {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.flexslider .slides {
		width: 100% !important;
	}
	.flexslider .slides img {
		height: auto !important;
		max-height: none !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		object-fit: cover !important;
		width: 100% !important;
	}
	.flex-caption {
		font-size: 8px;
		padding: 5px 10px;
		bottom: 10px;
		width: 90% !important;
	}
	.flex-direction-nav a {
		width: 30px;
		height: 30px;
		padding-top: 5px;
		margin-top: -15px;
	}
	.flex-direction-nav a:before {
		font-size: 15px;
	}
	.flex-direction-nav .flex-prev { left: 5px; }
	.flex-direction-nav .flex-next { right: 5px; }
	
	/* Ajustes para la secci¨®n "Perfiles de Sellos" */
	.work-container {
		padding: 0 10px !important;
	}
	.work {
		margin-top: 15px;
		padding: 10px;
		width: 100% !important;
	}
	.work img {
		width: 100% !important;
		height: auto !important;
	}
	
	/* Ajustes para el footer */
	footer {
		padding: 20px 0;
	}
	.footer-box {
		text-align: center;
		margin-bottom: 30px;
		padding: 15px 0;
	}
	footer .row > .col-sm-4 { 
		flex: 1 1 100%;
		max-width: 100%;
		padding: 0 15px; /* Aumentar padding */
	}
	.footer-box-text-subscribe input[type="text"] { max-width: 100%; }
	.footer-box h4 { font-size: 14px; margin-bottom: 10px; }
	.footer-box-text { font-size: 12px; line-height: 1.6; }
	footer iframe { height: 150px; margin-bottom: 15px; }
	.footer-border { margin: 15px 0; }
	.footer-copyright { font-size: 10px; margin-bottom: 10px; text-align: center; }
	.footer-social { text-align: center; margin-top: 15px; }
	.footer-social a { font-size: 16px; margin: 0 5px; }
	
	/* Otros ajustes */
	.navbar-brand {
		max-width: 167px;
		height: 75px;
		background-size: contain;
		margin: 5px auto;
	}
	ul.navbar-nav li a {
		padding: 10px;
		font-size: 12px;
	}
	.col-sm-offset-1 {
		margin-left: 0;
	}
	.presentation-container h1 {
		font-size: 20px;
	}
	.presentation-container p {
		font-size: 14px;
	}
	.service {
		margin-top: 15px;
		padding: 10px;
	}
	.service .service-icon img {
		max-width: 100%;
		height: auto;
	}
	/* Ajustes para igualar t¨ªtulos en m¨®viles */
	.page-title-container h1 {
		font-size: 20px !important;
		color: #000000 !important;
	}
	.contact-us-container h2 {
		font-size: 20px !important;
		color: #000000 !important;
	}
	.contact-us-container p {
		font-size: 14px !important;
	}
}

@media (max-width: 400px) {
	
	.flex-caption { display: none; }
	
}

/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
	.navbar-brand {
		background-image: url(../img/logo@2x.png) !important;
		background-repeat: no-repeat !important;
		background-size: 167px 63px !important;
	}
}