@media only screen and (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1700px) {
      .ban-mar {
        padding-top: 15rem;
        padding-bottom: 12rem;
    }
	
}
@media only screen and (min-width: 1800px) {
      .ban-mar {
        padding-top: 17rem;
        padding-bottom: 14rem;
    }
}

@media(min-width: 992px){
  .header .menu > .menu-item-has-children:hover > .sub-menu{
    opacity: 1;
    visibility: visible;
   }
}
@media only screen and (max-width: 1700px) {
  .header .menu > .menu-item > a {
    font-size: 16px;
}
.p-120 {padding: 100px 0;}
.social-1 span {
  font-size: 17px;
}
h1 .main {font-size: 80px;}
h2 .main {font-size: 60px;}
h3 {font-size: 32px;}
h4 {font-size: 22px;}
h5 {font-size: 22px;}
h1 .h1-top, p, .h2-top, h6 {font-size: 18px;}
.d-btn, .d-btn2 {font-size: 16px;}
.scard-row p {font-size: 15px;}
.await p, span.idd, .ic-rgt .caps {font-size: 14px;}
.ic-rgt span {
    font-size: 9px;
}

.long-card img {
    width: 60px;
    max-height: 60px;
}
.long-card, .await {
    padding-bottom: 10px;
}
ul.accordion-list-1 img {
    width: 58px;
}
ul.accordion-list-1 li {
    padding: 40px 25px 0px 105px;
    min-height: 100px;
}
ul.accordion-list-1 li h6:after {
    top: -10px;
}
.royal-row {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.royal-row:before, .royal-row:after {
    left: -75px;
}
.join-col {
    padding: 0 20px;
}
.royl-col {
    padding: 45px 25px 15px;
}
.s-col {
    padding: 25px 15px 10px;
}
.s-col img {
    max-width: 60px;
    max-height: 55px;
}
.b-footer {
    padding: 40px 15px 40px;
}
.ban-mar {
    padding-top: 14rem;
		padding-bottom: 14rem;
}
.p-300 {
    padding: 250px 0;
}
.spacer-375 {
    height: 350px;
}
footer:before {
    top: 16px;
}
}


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

.container {
    max-width: 1320px;
  }
ul.menu li:last-child a {
    padding: 10px 16px !important;
}
  .header .menu > .menu-item > a {
    font-size: 14px;
}
.p-120 {padding: 100px 0;}
.p-150 {padding: 120px 0;}
.social-1 span, .mid-bot li {
  font-size: 17px;
}
h1 .main {font-size: 80px;}
h2 .main {font-size: 60px;}
h3 {font-size: 32px;}
h4 {font-size: 21px;}
h5 {font-size: 20px;}
h1 .h1-top, p, .h2-top, h6, h3.h5,.form-submit, .form-input  {font-size: 16px;}
.d-btn, .d-btn2 {font-size: 14px; padding: 12px 25px;}
.scard-row p, .socials a, .centr-part p {font-size: 15px;}
.await p, .royl-col p, .join-col p, .menu-col a, .footer-top-row span, .b-col-r h6, .c-main .d-btn2 {font-size: 14px;}
.y-btn {font-size: 12px;}

.long-card img {
    width: 60px;
    max-height: 60px;
}
.long-card, .await {
    padding-bottom: 10px;
}
ul.accordion-list-1 img {
    width: 58px;
}
ul.accordion-list-1 li {
    padding: 40px 25px 0px 105px;
    min-height: 100px;
}
ul.accordion-list-1 li h6:after {
    top: -10px;
}
.royal-row {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.royal-row:before, .royal-row:after {
    left: -75px;
}
.join-col {
    padding: 0 20px;
}
.royl-col {
    padding: 45px 25px 5px;
}
.s-col {
    padding: 25px 15px 10px;
}
.s-col img {
    max-width: 60px;
    max-height: 55px;
}
.b-footer {
    padding: 40px 15px 40px;
}
.ban-mar {
    padding-top: 19rem;
		padding-bottom: 10rem;
}
.planet-col a {
    bottom: 25px;
}
.insd-txt {
    bottom: 70px;
    padding: 0 10px;
}
.join-col img {
    max-width: 100px;
}
.menu-col li {
    margin-top: 10px;
}
.menu-col a img, .socials img {
    max-width: 32px;
    max-height: 32px;
}
.b-col-l img {
    max-width: 100px;
}
.b-footer p {
    font-size: 14px;
    margin: 12px 0;
}
    .b-footer {
        padding: 30px 15px 25px;
    }
		.form-input {
    padding: 16px;
}
.fmid-col img {
    max-width: 40px;
    max-height: 40px;
}
.logo img {
    max-width: 160px;
}
.f-logoo img {
    max-width: 275px;
}
.join-col h6 {
    margin: 10px auto;
}
.endles-row img {
    max-width: 55px;
    max-height: 50px;
}
.endles-row:before {
    left: -58px;
    background-size: 58px;
}
.endles-row:after {
    right: -53px;
}
.c2, .c5 {
    top: 215px;
}
ul.accordion-list-1 li h6:after {
    width: 40px;
    height: 40px;
    background-size: 75%;
}
.pl-iconn img {
    max-width: 70px;
}
span.num {
    width: 50px;
    height: 50px;
    font-size: 20px;
		top: -25px;
}
a.d-btn2 img, .c-insid a img {
    max-height: 21px;
}
img.t2 {
    transform: translate(-50%, -25px);
    max-width: 630px;
}
img.t1 {
    max-width: 346px;
}
img.t1 {
    max-width: 346px;
    transform: translate(-35px, 22px);
}
.spcl {
    padding: 250px 0;
}
    .spacer-375 {
        height: 275px;
    }
		    .p-300 {
        padding: 200px 0;
    }
		    .story-banner {
        padding-top: 11rem;
    }
		.mv-card img {
    max-width: 90px;
}
.mid-ph > img {
    max-width: 70%;
}
.top-ph img {
    max-width: 80px;
}
}

@media only screen and (max-width: 1400px) {
.container {
	max-width: 1140px;
}
.p-120 {padding: 80px 0;}
.social-1 span, .mid-bot li {
  font-size: 16px;
}
h1 .main {font-size: 65px;}
h2 .main {font-size: 40px;}
h3 {font-size: 28px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h1 .h1-top, p, .h2-top, h6, h3.h5,.form-submit, .form-input  {font-size: 15px;}
.d-btn, .d-btn2 {font-size: 14px; padding: 12px 25px;}
.scard-row p, .socials a, .centr-part p {font-size: 14px;}
.await p, .royl-col p, .join-col p, .menu-col a, .footer-top-row span, .b-col-r h6 {font-size: 13px;}
.y-btn, .c-main .d-btn2 {font-size: 12px;}
.ban-mar {
    padding-top: 11rem;
		padding-bottom: 7rem;
}
    .s-col img {
        max-width: 50px;
        max-height: 50px;
        margin-bottom: 10px;
    }
		.scard-row p {
    margin: 0;
}
    .s-col {
        padding: 13px 16px 10px;
    }
		.scard-row {
    margin-top: 25px;
    margin-bottom: 20px;
}
.centr-part .card {
    max-width: 275px;
}
form.newsletter-form {
    max-width: 450px;
    width: 100%;
}
footer {
    outline-offset: -18px;
    outline: 5px double #776937c2;
}
.pl-iconn img {
    max-width: 60px;
}
    span.num {
        width: 40px;
        height: 40px;
        font-size: 17px;
        top: -20px;
        padding: 8px;
    }
		    .royal-row:before, .royal-row:after {
        left: -60px;
    }
		.royal-row:after {
    bottom: 45px;
}
    .endles-row:before {
        left: -64px;
        background-size: 65px;
    }
		    .endles-row:after {
        right: -62px;
  }
	.inside-phase {
    padding: 40px;
}
.inside-phase img {
    max-width: 67%;
    max-height: 90px;
}
.mid-bot li {
    margin-top: 16px;
}
    .p-300 {
        padding: 175px 0;
    }
    .spacer-375 {
        height: 240px;
    }
		.core-row {
    margin: 30px 0;
}
.mv-card {
    padding: 30px 20px 10px;
}
    .mv-card img {
        max-width: 75px;
    }
		.mv-rgt {
    padding-left: 20px;
}
.core-col img {
    max-width: 60px;
    max-height: 60px;
}
    footer:before {
        top: 8px;
    }
}

@media only screen and (max-width: 1200px) {
	.container {
	max-width: 960px;
}
ul.menu li:last-child a {
    border: none;
}
.p-120 {padding: 60px 0;}
.social-1 span {
  font-size: 16px;
}
h1 .main {font-size: 60px;}
h2 .main {font-size: 38px;}
h3 {font-size: 26px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h1 .h1-top, p, .h2-top, h6, h3.h5,.form-submit, .form-input  {font-size: 14px;}
.d-btn, .d-btn2 {font-size: 14px; padding: 12px 25px;}
.scard-row p, .socials a {font-size: 14px;}
.await p, .royl-col p, .join-col p, .menu-col a, .footer-top-row span, .b-col-r h6, .centr-part p {font-size: 13px;}
.y-btn, .c-main .d-btn2 {font-size: 12px;}
.ban-mar {
    padding-top: 10rem;
		padding-bottom: 5rem;
}
  .header .menu > .menu-item {
    margin-left: 40px;
}
.header .menu-overlay.active{
	visibility: visible;
	opacity: 1;
}
	.header .nav-menu{
		position: fixed;
		right: -305px;
		visibility: hidden;
		width: 280px;
		height: 100vh;
		top:0;
		overflow-y: auto;
		background-color: #222222;
		z-index: 1000;
		padding: 15px 0;
		transition: all 0.5s ease;
	}
	.header .nav-menu.open{
		visibility: visible;
		right: 0;
	}
	.header .menu > .menu-item{
		display: block;
		margin:0;
	}
	.header .menu > .menu-item-has-children > a{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .menu > .menu-item > a{
		color: #ffffff;
		padding: 12px 15px;
		border-bottom: 1px solid #333333;
	}
	.header .menu > .menu-item:first-child > a{
	    border-top: 1px solid #333333;	
	}
	.header .menu > .menu-item > a .plus:before, 
	.header .menu > .menu-item > a .plus:after{
		background-color: #ffffff;
	}
	.header .menu > .menu-item-has-children.active > a .plus:after {
		transform: rotate(45deg);
	}
	.header .menu > .menu-item > .sub-menu{
		width: 100%;
		position: relative;
		opacity: 1;
		visibility: visible;
		border:none;
		background-color: transparent;
		box-shadow: none;
		transform: translateY(0px);
		padding: 0px;
		left: auto;
		top:auto;
		max-height: 0;
		overflow: hidden;
	}
	.header .menu > .menu-item > .sub-menu > .menu-item > a{
		padding: 12px 45px;
		color: #ffffff;
		border-bottom: 1px solid #333333;
	}
	.header .close-nav-menu,
	.header .open-nav-menu{
		display: flex;
	}
	    .d-btn, .d-btn2 {
        font-size: 13px;
        padding: 10px 15px;
    }
		.centr-part {
    background: none;
		padding: 0;
		margin: 0;
}
.card {
    background: transparent;
    position: relative;
    left: 50% !important;
    top: auto !important;
    transform: translate(-50%, 10px) !important;
    margin-top: 19px;
}
.c-btn {
    padding-top: 35px;
}
    .insd-txt {
        max-width: 340px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
    }
		.planet-col {
    margin-bottom: 25px;
}
    .royl-col {
        padding: 35px 10px 5px;
    }
		    .royal-row:before, .royal-row:after {
        left: -48px;
    }
		.royal-row:before {
    top: -9%;
}
.royl-col {
    margin-bottom: 70px;
		max-width: 24%;
}
    .royal-row:after {
        bottom: 25px;
    }
		.batan-c a {
    margin-bottom: 15px;
}
.menu-col ul {
    margin-left: 0px;
}
    .b-footer {
        padding: 30px 0px 25px;
    }
		    .f-logoo img {
        max-width: 235px;
    }
		    .scard-row {
        margin: 0;
    }
		.menu-col a img {
    margin-right: 10px;
}
    .form-input {
        padding: 12px 16px;
    }
		    form.newsletter-form {
        max-width: 95%;
    }
		    .p-300 {
        padding: 125px 0;
    }
		    .spacer-375 {
        height: 185px;
    }
}

@media only screen and (max-width: 991px) {
.container {
	max-width: 95%;
}
.y-bodr {
    margin-bottom: 10px;
}
.centr-part img {
    max-width: 350px;
}
.c-main {
    max-width: 250px;
}
    .centr-part .card {
        max-width: 303px;
    }
		    .royal-row:before, .royal-row:after {
        left: -40px;
    }
		    .royal-row:before {
        top: -8%;
    }
		    .royal-row:after {
        bottom: 36px;
    }
		.council .d-btn2 {
    padding: 10px 20px;
    min-width: 290px;
}
.council {
    align-items: center;
}
    .menu-col {
        flex: content;
        margin-bottom: 20px;
    }
		.slim-strp {
    background-position: 50% 30%;
    top: 49px;
    background-size: 78%;
}
.endles-row {
    padding: 35px 0 10px 0;
}
.end-col {
    width: 50%;
    margin: 15px 0;
		justify-content: center;
}
    .endles-row:before {
        left: -88px;
        background-size: 89px;
    }
		    .endles-row:after {
        right: -89px;
        background-size: 89px;
    }
		.council {
    padding: 10px 50px;
    margin-top: 25px;
}
.b-col-l {
    max-width: 30%;
}
.kin-inr {
    padding: 5px 15px 20px;
    margin-bottom: 25px;
}
    .p-300 {
        padding: 70px 0;
    }
		.core-col:first-child {
    padding: 0px 10px 10px 0;
}
.core-col:nth-child(2) {
    padding: 0 0 0px 10px;
}
.core-col:nth-child(3) {
    padding: 10px 10px 0 0;
}
.core-col:nth-child(4) {
    padding: 10px 0 0 10px;
}
    .core-col img {
        max-width: 50px;
        max-height: 50px;
    }
		.up-img img {
    width: 100%;
}
.up-card {
    text-align: center;
}
img.befor {
    left: 50%;
    transform: translate(-50%, -50%);
}
.up-img img {
    border-radius: 0 0 12px 12px;
}
    .inside-phase img {
        max-width: 50%;
    }
}


@media only screen and (max-width: 768px) {
.container {
	max-width: 95%;
}
.p-120 {padding: 50px 0;}
.social-1 span {
  font-size: 16px;
}
h1 .main {font-size: 45px;}
h2 .main {font-size: 30px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h1 .h1-top, p, .h2-top, h6, h3.h5,.form-submit, .form-input  {font-size: 14px;}
.d-btn, .d-btn2 {font-size: 14px; padding: 12px 25px;}
.scard-row p, .socials a {font-size: 13x;}
.await p, .royl-col p, .join-col p, .menu-col a, .footer-top-row span, .b-col-r h6, .centr-part p {font-size: 13px;}
span.idd {font-size: 11px;}
    .royl-col {
        margin-bottom: 35px;
        max-width: 48%;
    }
		    .royal-row:before, .royal-row:after {
        display: none;
    }
    .b-col-l {
        max-width: 100%;
				text-align: center;
    }
		footer .col {
    flex: content;}
		.b-col-r, .b-col-m {
    max-width: 100%;
    padding-left: 0;
		text-align: center;
		        margin-top: 35px;
}
.ic-txt img {
    max-width: 30px;
    max-height: 30px;
}
.kin-inr > img {
    max-width: 200px;
}
span.h2-top span {
    display: block;
}
.ic-txt {
    justify-content: center;
}
    .council {
        background: none;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: 15px 0 0;
    }
		.c-left {
    margin-right: 0;
    text-align: center;
    margin-bottom: 15px;
}
.endles-row:before, .endles-row:after{
	display: none;
}
    .endles-row {
        padding: 25px 0 5px 0;
				        border-radius: 0 0 7px 7px;
        border: 1px solid #81723f;
				max-width: 100%;
    }
		.batan-c a {
    margin-right: 5px;
}
    .d-btn, .d-btn2 {
        margin: 0;
        margin-bottom: 15px;
    }
		    .inside-phase {
        padding: 40px 20px;
    }
		    .p-150 {
        padding: 83px 0;
    }
		    img.t2 {
        max-width: 450px;
    }
		.ph-rgt {
    padding-left: 20px;
}
    .inside-phase img {
        max-width: 50%;
        max-height: 90px;
    }
		    .spcl {
        padding: 170px 0;
    }
		    img.t1 {
        max-width: 230px;
    }
		.top-ph > img {
    max-width: 50px;
}

}

@media only screen and (max-width: 575px) {
	    .centr-part img {
        max-width: 100%;
    }
		.head span img, span.h2-top img  {
    max-width: 60px;
}
    .d-btn, .d-btn2 {
        padding: 12px 17px;
    }
		    .h2-top {
        font-size: 12px;
    }
		    .y-bodr {
        margin-bottom: 25px;
    }
		    .insd-txt {
        bottom: 85px;
        padding: 0px 26px;
    }
		    .slim-strp {
        background: #040404;
        border: 1px solid #81723f;
        top: 0;
        padding: 10px 5px 0;
    }
		    .end-col {
        width: 100%;
        margin: 15px 0;
        justify-content: left;
        padding-left: 10%;
    }
		    .royal-row {
        max-width: 100%;
    }
		.royl-col img {
    max-width: 50px;
    max-height: 50px;
}
.btm-txt {
    background: transparent;
    padding: 0;
}
    ul.accordion-list-1 img {
        width: 45px;
				left: 15px;
    }
		    ul.accordion-list-1 li {
        padding: 25px 10px 0px 70px;
        min-height: 85px;
    }
		    ul.accordion-list-1 li h6:after {
        width: 30px;
        height: 30px;
        background-size: 75%;
				        top: 5px;
    }
		ul.accordion-list-1 li h6 {
    padding-right: 36px;
}
ul.accordion-list-1 li div.answer p {
    padding-bottom: 0;
    font-size: 13px;
}
.await h6 {
    display: block;
}
footer:before {
            width: 115px;
        height: 56px;
        top: 4px;
    background-repeat: no-repeat;
}
.header {
    padding: 0;
}
    footer {
        outline-offset: -5px;
        outline: 1px solid #776937c2;
				padding-bottom: 20px;
    }
		footer .menu-col {
    border-image: none;
        max-width: 52%;
    }
		footer.bg {
    padding-bottom: 15px;
		text-align: center;
}
    form.newsletter-form {
        max-width: 100%;
    }
		.colrgt {
    padding-left: 16px;
}
    .f-logoo img {
        max-width: 180px;
    }
		.f-logoo p {
    margin: 10px 0 8px;
}
    .banner-section, .story-section, .meet-section.story-section {
        background-color: #040404;
        background-repeat: no-repeat;
        background-position: 100% 0px;
        background-size: 600px;
				padding-bottom: 0;
    }
		.story-section{
			background-position: 0% 0px;
			background-size: 700px;
		}
    .logo img {
        max-width: 100px;
    }
		    .story-section .ban-col {
        padding-top: 400px;
    }
		    .header .nav-menu.open {
        right: -25px;
    }
		.ban-col {
    padding-top: 300px;
}

span.h1-top img {
    max-width: 68px;
}
    img.t2 {
        max-width: 300px;
    }
		    img.t1 {
        max-width: 190px;
    }
		    .story-section .ban-col {
        padding-top: 0;
    }
		    img.t2 {
        max-width: 280px;
    }
		    img.t2 {
        transform: translate(-50%, -36px);
    }
		    .spcl {
        padding: 130px 0;
    }
		   .ph-rgt h3 {
        font-size: 19px;
    }
		.ph-rgt span {
    font-size: 14px;
    margin-bottom: 10px;
}
    .mid-bot li {
        margin-top: 14px;
    }
		    .p-300 {
        padding: 40px 0;
    }
		    .join-row .col:nth-child(3) {
        border-left: none;
    }
		    .join-row .col:nth-child(5), .f-logoo, .colrgt {
        border: none;
    }
		.b-footer .col {
    padding: 10px;
}
    .story-banner {
        background-position: 90% 0px;
        background-size: 710px;
    }
		    .mv-card img {
        max-width: 50px;
    }
		.value-banner, .limit-banner {
    padding-top: 420px;
}
    .spacer-375 {
        height: 300px;
    }
		.core-col:nth-child(1n) {
    border-bottom: 1px solid rgba(255, 0, 0, 0);
    border-image: linear-gradient(to right, #d3000000 0%, #cda052 50%, #16ff0000 100%) 1;
    padding: 15px 0 5px 0;
}
.core-col:nth-child(4) {
    border-bottom: none;
}
.value-banner {
    padding-bottom: 30px !important;
}
.await a {
    padding: 15px 30px;
}
.up-card {
    margin: 50px 10px 30px;
}
.spcl {
    padding-top: 50px;
}
.ptm-400 {
    padding-top: 470px;
}
    .ptm-440 {
        padding-top: 440px;
    }
.b-rgt {
    margin-left: 40px;
    text-align: left;
}
    .b-col-l > img {
        margin-left: 25px;
    }
        .s-col {
        padding: 15px 16px 15px;
    }
}