@media screen and (max-width: 1680px) {
	/*.navbar {  padding-left: 22%;}*/
	nav.services {  left: 19%;}
}

@media screen and (max-width: 1600px) {
	.navbar {  /*padding-left: 21%;*/ top: 440px;}
	nav.services {  left: 20%;  top: 855px;}
	#HOME .inter-page {  margin: 120px auto 275px;}
	.slider-wrap {  max-height: 400px;}
	#HOME .inter-page h2 {  margin-top: -100px;}
	
}

@media screen and (max-width: 1440px) {
	.navbar {  /*padding-left: 20%;*/  top: 428x;}
	#HOME .inter-page {  margin: 120px auto 350px;}
	nav.services {   left: 21%;  top: 811px;}	
	#HOME .inter-page h2 {  margin-top: -100px;}
}

@media screen and (max-width: 1366px) {
	.navbar {  /*padding-left: 15%;*/  top: 365px;}
	nav.services {  left: 23%;  top: 785px;}
	#HOME .inter-page {  margin: 120px auto 190px;}
	.slider-wrap {  max-height: 325px;}
	#HOME .inter-page h2 {  margin-top: -100px;}
}

@media screen and (max-width: 1280px) {
	.navbar {  /*padding-left: 14%; */ top: 365px;}
	nav.services {  left: 24%;  top: 761px;}
}

@media screen and (max-width: 1024px) {
	.navbar {  /*padding-left: 3%;*/  top: 365px;}
	.footer-li li {  margin-left: 45px;}
	#HOME .inter-page {  margin: 120px auto 190px;}
	nav.services {  left: 31%;  top: 670px;}
	.login {  padding: 10px 0 10px 91px;}
	.menu-sport li a{  border-right:none !important;}
	.nav-main span {  font-size: 1.1em; line-height: 1;}
	.nav > li > a > img {  max-width: none;  width: 100%;}
	.booking iframe {overflow-x: hidden;}
	.content-btn-booking {  margin-left: -70px;}
	#HOME .inter-page h2 {  margin-top: -100px;}
	#HOME .content-page {  margin: 0px auto 70px;}
}

@media screen and (max-width: 966px) {
	.cab .col-md-4 {width: 33.3%; float:left;}
	.container {  max-width: 900px;}
	.content-page {  margin: 125px auto 60px;}
	.login {  padding: 10px 0 10px 10px;}
	.navbar-brand {    width: 410px;}
	.header_1 .col-md-5 {width: 46%; float:left;}
	.header_1 .col-md-7 {width: 54%; float:left;}
	#HOME .navbar {  /*padding-left: 1%;*/  top: 342px; height: 350px;}
	ul.navbar-nav .col-md-2 {width: 16%;}
	#footer .col-md-4 {width: 35%; float:left;}
	#footer .col-md-8 {width: 65%; float:left;}
	.nav-main span {  font-size: 1em;}
	#PAGE .inter-page {  padding: 0 25px;}
	#PAGE .navbar {  top: 375px;}
	.cab .col-md-8 {    float: right;}
	.navbar-default .navbar-nav > li > a {  padding: 34px 10px;}
	#price {  width: 23%;}
}

@media screen and (max-width: 853px) {
	.header_1 .form-inline .col-md-7 {  width: 59%;}
	.header_1 .col-md-7 {  width: 59%;}
	.header_1 .col-md-5 {  width: 41%;}
	.login-form {  padding-left: 0px;}
	.select-menu {  width: 95%;}
	.select-menu {  margin: 7px auto 37px;}
	.navbar { top: 375px; }
	.content-page {  margin: 15px auto 30px;}
	#footer {  padding: 10px 20px; 	text-align:center;}
	#footer .col-md-4 {width: 100%;}
	#footer .col-md-8 {width: 100%;}
	.footer-widget {  margin-bottom: 15px;}
	.footer-li li {  margin-left: 0px;}
	.footer-li li {  float: none;}
	.nav-main span {  font-size: 1em;}
	/*ul.navbar-nav {margin-left: 15%;}
	ul.navbar-nav .col-md-2 {width: 26%;}*/
	#HOME .content-page h2 {  margin-bottom: 50px;  margin-top: 45px; font-size: 2em;}
	.navbar-default .navbar-nav > li > a {  padding: 34px 10px 10px;}
	#HOME .navbar {  height: 460px;}
	.menu-sport li img{  width: 75%;}
	.logueo-form {  margin-left: 10px;  margin-top: 5px;  margin-right: 10px;}
	#price { left: 548px;  width: 28%;}
	#PAGE .inter-page {  margin: 20px auto 156px;}
}

