/* Boostrap */
@media (min-width: 1000px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

@media (max-width: 1280px) {
	/* inherit */
	.woe-scheduler .render {
		left: -20px;
	}
	
	.woe-scheduler .content {
		margin-right: 0;
	}
}

@media (max-width: 1200px) {
	.navbar-custom {
		z-index:1003;
		position:absolute;
		left:0;
		width:100%;
		height:50px;
		margin-top:0;
	}
	
	.navbar-custom .navbar-toggler {
		position:absolute;
		top:0;
		right:2%;
		margin-top:8px;
		outline:0;
		font-family:'Univers';
		text-transform:uppercase;
		color: #000;
	}
	
	.navbar-custom .navbar-collapse {
		position:absolute;
		z-index:1001;
		width:100%;
		left:0;
		top:45px;
		padding:80px 20px 20px 20px;
		background:#F8F8F8;
		height:80vh;
		overflow:auto;
		overflow-x:hidden;
	}
	
	.navbar-custom .navbar-nav {
		display:block;
		width:100%;
		padding:0 !important;
		margin-left:0 !important;
	}
	
	.navbar-custom .navbar-nav::-webkit-scrollbar-track {
		border-radius: 4px;
		background-color: #DCDCDC;
	}

	.navbar-custom .navbar-nav::-webkit-scrollbar {
		width: 8px;
		background-color: transparent;
	}

	.navbar-custom .navbar-nav::-webkit-scrollbar-thumb {
		border-radius: 0;
		background-color: #EF9219;
		border-radius:4px;
	}
	
	.navbar-custom .navbar-nav li {
		margin-left:0;
		padding:0;
	}
	
	.navbar-custom .navbar-nav li a {
		text-align:left;
		margin-left:0;
		padding:5px 0;
	}
	
	.navbar-custom .navbar-nav .nav-item .nav-link::after {
		margin-top:0;
	}
	
	.navbar-custom .navbar-nav .nav-item.show .nav-link:hover:after,
	.navbar-custom .navbar-nav .nav-item.show .nav-link:focus:after {
		width:80px;
	}
	
	.navbar-custom .dropdown .dropdown-menu {
		width:100%;
		color:#fff;
		padding:0;
		background:transparent;
		border:0;
		border-radius:0;
	}
	
	.navbar-custom .dropdown .dropdown-menu:before,
	.navbar-custom .dropdown .dropdown-menu:after {
		display:none;
	}
	
	.navbar-custom .dropdown .dropdown-menu .head {
		display:none;
	}
	
	.navbar-custom .dropdown .dropdown-menu form {
		padding:10px 0 !important;
	}
	
	.navbar-custom .dropdown .dropdown-menu button {
		background:#FF8E16;
		border-color:#f4850e;
	}
	
	.navbar-custom .dropdown .dropdown-menu .head h2,
	.navbar-custom .dropdown .dropdown-menu .head p,
	.navbar-custom .dropdown .dropdown-menu label {
		color:#fff;
	}
	
	.navbar-custom .dropdown .dropdown-menu .links a {
		color:#fff;
	}
	
	.navbar-custom .dropdown .dropdown-menu .links a:hover {
		color:#f9f4f4;
	}
	
	.community-bar .server-status {
		position: absolute;
		margin-top: 60px;
		margin-right: 0;
		right: 140px;
	}
	
	.community-bar .search-database input {
		width:120px;
	}
	
	.header {
		z-index:1001;
		margin-top:40px;
	}
	
	.header .container {
		width:100%;
	}
	
	.header .left {
		left:30px;
	}
	
	.header .right {
		right:30px;
	}
	
	.quick-link {
		margin-top:-50px;
		z-index:1001;
	}
	
	.quick-link .item {
		position: relative;
	}
	
	.quick-link .item .icon {
		/*display:none;*/
		position: absolute;
		z-index: 1001;
		top: -55px;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
	}
	
	.quick-link .item .icon img {
		left: 0;
		right: 0;
		top: 0 !important;
		margin: 0 auto !important;
		text-align: center;
	}
	
	.quick-link .item .icon,
	.quick-link .item .icon:hover {
		float:initial;
		width:100%;
		line-height:initial;
		border-right:0 !important;
	}
	
	.quick-link .item .value {
		float:initial;
		width:100%;
		text-align:center;
		position: relative;
		z-index: 1002;
	}
	
	.woe-scheduler .render {
		display:none;
	}
	
	.woe-scheduler {
		padding-bottom: 120px;
	}
	
	.woe-scheduler .content {
		width:700px;
		float:initial;
		margin:140px auto 0 auto;
	}
	
	.woe-scheduler .content .woe-next {
		margin-left:0;
	}
	
	.woe-scheduler .content .woe-time {
		margin-top:-120px;
	}

	.woe-scheduler .content .woe-time .item:nth-child(even) {
		margin-left:0;
	}
	
	.gallery .item {
		height:200px;
	}

	.go-top, .go-top:active, .go-top:focus {
		bottom:5%;
	}
	
	#footer .navigation {
		background-size:cover cover;
		background-position:top center;
	}
	
	#footer::after {
		right:0;
		width:280px;
		background-position:left bottom;
	}
	
	#footer .render {
		display: none;
	}
}

