@media screen and (min-width: 0px) and (max-width: 1086px){
	/***********************
	 *        header       *
	 ***********************/
	.ui-header .ui-izquierda {
    	float: none;      	
    	text-align: center;	
	}

	.ui-header .ui-derecha {
    	float: none;    	    
    	text-align: center;
    	display: none;
	}

	.ui-logotipo {	    
	    display: inline-block;
	}

	/***************************
	 *          footer         *
	 ***************************/
	.ui-box-item-footer {
	    width: 100%;
	    display: block;
	    float: none;	    
	}
	
}
@media screen and (min-width: 0px) and (max-width: 1020px){
	/*************************
	 *       clientes        *
	 *************************/
	.ui-box-item-cliente {	   
	    width:33.33%;	    
	}
}


@media screen and (min-width: 0px) and (max-width: 905px){
	/*****************************
	 *       estudioContable     *
	 *****************************/
	.tabs.ui-estudioContable .tabs__items {
	    background-color: #fff;
	    float: none;
	    display: block;
	    width: 100%;
	}

	.tabs.ui-estudioContable .tabs__content-wrapper {
	    float: none;
	    width: 100%;
	    margin-left: 0%;
	    background-color: #fff;
	    display: block;
	    padding: 15px 10px;
	}

}

@media screen and (min-width: 0px) and (max-width: 880px){
	/*********************
	 *      servicios    *
	 *********************/
	.ui-box-item-menu-servicio {	   	    
	    width: 47.99%;	   
	}

	/**************************
	 *      itemServicio      *
	 **************************/
	.ui-box-itemServicio .ui-izquierda {
	    width: 100%;
	    float: none;
	    display: block;
	}

	.ui-box-itemServicio .ui-derecha {
	    width: 100%;
	    margin-left: 0%;
	    float: none;
	    display: block;
	}

	/****************************
	 *          bxSlider        * 
	 ****************************/
	.ui-box-general .ui-derecha
	{
	    display: none;
	}

	.ui-box-general .ui-izquierda{
		float: none;
		display: block;
		width: 100%;
	}

	.ui-box-general .ui-izquierda .box{
		position: absolute;
		bottom:0;
		right: 46px;
    	max-width: 260px;
	}
}

@media screen and (min-width: 0px) and (max-width: 718px){
	/*****************************
	 *       porqueElegirnos     *
	 *****************************/
	.ui-box-porque-elegirnos .ui-derecha {
	    float: none;
	    display: block;
	    width: 100%;
	    background-color: rgba(58, 44, 129,.9);
	    padding: 20px;
	}

	/***************************
	 *       contactoInfo      *
	 ***************************/
	.ui-box-contactoInfo .ui-centrado-principal > .ui-izquierda {
	    display: none;		  
	}

	.ui-box-contactoInfo .ui-centrado-principal > .ui-derecha {
	    display: block;
	    width: 100%;		  
	}
}

@media screen and (min-width: 0px) and (max-width: 595px){
	/*************************
	 *        consulta       *
	 *************************/
	.ui-btn-consulta {   
	    margin: 20px 10px 0px 10px;	   
	}

	/**************************
	 *      itemContacto      *
	 **************************/
	.ui-box-info-maps .ui-izquierda {
	    float: none;
	    width: 100%;
	    display: block;
	    text-align: right;	   
	    padding: 10px;
	}

	.ui-box-info-maps .ui-derecha {
	    float: none;
	    width: 100%;
	    display: block;	      
	}

	/*************************
	 *       clientes        *
	 *************************/
	.ui-box-item-cliente {	   
	    width:49.99%;	    
	}
}

@media screen and (min-width: 0px) and (max-width: 530px){
	/***********************
	 *      topHeader      *
	 ***********************/
	.ui-topHeader .ui-izquierda {
	    float: none;
	    text-align: center;
	    margin-bottom: 10px;
	}

	.ui-topHeader .ui-derecha {
	    float: none;
	    text-align: center;
	}

	/***********************
	 *        nav       *
	 ***********************/
	.ui-responsive{		
		display: block;
	}
	
	.ui-menuPrincipal{
		display:none;
	}
	
	.ui-menuPrincipal ul li{
		display: block;
	}

	/*********************
	 *      servicios    *
	 *********************/
	.ui-box-item-menu-servicio {	   	    
	    width: 100%;	   
	}
	
}

@media screen and (min-width: 0px) and (max-width: 500px){
	/*************************
	 *       clientes        *
	 *************************/
	.ui-box-item-cliente {	   
	    width:100%;
	    display: block;
	    float: none;	    
	}
}