@media screen and (max-width: 800px) {

	.login-box{

	width:90%;
	margin:auto;
	max-width:525px;
	min-height:566px;
	position:relative;

/*	background:url(https://images.unsplash.com/photo-1507208773393-40d9fc670acf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1268&q=80) no-repeat center;*/
	box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
	border-radius:25px;
}
.login-snip{
	width:100%;
	height:100%;
	position:absolute;
	padding:40px 70px 150px 70px;
	background: linear-gradient(145deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
	border-radius:25px;
}
.login-snip .login,
.login-snip .sign-up-form{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	transform:rotateY(180deg);
	backface-visibility:hidden;
	transition:all .4s linear;
}
.login-snip .sign-in,
.login-snip .sign-up,
.login-space .group .check{
	display:none;
}
.login-snip .tab,
.login-space .group .label,
.login-space .group .button{
	text-transform:uppercase;
}
.login-snip .tab{
	font-size:14px;
	margin-right:15px;
	padding-bottom:5px;
	margin:0 15px 10px 0;
	display:inline-block;
	border-bottom:2px solid transparent;
}
.login-snip .sign-in:checked + .tab,
.login-snip .sign-up:checked + .tab{
	color:#009739;
	border-color:#1161ee;
}
.login-space{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}
.login-space .group{
	margin-bottom:15px;
}

.login-space .group .input{
	width:100%;
	color:#333333;
	display:block;
}


.login-space .group .label,
.login-space .group .button{
	width:100%;
	color:#fff;
	display:block;
}
.login-space .group .input{
	border:none;
	padding:0px 20px;
/*	border-radius:25px;*/
	background:#e4e4e4;
}
.login-space .group .button{
	border:none;
/*	padding:15px 20px;*/
	border-radius:25px;
	background:#e4e4e4;
}
.login-space .group input[data-type="password"]{
	text-security:circle;
	-webkit-text-security:circle;
}
.login-space .group .label{
	color:#aaa;
	font-size:12px;
}
.login-space .group .button{
	background:#042840;
}
.login-space .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.login-space .group label .icon:before,
.login-space .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.login-space .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.login-space .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}
.login-space .group .check:checked + label{
	color:#fff;
}
.login-space .group .check:checked + label .icon{
	background:#1161ee;
}
.login-space .group .check:checked + label .icon:before{
	transform:scale(1) rotate(45deg);
}
.login-space .group .check:checked + label .icon:after{
	transform:scale(1) rotate(-45deg);
}
.login-snip .sign-in:checked + .tab + .sign-up + .tab + .login-space .login{
	transform:rotate(0);
}
.login-snip .sign-up:checked + .tab + .login-space .sign-up-form{
	transform:rotate(0);
}

*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}


.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.foot{
	text-align:center;
}
.card{
/*	width: 500px;*/
	left: 100px;
}

