/*================================
FRONT-END PAGES
==================================*/

	/* 
	  ####################################### Device = Desktops
	  ##Screen = 1281px to higher resolution desktops
	*/

		@media (min-width: 1281px) {

			.tableButtonsHeader_mobile {
				display: none;
			}

			.hide_on_desktop {
				display: none;
			}


			/* iPhone & iPad Fix - Only apply ViewDiv Hover effects on Desktop devices  */
				
				.btn-outline:hover {
					background: none !important;
					border: solid thin #FFA500 !important;
					color: #FFA500 !important;
				}

				.shareBox a:hover {
					text-decoration: none;
				}	

				/*All Hover*/
				.viewDiv .shareBox i:hover {
					color: #333;
					}	
			
				.viewDiv .downloadCalendarButton i:hover, .viewDiv .downloadVcardButton i:hover, .viewDiv .printButton i:hover {
					color: #EA4141;
					}	
		
				.viewDiv .shareBox .smsImg:hover {
					background: url("../images/sms.svg");
					}
				
				.buyEnterButton:active {
					margin: auto -2px auto 2px;
					}

				/* On mouse-over, add a grey background color to LocationFilter tick box */
				.locationFilterContainer:hover input ~ .checkmark {
					background-color: #ccc;
				}
				
			/* END -------- IOS Fix - Disable Hover effects on ViewDiv  */

		}
	

  
	/* 
	####################################### Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
	*/
  
		@media (min-width: 1025px) and (max-width: 1280px) {

			.tableButtonsHeader_mobile {
				display: none;
			}

			.hide_on_desktop {
				display: none;
			}


			/* iPhone & iPad Fix - Only apply ViewDiv Hover effects on Desktop devices  */
				
				.btn-outline:hover {
					background: none !important;
					border: solid thin #FFA500 !important;
					color: #FFA500 !important;
				}
				
				.shareBox a:hover {
					text-decoration: none;
				}	

				/*All Hover*/
				.viewDiv .shareBox i:hover {
					color: #333;
					}	
			
				.viewDiv .downloadCalendarButton i:hover, .viewDiv .downloadVcardButton i:hover, .viewDiv .printButton i:hover {
					color: #EA4141;
					}	
		
				.viewDiv .shareBox .smsImg:hover {
					background: url("../images/sms.svg");
					}
				
				.buyEnterButton:active {
					margin: auto -2px auto 2px;
					}

				/* On mouse-over, add a grey background color to LocationFilter tick box */
				.locationFilterContainer:hover input ~ .checkmark {
					background-color: #ccc;
				}
				
			/* END -------- IOS Fix - Disable Hover effects on ViewDiv  */

		}
  
  
  
	/* 
	####################################### Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
	*/
  
		@media (min-width: 768px) and (max-width: 1024px) {

			.medicalButtonContainer {
				display: none;
			}

			#medicalServicesDropdownContainer {
				display: none !important;
			}

			/* Medical Facilities Page */
			.ajaxPage-4 {
				margin-top: -60px;
			}
			
			.modal-body {
				overflow:scroll !important; 
				-webkit-overflow-scrolling:touch !important;
			}

			#navTopbar {
				display: none;
			}

			.navbar-brand img {
				height: 45px;
				margin: 15px 10px 5px 10px;
			}

			.navbar-brand_enlarge img {
				height: 50px !important;
			}

			.navbar {
				padding: 0;
			}

			/* .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
				margin: 5px 15px 10px 15px;
			} */

			.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background-color: #ffa500 !important;
			}

			.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff !important;
			}

			.navbar-fluid .navbar-right, .topMenu {
				margin-top: 5px;
			}
			.navbar-nav li a {
				padding: 5px 5px !important;
				margin: 0;
			}

			.searchFilter_Navbar {
				margin-top: 0;
			}

			.sport-type-container {
				margin: 3px -15px 3px -15px;
			}

			.navCircle {
				max-width: 60px;
				margin: 4px 6px;
				padding: 0 !important;
			}

			.circle, .medicalCircle, .shopsServicesCircle {
				height: 60px;
				width: 60px;
				line-height: 60px;
				font-size: 0.7em;
			}

			.extraButtonContainer  {
				display: none;
			}

			.shopsServicesCircle {
				padding-top: 12px;
				line-height: 15px;
			}

			.wordCloud {
				width: 85%;
			}

			.ajaxPage .advertisement-box {
				display: none;
			}

			.ajaxPage .col-md-12 {
				width: 100%;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}

			.ajaxPage .calendarBox {
				width: 100%;
				margin: 0;
				padding: 0;
			}

			.calendarContainer {
				padding: 90px 0 45px 0;
			}

			.monthly-indicator-wrap {
				max-width: none !important;
				margin-top: 15px !important;
			}

			.monthly-day, .monthly-day-blank {
				padding: 2px 2px 2px 2px !important;
			}
			
			.ribbon h1 {
				font-size: 1.6em;
			}
			
			.clients-carousel {
				margin: 25px auto 20px auto;
				padding: 0 5px 5px 5px;
				width: 90%;
			}
			
			.clients-carousel .col-md-3 {
				width: 24%;
				height: 140px;
				display: inline-table;
			}
			
			#clients-slider .item .col-md-3 {
				margin: 5px auto;
			}
			
			.clients-carousel .thumbnail {
				height: 140px;
				display: block;
				margin-bottom: 0;
			}
			
			.clients-carousel .thumbnail img {
				max-height: 120px;
				display: block;
				margin: 10px 0;
			}


			/****** SECONDARY AJAX PAGES ******/
			.top-buffer {
				padding: 0;
			}

			#page2Calendar {
				margin-bottom: 30px;
			}

			.ajaxPage .tableBox {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
				padding: 10px 0 0 0;
			}

			.ajaxPage .tableBox .col-md-6, .ajaxPage .tableBox h3 {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
			}

			.ajaxPage label {
				width: 100%;
			}

			.ajaxPage input[type="search"] {
				width: 70% !important;
				padding: 8px 10px !important;
			}
			
			#page2Calendar .monthly-indicator-wrap .monthly-event-indicator {
				width: 100%  !important;
				padding: 0 2px  !important;
				height: 13px;
				overflow: hidden !important;
				text-align: left;
			}
			
			#page2Calendar .monthly-indicator-wrap span {
				width: 100% !important;
				color: #fff !important;
				font-weight: 500;
			}

			#event_table_wrapper, #venue_table_wrapper {
				border-radius: 0;
			}

			.ajaxPage select, .ajaxPage option {
				padding: 8px 10px !important;
			}

			.tableButtonsHeader_mobile {
				display: none;
			}

			.tableButtonsContainer {
				min-width: 10px;
				max-width: 50px;
			}

			.tableButtonsHeader_mobile {
				font-size: 0.7em;
				text-align: center;
			}

			.calendarBox .monthly-event-list, #page2Calendar .monthly-event-list  {
				padding: 40px 0 20px 0;
				width: 100%;
				left: 0;
			}

			.viewDiv {
				width: 100%;
				max-width: 100%;
				margin: 20px 0 100px 0;
				padding: 10px;
				overflow: hidden;
				border-radius: 0;
			}

				.viewDiv h1 {
					width: 120%;
					position: relative;
					padding-top: 40px;
				}

			.viewDiv_CustomLeft, .viewDiv_Left, .viewDiv_Right {
				width: 100%;
				padding: 5px 0;
				border: none;
			}

			.statusChangeButton, .statusChangeButton {
				padding: 10px;
			}

			.deleteButton, .button_formCancel, .button_formUpdate {
				margin: 10px 5% 30px 5%;
				max-width: 90%;
			}

			.deleteButton:active, .button_formCancel:active {
				margin: 12px 10px -2px 10px;
			}

			.popupContainer {
				padding: 5px 0;
			}

			.closePopup {
				position: absolute;
				width: 97%;
				z-index: 9;
				right: 0;
			}

			.closePopup i {
				font-size: 30px;
				padding: 4px 8px 6px 8px !important;
				border-radius: 40px;
				margin: -40px 0 0 0;
				top: 0px;
				right: 0;
				background: #333;
				border: solid 2px #fff;
				padding: 3px 12px 8px 12px;
			}

			.closeIcon {
				width: 97%;
				text-align: right;
			}

				.closeIcon i {
					font-size: 30px;
					padding: 4px 8px 6px 8px;
					border-radius: 45px;
				}

			.closePopup_iframe {
				width: 100%;
				margin: 0;
				left: 0;
				margin: 0;
				top: 20px;
			}

				.closePopup_iframe i {
					font-size: 30px;
					left: 0;
					padding: 5px 8px 6px 8px !important;
					border-radius: 40px;
					top: 0px;
					background: #333;
					border: solid 2px #fff;
					padding: 3px 12px 8px 12px;
				}
									
			.venueStatsChart {
				width:100%;
				height:100%;
			}

			/****** ABOUT PAGE ******/
			.aboutText_centerBlock .col-md-offset-2 h4 {
				margin-top: 50px;
			}
			
			.aboutText p {
				text-align: left;
			}

			#portfolio-div div {
				padding: 0;
			}
			
			#about .about-wrapper {
				max-height: 160px;
			}
			
			
			/****** GALLERY PAGE ******/
			#gallery .overlay {
				padding: 100px 0 50px 0 !important;
			}

			.filters .nav-pills a:hover {
				padding: 10px 18px;
			}
					
		}
  
  
  
	/* 
	####################################### Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
	*/
  
		@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

			.medicalButtonContainer {
				display: none;
			}

			/* Medical Facilities Page */
			.ajaxPage-4 {
				margin-top: -60px;
			}

			.modal-body {
				overflow:scroll !important; 
				-webkit-overflow-scrolling:touch !important;
			}

			#navTopbar {
				display: none;
			}

			.navbar-brand img {
				height: 45px;
				margin: 15px 30px 5px 2px;
			}

			.navbar-brand_enlarge img {
				height: 50px !important;
			}

			.navbar {
				padding: 0;
			}

			/* .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
				margin: 5px 15px 10px 15px;
			} */

			.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background-color: #ffa500 !important;
			}

			.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff !important;
			}

			.navbar-fluid .navbar-right, .topMenu {
				margin-top: 5px;
			}
			.navbar-nav li a {
				padding: 5px 5px !important;
				margin: 0;
			}

			.searchFilter_Navbar {
				margin-top: 0;
			}

			.sport-type-container {
				margin: 3px -15px 3px -15px;
			}

			.navCircle {
				max-width: 60px;
				margin: 4px 6px;
				padding: 0 !important;
			}

			.circle, .medicalCircle, .shopsServicesCircle {
				height: 60px;
				width: 60px;
				line-height: 60px;
				font-size: 0.7em;
			}

			.extraButtonContainer  {
				display: none;
			}

			.shopsServicesCircle {
				padding-top: 12px;
				line-height: 15px;
			}

			.wordCloud {
				width: 85%;
			}

			.ajaxPage .advertisement-box {
				display: none;
			}

			.ajaxPage .col-md-12 {
				width: 100%;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}

			.ajaxPage .calendarBox {
				width: 100%;
				margin: 0;
				padding: 0;
			}

			.calendarContainer {
				padding: 90px 0 45px 0;
			}

			.monthly-indicator-wrap {
				max-width: none !important;
				margin-top: 15px !important;
			}

			.monthly-day, .monthly-day-blank {
				padding: 2px 2px 2px 2px !important;
			}
			
			.ribbon h1 {
				font-size: 1.6em;
			}
			
			.clients-carousel {
				margin: 25px auto 20px auto;
				padding: 0 5px 5px 5px;
				width: 90%;
			}
			
			.clients-carousel .col-md-3 {
				width: 24%;
				height: 130px;
				display: inline-table;
			}
			
			#clients-slider .item .col-md-3 {
				margin: 5px auto;
			}
			
			.clients-carousel .thumbnail {
				height: 130px;
				display: block;
				margin-bottom: 0;
			}
			
			.clients-carousel .thumbnail img {
				max-height: 110px;
				display: block;
				margin: 10px 0;
			}


			/****** SECONDARY AJAX PAGES ******/
			.top-buffer {
				padding: 0;
			}

			#page2Calendar {
				margin-bottom: 30px;
			}

			.ajaxPage .tableBox {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
				padding: 10px 0 0 0;
			}

			.ajaxPage .tableBox .col-md-6, .ajaxPage .tableBox h3 {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
			}

			.ajaxPage label {
				width: 100%;
			}

			.ajaxPage input[type="search"] {
				width: 70% !important;
				padding: 8px 10px !important;
			}
			
			#page2Calendar .monthly-indicator-wrap .monthly-event-indicator {
				width: 100%  !important;
				padding: 0 2px  !important;
				height: 13px;
				overflow: hidden !important;
				text-align: left;
			}
			
			#page2Calendar .monthly-indicator-wrap span {
				width: 100% !important;
				color: #fff !important;
				font-weight: 500;
			}

			#event_table_wrapper, #venue_table_wrapper {
				border-radius: 0;
			}

			.ajaxPage select, .ajaxPage option {
				padding: 8px 10px !important;
			}

			.tableButtonsHeader_mobile {
				display: none;
			}

			.tableButtonsContainer {
				min-width: 10px;
				max-width: 50px;
			}

			.tableButtonsHeader_mobile {
				font-size: 0.7em;
				text-align: center;
			}

			.calendarBox .monthly-event-list, #page2Calendar .monthly-event-list  {
				padding: 40px 0 20px 0;
				width: 100%;
				left: 0;
			}

			.viewDiv {
				width: 100%;
				max-width: 100%;
				margin: 20px 0 100px 0;
				padding: 10px;
				overflow: hidden;
				border-radius: 0;
			}

				.viewDiv h1 {
					width: 120%;
					position: relative;
					padding-top: 40px;
				}

			.viewDiv_CustomLeft, .viewDiv_Left, .viewDiv_Right {
				width: 100%;
				padding: 5px 0;
				border: none;
			}

			.statusChangeButton, .statusChangeButton {
				padding: 10px;
			}

			.deleteButton, .button_formCancel, .button_formUpdate {
				margin: 10px 5% 30px 5%;
				max-width: 90%;
			}

			.deleteButton:active, .button_formCancel:active {
				margin: 12px 10px -2px 10px;
			}

			.popupContainer {
				padding: 5px 0;
			}

			.closePopup {
				position: absolute;
				width: 97%;
				z-index: 9;
				right: 0;
			}

			.closePopup i {
				font-size: 30px;
				padding: 4px 8px 6px 8px !important;
				border-radius: 40px;
				margin: -40px 0 0 0;
				top: 0px;
				right: 0;
				background: #333;
				border: solid 2px #fff;
				padding: 3px 12px 8px 12px;
			}

			.closeIcon {
				width: 97%;
				text-align: right;
			}

				.closeIcon i {
					font-size: 30px;
					padding: 4px 8px 6px 8px;
					border-radius: 45px;
				}

			.closePopup_iframe {
				width: 100%;
				margin: 0;
				left: 0;
				margin: 0;
				top: 20px;
			}

				.closePopup_iframe i {
					font-size: 30px;
					left: 0;
					padding: 5px 8px 6px 8px !important;
					border-radius: 40px;
					top: 0px;
					background: #333;
					border: solid 2px #fff;
					padding: 3px 12px 8px 12px;
				}
									
			.venueStatsChart {
				width:100%;
				height:100%;
			}

			.popupContainer #closePopup {
				right: 0;
			}
			
			.registrationPage label {
				margin-left: 0;
				width: auto;
			}

			.labelLong { 
				width: 95% !important;
			}

			.registrationPage button, input, select, textarea {
				padding: 10px;
			}

			.registrationPage input, .registrationPage select {
				min-width: 100%;
			}

			.registrationPage input[type='checkbox'] {
				min-width: 10px !important;
			}

			/****** ABOUT PAGE ******/
			.aboutText_centerBlock .col-md-offset-2 h4 {
				margin-top: 50px;
			}
			
			.aboutText p {
				text-align: left;
			}

			#portfolio-div div {
				padding: 0;
			}
			
			#about .about-wrapper {
				max-height: 160px;
			}
			
			
			/****** GALLERY PAGE ******/
			#gallery .overlay {
				padding: 100px 0 50px 0 !important;
			}

			.filters .nav-pills a:hover {
				padding: 10px 18px;
			}
			
			
		}
  
  
  
	/* 
	####################################### Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
	*/
  
		@media (min-width: 481px) and (max-width: 767px) {

			#partners .isotope-item {
				width: 100% !important;
			}
			
			.medicalButtonContainer {
				display: none;
			}

			/* Medical Facilities Page */
			.ajaxPage-4 {
				margin-top: -60px;
			}

			.modal-body {
				overflow:scroll !important; 
				-webkit-overflow-scrolling:touch !important;
			}
			
			#navTopbar {
				display: none;
			}

			.navbar-brand img {
				height: 45px;
				margin: 15px 30px 5px 30px;
			}

			.navbar-brand_enlarge img {
				height: 50px !important;
			}

			.navbar {
				padding: 0;
			}

			/* .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
				margin: 5px 15px 10px 15px;
			} */

			.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background-color: #ffa500 !important;
			}

			.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff !important;
			}

			.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
				max-height: 550px !important;
				margin: 0;
				padding-top: 0;
			}

			.navbar-fluid .navbar-right, .topMenu {
				margin-top: 0;
				position: static;
				/* display: block; */
				right: 0;
				z-index: 3000;
				
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
			}

			.navbar-nav li a {
				padding: 8px 0 8px 40px !important;
				margin: 0;
				width: 100%;
			}

			.navbar-default .navbar-nav li a {
				background-color: rgba(52,191,208, 1);
				border-bottom: solid thin #fff;
				font-weight: 400;
			}

			.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:active, .navbar-default .navbar-nav li a:focus {
				background-color: rgba(255, 165, 0, 0.9) !important;
				border-bottom: solid thin #fff;
			}

			.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
				background-color: rgba(255, 165, 0, 0.9) !important;
				border-bottom: solid thin #fff;
			}

			.searchFilter_Navbar {
				margin-top: 10px;
				width: 100%;
			}

			.navbar .search-container {
				margin: 0;
				width: 100%;
			}

			#nav-searchBox {
				width: 100%;
			}

			.searchFilter_Navbar input[type=text] {
				width: 80%;
				display: inline-block;
				padding: 4.5px;
				line-height: 20px;
			}
			
			.searchFilter_Navbar button {
				width: 18% !important;
				float: right !important;
				text-align: center !important;
				padding: 5px 20px !important;
				margin-right: 0 !important;
			}

			#locationFilterDiv {
				margin: 0 0 10px 0;
			}

			#locationFilterSlider input[type=range] {
				width: 80%;
			}

			.sport-type-container {
				margin: 3px -15px 3px -15px;
			}

			.navCircle {
				max-width: 50px;
				margin: 4px 6px;
				padding: 0 !important;
			}

			.circle, .medicalCircle, .shopsServicesCircle {
				height: 50px;
				width: 50px;
				line-height: 50px;
				font-size: 0.7em;
			}

			.extraButtonContainer  {
				display: none;
			}

			.shopsServicesCircle {
				padding-top: 12px;
				line-height: 15px;
			}

			.wordCloud {
				width: 85%;
			}

			.ajaxPage .advertisement-box {
				display: none;
			}

			.ajaxPage .col-md-12 {
				width: 100%;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}

			.ajaxPage .calendarBox {
				width: 100%;
				margin: 0;
				padding: 0;
			}

			.calendarContainer {
				padding: 90px 0 45px 0;
			}

			#mainCalendar .monthly-event-indicator {
				width: 10px !important;
				height: 10px !important;
			}

			.monthly-indicator-wrap {
				max-width: none !important;
				margin-top: 15px !important;
			}

			.monthly-day, .monthly-day-blank {
				padding: 2px 2px 2px 2px !important;
			}
			
			.ribbon h1 {
				font-size: 1.6em;
			}
			
			.clients-carousel {
				margin: 25px auto 20px auto;
				padding: 0 5px 5px 5px;
				width: 90%;
			}
			
			.clients-carousel .col-md-3 {
				width: 35%;
				height: 150px;
				display: inline-table;
			}
			
			#clients-slider .item .col-md-3 {
				margin: 5px auto;
			}
			
			.clients-carousel .thumbnail {
				height: 150px;
				display: block;
			}
			
			.clients-carousel .thumbnail img {
				max-height: 120px;
				display: block;
				margin: 10px 0;
			}

			.newsletterContainer {
				padding: 0 !important;
			}
			
			#newsletter form {
				padding: 30px 10px;
			}


			/****** SECONDARY AJAX PAGES ******/
			.top-buffer {
				padding: 0;
			}

			#page2Calendar {
				margin-bottom: 30px;
			}

			.ajaxPage .tableBox {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
				padding: 10px 0 0 0;
			}

			.ajaxPage .tableBox .col-md-6, .ajaxPage .tableBox h3 {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
			}

			.ajaxPage label {
				width: 100%;
			}

			.ajaxPage input[type="search"] {
				width: 70% !important;
				padding: 8px 10px !important;
			}
			
			#page2Calendar .monthly-indicator-wrap .monthly-event-indicator {
				width: 100%  !important;
				padding: 0 2px  !important;
				height: 13px;
				overflow: hidden !important;
				text-align: left;
			}
			
			#page2Calendar .monthly-indicator-wrap span {
				width: 100% !important;
				color: #fff !important;
				font-size: 0.8em;
				font-weight: 500;
				padding: 0;
				margin: 0;
				line-height: 15px;
			}

			#event_table_wrapper, #venue_table_wrapper {
				border-radius: 0;
			}

			.ajaxPage select, .ajaxPage option {
				padding: 8px 10px !important;
			}

			.hide_on_mobile {
				display: none;
			}

			.tableButtonsContainer {
				min-width: 10px;
				max-width: 50px;
			}

			.tableButtonsHeader_mobile {
				font-size: 0.7em;
				text-align: center;
			}

			.calendarBox .monthly-event-list, #page2Calendar .monthly-event-list  {
				padding: 40px 0 20px 0;
				width: 100%;
				left: 0;
			}

			.viewDiv {
				width: 100%;
				max-width: 100%;
				margin: 20px 0 100px 0;
				padding: 10px;
				overflow: hidden;
				border-radius: 0;
			}

				.viewDiv h1 {
					width: 120%;
					position: relative;
					padding-top: 40px;
				}

			.viewDiv_CustomLeft, .viewDiv_Left, .viewDiv_Right {
				width: 100%;
				padding: 5px 0;
				border: none;
			}

			.statusChangeButton, .statusChangeButton {
				padding: 10px;
			}

			.deleteButton, .button_formCancel, .button_formUpdate {
				margin: 10px 5% 30px 5%;
				max-width: 90%;
			}

			.deleteButton:active, .button_formCancel:active {
				margin: 12px 10px -2px 10px;
			}

			.popupContainer {
				padding: 5px 0;
			}

			.closePopup {
				position: absolute;
				width: 97%;
				z-index: 9;
				right: 0;
			}

			.closePopup i {
				font-size: 30px;
				padding: 4px 8px 6px 8px !important;
				border-radius: 40px;
				margin: -40px 0 0 0;
				top: 0px;
				right: 0;
				background: #333;
				border: solid 2px #fff;
				padding: 3px 12px 8px 12px;
			}

			.closeIcon {
				width: 97%;
				text-align: right;
			}

				.closeIcon i {
					font-size: 30px;
					padding: 4px 8px 6px 8px;
					border-radius: 45px;
				}

			.closePopup_iframe {
				width: 100%;
				margin: 0;
				left: 0;
				margin: 0;
				top: 20px;
			}

				.closePopup_iframe i {
					font-size: 30px;
					left: 0;
					padding: 5px 8px 6px 8px !important;
					border-radius: 40px;
					top: 0px;
					background: #333;
					border: solid 2px #fff;
					padding: 3px 12px 8px 12px;
				}
									
			.venueStatsChart {
				width:100%;
				height:100%;
			}
			
			.popupContainer #closePopup {
				right: 0;
			}

			.registrationPage label {
				margin-left: 0;
				width: auto;
			}

			.labelLong { 
				width: 95% !important;
			}

			.registrationPage button, input, select, textarea {
				padding: 10px;
			}

			.registrationPage input, .registrationPage select {
				min-width: 100%;
			}

			.registrationPage input[type='checkbox'] {
				min-width: 10px !important;
			}

			/****** ABOUT PAGE ******/
			.aboutText_centerBlock .col-md-offset-2 h4 {
				margin-top: 50px;
			}
			
			.aboutText p {
				text-align: left;
			}
			
			
			/****** GALLERY PAGE ******/
			#gallery .overlay {
				padding: 100px 0 50px 0 !important;
			}

			#gallery .questionSpot {
				top: 0;
				position: relative;
			}

			#gallery .questionSpotBox {
				right: 0;
				top: 0;
				position: relative;
			}

		}
					
		   
  
	/* 
	####################################### Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
	*/
		
			
		@media (max-width: 480px) {

			#partners .isotope-item {
				width: 100% !important;
			}

			.medicalButtonContainer {
				display: none;
			}

			/* Medical Facilities Page */
			.ajaxPage-4 {
				margin-top: -60px;
			}

			.modal-body {
				overflow:scroll !important; 
				-webkit-overflow-scrolling:touch !important;
			}

			/* #navTopbar ul {
				margin-bottom: 0;
			} */

			#navTopbar {
				display: none;
			}

			.navbar-brand img {
				height: 45px;
				margin: 5px 30px;
			}

			.navbar-brand_enlarge img {
				height: 50px !important;
			}

			.navbar {
				padding: 0;
			}

			/* .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
				margin: 5px 15px 10px 15px;
			} */

			.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
				background-color: #ffa500 !important;
			}

			.navbar-default .navbar-toggle .icon-bar {
				background-color: #fff !important;
			}

			.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
				max-height: 550px !important;
				margin: 0;
				padding-top: 0;
			}

			.navbar-fluid .navbar-right, .topMenu {
				margin-top: 0;
				position: static;
				z-index: 3000;
				
				-webkit-transition: all .2s ease-in-out;
				-moz-transition: all .2s ease-in-out;
				-o-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
			}

			.navbar-nav li a {
				padding: 8px 0 8px 40px !important;
				margin: 0;
				width: 100%;
			}

			.navbar-default .navbar-nav li a {
				background-color: rgba(52,191,208, 1);
				border-bottom: solid thin #fff;
				font-weight: 400;
			}

			.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:active, .navbar-default .navbar-nav li a:focus {
				background-color: rgba(255, 165, 0, 0.9) !important;
				border-bottom: solid thin #fff;
			}

			.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
				background-color: rgba(255, 165, 0, 0.9) !important;
				border-bottom: solid thin #fff;
			}

			.searchFilter_Navbar {
				margin-top: 10px;
				width: 100%;
			}

			.navbar .search-container {
				margin: 0;
				width: 100%;
			}

			#nav-searchBox {
				width: 100%;
			}

			.searchFilter_Navbar input[type=text] {
				width: 80%;
				display: inline-block;
				padding: 4.5px;
				line-height: 20px;
			}
			
			.searchFilter_Navbar button {
				width: 18% !important;
				float: right !important;
				text-align: center !important;
				padding: 5px 20px !important;
			}

			#locationFilterDiv {
				margin: 0 0 10px 0;
			}

			.sport-type-container {
				margin: 3px -15px 3px -15px;
			}

			.navCircle {
				max-width: 55px;
				margin: 4px 8px;
				padding: 0 !important;
			}

			.circle, .medicalCircle, .shopsServicesCircle {
				height: 55px;
				width: 55px;
				line-height: 55px;
				font-size: 0.8em;
			}

			.extraButtonContainer  {
				display: none;
			}

			.shopsServicesCircle {
				padding-top: 12px;
				line-height: 15px;
			}

			.wordCloud {
				width: 85%;
			}

			.ajaxPage .advertisement-box {
				display: none;
			}

			.ajaxPage .col-md-12 {
				width: 100%;
				margin: 0;
				padding: 0;
				overflow: hidden;
			}

			.ajaxPage .calendarBox {
				width: 100%;
				margin: 0;
				padding: 0;
			}

			.calendarContainer {
				padding: 130px 0 45px 0;
			}

			#mainCalendar .monthly-event-indicator {
				width: 10px !important;
				height: 10px !important;
			}

			.monthly-indicator-wrap {
				max-width: none !important;
			}

			/* .monthly-day, .monthly-day-blank {
				padding: 2px 2px 2px 2px !important;
			} */
			
			.ribbon h1 {
				font-size: 1.6em;
			}
			
			.clients-carousel {
				margin: 25px auto 20px auto;
				padding: 0 5px 5px 5px;
				width: 90%;
			}
			
			.clients-carousel .col-md-3 {
				width: 49%;
				height: 130px;
				display: inline-table;
			}
			
			#clients-slider .item .col-md-3 {
				margin: 5px auto;
			}
			
			.clients-carousel .thumbnail {
				height: 130px;
				display: block;
			}
			
			.clients-carousel .thumbnail img {
				max-height: 120px;
				display: block;
				margin: 10px 0;
			}

			.signUp_Page {
				padding: 0 !important;
			}

			.newsletterContainer {
				padding: 0 !important;
			}
			
			#newsletter form {
				padding: 30px 10px;
			}


			/****** SECONDARY AJAX PAGES ******/
			.top-buffer {
				padding: 0;
			}

			#page2Calendar {
				margin-bottom: 30px;
			}

			.ajaxPage .tableBox {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
				padding: 10px 0 0 0;
			}

			.ajaxPage .tableBox .col-md-6, .ajaxPage .tableBox h3 {
				margin: 20px auto 0px auto !important;
				overflow: hidden;
			}

			.ajaxPage label {
				width: 100%;
			}

			.ajaxPage input[type="search"] {
				width: 70% !important;
				padding: 8px 10px !important;
			}
			
			#page2Calendar .monthly-indicator-wrap .monthly-event-indicator {
				width: 100%  !important;
				padding: 0 2px  !important;
				height: 13px;
				overflow: hidden !important;
				text-align: left;
			}
			
			#page2Calendar .monthly-indicator-wrap span {
				width: 100% !important;
				color: #fff !important;
				font-size: 0.8em;
				font-weight: 500;
				padding: 0;
				margin: 0;
				line-height: 15px;
			}

			#event_table_wrapper, #venue_table_wrapper {
				border-radius: 0;
			}

			.ajaxPage select, .ajaxPage option {
				padding: 8px 10px !important;
			}

			.hide_on_mobile {
				display: none;
			}

			.tableButtonsContainer {
				min-width: 10px;
				max-width: 50px;
			}
			
				.tableButtonsContainer .iconButton {
					display: block;
				}

			.tableButtonsHeader_mobile {
				font-size: 0.7em;
				text-align: center;
			}

			.calendarBox .monthly-event-list, #page2Calendar .monthly-event-list  {
				padding: 40px 0 20px 0;
				width: 100%;
				left: 0;
			}

			.viewDiv {
				width: 100%;
				max-width: 100%;
				margin: 20px 0 100px 0;
				padding: 10px;
				overflow: hidden;
				border-radius: 0;
			}

				.viewDiv h1 {
					width: 120%;
					position: relative;
					padding-top: 40px;
				}

			.viewDiv_CustomLeft, .viewDiv_Left, .viewDiv_Right {
				width: 100%;
				padding: 5px 0;
				border: none;
			}

			.statusChangeButton, .statusChangeButton {
				padding: 10px;
			}

			.deleteButton, .button_formCancel, .button_formUpdate {
				margin: 10px 5% 30px 5% !important;
				max-width: 90%;
			}

			.deleteButton:active, .button_formCancel:active {
				margin: 12px 10px -2px 10px;
			}

			.popupContainer {
				padding: 5px 0;
			}

			.closePopup {
				position: absolute;
				width: 97%;
				z-index: 9;
				right: 0;
			}

			.closePopup i {
				font-size: 30px;
				padding: 4px 8px 6px 8px !important;
				border-radius: 40px;
				margin: -40px 0 0 0;
				top: 0px;
				right: 0;
				background: #333;
				border: solid 2px #fff;
				padding: 3px 12px 8px 12px;
			}

			.closeIcon {
				width: 97%;
				text-align: right;
			}

				.closeIcon i {
					font-size: 30px;
					padding: 4px 8px 6px 8px;
					border-radius: 45px;
				}

			.closePopup_iframe {
				width: 100%;
				margin: 0;
				left: 0;
				margin: 0;
				top: 20px;
			}

				.closePopup_iframe i {
					font-size: 30px;
					left: 0;
					padding: 5px 8px 6px 8px !important;
					border-radius: 40px;
					top: 0px;
					background: #333;
					border: solid 2px #fff;
					padding: 3px 12px 8px 12px;
				}
									
			.venueStatsChart {
				width:100%;
				height:100%;
			}
			
			.popupContainer #closePopup {
				right: 0;
			}

			.registrationPage label {
				margin-left: 0;
				width: auto;
			}

			.labelLong { 
				width: 95% !important;
			}

			.registrationPage button, input, select, textarea {
				padding: 10px;
			}

			.registrationPage input, .registrationPage select {
				min-width: 100%;
			}

			.registrationPage input[type='checkbox'] {
				min-width: 10px !important;
			}

			/****** ABOUT PAGE ******/
			.aboutText_centerBlock .col-md-offset-2 h4 {
				margin-top: 50px;
			}
			
			.aboutText p {
				text-align: left;
			}
			
			
			/****** GALLERY PAGE ******/
			#gallery .overlay {
				padding: 100px 0 50px 0 !important;
			}

			#gallery .questionSpot {
				top: 0;
				position: relative;
			}

			#gallery .questionSpotBox {
				right: 0;
				top: 0;
				position: relative;
			}

		}


		
		
		
		
		/*================================
		END ------------ FRONT-END PAGES
		==================================*/






