@media screen and (max-width: 600px){
			html {
			}

			*,
			*:before,
			*:after {
			  box-sizing: inherit;
			}

			body {
			  position: relative;
			  margin: 0;
	 
			  background-color: #e3e3e3;
			  font-family: 'Roboto', sans-serif;
			}
			a:link{
				color:darkred;

			}
			a:hover{
				color:#ccb333;
				cursor:pointer;

			}
			a:visited{
				color:#ccb333;
			}


			/* HEADER */
			/*********/
			#header {
				height: 18%;
				background-color: #000000;
				border-bottom: 3px solid #ccb333;
				margin:0;
			}
			.header-container{

				width:100%;
			}
			#headerAdm {
				display:flex;
				background-color: #000000;
				border-bottom: 3px solid #ccb333;
				margin:0;
			}

			#headerAdm a:link{
				color:white;
			}
			#headerAdm a:visited{
				color:yellow;
			}
			#headerAdm a:hover{
				cursor:pointer;
			}

			.titleAdm {
				display:flex;
				justify-content: center;
				align-items: center;
				color:#ccb333;
				width: 50%;
				font-size:20px;
				font-weight: bold;
			}
			.userPanelAdm {
				display:flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				color:#ffffff;
				width: 25%;
				font-size:14px;
			}

			#accountMenu{
					float:none;
					display:block;
					align-items: left;
					margin-right:15px;
					color: #ccb333;
			}

			#accountMenu li {
				list-style:none;
			}
			/* LOGIN */
			#loginForm {
				margin-top:3%;
				display:flex;
				flex-direction: column;
				align-self: center;
				width: 50%;

			}

			#loginForm input[type=submit]{

				background-color: #000000;
				border: 1px solid darkgrey;
				color:white;
				font-size:16px;
			  	border-radius: 10px;
			  	height: 35px;
			  	width: 100%;

			}

			#loginForm input[type=text]{
				background-color: #fff6e8;
				border: 1px solid darkgrey;
			  	border-radius: 4px;
			  	height: 35px;
			  	width: 100%;
			  	font-size:16px;
			}



			#loginForm input[type=password]{
				background-color: #fff6e8;
				border: 1px solid darkgrey;
			  	border-radius: 4px;
			  	height: 35px;
			  	width: 100%;
			  	font-size:16px;
			}
			.forgotPassword{
				float:right;
				font-size: 14px;
				margin-top:-10px;
				padding-bottom: 10px;

			}

			.forgotPassword a:link {
				text-decoration: none;
			}

			.forgotPassword a:visited {
				color: #bdbdbd;
				text-decoration: none;
			}
			.forgotPassword a:active {
				color: #bdbdbd;
				text-decoration: none;
			}
			.forgotPassword a:hover {
				color: #ccb333;
				text-decoration: none;
			}




			/* LOGO */
			/*********/
			.logoAdm{
				width: 25%;
				margin-left:35px;
				padding-top:10px;

			}
			.logoAdm img{
				max-height: 30px;
			}
			.logo{
				float:left;
				margin-left:35px;
				padding-top:10px;
			}


			/* Containers */
			/*********/
			#page-container {
				display: flex;
				align-items: center;
				justify-content: center;

			}

			#content-wrap {
				width:100%;
				display: flex;
				background-color: #ffffff;
				justify-content: center;
				flex-direction: column;



			}
			.pageContent{
				display:flex;
				align-self: center;
				align-items: center;
				justify-content: center;
				width:100%;
			  	padding-bottom:8%;
				
			}


			.pageHeader{
				line-height: 20px;
				text-align:center;
				min-width: 100%;
				margin-top:20px;
				margin-bottom:20px;
				
			}

			.pageHeader h2{
				padding:0px;
				margin:20px 0px 10px 0px;
			}

			.pageSection {
				width:100%;
				display:flex;
				flex-flow: column;
				flex-wrap: nowrap;
				justify-content: center;

			}

			/* COMPLEMENTE DIVS */
			.flexCenterDisplay{
				display:flex;
				justify-content: center;
			}


			/* USERS */
			.usersForm{
				margin-top:0px;
				line-height: 35px;
				width:80%;
				align-self:center;
				flex-direction: column;
			}
			.usersList{
				display:flex;
				margin-top:0px;
				line-height: 35px;
				align-items: flex-start;
				align-self: center;
				flex-direction: column;

				width:80%;
			}
			.usersForm input[type=text]{
				background-color: #fff6e8;
				border: 1px solid darkgrey;
			  	border-radius: 4px;
			  	height: 35px;
			  	width: 100%;
			  	font-size:16px;
			}

			.usersForm input[type=password]{
				background-color: #fff6e8;
				border: 1px solid darkgrey;
			  	border-radius: 4px;
			  	height: 35px;
			  	width: 100%;
			  	font-size:16px;
			}



			.usersForm select, option{
				background-color: #fff6e8;
				border: 1px solid darkgrey;
			  	border-radius: 4px;
			  	font-size:16px;
			  	height: 35px;
			  	width: 100%;
			}

			.usersForm textarea{
				background-color: #fff6e8;
				border: 1px solid darkgrey;
			  	border-radius: 4px;
			  	height: 90px;
			  	width: 100%;
			  	font-size:16px;
			}

			.usersForm input[type=submit]{

				background-color: #000000;
				border: 1px solid darkgrey;
				color:white;
				font-size:16px;
			  	border-radius: 10px;
			  	height: 35px;
			  	width: 100%;

			}

			.usersForm input[type=submit]:hover{

				background-color: #ccb333;
				border: 1px solid #ccb333;
				color:black;
				font-size:16px;
			  	border-radius: 10px;
			  	height: 35px;
			  	width: 100%;
			  	cursor:pointer;

			}

			.usersForm input[type=date]{

				background-color: #fff6e8;
				border: 1px solid darkgrey;
				font-size: 16px;
				border-radius: 4px;
				padding-left:10px;
				height: 35px;
			  	width: 100%;

			}

			.usersFormErrors{
				color:red;
				line-height: 10px;
				font-size:14px;
				margin-top:0px;
				padding:0px;
			}
			.formSectionTitle{
				font-size:16px;
				font-weight:bold;
				text-align:left;
			}

			.formSection{
				border-top: 1px solid #ccb333;
				border-left: 7px solid #ccb333;
				border-radius:10px;
				margin:25px;
				padding:25px;
				
				width: 100%;
			}

			.formDisplay{
				display:flex;
				flex-direction: column;
				justify-content: center;
			}
			.usersFormShowDoc{
				width:60%;
				text-align: center;
				background-color: #fff6e8;
				border: 1px solid #ccb333;
				border-bottom: 7px solid #ccb333;
				border-radius:10px;
				line-height: 20px;
				padding:5px;

			}
			.formHeader{
				line-height: 20px;
				text-align:center;
				min-width: 100%;
				
			}

			.formHeader h2{
				padding:0px;
				margin:20px 0px 10px 0px;
			}
			.formHeader p{
					font-size:13px;
					line-height: 14px;
					margin-bottom:10px;
					padding:0px;
			}


			.formSubmit{

				text-align:right;
				min-width: 100%;
				max-height: 200px;
			}
			.reqMark{
				color:red;
				font-size:14px;
			}

			/* User Toolbar */

			.usersToolbar{
				width: 100%;
			}

			.userToolbarIcons{
				float: left;

			}

			.userToolbarSearch{
				float: left;
				margin-left: 10px;
			}
			/* Users List */

			.usersList-Grid{
				display: grid;
				grid-template-columns: 8% 35% 35% 75% 25% 25%;
			}

			.usersList-Element{
				line-height: 30px;
				/*border-bottom: 1px solid gray;*/
				border-right: 1px solid #f4f4f4;
				padding: 0px 5px 0px 5px;

			}

			.usersIdRow{
				background-color: gray;
				color:white;
				text-align: right;
			}

			.usersHeaderRow {
				/*background-color: #f4f4f4;*/
				color:#bbbbbb;
				border:none;
				text-align:center;

			}
			.ud-Id{
				color: white !important;
				font-size: 12px;
				background-color:#bbbbbb;
				text-align:center;
				line-height: 13px;
			}

			.userDetailsHeaderRow {
				/*background-color: #f4f4f4;*/
				color:#bbbbbb;
				border-right: 5px solid #f4f4f4;
			}
			/* UserDetails */
			.userDetails-Grid{
				display: grid;
				grid-template-columns: 50% 50%;
			}

			.userDetails-Grid-Element{
				line-height: 30px;
				/*border-bottom: 1px solid gray;
				border-right: 1px solid gray;*/
				border:none;
				padding: 0px 10px 0px 10px;
				

			}

			/* ADM DASHBOARD */
			/*****************/
			.admDashboard{
				display:flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width:100%;
			}
			.gridAdm-container{
				display: grid;
				grid-template-columns: 25% 25% 25% 25%;

			}
			.gridAdm-item{
				display:flex;
				justify-content: center;
				flex-direction: column;
				align-items: center;
				margin: 25px;
				min-width: 30px;
				min-height: 30px;
				text-align:center;
				border:1px solid white;
				
			}
			.gridAdm-item img{
				max-width: 75px;
				min-width: 25px;
				max-height: 75px;
				min-height: 25px;
				margin: 15px;
			}
			.gridAdm-item:hover{
				border:1px solid #ccb333;
				border-radius:10px;
				cursor:pointer;
			}


			}
			.gridAdm-itemContent{
				text-align:center;
			}


			/* MAINTENANCE MODE  */
			/***********/
			.maintenance h1{
				font-size:32px;
				color:black;

			}

			.maintenance{
				height: 400px;
				display:flex;
				flex-direction: column;
				font-size: 20;
				text-align:center;
				align-items: center;
				justify-content: center;
				width:100%;
				color:grey;
			}


			/* FOOTER  */
			/***********/

			#footer {
			  position: absolute;
			  right: 0;
			  bottom: 0;
			  left: 0;
			  padding: 2.3rem;
			  background-color: #efefef;
			  text-align: center;
			}
			.footerAdmContainer{
				display:flex;

			}
			.centerFooterAdm {
				display:flex;
				justify-content: center;
				align-items: center;
				min-width: 50%;
				font-size:12px;
			}
			.rightFooterAdm {
				display:flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				min-width: 24%;
				font-size:14px;
			}

			.leftFooterAdm{
				min-width: 24%;
				margin-left:35px;
				padding-top:10px;

			}

			/* Home Slider */
			.goldvanSlider{
				display:flex;
				justify-content: center;
				padding:0px;	
				background-image: url('../images/goldvan_1500.jpg');
				background-repeat: no-repeat;
				background-position: center;	
				background-size: 100%;
				min-width:100%;
				height:400px;
				color: #ffffff;
				border-bottom:10px solid #ababab;
			}
			.goldvanSliderHeader{

				align-items: center;
				text-align: center;
				justify-content: center;
				font-size:25px;
				min-width: 100%;
				line-height:40px;
				background-color: rgba(0, 0, 0, 0.5);
				max-height: 50px;
			}
			.reservaContent{
				display:flex;
				justify-content: center;
				align-self: center;
				flex-direction: column;
			}

			.whatsapp input[type=submit] {
			  background-color: green; /* Green */
			  border: none;
			  color: white;
			  padding: 15px 32px;
			  text-align: center;
			  text-decoration: none;
			  display: inline-block;
			  font-size: 16px;
			  border-radius: 10px;
			  cursor:pointer;
			}

			.whatsapp img{
				max-width: 80%;
			}
			.telefono img{
				max-width: 80%;
			}
			.phone{
				text-align:right;
				line-height: 50px;
				color:white;
				padding: 5px 10px 10px 10px;
				width:100%;
			}
			.phone h1{
				font-size: 40px;
			}

			.telefono button{
			  background-color: #ccb333; /* Green */
			  border: none;
			  color: black;
			  padding: 15px 32px;
			  text-align: center;
			  text-decoration: none;
			  display: inline-block;
			  font-size: 16px;
			  border-radius: 10px;
			  cursor:pointer;
			}

			.reserva{
				display:block;
				margin-left:10px;	
				border-radius: 10px;
				padding: 5px;
				text-align: center;
				width:90%;
			}
			.telefono{		
				display:block;
				margin-left:10px;			
				border-bottom: 6px solid black;
				border-radius: 10px;
				padding: 5px;
				width:90%;
				text-align: center;
			}
			.whatsapp{
				display:block;
				margin-left:10px;	
				border-bottom: 6px solid green;
				border-radius: 10px;
				padding: 5px;
				text-align: center;
				width:90%;
			}
			.tips{
				border: 1px solid gray;
				padding: 10px;
				margin: 5px;
				border-radius: 15px;
				font-size: 12px;
				background-color:#fff2b7;
				line-height: 16px;
			}
			#accessdenied{
				padding: 50px;
				text-align: center;
			}

			#accessdenied button {
				margin: 10px;
				background-color: #000000;
				border: 1px solid darkgrey;
				color:white;
				font-size:16px;
			  	border-radius: 10px;
			  	height: 35px;
			  	width: 25%;
			}
			#accessdenied button:hover {
				margin: 10px;
				background-color: #ffffff;
				border: 1px solid #000000;
				color:#000000;
				cursor:pointer;
				font-size:16px;
			  	border-radius: 10px;
			  	height: 35px;
			  	width: 25%;
			}
			.errorimage{
				padding: 50px;
			}




}