@media (max-width: 1024px) {
	/* inherit */
	.sub-menu .breadcrumb {
		width:91.88%;
	}
	
	.woe-scheduler::after {
		bottom:15px;
	}
}

@media (max-width: 800px) {
	.container {
		padding-left:0;
		padding-right:0;
	}
	
	.header .center {
		width: 100%;
	}
	
	.header .left,
	.header .right {
		width: 50%;
		margin-top: 450px;
	}
	
	.header .left {
		left:0px;
	}

	.header .right {
		right:0px;
	}
	
	.header .left .item:first-child {
		float: left;
		margin-top:0;
		margin-left:0;
	}
	
	.header .left .item:last-child {
		float: right;
		margin-top:50px;
	}
	
	.header .right .item:first-child {
		float: right;
		margin-top:0;
		margin-left: 0;
		right: 0;
	}

	.header .right .item:last-child {
		float: left;
		margin-top:70px;
	}
	
	.quick-link .item .icon {
		float:initial;
		display:block;
		width:100%;
	}
	
	.quick-link .item .value {
		margin-top:10px;
		min-height:80px;
	}
	
	.quick-link .item .value h2 i {
		display:none;
	}
	
	.ranking .owl-ranking {
		width:100%;
	}
	
	.ranking .owl-ranking .owl-ranking-nav {
		width:100%;
		left:0;
		margin-left:0;
		margin-right:0;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
		left:-5px;
		background:#e8e8e8;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:-5px;
		background:#e8e8e8;
	}
	
	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-prev {
	   left: -20px;
	}

	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-next {
		right:-20px;
	}
	
	.server-info .items .item {
		width: 100%;
	}
	
	.gallery .item {
		height:150px;
	}
	
	.sub-menu .breadcrumb {
		width:89%;
	}
	
	[data-notify="container"] {
		width:50% !important;
		max-width:initial !important;
	}
	
	.tooltip-xs {
		display:initial;
	}
	
	#footer::after {
		display:none;
	}
	
	#footer .navigation .links {
		margin-right:0;
		width:calc(100% - 250px);
		float:right;
	}
	
	#footer .copyright {
		text-align:center;
		height:140px;
	}
	
	#footer .copyright .logo {
		position:initial;
		margin:10px 0 0 0;
	}

	#footer .copyright .copy {
		width:100%;
		margin:20px 0 0 0;
		padding:0;
		line-height:normal;
	}
}

@media (max-width: 768px) {
	.container {
		padding-left:0;
		padding-right:0;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
		left:0;
		background:#e8e8e8;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:0;
		background:#e8e8e8;
	}
	
	.woe-scheduler::after {
		bottom: 0;
	}
	
	.shop {
		margin-top:10px;
	}
	
	.promo-video,
	.promo-video iframe,
	.promo-video .video {
		width: 100%;
	}
	
	.promo-video .video {
		margin-left: auto;
		margin-right: auto;
	}
	
	.promo-video .video .vrl {
		left: 0;
		display: none;
	}
	
	.promo-video .video .vr2 {
		right: 0;
		display: none;
	}
}

