/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.hara-text-pages img {
		width:100%;
		margin-bottom:20px;
	}
	
	.hara-box-home {
		height:200px;
	}
	
	.hara-box-home a {
		height:200px;
	}
	
	.hara-legend-box {
		font-size:14px;
		bottom:10px;
		left:15px;
	}
	
	.hara-legend-mini {
		font-size:12px;
	}
	
	.hara-left-pages {
		padding:0!important;
		margin-bottom:20px;
		border-bottom:1px dotted #ededed;
	}
	
	.hara-right-pages {
		padding:0!important;
	}
	
	.hara-form-pages {
		padding:20px 0!important;
		border-top:1px dotted #ededed;
		margin-top:20px;
	}
	
	.hara-form-pages div {
		padding:0!important;
	}
	
	.navbar-nav {
		border-bottom:1px solid #ededed;
	}
	
	.hara-title-pages {
		font-size:20px;
	}
	
	.hara-footer {
		font-size:11px!important;
		text-align:center!important;
	}
	
	.hara-blog-report iframe {
		width:100%;
		height:230px;
	}
	
	.hara-topico-inside-image img {
		height:300px;
		margin:25px 0 5px;
	}
	
	.hara-topico-inside-text {
		padding-right:0;
		text-align: justify;
		margin-bottom: 0;
		
	}
	.hara-topico-inside-text img{
	max-width: 100%;
	margin-left: 30px;
	margin-bottom: 15px;
}

	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar-nav>li>a {
		line-height:75px;
		height:70px;
		padding:0 7px!important;
	}
	
	.hara-text-pages img {
		width:400px;
		margin-right:20px;
		margin-bottom:20px;
		float:left;
	}
	
	.hara-box-home {
		height:250px;
	}
	
	.hara-box-home a {
		height:250px;
	}
	
	.hara-legend-box {
		font-size:18px;
		bottom:15px;
		left:20px;
	}
	
	.hara-legend-mini {
		font-size:12px;
	}
	
	.hara-left-pages {
		padding:0!important;
		margin-bottom:20px;
		border-bottom:1px dotted #ededed;
	}
	
	.hara-right-pages {
		padding:0!important;
	}
	
	.hara-form-pages {
		padding:20px 0 0!important;
		border-top:1px dotted #ededed;
		margin-top:20px;
	}
	
	.hara-form-pages div {
		padding:0 15px!important;
	}
	
	.navbar-nav {
	}
	
	.hara-title-pages {
		font-size:26px;
	}
	
	.hara-footer {
		font-size:12px!important;
	}
	
	.hara-blog-report iframe {
		width:100%;
		height:400px;
	}
	
	.hara-blog-report iframe {
		width:100%;
		height:230px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-nav>li>a {
		line-height:75px;
		height:70px;
		padding:0 10px!important;
	}
	
	.hara-text-pages img {
		width:400px;
		margin-right:20px;
		margin-bottom:20px;
		float:left;
	}
	
	.hara-box-home {
		height:300px;
	}
	
	.hara-box-home a {
		height:300px;
	}
	
	.hara-legend-box {
		font-size:20px;
	}
	
	.hara-legend-mini {
		font-size:12px;
	}
	
	.hara-left-pages {
		padding:0 15px 0 0!important;
	}
	
	.hara-right-pages {
		padding:0 0 0 15px!important;
	}
	
	.hara-form-pages {
		padding:0!important;
		border-top:0;
		margin-top:0;
	}
	
	.hara-form-pages div {
		padding:0 15px!important;
	}
	
	.navbar-nav {
		border-bottom:0;
	}
	
	.hara-title-pages {
		font-size:32px;
	}
	
	.hara-blog-report iframe {
		width:100%;
		height:400px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.navbar-nav>li>a {
		line-height:75px;
		height:70px;
		padding:0 10px!important;
	}
	
	.hara-box-home {
		height:350px;
	}
	
	.hara-box-home a {
		height:350px;
	}
	
	.hara-legend-box {
		font-size:20px;
	}
	
	.hara-legend-mini {
		font-size:14px;
	}
	
	.hara-left-pages {
		padding:0 15px 0 0!important;
	}
	
	.hara-right-pages {
		padding:0 0 0 15px!important;
	}
	
	.hara-form-pages {
		padding:0!important;
		border-top:0;
		margin-top:0;
	}
	
	.hara-form-pages div {
		padding:0 15px!important;
	}
	
	.navbar-nav {
		border-bottom:0;
	}
	
	.hara-blog-report iframe {
		width:100%;
		height:400px;
	}
}