/*CSS Start*/

/*
"@screen-xs": "480px",
"@screen-xs-min": "@screen-xs",
"@screen-phone": "@screen-xs-min",
"@screen-sm": "768px",
"@screen-sm-min": "@screen-sm",
"@screen-tablet": "@screen-sm-min",
"@screen-md": "992px",
"@screen-md-min": "@screen-md",
"@screen-desktop": "@screen-md-min",
"@screen-lg": "1200px",
"@screen-lg-min": "@screen-lg",
"@screen-lg-desktop": "@screen-lg-min",
"@screen-xs-max": "(@screen-sm-min - 1)",
"@screen-sm-max": "(@screen-md-min - 1)",
"@screen-md-max": "(@screen-lg-min - 1)",
*/
/*****/


@media (max-width: 1200px) { /*Large Desktop*/
	.content.pageseguridad .telefonosemergencia .conttel {
    width: 90%;
		}
	.sidebarcondominios .boxlistadocondominios{
		height: 376px;
	}
	.sidebarcondominios .boxlistadocondominios a img{
		max-height: 23px;
	}
	.sidebarcondominios .boxlistadocondominios a .titulo{
		font-size: 14px;
	}
    /*HEADER INCIO*/
    .header .boxNav{
        top: 15px;
    }
    .header .boxNav .nav a{
        font-size: 17px;
    }
    /*HEADER FIN*/

    /*SERVICIOS INCIO*/
    .content.secProceso .boxContent .item {
        width: 25%;
    }
    .content.secProceso .boxContent .item .contImg{
        width: 210px;
        height: 185px;
    }
	.content .actualidadinicio .contactualidad .infominiatura {
    width: 100%;
	}
	.content .actualidadinicio .contactualidad .contfotominiatura {
   		 width: 100%;
		margin-bottom: 15px;
	}
	.content .actualidadinicio .contactualidad .contfotominiatura .fotominiatura{
		height: 370px;
	}
}
@media (max-width: 992px) { /*Desktop*/
	.content .alarma .botonalarma .contbotonalarma, .content .country .botoncountry .contbotoncountry, .content .sesamar .botonsesamar .contbotonsesamar, .content .iglesia .botoniglesia .contbotoniglesia, .content .minimarket .botonminimarket .contbotonminimarket, .content .corredores .botoncorredores .contbotoncorredores, .content .clinicaalemana .botonclinicaalemana .contbotonclinicaalemana, .content .municipalidad .botonmunicipalidad .contbotonmunicipalidad {
    width: 60%;
}	
	.content.pageseguridad .telefonosemergencia .conttel {
    width: 60%;
		}
	
    /*HEADER INCIO*/
    .header .boxLogo h1 a img {
        width: 220px;
    }
    .header .boxNav .nav a {
        font-size: 15px;
    }

    .header .boxNav .wrapNavMob{
        top: 83px;
    }
    /*HEADER FIN*/

    /*SERVICIOS INCIO*/
    .content.secProceso .boxContent .item {
        width: 32.5%;
    }
    .content.secGaleria .boxContent .full .element .foto .hoverImg .hover span{
        line-height: initial;
    }
    .content.secGaleria .boxContent .full .element .foto .hoverImg .hover span .lineTitle{
        top: 10px!important;
    }
    /*SERVICIOS FIN*/
    .secContacto .contForm{
        padding: 0 15%;
    }

    .desktop{
        display: none!important;
    }
    .mobile{
        display: inline-block;
    }
     /*HEADER INICIO*/
    .header{
        background-color: #333334;
        text-align: center;
    }
	.carousel-item:before{
    height: 53%;
    background: linear-gradient(0deg, rgba(2,0,36,0) 12%, rgba(51,51,52,1) 65%);
	}
	.content .administraciongeneral .container .foto,
	.content .comitecac .container .foto{
		width: 220px;
		height: 220px;
	}
	.content .cenco .container .galeriacenco {
    height: 488px;
	}
}
@media (min-width: 993px){
	
	
    .header .wrapNavMob{
        display: none !important;
    }
    .header .boxLogo{
        width: 20%;
        float: left;
    }
    .header  .boxNav{
        width: 80%;
        float: right;
    }
}

