/* 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 (min-width:2560px) {
	#footer::after {
		right:25.8%;
	}
}

@media (max-width:1920px) {
	#footer::after {
		right:18.8%;
	}
}

@media (max-width:1680px) {
	#footer::after {
		right:13.8%;
	}
}

@media (max-width:1600px) {
	#footer::after {
		right:11%;
	}
}

@media (max-width:1440px) {
	#footer::after {
		right:7%;
	}
}

@media (max-width:1366px) {
	#footer::after {
		right:5%;
	}
}

@media (max-width: 1280px) {
	/* inherit */
}

@media (max-width: 1200px) {
	.navbar-custom {
		z-index:1003;
		position:absolute;
		left:0;
		width:100%;
		height:40px;
		margin-top:0;
		background:#0D0D0D;
	}
	
	.navbar-custom::before,
	.navbar-custom::after {
		display:none;
	}
	
	.navbar-custom .navbar-toggler {
		position:absolute;
		top:0;
		right:2%;
		margin-top:5px;
		outline:0;
		font-family:'Univers';
		text-transform:uppercase;
	}
	
	.navbar-custom .navbar-toggler .navbar-toggler-icon {
		background:#fff;
	}
	
	.navbar-custom .navbar-toggler:hover .navbar-toggler-icon {
		color:#f9f4f4;
	}
	
	.navbar-custom .navbar-collapse {
		position:absolute;
		z-index:1001;
		width:100%;
		left:0;
		top:50px;
		padding:20px 20px 20px 20px;
		background:#0D0D0D;
		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 a {
		background:transparent;
		color:#fff;
	}
	
	.navbar-custom .dropdown .dropdown-menu a:hover {
		color:#f9f4f4;
	}
	
	.navbar-custom .dropdown .dropdown-menu a i {
		color:#fff;
	}
	
	.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 {
		width:650px;
	}
	
	.community-bar .community-links {
		position:initial;
		float:left;
		margin-top:2px;
	}
	
	.community-bar .server-status {
		margin-top:8px;
	}
	
	.community-bar .search-database input {
		width:120px;
	}
	
	.header {
		z-index:1001;
		margin-top:40px;
	}
	
	.header .container {
		width:100%;
	}
	
	.header .left {
		left:0;
		margin-top:200px;
	}
	
	.header .right {
		right:0px;
		margin-top:90px;
	}
	
	.information .left {
		padding-bottom:100px;
	}
	
	.information .right {
		float:right;
		position:absolute;
		margin-right:0;
		right:0;
		width:450px;
	}
	
	.woe-scheduler .content {
		width:700px;
		float:inherit;
		margin:-90px auto 0 auto;
	}
	
	
	.woe-scheduler .content .woe-next {
		margin:40px auto 0 auto;
		width:352px;
	}
	
	/*
	.go-top, .go-top:active, .go-top:focus {
		bottom:5%;
	}
	*/

	#footer .navigation {
		background-size:cover cover;
		background-position:top center;
	}
	
	#footer::after {
		display:none;
	}
}

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

