/*--RESPONSIVE DESIGN--*/

@media(min-width: 981px){
	.fn-actions-agendab1{
		text-align: center;
		float: none !important;
	}

	.fn-actions-agendab1 a{
		padding: 4px;
	}
}

@media(max-width: 980px){

	.tabs-left{
	margin-top: 0;
	}
	
	.text-actions h2 {
		font-size: 18px;	
	}

	.text-actions h3 {
		font-size: 16px;
	}

	.fn-registre, .fn-help {
		font-size: 10px;
		width: 100px;
	}

	.info-user .wrapper .user-name {
		font-size: 16px;
	}

	.info-user .wrapper .user-lastname {
		font-size: 12px;
	}

	.info-user .wrapper .user-date, 
	.info-user .wrapper .user-help, 	
	.info-user .wrapper .user-phone, 
	.info-user .wrapper .user-delete, 
	.info-user .wrapper .user-email {
		font-size: 12px;
	}

	.info-user .wrapper .user-tnc {
		font-size: 9px;
	}
	
	.tabs-left>li>a {
		font-size: 11px;
		text-align: center;
		padding: 9px 13px;
		display: table-cell !important;
		vertical-align: middle;
	}

	.tabs-left>li {
		display: table;
		max-width: 130px;
		float: left !important;
		min-height: 55px;
		margin-right: 4px !important;
	}

	.head-login {
		font-size: 14px;
		padding-left: 36px;
		padding-top: 4px;
	}

	iframe{
		width: 100%;
		height: auto;
	}

	header .slogan{
		right: 0;
	}

	.bg-footer .row {
	margin-left: 0;
	}

	.bg-footer .row.end {

	margin-left: 15px;
	}

	.tab-content-wrapper{
	width: 92.3%;
	margin-top: 0;
	margin-left: 15px;
	}

	.title-password{
		font-size: 18px;
	}

	.user-agenda-form .actions-form {
		padding-bottom: 16px;
	}
	.fn-actions-agendab1{
		text-align: center;
		float: none !important;
	}

	.fn-actions-agendab1 a{
		padding: 4px;
	}

	.text-content-tab{
		padding-bottom: 16px;
	}

	.title-appointment{
		font-size: 18px;
	}
}


@media(max-width: 767px) and (min-width: 480px){
	

	.tab-content-wrapper{
	background-color: rgba(128, 128, 128, 0.1);
	margin-left:0;
	width: initial;
	margin-top: 0;
	}

	header{
		height: auto;
		overflow: hidden;
	}

	.dos{
		margin-right: 10px;
	}

	.cotainer-img{
		text-align: center;
	}

	.cotainer-img img{
		display: inline-block;
	}

	.logo-siga{
		float: none !important;
		padding: 32px 0;
		margin: 0;
	}

	.bg-footer{
		text-align: center;
	}

	.bg-footer img {
		display: inline-block;
		float: none !important;
	}

	.tabs .wrapper {
		text-align: center;
	}

	.tabs-left{
		display: inline-block;
	}
	
	.tabs-left>li{
		max-width: 100%;
		display: inline-block;
		float: none !important;
	}

	.tabs-left>li>a{
		font-size: 16px;
	}

	iframe{
		width: auto;
		height: 208px;
	}

	.fn-actions-login{
		padding-bottom: 32px;
	}

	.title-password{
		font-size: 18px;
	}

	.user-agenda-form .actions-form {
		padding-bottom: 16px;
	}

	.fn-actions-agendab1{
		text-align: center;
		float: none !important;
	}

	.fn-actions-agendab1 a{
		padding: 4px;
	}

	.text-content-tab{
		padding-bottom: 16px;
	}

	.title-appointment{
		font-size: 18px;
	}

}

@media(max-width: 479px){

	header{
		height: auto;
		overflow: hidden;
	}

	.col-xxs{
		width: 100%;
	}

	.bg-footer{
		text-align: center;
	}

	.bg-footer img {
		display: inline-block;
		float: none !important;
	}

	.cotainer-img{
		text-align: center;
	}

	.cotainer-img img{
		display: inline-block;
	}

	.logo-siga{
		float: none !important;
		padding: 32px 0;
		margin: 0;
	}

	.col-xxs-info{
		width: 60%;
		margin: 0 25%;
	}

	.head-login {
		font-size: 24px;
		padding-top: 4px;
	}

	.tabs-left>li{
		max-width: none;
		width: 100%;
	}

	iframe{
		width: auto;
		height: 208px;
	}

	.slogan-up{
		display: block; 
	}

	.slogan-down{
		display: none;
	}

	header .slogan{
		padding: 8% 25% 0 25%;
	}

	header .logo:before{
		display: none;
	}

	.logo-phone{
		margin: 0;
	}

	.tab-content-wrapper{

	margin-left:0;
	width: initial;
	}

	.bg-footer img .supersalud{
	margin-left: 0px;
	}

	.fn-actions-login{
		padding-bottom: 32px;
	}

	.title-password{
		font-size: 18px;
	}

	.user-agenda-form .actions-form {
		padding-bottom: 16px;
	}

	.fn-actions-agendab1{
		text-align: center;
		float: none !important;
	}

	.fn-actions-agendab1 a{
		padding: 4px;
	}

	.text-content-tab{
		padding-bottom: 16px;
	}

	.title-appointment{
		font-size: 18px;
	}

}