@media (max-width: 768px) { /*Tablet*/
	.content.pageseguridad .telefonosemergencia .conttel {
    width: 90%;
		}
	
	
	.carousel-item:before{
    height: 53%;
    background: linear-gradient(0deg, rgba(2,0,36,0) 15%, rgba(51,51,52,1) 83%);
	}
    /*GENERALES INCIO*/
     .content .boxContent .title, .modal-title {
        font-size: 20px;
    }
     .footer .footericonos .container .wrapsocial a{
        border-bottom: solid 1px white;
        padding-bottom: 18px;
        display: inline-block;
    }
    .footer .footericonos .container .wrapsocial:nth-last-child(1) a{
        border-bottom: 0px;
        padding-bottom: 0px;
    }
    .titulos {
        font-size: 25px;
    }
    .titulos2{
        font-size: 22px;
    }

    .content .boxContent .title, .modal-title {
        font-size: 28px;
    }
    /*GENERALES FIN*/


    /*HEADER FIN*/

    /*BANNER INICIO*/
    .banner{
        margin-top: 73px;
    }
    .carousel-item {
        height: 370px;
    }
    .carousel-item .container .info .titulo {
        font-size: 28px;
        margin-top: 0;
    }
    /*BANNER FIN*/
    /*HOME INICIO*/
    .content .titulos span{
        padding: 15px;
    }
    .conocenos .foto{
        height: 250px;
    }
    .conocenos:nth-child(3) {
        background-color: #ffffff;
    }
    .noticiaP .foto,
    .actualidad .noticiaS .foto{
        height: 130px;
        border-radius: 5px;
    }
    .noticiaP{
        margin-bottom: 25px;
    }
    .actualidad .noticiaS:nth-child(2){
        margin: 25px 0!important;
    }
    .noticiaP .foto{
        z-index: 8;
    }
    .noticiaP .info{
        background-color: transparent;
    }
    .otrasPaginas {
        margin-top: 80px;
    }
    /*COMO LLEGAR INICIO*/

    .comoLLegar .map{
        height: 160px;
    }
    .comoLLegar .appLLegar .appBtn .wrapBtnApp{
        width: 100%;
    }
    /*COMO LLEGAR FIN*/
    .noticiaPage .info{
        padding: 5px 20px;
    }
    .paginator .pageItems a {
        padding: 7px 15px;
        margin: 0 5px;
        font-size: 15px;
        width: 40px;
    }


    /*CONTACTO INICIO*/
    .secContacto .boxEnviar{
        text-align: center;
    }
    /*CONTACTO FIN*/
    /*FOOTER INICIO*/
    .footer .copy{
        text-align: center;
    }
    /*FOOTER FIN*/
}
@media (max-width: 600px) { /*XXX Phone*/
	 
     /*GENERALES INICIO*/
    .content .boxContent .title .modal-title {
        font-size: 25px;
    }
     /*GENERALES FIN*/
    /*BANNER INICIO*/
    .carousel-item {
        height: 280px;
    }
    .carousel-item .container .info .titulo{
        font-size: 25px;
    }
    /*BANNER FIN*/

}
@media (max-width: 480px) { /*Large Phone*/
    .btnMS{
        width: 100%;
    }
    /*GENERALES INICIO*/

    .content .boxContent .title, .modal-title {
        font-size: 22px;
    }
     /*GENERALES FIN*/

    /*BANNER INICIO*/

    .carousel-item .container .info .titulo{
        font-size: 22px;
    }
    /*BANNER FIN*/

     /* ================================================= ARCHIVE HISTORIAS FIN ================================================= */
}
@media (max-width: 350px) { /*Medium Phone*/
    /*GENERALES INICIO*/

     /*GENERALES FIN*/

     /*HEADER INICIO*/

    /*HEADER FIN*/

     /* ================================================= ARCHIVE HISTORIAS FIN ================================================= */
}


/*CSS End*/