@media (max-width: 800px) {
	.container {
		padding-left:0;
		padding-right:0;
	}
	
	.nav-top {
		height:160px;
		width:100%;
	}
	
	.nav-top .content {
		width:100%;
	}
	
	.header .right {
		top:0;
		margin-top:30px;
		width:350px;
	}
	
	.header .right .render {
		right:0;
		bottom:180px;
		width:350px;
		height:550px;
		background: url('../images/render/head-main-md.png') no-repeat;
		background-position:center center;
		background-size:350px;
	}
	
	.information .left {
		position:relative;
		z-index:1005;
	}
	
	.information .right {
		position:absolute;
		z-index:1004;
		right:0;
		width:380px;
	}
	
	.ranking .owl-ranking,
	.ranking .owl-ranking .owl-ranking-nav {
		width:100%;
	}
	
	.ranking .owl-ranking .owl-ranking-nav i {
		font-size:24px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
		left:-25px;
		color:#b5b5b5;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:-25px;
		color:#b5b5b5;
	}
	
	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-prev {
	   left: -30px;
	}

	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-next {
		right:-30px;
	}
	
	[data-notify="container"] {
		width:50% !important;
		max-width:initial !important;
	}
	
	.tooltip-xs {
		display:initial;
	}
	
	#footer::after {
		display:none;
	}
	
	#footer .navigation .logo {
		width:160px;
		line-height:180px;
		float:left;
		margin-right:0;
	}
	
	#footer .navigation .logo img {
		max-width:160px;
	}
	
	#footer .navigation .links {
		margin-right:0;
		margin-left:15px;
		width:calc(100% - 180px) !important;
	}
	
	#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) {
	.woe-scheduler .content .owl-castles {
		margin-left:10px;
	}
	
	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-prev {
	   left: -30px;
	}

	.woe-scheduler .content .owl-castles .owl-castles-nav .owl-next {
		right:-30px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
		left:-5px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:-5px;
	}
}

@media (max-width:720px) {
	.container {
		margin:0 20px;
		width:100%;
		max-width:calc(100% - 40px);
	}
	
	.nav-top {
		height:140px;
	}
	
	.nav-top .content {
		width:450px;
	}
	
	.nav-top .content .server-status {
		float:right;
	}
	
	.woe-scheduler {
		margin-top:-80px;
		height:780px;
	}
	
	.woe-scheduler .render {
		display:none;
	}
	
	.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:590px;
	}
	
	.woe-scheduler .content .woe-time .item:nth-child(odd) {
		float:left;
		margin-top:0;
		position:relative;
	}
	
	.woe-scheduler .content .woe-time .item:nth-child(even) {
		float:right;
		margin-top:0;
		position:relative;
	}
	
	.woe-scheduler .content .woe-time .item:last-child {
		float:initial;
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}
	
	.ranking .owl-ranking,
	.ranking .owl-ranking .owl-ranking-nav {
		width:500px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav i {
		color:#fff;
		font-size:42px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
	   left: -85px;
	}

	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:-85px;
	}
	
	.sub-menu .breadcrumb {
		width:85.1%;
	}
	
	#footer .navigation .logo {
		display:none;
	}
	
	#footer .navigation .links {
		margin-right:0;
		margin-left:0;
		width:100% !important;
	}
}

@media (max-width:640px) {
	.nav-top {
		height:200px;
	}
	
	.nav-top .content {
		width:450px;
	}
	
	.nav-top .content .server-status {
		width:100%;
		text-align:center;
	}
	
	.nav-top .search-database {
		clear:both;
		float:initial !important;
		position:relative;
		margin:0;
		left:0;
	}
	
	.navbar-custom {
		background:transparent;
		top:40px;
	}
	
	.navbar-custom .collapse {
		background:#000;
		margin-top:10px;
	}
	
	.navbar-menu {
		z-index:1007;
		position:absolute;
		top:0;
		background:transparent !important;
	}
	
	.header {
		margin-top:0;
	}
	
	.header .content {
		position:relative;
	}
	
	.header .left {
		z-index:1004;
	}
	
	.header .right .render {
		z-index:1005;
		right:0;
		bottom:180px;
		width:350px;
		height:580px;
		background: url('../images/render/head-main-sm.png') no-repeat;
		background-position:center right;
		background-size:300px;
	}
	
	.information .left {
		padding:20px;
		width:100%;
		margin:-20px 0 20px 0;
		background:rgba(0,0,0,0.8);
	}
	
	.ranking .owl-ranking,
	.ranking .owl-ranking .owl-ranking-nav {
		width:480px;
	}
	
	.ranking .owl-ranking {
		margin-left:auto;
		margin-right:auto;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
	   left: -60px;
	}

	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:-60px;
	}
}

