/* 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) {
	
}

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

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

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

@media (max-width:1366px) {
	.divisor-1 {
		background-position: top center;
	}
}

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

@media (max-width: 1024px) {
	.navbar-custom {
		z-index:1003;
		position:absolute;
		left:0;
		width:100%;
		height:115px;
		margin-top:49px;
		background:#0D0D0D;
	}
	
	.navbar-custom .navbar-brand {
		right: initial;
		left: 5%;
		top: 10px;
		width: 170px;
	}
	
	.navbar-custom .navbar-brand img {
		width: 170px;
	}
	
	.navbar-custom .navbar-toggler {
		position:absolute;
		top:40px;
		right:5%;
		outline:0;
		border:1px solid #0d3fd7;
		background: #0d3fd7;
	}
	
	.navbar-custom .navbar-toggler:hover,
	.navbar-custom .navbar-toggler:focus,
	.navbar-custom .navbar-toggler:active,
	.navbar-custom .navbar-toggler.active {
		border:1px solid #0938d9;
		background: #0938d9;
		
	}
	
	.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:114px;
		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-collapse::-webkit-scrollbar-track {
		border-radius: 4px;
		background-color: #DCDCDC;
	}

	.navbar-custom .navbar-collapse::-webkit-scrollbar {
		width: 6px;
		background-color: transparent;
	}

	.navbar-custom .navbar-collapse::-webkit-scrollbar-thumb {
		border-radius: 0;
		background-color: #BCCD27;
		border-radius:4px;
	}
	
	.navbar-custom .navbar-nav .nav-item .nav-link,
	.navbar-custom .navbar-nav .nav-item .dropdown {
		padding: 20px 0;
		width: auto;
		text-align: left;
	}
	
	.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 h2 {
		display:none;
		margin-top: 0;
	}
	
	.navbar-custom .dropdown .dropdown-menu .head p {
		margin-top: -20px;
	}
	
	.navbar-custom .dropdown .dropdown-menu .dropdown-item {
		background:transparent;
		color:#fff;
		border-bottom: 0;
	}
	
	.navbar-custom .dropdown .dropdown-menu .dropdown-item:hover {
		color:#C5EF00;
	}
	
	.navbar-custom .dropdown .dropdown-menu .dropdown-item i {
		color:#fff;
	}
	
	.navbar-custom .dropdown .dropdown-menu form {
		padding:10px 0 !important;
		width: 50%;
	}
	
	.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;
	}
	
	.placard-wrapper {
		margin-top: 0;
		background: #121212;
	}
	
	.placard-wrapper .container {
		margin: 0;
		padding: 0;
		width: auto;
		max-width: 100%;
	}
	
	.placard-wrapper .info-wrapper::before {
		left: 119px;
		top: -1px;
		border-bottom: 52px solid #0d3fd7;
		border-right: 42px solid transparent;
	}
	
	.placard-wrapper .placard {
		width: calc(100% - 120px);
	}
	
	.header .bottom-wrapper {
		display: flex;
		flex-direction: column;
		background: #000;
	}
	
	.header .bottom-wrapper .container {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.header .bottom-wrapper .status-wrapper {
		float: right;
		display: inline-block;
		order: 3;
	}
	
	.header .bottom-wrapper .status-wrapper {
		width: 160px;
		padding: 15px 0;
		margin-right: 3%;
	}
	
	.header .bottom-wrapper .status-wrapper .item {
		margin-right: 0;
	}
	
	.header .bottom-wrapper .status-wrapper .item .value {
		display: none;
	}
	
	.header .bottom-wrapper .peaker-wrapper {
		float: left;
		display: inline-block;
		order: 1;
		margin-top: 0;
		height: 80px;
		padding: 5px 0 0 0;
	}
	
	.header .bottom-wrapper .search-wrapper {
		float: left;
		display: inline-block;
		order: 2;
		width: calc((100% - 36%) - 160px);
	}
	
	.header .bottom-wrapper .search-wrapper .search-database {
		width: 90%;
		float: initial;
	}
	
	.header .bottom-wrapper .search-wrapper .search-database input {
		width: calc(100% - 150px);
	}
	
	.section-info .content .left {
		left: 0%;
	}
	
	.section-info .content .right {
		right: 0%;
	}

	.section-info .video {
		width: 90%;
	}
	
	.section-ranking .owl-ranking {
		width: auto;
		max-width: 750px;
	}

	.section-itemshowcase .owl-itemshowcase {
		width: calc(100% - 300px);
	}
	
	.section-itemshowcase .render {
		width: 280px;
	}
	
	.section-itemshowcase {
		width: 100%;
	}
	
	#footer .copyright .wrapper {
		display: flex;
		flex-direction: column;
	}
	
	#footer .copyright .logo {
		position: relative;
		margin-top: 10px;
		order: 2;
		width: 100%;
		text-align: center;
	}
	
	#footer .copyright .copy {
		order: 1;
		float: initial;
	}

	#footer .copyright .render {
		display: none;
	}
	
	.divisor-2 {
		height: 180px;
		background-position: bottom center;
	}
}

@media (max-width: 800px) {
	.section-news .news-wrapper .content .render,
	.section-events .render,
	.section-info .content .render .left,
	.section-info .content .render .right,
	.section-rules .left,
	.section-rules .left .render,
	.section-rules .left .render .left,
	.section-rules .left .render .right {
		display: none;
		background: none;
	}
	
	.section-news .news-wrapper .content .owl-news,
	.section-news .news-wrapper .bottom,
	.section-events .owl-events,
	.section-rules .right,
	.section-rules .right .head {
		float: initial;
		width: 100%;
	}
	
	.section-info .video {
		width: 100%;
	}
	
	.section-ranking .owl-ranking {
		width: 100%;
	}
	
	.section-itemshowcase .owl-itemshowcase {
		width: calc(100% - 350px);
	}
	
	.section-itemshowcase .render {
		width: 300px;
	}
	
	.section-rules .right .head {
		text-align: center;
	}
	
	.section-rules .right .head::after {
		margin: 20px auto;
	}
	
	.section-rules .right .left,
	.section-rules .right .right {
		display: initial;
	}
	
	.section-rules .right .left {
		float: left;
	}
	
	.section-rules .right .right {
		float: right;
	}
}

@media (max-width: 768px) {
	.container {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 0;
		padding: 0;
		width:100%;
		max-width:calc(100% - 40px);
	}
	
	.sub-content {
		margin-bottom: 380px;
	}
	
	.header .bottom-wrapper .search-wrapper {
		width: calc((100% - 26%) - 160px);
	}
	
	.section-info .content .left {
		left:0;
	}
	
	.section-info .content .right {
		right:0;
	}
	
	.section-ranking .owl-ranking {
		width: 100%;
	}
	
	.section-ranking .owl-ranking .owl-ranking-nav .owl-prev {
	   left: -10px;
	}

	.section-ranking .owl-ranking .owl-ranking-nav .owl-next {
		right: -10px;
	}
	
	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-prev {
	   left: -10px;
	}

	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-next {
		right: -10px;
	}
	
	#footer {
		height: 300px;
	}
	
	#footer .navigation .community {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
	
	#footer .copyright {
		height: 200px;
	}
}

@media (max-width:720px) {
	.section-ranking {
		width: 100%;
	}
	
	.section-ranking .owl-ranking {
		max-width: 400px;
	}
	
	.section-ranking .owl-ranking .owl-ranking-nav .owl-prev {
	   left: -50px;
	}

	.section-ranking .owl-ranking .owl-ranking-nav .owl-next {
		right: -50px;
	}
	
	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-prev {
	   left: 10px;
	}

	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-next {
		right: 10px;
	}
}

@media (max-width:640px) {
	.header .content {
		width: 100%;
	}
	.header .content .render-right {
		background-position: top right;
	}
	
	.header .content .render-left {
		background-position: top left;
	}
	
	.section-castles {
		height: 600px;
	}
	
	.section-castles .next-woe {
		width: 100%;
	}
	
	.section-castles .next-woe .left {
		float: initial;
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	
	.section-castles .next-woe .left h2,
	.section-castles .next-woe .left p {
		text-align: center;
	}
	
	.section-castles .next-woe .right {
		position: relative;
		float: initial;
		margin: 20px auto 0 auto;
		width: 370px;
	}
	
	.section-itemshowcase .head {
		text-align: center;
	}
	
	.section-itemshowcase .head::after {
		margin: 20px auto;
	}
	
	.section-itemshowcase .owl-itemshowcase {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.section-itemshowcase .render {
		display: none;
		background: none;
	}
	
	.divisor-1 {
		height: 75px;
		background-size: 100%;
		background-position: bottom center;
	}
}

@media (max-width: 540px) {
	.navbar-custom .dropdown .dropdown-menu form {
		width: 70%;
	}
	
	.header .bottom-wrapper .peaker-wrapper {
		width: 50%;
	}
	
	.header .bottom-wrapper .status-wrapper {
		width: 50%;
		margin-right: 0;
		right: 0;
		text-align: center;
	}
	
	.header .bottom-wrapper .status-wrapper .item {
		float: initial;
		display: inline-block;
	}
	
	.header .bottom-wrapper .search-wrapper {
		display: none;
	}
	
	.section-info .content .left {
		left:0;
		width: 30%;
	}
	
	.section-info .content .right {
		right:0;
		width: 30%;
	}
	
	.section-info .content .left .item .label,
	.section-info .content .right .item .label {
		color: #000;
		font-size: 12px;
		font-weight: bold;
		font-family: 'Univers';
	}
	
	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-prev {
	   left: -20px;
	}

	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-next {
		right: -20px;
	}

	.section-rules .right .left,
	.section-rules .right .right {
		width: 100%;
	}
	
	body {
		margin-bottom: 300px;
	}

	#footer .navigation .help-links a {
		margin: 0 5px;
		font-size: 14px;
	}
	
	#footer .navigation .help-links a:first-child {
		margin-left: 0;
	}

	#footer .navigation .help-links a:last-child {
		margin-right: 0;
	}
	
	#footer .copyright .copy {
		font-size: 12px;
	}
	
	.divisor-1 {
		height: 65px;
		background-size: 100%;
		background-position: bottom center;
	}
	
	[data-notify="container"] {
		width:92% !important;
		max-width:initial !important;
	}
}

@media (max-width: 533px) {
	.header .content {
		width: 100%;
	}
	
	.header .content .render-right {
		background-position: calc(100% + 50px) top;
	}
	
	.header .content .render-left {
		background-position: calc(0% - 20px) top;
	}
}

@media (max-width: 480px) {
	.navbar-custom .dropdown .dropdown-menu form {
		width: 80%;
	}
	
	.section-ranking .owl-ranking .owl-ranking-nav .owl-prev {
	   left: -5%;
	}

	.section-ranking .owl-ranking .owl-ranking-nav .owl-next {
		right: -5%;
	}
	
	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-prev {
	   left: 5%;
	}

	.section-castles .owl-woe-castles .owl-woe-castles-nav .owl-next {
		right: 5%;
	}
}

@media (max-width: 424px) {	
	.header .content .render-right {
		background-position: calc(100% + 100px) top;
	}
	
	.header .content .render-left {
		background-position: calc(0% - 40px) top;
	}
	
	.section-info .content {
		margin-top: -20px;
	}
	
	.section-info .content .render {
		width: 100%;
	}
	
	.section-info .content .render .center {
		display: none;
		background: none;
	}
	
	.section-info .content .left,
	.section-info .content .right {
		width: 45%;
	}
	
	#footer .navigation .help-links a {
		margin: 0 2px;
		font-size: 12px;
	}
	
	.divisor-1 {
		height: 60px;
	}
	
	.divisor-2 {
		height: 175px;
	}
}

@media (max-width: 414px) {
	.navbar-custom .dropdown .dropdown-menu form {
		width: 100%;
	}
}

@media (max-width: 375px) {
	.header .content .render-right {
		background-position: calc(100% + 120px) top;
	}
	
	.header .content .render-left {
		background-position: calc(0% - 60px) top;
	}
	
	.section-castles .next-woe .right {
		width: 100%;
	}
	
	.section-castles .next-woe .right .items .item .inn .value {
		width: 70px;
		line-height: 65px;
	}
	
	.divisor-1 {
		height: 58px;
	}

	.divisor-2 {
		height: 176px;
	}
	
	#footer .navigation .help-links a:first-child {
		margin-left: 0;
	}
	
	#footer .navigation .help-links a:last-child {
		margin-right: 0;
	}
	
	#footer .navigation .help-links a {
		margin: 0 1px;
		font-size: 11px;
	}
}