@media screen and (min-width: 1000px) {
	.only-mobile{
		display: none !important;
	}
}

@media screen and (max-width: 1000px) {
	.only-desktop{
		display: none !important;
	}

	body{
		overflow-x: hidden;
	}

	.header .logo{
		width: 90px;
	}

	.header .right-header{
		padding: 10px 0px;
	}

	.section-login .logo{
		width: 78px;
		margin-bottom: 35px;
	}

	.section-login{
		padding: 25px 30px;
		margin-top: 20px;
	}

	.section-main .left-contain{
		width: 100%;
	}

	.section-main .contain{
		min-height: inherit;
	}

	.section-main .right-contain{
		width: 100%;
		position: fixed;
		right: 0px;
		top: 0px;
		display: none;
	}

	.header .right-header a.btn-notificacion{
		margin: 12px 0px;
		margin-right: 18px;
		margin-bottom: 0px;
	}

	.btn-menu{
		display: block;
		width: 24px;
		height: 24px;
		float: left;
		margin: 9px 0px;
		cursor: pointer;
	}

	.btn-menu .icon-menu{
		display: block;
		width: 24px;
		height: 24px;
		background: url(../../images/icon-menu.png) center center no-repeat;
		background-size: contain !important;
	}

	.menu-mobile{
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		top: 0px;
		right: -100%;
		opacity: 0;
		z-index: 12;
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity .2s ease-out;
	}

	.menu-mobile.has-open{
		right: 0px;
		opacity: 1;
	}

	.menu-mobile .list-menu{
		display: block;
		width: 90%;
		height: 100%;
		overflow-y: auto;
		position: fixed;
		right: -100%;
		background: #fff;
		box-shadow: 0px 3px 3px rgba(0, 0, 0, .10);
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
	
	.menu-mobile.has-open .list-menu{
		right: 0px;
	}

	.menu-mobile li{
		display: block;
		width: 100%;
		border-bottom: 1px solid #E6E6E6;
	}

	.menu-mobile li:last-child{
		border: 0px;
	}

	.menu-mobile li a{
		display: block;
		width: 100%;
		background: #fff;
		padding: 22px 18px;
		padding-bottom: 20px;
		width: 100%;
		color: #787878 !important;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		line-height: 29px;
		text-decoration: none !important;
		cursor: pointer;
	}

	.menu-mobile li a .icon-cerrar-sesion{
		display: block;
		width: 21px;
		height: 20px;
		float: left;
		margin: 4px 0px;
		margin-right: 11px;
		background: url(../../images/icon-cerrar.svg) center center no-repeat;
		background-size: contain !important;
	}

	.menu-mobile li a.btn-volver{
		height: 72px;
	}

	.menu-mobile li.selected a,
	.menu-mobile li:hover a{
		background: #F2F2F2;
	}

	.menu-mobile li a i{
		float: left;
		margin: 4px 0px;
		margin-right: 16px;
		width: 20px;
		height: 20px;
	}

	.menu-mobile li .submenu{
		width: 100%;
		display: block;
		overflow: hidden;
		max-height: 0px;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}

	.menu-mobile li .submenu a{
		background: #f2f2f2;
		padding: 16px 18px;
		font-weight: normal;
		padding-left: 25px;
	}

	.menu-mobile li .submenu.open{
		max-height: 500px;
	}

	i.icon-volver{
		width: 20px;
		height: 20px;
		display: block;
		background: url(../../images/icon-volver.svg) center center no-repeat;
		background-size: contain !important;
	}

	.section-slider-calendar .calendar-content{
		display: none;
	}

	.section-slider-calendar{
		display: none;
	}

	.slider-home .section-slider-calendar{
		display: block;
	}

	.section-main{
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.section-white{
		padding: 25px 20px;
		box-shadow: inherit;
		min-height: inherit;
	}

	.input-file{
		height: auto;
	}

	.input-file label{
		min-height: 50px;
		line-height: 22px;
		font-size: 14px;
	}

	.section-white .input-group.half-input:last-child{
		padding-right: 0px;
	}

	.section-perfil .tabs .tab h3.tab-head .arrow-bottom{
		transform: rotate(0deg);
	}

	.section-perfil .tabs .tab.open h3.tab-head .arrow-bottom{
		transform: rotate(-180deg);
	}

	.section-perfil .tab-header a:first-child{
		line-height: 34px;
	}

	.section-perfil .tab-header a{
		padding: 18px 0px;
		font-size: 14px;
		height: 68px;
	}

	.section-perfil .tabs .tab .tab-body .user-data h4{
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.section-perfil .tabs .tab .tab-body .user-data p{
		font-size: 14px;
		margin-bottom: 16px;
	}

	.list-dates thead th,
	.list-dates tbody td{
		font-size: 14px;
	}

	.section-perfil .tabs .tab h3.tab-head{
		font-size: 14px;
	}
	
	.section-slider-calendar .slider-content{
		padding: 0px;
	}

	.notificaciones-popup{
		display: block;
		width: 90%;
		right: 5%;
		top: 80px;
		max-height: 250px;
		padding-top: 10px;
		overflow-y: auto;
		background: transparent;
		box-shadow: 0px 10px 5px rgba(0, 0, 0, .2);
	}

	.notificaciones-popup:before{
		left: inherit;
		right: 15%;
		top: 4px;
	}

	.section-slider-calendar .slider-content .slider img{
		height: 100%;
	}

	.section-posicion-consolidada{
		padding: 22px;
	}

	.group-card .card p{
		padding-right: 0px;
		max-width: 140px;
		font-size: 14px;
	}

	.cards-min .card .btn-grey-simple{
		font-size: 14px;
		line-height: 26px;
	}

	.cards-min .card{
		padding: 12px 16px;
		margin-bottom: 10px;
	}

	.cards-min .card .btn-grey-simple i{
		margin-left: 8px;
	}

	.cards-min .card p{
		font-size: 14px;
	}

	.cards-min .card p i{
		width: 15px;
		height: 11px;
		margin: 9px 0px;
		margin-right: 8px;
	}

	.cards-min .card .tab .cards{
		margin-top: 15px;
	}

	.cards-min .card .tab .cards .card .left-content{
		width: 100%;
		float: none;
	}

	.cards-min .card .tab .cards .card .right-content{
		width: 100%;
		float: none;
	}

	.cards-min .card .tab h2{
		padding: 12px 0px;
		margin: 12px 0px;
		font-size: 14px;
	}

	.cards-min .card .tab .cards .card .left-content p.text-date{
		max-width: inherit;
		height: auto;
	}

	.cards-min .card .tab .cards .card .right-content h3{
		margin-top: 12px;
	}

	.cards-min .card .tab .cards .card .right-content h3 i{
		margin-top: 0px;
		margin-bottom: 6px;
		float: right;
	}

	.cards-min .card .tab .cards .card{
		margin-bottom: 10px;
		padding: 10px 12px;
	}

	.cards-min .card .tab .cards .card p{
		max-width: inherit;
	}

	.cards-min .card .tab .cards p{
		max-width: inherit;
	}

	.list-events li h3{
		font-size: 14px;
		padding-right: 120px;
	}

	.list-events li p.hour{
		font-size: 12px;
	}

	.list-events li{
		margin-bottom: 15px;
		padding: 15px;
	}

	.calendar-content .calendar-today{
		padding: 15px 25px;
	}

	.calendar-content .calendar-today h2{
		font-size: 20px;
		margin-bottom: 0px;
	}

	.calendar-content .calendar-today h4{
		font-size: 14px;
	}

	.calendar-content #calendar .ui-widget.ui-widget-content{
		padding: 0px;
	}

	.sucursal .list-info li{
		padding-left: 40px;
	}

	.sucursal .list-info li p i{
		left: 12px !important;
	}

	.sucursal .list-info li .icon-point{
		left: 15px !important;
	}

	.sucursal p.address{
		margin-bottom: 10px;
	}

	.sucursal .list-info{
		margin-top: 10px;
	}

	.form-control{
		font-size: 14px;
	}

	select.form-control{
		background-position: 92% center !important;
	}

	.header .logo img{
		width: 46px;
	}

	.section-white .btn-blue{
		display: block;
		float: none !important;
		padding: 16px 20px;
	}

	.label-input label{
		font-size: 14px;
	}

	#frmPagoSistarBanc .content-costos .input-group{
		position: relative;
	}

	#frmPagoSistarBanc .content-costos .input-group label{
		padding-left: 32px;
	}

	#frmPagoSistarBanc .content-costos .input-group input{
		position: absolute;
		left: 0;
		top: 10px
	}
}

@media screen and (max-width: 1110px) {
	.header-menu .list-menu li a{
		padding: 5px 12px;
		font-size: 15px;
	}
}

@media screen and (max-width: 1050px) {
	.header-menu .list-menu li a{
		padding: 5px 7px;
		font-size: 14px;
	}
}

@media screen and (max-width: 600px) {
	#TransfDolarPizarra{
		max-width: 100% !important;
	}
}