/*================================
DASHBOARD / BACK-END PAGES
==================================*/

	/* 
	  ####################################### Device = Desktops
	  ##Screen = 1281px to higher resolution desktops
	*/

		@media (min-width: 1281px) {
		
			
		}
  
  
  
	/* 
	####################################### Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
	*/
  
		@media (min-width: 1025px) and (max-width: 1280px) {
						
			.dashboard {
				margin-top: 0px;
				}
			
			.dashboardLeft {
				width: 23%;
				margin: 0 0 20px 0;
				padding: 0 0 20px 0;
				overflow: hidden;
				}
				
			.filterBlock {
				position: relative;
				width: 95%;
				padding: 10px 0 20px 0;
				cursor: pointer;
				top: 60px;
				float: left;
				}
				
			.filterBlock input{
				padding: 5px 0;
				width: 90%;
				}
				
			.filterBlock select{
				padding: 7px 0;
				width: 90%;
				}
			
			.dashboardRight {
				display: inline-block;
				width: 75%;
				min-height: 300px;
				position: relative;
				max-width: 100%;
				margin: 0 0 100px 0;
				top: 20px;
				float: right;
				right: 10px;
				}
			
			.dashboardRight table {
				min-width: 95%;
				margin: auto;
				}
			
			.tableWrapper {
				overflow-x: scroll;
				}
						
			.button_addNew button {
				width: 80%;
    			font-size: 0.9em;
				}
			
		}
  
  
  
	/* 
	####################################### Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
	*/
  
		@media (min-width: 768px) and (max-width: 1024px) {
			
			.dashboard {
				margin-top: 0px;
				font-size: 1.5em;
				}
			
			.welcome {
				text-align: left;
				padding: 0 10px;
			}
			
			.toggleButtons {
				width: 100%;
				border: none;
				border-radius: 0;
				padding: 0 0 20px 0;
				font-size: 1.5em;
				}
				
				.toggleButtons .mobileNote i {
					text-shadow: none;
					}
				
				.toggleButtons .mobileNote {
					position: absolute;
					top: 0;
					right: 0;
					width: auto;
					padding: 8px 18px;
					height: 40px;
					margin: 4px 5px 12px auto;
					border-radius: 5px;
					background: #fff;
					color: #000;
					text-shadow: none;
					}
			
				.toggleButtons .mobileNote:active {
					margin: 6px 5px 10px auto;
					}
			
				.toggleButtons button {
					display: block;
					width: 90%;
					padding: 5px 0;
					height: auto;
					margin: 10px auto;
					border-radius: 0;
					}
				
				.toggleButtons button:active{
					margin: 12px auto 8px auto;
					}
					
			
			.dashboardLeft {
				display: block;
				width: 100%;
				height: auto;
				position: relative;
				margin: 0;
				padding: 0 0 20px 0;
				overflow: hidden;
				}
				
			.filterBlock {
				width: 55%;
				position: relative;
				margin: auto;
				text-align: center;
				padding: 10px 0 20px 0;
				cursor: pointer;
				top: 0px;
				}
			
			/* Filter toggle window */
				[data-ur-toggler-component="content"] {
					display: none;
					}
				[data-ur-toggler-component="content"][data-ur-state="enabled"] {
					display: block;
					}
				
				.mobileNote {
					display: inline-block;
					cursor: pointer;
					}
				
			.filterBlock input{
				padding: 15px 0;
				}
				
			.filterBlock select{
				padding: 15px 0;
				}
			
			.dashboardRight {
				display: block;
				width: 100%;
				position: relative;
				max-width: 100%;
				margin: 0 0 100px 0;
				top: 50px;
				}
			
			.dashboardRight table {
				width: auto;
				margin: 0;
				}
			
			.dashboardRight th,td {
				padding: 0 40px;
				}
				
			.tableWrapper {
				overflow-x: scroll;
				line-height: 1;
				padding: 2px;
				font-size: 0.8em;
				}
			
			.dashboardRight table i{
				font-size: 1.6em;
				}
				
			.button_addNew button {
				width: 80%;
				}
							
			.companyLogo {
				display: inline-block;
				position: relative;
				width:35%;
				text-align: right;
				bottom: 0px;
				text-align: left;
				}
				
			.companyLogo img {
				width:90%;
				}
				
			.developerLogo {
				display: inline-block;
				position: relative;
				float: right;
				width:35%;
				text-align: right;
				}
				
			.developerLogo img {
				width:90%;
				}
				
				
			/* Form styling */
				
				.formDiv {
					width:85%;
					margin: 30px auto 100px auto;
					}
					
				.formDiv h1 {
					margin: -40px -30px 30px -30px;
					}
					
				.formDiv h1{
					margin: -40px -30px 30px -30px;
					font-size: 1.8em;
					}
					
				.formDiv h1 > span{
					font: 0.7em Arial, Helvetica, sans-serif;
					}
			
				.formDiv label{
					font-size: 1.5em;
					}
					
				.formDiv input[type="text"],
				.formDiv input[type="date"],
				.formDiv input[type="datetime"],
				.formDiv input[type="email"],
				.formDiv input[type="number"],
				.formDiv input[type="tel"],
				.formDiv input[type="search"],
				.formDiv input[type="time"],
				.formDiv input[type="url"],
				.formDiv input[type="password"],
				.formDiv textarea,
				.formDiv select {
					padding: 11px;
					font-size: 1em;
					}
				
				.formDiv input[type="file"] {
					width: 100%;
					}
				
				.formDiv text {
					font-size: 1em;
					}
				
				.formDiv .section{
					font-size: 1.5em;
					}
			
				.googlePlaces {
					margin: 0 0 20px 0;
					}
					
				.formDiv .button_formSubmit {
					padding: 15px 8px;
					font-size: 1.8em;
					}
				
					.formDiv .button_formSubmit i {
						font-size: 1.3em;
						}
								
				
				/* Checkboxes */
				.standardCheckbox {  
					min-width: 70%;
					max-width: 95%;
					font-size: 0.9em;
					}
					
				.standardCheckbox .cell {
					padding: 5px;
					line-height: 40px;
					}	
					
					
				.verticalCheckbox {
					font-size: 1em;
					}
					
				.verticalCheckbox .cell {
					padding: 5px 25px;
					line-height: 40px;
					}
			
			/* Login Screen */
							
				.login form {
					width: 80%;
					}
			
				.login input {
					min-width: 70%;
					max-width: 90%;
					}
			
				.login button {
					min-width: 70%;
					}
					
		}
	
	
  
	/* 
	####################################### Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
	*/
  
		@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
						
			
			
		}
  
  
  
	/* 
	####################################### Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
	*/
  
		@media (min-width: 481px) and (max-width: 768px) {
						
			.dashboard {
				margin-top: 0px;
				font-size: 1.5em;
				}

			.welcome {
				text-align: left;
				padding: 0 10px;
				}
					
			.toggleButtons {
				width: 100%;
				border: none;
				border-radius: 0;
				padding: 0 0 20px 0;
				font-size: 1.5em;
				}
				
				.toggleButtons .mobileNote i {
					text-shadow: none;
					}
				
				.toggleButtons .mobileNote {
					position: absolute;
					top: 0;
					right: 0;
					width: auto;
					padding: 8px 18px;
					height: 40px;
					margin: 4px 5px 12px auto;
					border-radius: 5px;
					background: #fff;
					color: #000;
					text-shadow: none;
					}
			
				.toggleButtons .mobileNote:active {
					margin: 6px 5px 10px auto;
					}
			
				.toggleButtons button {
					display: block;
					width: 90%;
					padding: 5px 0;
					height: auto;
					margin: 10px auto;
					border-radius: 0;
					}
				
				.toggleButtons button:active{
					transform: scale(1.1);
					}
					
			
			.dashboardLeft {
				display: block;
				width: 100%;
				height: auto;
				position: relative;
				margin: 0;
				padding: 0 0 20px 0;
				overflow: hidden;
				}
				
			.filterBlock {
				width: 80%;
				position: relative;
				margin: auto;
				text-align: center;
				padding: 10px 0 20px 0;
				cursor: pointer;
				top: 0px;
				}
			
			/* Filter toggle window */
				[data-ur-toggler-component="content"] {
					display: none;
					}
				[data-ur-toggler-component="content"][data-ur-state="enabled"] {
					display: block;
					}
				
				.mobileNote {
					display: inline-block;
					cursor: pointer;
					}
				
			.filterBlock input{
				padding: 15px 0;
				}
				
			.filterBlock select{
				padding: 15px 0;
				}
			
			.dashboardRight {
				display: block;
				width: 100%;
				position: relative;
				max-width: 100%;
				margin: 0 0 100px 0;
				top: 50px;
				}
			
			.dashboardRight table {
				width: auto;
				margin: 0;
				}
			
			.dashboardRight th,td {
				padding: 0 40px;
				}
				
			.tableWrapper {
				overflow-x: scroll;
				line-height: 1;
				padding: 2px;
				font-size: 0.8em;
				}
			
			.dashboardRight table i{
				font-size: 1.7em;
				}
				
			.button_addNew button {
				width: 80%;
    			font-size: 0.9em;
				}
			
			.scrollUp {
				width: 30px;
				height: 30px;
				left: 50%;
				margin: 0 auto 0 -25px !important;
				background-size: 30px 30px;
				padding: 25px;
				border: solid thin #000;
				border-radius: 50%;
				}
				
				.formDiv .scrollUp {
					position: fixed;
					bottom: 40px;
					left: 85%;
					opacity: 0.6;
					border: solid thin #666;
					}
				
			.companyLogo {
				display: inline-block;
				position: relative;
				width:35%;
				text-align: right;
				bottom: 0px;
				text-align: left;
				}
				
			.companyLogo img {
				width:90%;
				}
				
			.developerLogo {
				display: inline-block;
				position: relative;
				float: right;
				width:35%;
				text-align: right;
				}
				
			.developerLogo img {
				width:90%;
				}
				
				
			/* Form styling */
				
				.formDiv {
					width:90%;
					margin: 30px auto 100px auto;
					}
									
				.formDiv h1 {
					margin: -40px -30px 30px -30px;
					}
					
				.formDiv h1{
					margin: -40px -30px 30px -30px;
					font-size: 1.8em;
					}
					
				.formDiv h1 > span{
					font: 0.7em Arial, Helvetica, sans-serif;
					}
			
				.formDiv label{
					font-size: 1.6em;
					}
					
				.formDiv input[type="text"],
				.formDiv input[type="date"],
				.formDiv input[type="datetime"],
				.formDiv input[type="email"],
				.formDiv input[type="number"],
				.formDiv input[type="tel"],
				.formDiv input[type="search"],
				.formDiv input[type="time"],
				.formDiv input[type="url"],
				.formDiv input[type="password"],
				.formDiv textarea,
				.formDiv select {
					padding: 11px;
					font-size: 1.1em;
					}
				
				.formDiv input[type="file"] {
					width: 100%;
					}
				
				.formDiv text {
					font-size: 1.1em;
					}
				
				.formDiv .section{
					font-size: 1.6em;
					}
			
				.googlePlaces {
					margin: 0 0 20px 0;
					}
					
				.formDiv .button_formSubmit {
					padding: 15px 8px;
					font-size: 1.8em;
					}
				
					.formDiv .button_formSubmit i {
						font-size: 1.3em;
						}
								
				
				/* Checkboxes */
				.standardCheckbox {  
					min-width: 70%;
					max-width: 90%;
					font-size: 0.6em;
					margin: 0 0 0 -20px;
					}
					
				.standardCheckbox .cell {
					padding: 2px;
					line-height: 20px;
					}	
					
					
				.verticalCheckbox {
					font-size: 1em;
					}
					
				.verticalCheckbox .cell {
					padding: 5px 25px;
					line-height: 40px;
					}
			
			
			/* Login Screen */
							
				.login form {
					width: 80%;
					}
			
				.login input {
					min-width: 70%;
					max-width: 90%;
					}
			
				.login button {
					min-width: 70%;
					}
		}
  
  
  
	/* 
	####################################### Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
	*/
  
		@media (max-width: 480px) {
					
			.dashboard {
				margin-top: 0px;
				font-size: 1.5em;
				}

			.welcome {
				text-align: left;
				padding: 0 10px;
				}
					
			.toggleButtons {
				width: 100%;
				border: none;
				border-radius: 0;
				padding: 0 0 20px 0;
				font-size: 1.5em;
				}
				
				.toggleButtons .mobileNote i {
					text-shadow: none;
					}
				
				.toggleButtons .mobileNote {
					position: absolute;
					top: 0;
					right: 0;
					width: auto;
					padding: 8px 18px;
					height: 40px;
					margin: 4px 5px 12px auto;
					border-radius: 5px;
					background: #fff;
					color: #000;
					text-shadow: none;
					}
			
				.toggleButtons .mobileNote:active {
					margin: 6px 5px 10px auto;
					}
			
				.toggleButtons button {
					display: block;
					width: 90%;
					padding: 5px 0;
					height: auto;
					margin: 10px auto;
					border-radius: 0;
					}
				
				.toggleButtons button:active{
					transform: scale(1.05);
					margin: 10px auto;
					}
					
			
			.dashboardLeft {
				display: block;
				width: 100%;
				height: auto;
				position: relative;
				margin: 0;
				padding: 0 0 20px 0;
				overflow: hidden;
				}
				
			.filterBlock {
				width: 90%;
				position: relative;
				margin: auto;
				text-align: center;
				padding: 10px 0 20px 0;
				cursor: pointer;
				top: 0px;
				}
			
			/* Filter toggle window */
				[data-ur-toggler-component="content"] {
					display: none;
					}
				[data-ur-toggler-component="content"][data-ur-state="enabled"] {
					display: block;
					}
			
				.mobileNote {
					display: inline-block;
					cursor: pointer;
					}
				
			.filterBlock input{
				padding: 10px 0;
				}
				
			.filterBlock select{
				padding: 10px 0;
				}
			
			.dashboardRight {
				display: block;
				width: 100%;
				position: relative;
				max-width: 100%;
				margin: 0 0 150px 0;
				top: 50px;
				}
			
			.dashboardRight table {
				width: auto;
				margin: 0;
				}
			
			.dashboardRight th,td {
				padding: 0 40px;
				}
				
			.tableWrapper {
				overflow-x: scroll;
				line-height: 1;
				padding: 2px;
				font-size: 0.8em;
				}
			
			.dashboardRight table i{
				font-size: 1.7em;
				}
				
			.button_addNew button {
				width: 80%;
    			font-size: 0.9em;
				}
			
			.scrollUp {
				width: 30px;
				height: 30px;
				left: 50%;
				margin: 0 auto 0 -25px !important;
				background-size: 30px 30px;
				padding: 25px;
				border: solid thin #000;
				border-radius: 50%;
				}
				
			.companyLogo {
				display: inline-block;
				position: relative;
				width:40%;
				text-align: right;
				bottom: 0px;
				text-align: left;
				}
				
			.companyLogo img {
				width:90%;
				}
				
			.developerLogo {
				display: inline-block;
				position: relative;
				float: right;
				width:40%;
				text-align: right;
				}
				
			.developerLogo img {
				width:90%;
				}
				
			
			/* Form styling */
						
				.formDiv {
					max-width: 100%;
					width: 100%;
					margin: 80px 0 100px 0;
					padding: 0 0 10px 0;
					border-radius: 0;
					}
					
				.formDiv .closePopup {
					margin: 0;
					max-width: 100%;
					width: 100%;
					}
					
				.formDiv h1{
					margin: -40px 0 30px 0;
					font-size: 1.8em;
					max-width: 100%;
					}
					
				.formDiv h1 > span{
					font: 0.7em Arial, Helvetica, sans-serif;
					}
			
				.formDiv label{
					font-size: 1.4em;
					}
					
				.formDiv input[type="text"],
				.formDiv input[type="date"],
				.formDiv input[type="datetime"],
				.formDiv input[type="email"],
				.formDiv input[type="number"],
				.formDiv input[type="tel"],
				.formDiv input[type="search"],
				.formDiv input[type="time"],
				.formDiv input[type="url"],
				.formDiv input[type="password"],
				.formDiv textarea,
				.formDiv select {
					padding: 11px;
					font-size: 1.2em;
					}
				
				.formDiv input[type="file"] {
					width: 100%;
					}
				
				.formDiv text {
					font-size: 1.2em;
					}
				
				.formDiv .section{
					font-size: 1.7em;
					margin-left: 50px;
					width: 85%;
					}
			
				.googlePlaces {
					margin: 0 0 20px 0;
					}
					
				.formDiv .button_formSubmit {
					margin: 10px 5% 30px 5%; 
					max-width: 90%;
					}
				
					.formDiv .button_formSubmit i {
						font-size: 1.3em;
						}
				
				
				/* Checkboxes */
				.standardCheckbox {  
					font-size: 0.65em;
					max-width: 100%;
					}
					
				.standardCheckbox .cell {
					padding: 3px;
					line-height: 20px;
					}	
					
					
				.verticalCheckbox {
					font-size: 1em;
					}
					
				.verticalCheckbox .cell {
					padding: 5px 25px;
					line-height: 40px;
					}
			
			
			/* Login Screen */
							
				.login form {
					width: 85%;
					padding: 20px 10px 30px 20px;
					}
			
				.login input {
					min-width: 70%;
					max-width: 90%;
					}
			
				.login button {
					min-width: 70%;
					}
		}





/*================================
END ------------ DASHBOARD / BACK-END PAGES
==================================*/