@media (max-width:720px) {
	.container {
		margin:0 20px;
		width:100%;
		max-width:calc(100% - 40px);
	}
	
	.nav-top .logo {
		width:200px;
		height:60px;
		float:left;
	}

	.nav-top .logo img {
		position:absolute;
		width: 200px;
		height: auto;
		margin-top:5px;
	}
	
	.navbar-custom .dropdown .dropdown-menu form {
		width:60% !important;
	}
	
	.sec-division {
		width:95%;
		margin-left:2.5% !important;
	}
	
	.ranking .owl-ranking .owl-ranking-nav {
		top:75px;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position {
		width:100%;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .top {
		float:left;
		width:196px;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .left .job {
		width:80px;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .bottom {
		display:initial;
		float:right;
		width:calc(100% - 206px);
		margin-top:0;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .bottom .left,
	.ranking .owl-ranking .owl-carousel .item .position .bottom .right {
		float:initial;
		width:100%;
	}
	
	.woe-scheduler {
		margin-top:-80px;
	}
	
	.woe-scheduler .content {
		width:100%;
	}
	
	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-prev {
	   left: -40px;
	}

	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-next {
		right:-40px;
	}
	
	.woe-scheduler .content .woe-next {
		margin-left:auto;
		margin-right:auto;
		width:352px;
	}
	
	.woe-scheduler .content .owl-castles,
	.woe-scheduler .content .woe-time {
		float:initial;
		margin:0 auto;
	}
	
	.woe-scheduler .content .woe-time {
		margin-top:30px;
		width:540px;
	}
	
	.woe-scheduler .content .woe-time .item:nth-child(odd) {
		float:left;
		margin-top:0;
	}
	
	.woe-scheduler .content .woe-time .item:nth-child(even) {
		float:right;
		margin-top:0;
	}
	
	.woe-scheduler::after {
		bottom:-5px;
	}
	
	.sub-menu .breadcrumb {
		width:85.1%;
	}
}

@media (max-width:640px) {
	.community-bar .search-database input {
		width: 50px;
	}
	
	.header .left {
		left:0;
	}
	.header .right {
		right:0;
	}
	
	.quick-link .item .value h2 {
		font-size:16px;
	}
	
	.news .head {
		width:100%;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .top {
		width:186px;
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .top .right {
		width:calc(100% - 90px);
	}
	
	.ranking .owl-ranking .owl-carousel .item .position .bottom {
		width:calc(100% - 186px);
	}
	
	.server-info .items .group-1,
	.server-info .items .group-2 {
		float:initial;
		width:100%;
		position:relative;
	}
	
	.server-info .items .group-1 .item:last-child {
		margin-right:0;
	}
	
	.server-info .items .group-2 {
		margin-top:20px;
	}
	
	.server-info .items .group-2 .item:first-child {
		margin-right:0;
	}
	
	.server-info .items .group-1::after,
	.server-info .items .group-2::after {
		content: "";
		display: table;
		clear: both;
	}
	
	#footer .navigation .logo {
		display:none;
	}
	
	#footer .navigation .links {
		width:100%;
	}
	
	.promo-video {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.header {
		height: 640px;
	}
	
	.header .left,
	.header .right {
		margin-top: 340px;
	}
	
	.header .left .item,
	.header .right .item {
		width: 120px !important;
	}
}

@media (max-width: 540px) {
	/*.community-bar {
		position: relative;
		width:100%;
		top: 0;
		z-index: 1;
	}*/
	
	.nav-top {
		position: relative;
		z-index: 4;
	}

	.navbar-menu {
		position: relative;
		z-index: 3;
	}
	
	.nav-top .logo {
		z-index: 999;
		position: absolute;
	}
	
	.community-bar .server-status {
		position: absolute;
		float: right;
		top: 10px;
		margin-top: 0;
		margin-right: 20px;
		width: auto;
		right: 0;
		text-align: right;
	}
	
	.community-bar .search-database {
		position: absolute;
		z-index: 2;
		top: 120px;
		right: 0;
		left: 0;
		margin-left: auto;
		margin-top: 0;
		margin-right: auto;
		width: 341px;
	}
	
	.community-bar .search-database input {
		width:200px;
	}
	
	.community-bar .community-links {
		position: absolute;
		float: right;
		right: 90px;
		top: 55px;
	}
	
	.navbar-menu {
		position: relative;
		z-index: 2;
		background: #F8F8F8;
	}
	
	.navbar-custom,
	.navbar-custom .collapse {
		z-index: 999;
		background: #F8F8F8;
	}
	
	.header {
		z-index: 1;
		height: 600px;
	}
	
	.header .center {
		margin-top: 50px;
	}
	
	.header .left,
	.header .right {
		margin-top: 320px;
	}
	
	.header .left .item,
	.header .right .item {
		width: 100px !important;
	}
}

@media (max-width: 533px) {
	.sub-menu .breadcrumb {
		width:84.39%;
	}
	
	/*#footer .navigation {
		height:340px;
	}*/
	
	#footer .navigation .help-links a {
		margin: 0 10px;
	}
}