@media (max-width: 540px) {
	/*.nav-top {
		height:140px;
	}*/
	
	.nav-top .content {
		width:100%;
		margin:0 auto;
		float:initial;
		position:relative;
	}
	
	.nav-top .content .server-status {
		width:100%;
		margin:0;
	}
	
	.nav-top .content .search-database {
		width:290px;
		margin:0 auto;
		padding-top:10px;
	}
	
	.header .right .render {
		display:none;
	}
	
	.header .left {
		width:100%;
	}
	
	.news-head .head,
	.woe-head .head,
	.community-head .head {
		width:100%;
		float:initial;
		position:relative;
	}
	
	.woe-head {
		height:150px;
	}
	
	.news-head .head .right,
	.news-head .head .left,
	.woe-head .head .right,
	.woe-head .head .left,
	.community-head .head .right,
	.community-head .head .left {
		position:relative;
		float:left;
		width:100% !important;
		padding:0;
		margin:0 !important;
		text-align:center;
	}
	
	.news-head .head .left h2,
	.news-head .head .left p,
	.woe-head .head .left h2,
	.woe-head .head .left p,
	.community-head .head .left h2,
	.community-head .head .left p {
		text-align:center;
	}
	
	.news-head {
		height:300px;
	}
	
	.news .owl-news {
		margin-top:-300px !important;
	}
	
	.news .owl-news .owl-carousel {
		width:90%;
		margin:0 auto;
	}
	
	.news .owl-news .owl-news-nav {
		width:100%;
	}
	
	.news .owl-news .owl-carousel .item {
		width:434px;
		margin-left:0 !important;
		margin-right:0 !important;
		left:auto;
		right:auto;
	}
	
	.woe-scheduler {
		height:920px;
	}
	
	.woe-scheduler .content .woe-time {
		width:100%;
	}
	
	.woe-scheduler .content .woe-time .item {
		width:calc(100% / 2 - 10px);
	}
	
	.woe-scheduler .content .woe-time .item .icon {
		float:initial;
		margin:0 auto 10px auto;
	}
	
	.woe-scheduler .content .woe-time .item .desc {
		border:0;
		width:100%;
		float:initial;
		text-align:center;
	}
	
	.ranking .owl-ranking {
		width:238px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav {
		width:238px;
	}
	
	.ranking .owl-ranking .owl-ranking-nav .owl-prev {
	   left: -70px;
	}

	.ranking .owl-ranking .owl-ranking-nav .owl-next {
		right:-70px;
	}
	
	
	#footer .navigation {
		height:350px;
	}
	
	#footer .navigation .links .items::after {
		content:'';
		display:block;
		clear:both;
	}
	
	#footer .navigation .links .items .item {
		float:left;
		list-style-type: none;
		padding:0;
		width:calc((100% / 2) - 2%);
		margin:0 1%;
	}
	
	#footer .navigation .links .items .item:nth-child(2) {
		margin-right:0;
		margin-left:0;
	}
	
	#footer .navigation .links .items .item:nth-child(3),
	#footer .navigation .links .items .item:nth-child(4) {
		margin-left:0;
		margin-top:10px;
	}

	/*
	.sub-menu .breadcrumb {
		width:84.6%;
	}*/
	
	[data-notify="container"] {
		width:92% !important;
		max-width:initial !important;
	}
}

@media (max-width: 533px) {
	.sub-menu .breadcrumb {
		width:84.39%;
	}
}

@media (max-width: 480px) {
	.news .owl-news .owl-carousel {
		width:100%;
		margin:0 auto;
	}
}

@media (max-width: 424px) {	
	.news .owl-news .owl-carousel .item {
		width:100% !important;
		margin:0 0 0 3px !important;
	}
	
	.news .owl-news .owl-carousel .item .cover {
		width:370px !important;
	}
}

@media (max-width: 414px) {
	
}

@media (max-width: 375px) {
	
}