::placeholder{
color: #707070;
} 


	#HOME .content-page h2 {  font-size: 1.8em;  margin-bottom: 0px;  margin-top: 80px;}
	#HOME .navbar {  height: 410px;  top: 455px;}
	.container .content-page {padding-top: 0px;}
	.header_1 .col-md-7 {  width: 100%;}
	.header_1 .col-md-5 {  width: 100%;}
	.navbar-brand {  text-align: center;  width: 100%;}
	.logo-nav img {  padding-left: 65px;}
	.header_1 .fright {float: none;}
	.login-form {    margin-left: 30px;}
	.header_1 .form-inline .col-md-5 {  width: 27%;}
	.header_1 .form-inline .col-md-7 {  width: 59%;margin-top: -18px;}
	#PAGE .navbar {  top: 430px;}
	.centre .navbar {  top: 180px;}
	#price { left: 507px;  width: 28%;}
}
@media screen and (max-width: 768px) {
	.header_1 .form-inline .col-md-7 {  width: 59%;margin-top: -18px;}
	#price { left: 485px;  width: 28%;}
}
@media screen and (max-width: 640px) {
	#PAGE .inter-page h2 {  line-height: 1.5;}
	#HOME .content-page h2 {  font-size: 1.7em;  line-height: 1.5;  margin-bottom: 0;  margin-top: 85px;}
	.login {  margin-bottom: 45px;}
	.navbar-nav {  margin: 7.5px 0;}
	.content-page {  margin: 0px auto;}
	.menu-sport li {  width: auto;}
	.nav > li > a > img {   width: 65%;}
	.sr-only {  position: inherit;}
	.form-control {  display: inline;  width: 94%;}
	ul.social2 {  margin: -15px 0 10px 0;}
	.form-inline .btn {width: 94%;}
	.header_1 .form-inline .col-md-5 {  width: 15%; margin-top:10px;}
	.header_1 .form-inline .col-md-7 {  width: 50%;margin-top: 0px; margin-top:10px;}
	p.pass a {padding: 5px;}
	.navbar-default {  background-color: transparent;  border-top: none;}
	.navbar {  position: inherit; height:auto !important;}
	/*ul.navbar-nav .col-md-2 {  float: left;  width: 26%;}*/
	ul.navbar-nav {  /*margin-left: 9%; width: 100%;*/}
	#PAGE .navbar {  top: 595px;}
/*	nav.services {  left: 24%; margin-left: 10%;}*/
	.centre .navbar {  top: 220px;}
	.exit {  margin: -5px 0 0 15px;}
	#HOME .inter-page {  margin: 355px auto 35px;}
	.inter-page h2 {  margin-top: -31px;}
	.menu-sport {  left: 50%;}
	table.dataTable {  font-size: 11px;  }
	.forum-comment tbody td:nth-child(2), .forum-comment tbody td:nth-child(3), .forum-comment tbody td:nth-child(4), .forum-posts tbody td:nth-child(2), .forum-posts tbody td:nth-child(3), .forum-posts tbody td:nth-child(4) {  font-size: 11px;}
	#price { left: 365px !important;}
	#footer {position: inherit;}
	.slider-wrap {  display: none;}
	.inter-page .x2 h2 {  margin-top: 35px;}
	#HOME .inter-page h2 {  margin-top: -390px;}
	.inter-page h2 {  font-size: 1.8em;}
	.titulo {align: center;}
}
@media screen and (max-width: 603px) {	
	#HOME .content-page h2 {  padding: 0 25px;}
	.cab .col-md-8 h1 {  font-size: 2.3em;	}
	.menu-sport {  left: 60%;}
	.titulo {align: center;}
	#PAGE .menu-sport {  left: 50%;}
	table.dataTable {  font-size: 10.5px;  }
	.forum-comment tbody td:nth-child(2), .forum-comment tbody td:nth-child(3), .forum-comment tbody td:nth-child(4), .forum-posts tbody td:nth-child(2), .forum-posts tbody td:nth-child(3), .forum-posts tbody td:nth-child(4) {  font-size: 10.5px;}
}
@media screen and (max-width: 600px) {

@media screen and (max-width: 568px) {
	ul.navbar-nav {  /*margin-left: 3%;  width: 100%;}
	/*ul.navbar-nav .col-md-2 {  float: left;  width: 30%;}*/}
	.header_1 .form-inline .col-md-5 {   width: 18%;}
/*	nav.services {  left: 50%;}*/
	.titulo {align: center;}
	.cab .col-md-8 {  width: 65%;}
	.forum-comment tbody td, .forum-posts tbody td {  padding: 10px 5px !important;}
	.cab .col-md-8 img {  left: 210px;  position: absolute;  top: -35px; margin:0;}
	table.dataTable {  font-size: 9px;  }
	.forum-comment tbody td:nth-child(2), .forum-comment tbody td:nth-child(3), .forum-comment tbody td:nth-child(4), .forum-posts tbody td:nth-child(2), .forum-posts tbody td:nth-child(3), .forum-posts tbody td:nth-child(4) {  font-size: 9px;}
}

@media screen and (max-width: 533px) {
	.menu-sport {  left: 55%;}
	#PAGE .menu-sport {  left: 50%;}
	.header_1 .form-inline .col-md-5 {    width: 18%;}
	.inter-page h2 {  font-size: 1.5em;}
	.titulo {align: center;}
	table.dataTable {  font-size: 8.5px;  }
	.forum-comment tbody td:nth-child(2), .forum-comment tbody td:nth-child(3), .forum-comment tbody td:nth-child(4), .forum-posts tbody td:nth-child(2), .forum-posts tbody td:nth-child(3), .forum-posts tbody td:nth-child(4) {  font-size: 8.5px;}
}

@media screen and (max-width: 480px) {
	
	/*ul.navbar-nav .col-md-2 {  float: left;  width: 33%;}*/
	ul.navbar-nav {  /*margin-left: 0;  width: 100%;*/}
	nav.services {  left: 15%;}
	.menu-sport {  left: 50%;}
	.titulo {align: center;}
	#PAGE .menu-sport {  left: 45%;}
	.header_1 .form-inline .col-md-5 {    width: 20%;}
	.cab .col-md-8 img {  left: 175px;}
	
}

@media screen and (max-width: 360px) {
	#HOME .inter-page h2 {  margin-top: -415px;}
	.logo-nav img {  padding-left: 5px;}
	.header_1 .form-inline .col-md-7 { width: 70%;}
	.header_1 .form-inline .col-md-5 {  width: 30%;}
	.menu-sport {  left: 55%;}
	#PAGE .menu-sport {  left: 50%;}
	.content-page h2 {  margin-top: 580px;}
	.cab .col-md-8 h1 {  font-size: 1.8em;}
	.cab .col-md-8 img {  left: 100px;}
	.header_1 .fright {  float: inherit; margin-top: 55px;}
	.exit {  margin: 11px 0 0;}
	.inter-page h2 {  line-height:1.5; font-size:1.3em; padding: 0 25px;}
	.menu-sport li a {  padding: 0 !important;}
	.content-btn-booking .btn-default {  width: 45%;}
}

@media screen and (max-width: 320px) {


	#PAGE .menu-sport {  left: 75%;}
	.logo-nav img {  padding-left: 0;}
	.navbar-brand {  padding: 15px 0;}
	.login-form {  margin-left: 10px;}
}



