@media (min-width: 1921px) {
    .content-title {
        font-size: 48px;
    }
    .content-background {
        left: 400px;
    }
    .content-box {
        bottom: 237px;
    }
}
@media (max-width: 1250px) {
    .content {
        height: 64vw;
    }
    .bg-girl {
        max-height: 100%;
        right: -6vw;
        left: initial;
    }
}
@media (max-width: 1050px) {
    .content-title {
        font-size: calc(26px + 10 * (100vw / 1050));
    }
    .content-title-traning {
        font-size: calc(26px + 8 * (100vw / 1050));
    }
    .content-box {
        max-width: 48vw;
    }
    .event-card-item {
        height: 60vw;
    }
    .event-card-gradient {
        padding: 14px 20px 0 20px;
    }
    .event-card-title {
        font-size: calc(10px + 18 * (100vw / 1050));
    }
    .company-profit {
        margin-top: 40px;
        flex-wrap: wrap;
        -moz-column-gap: 13vmin;
             column-gap: 13vmin;
        row-gap: 5px;
        justify-content: flex-start;
    }
    .company-profit-cover:nth-child(n) {
        flex-basis: 34vw;
    }
    .footer-nav {
        gap: 8vmin;
    }
}
@media (max-width: 980px) {
    .header-item {
        gap: 8vw;
    }
    .bg {
        margin-bottom: 100px;
    }
    .content {
        height: 54vw;
    }
    .content-box {
        bottom: 8.5vw;
    }
    .content-title {
        margin-bottom: 1vw;
        font-size: calc(26px + 7 * (100vw / 980));
    }
    .content-title-traning {
        font-size: calc(26px + 5 * (100vw / 980));
    }
    .content-text {
        margin-bottom: 1.5vw;
    }
    .content-background {
        right: 8vw;
        max-width: 45vw;
        width: 100%;
        position: absolute;
        left: initial;
    }
    .content-arrow {
        margin-top: 10px;
    }
    .bg-girl {
        right: -9vw;
        max-width: 59.5vmin;
    }
    .event-title {
        font-size: 26px;
    }
    .event-card-btn {
        padding: 15px 16px;
    }
    .schedule {
        margin-bottom: 96px;
    }
    .schedule-header {
        margin-top: 94px;
        margin-bottom: 18px;
    }
    .schedule-title {
        font-size: 26px;
    }
    .schedule-date {
        font-size: 16px;
        padding-top: 10px;
    }
    .schedule-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows:  332px 332px 332px;
    }
    .schedule-grid-item {
        padding-top: 20px;
    }
    .schedule-grid-date {
        font-size: 16px;
        top: 5px;
        right: 24px;
    }
    .schedule-grid-title {
        font-size: 16px;
        margin-top: 26px;
        margin-bottom: 25px;
    }
    .schedule-grid-item:nth-child(1) {
       grid-column: 1/ 2;
       grid-row: 1 / 2;
       padding-top: 188px;
       padding-left: 24px;
       padding-right: 10px;
    }
    .schedule-grid-item:nth-child(2) {
       grid-column: 2 / 2;
       grid-row: 1 / 2;
       padding-top: 50px;
       padding-left: 28px;
       padding-right: 10px;
    }
    .schedule-grid-item:nth-child(3) {
       grid-column: 1 / 2;
       grid-row: 2 / 3;
       padding-top: 170px;
       padding-left: 22px;
       padding-right: 10px;
    }
    .schedule-grid-item:nth-child(4) {
       grid-column: 2 / 2;
       grid-row: 2 / 3;
       padding-top: 190px;
       padding-left: 20px;
       padding-right: 10px;
    }
    .schedule-grid-item:nth-child(5) {
       grid-column: 1 / 2;
       grid-row: 3 / 4;
       padding-top: 205px;
       padding-left: 23px;
       padding-right: 10px;
    }
    .schedule-grid-item:nth-child(6) {
       grid-column: 2 / 2;
       grid-row: 3 / 4;
       padding-top: 185px;
       padding-left: 22px;
       padding-right: 10px;
    }
    .schedule-grid-item:nth-child(n):hover {
        border: 1px solid transparent;
        background:rgba(243, 243, 243, 0.5);
        box-shadow: 0px 4px 30px rgba(43, 53, 65, 0.2);
        padding-top: 100px;
    }
    .schedule-grid-item:nth-child(3):hover {
        padding-top: 65px;
    }
    .schedule-grid-item:nth-child(1):hover {
        padding-top: 110px;
    }
    .schedule-grid-item:nth-child(2).active {
        background: linear-gradient(
    180deg, rgba(251, 241, 56, 0.7) 0%, rgba(253, 249, 182, 0.45) 100%);
        box-shadow: 0px 13px 30px rgb(186 180 69 / 20%);
        border: none;
        padding-top: 40px;
    }
    /* footer */
    footer {
        margin-top: 76px;
    }
    .footer-cover {
        flex-direction: column;
        padding-top: 48px;
        row-gap: 29px;
        margin-bottom: 29px;
    }
    .footer-item {
        justify-content: space-between;
        width: 100%;
    }
    .footer-nav {
        gap: 26px;
    }
    .footer-social {
        gap: 33px;
        align-self: flex-end;
    }
    .footer-social-email {
        font-size: 12px;
    }
    .footer-fb-icon {
        margin-left: 23px;
    }
    .footer-text {
        font-size: 10px;
    }
}
@media (max-width: 801px) {
    body {
        font-size: 12px;
    }
    .container {
        padding-left: 9px;
        padding-right: 10px;
        position: relative;
    }
    /* header */
    .header {
        padding-top: 0;
        margin-bottom: 21px;
    }
    .header-item {
        gap: 56px;
    }
    .header-burger-menu {
        display: block;
    }
    .header-logo img{
        width: 78px;
        height: 24px;
    }
    .header-item nav{
        display: none;
    }
    .header-social ul {
        gap: 20px;
    }
    .header-social a {
        width: 26px;
        height: 26px;
    }
    .bg {
        margin-bottom: 13vw;
    }
    .content {
        height: 427px;
    }
    .content-box {
        bottom: initial;
        top: 25px;
        max-width: 359px;
    }
    .content-title {
        font-size: 26px;
        margin-bottom: 45px;
    }
    .content-title-traning {
        font-size: 26px;
    }
    .content-about {
        max-width: 260px;
        margin-left: 0;
    }
    .content-text {
        font-size: 16px;
        margin-bottom: 41px;
    }
    .content-arrow {
        width: 38px;
        height: 40px;
        bottom: 2px;
    }
    .content-background {
        max-width: 344px;
        right: 2vw;
    }
    .gradient-second {
        flex-basis: 45%;
    }
    .bg-girl {
        max-width: 393px;
        right: -12px;
    }
    /* event */
    .event-title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .event-card {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 12px;
    }
    .event-card-item {
        height: 309px;
    }
    .card01 {
        width: 100%;
        background-image: url(../images/event-card-image-response/event-card01.png);
    }
    .card02 {
        width: 100%;
        background-image: url(../images/event-card-image-response/event-card02.png);
    }
    .card03 {
        grid-column: 1/3;
        height: 336px;
        background-image: url(../images/event-card-image-response/event-card03.png);
    }
    .event-card-gradient {
        padding: 4px 30px 0 24px;
    }
    .event-card-btn {
        display: none;
    }
    .event-btn-add {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        border: none;
        background: url(../images/icons/event-btn-add.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 30px;
        height: 30px;
    }
    .event-card-theme {
        font-size: 12px;
        left: 0;
        right: auto;
        padding: 6px 16px;
    }
    .subscribe {
        padding-bottom: 40px;
    }
    .subscribe-title {
        font-size: 26px;
        max-width: 200px;
        margin-top: 17px;
        line-height: 32px;
        margin-bottom: 51px;
    }
    .subscribe-title::before {
        width: 31px;
        height: 31px;
        bottom: 46px;
        left: -13px;
    }
    .subscribe-form {
        flex-wrap: wrap;
        max-width: 340px;
        padding-left: 5px;
    }
    .subcribe-input {
        font-size: 18px;
        padding: 18px 10px 17px 24px;
    }
    .subscribe-btn {
        order: 1;
        flex-basis: 100%;
        padding: 20px 20px 20px 0;
    }
    .subscribe-agreement {
        margin-bottom: 32px;
    }
    /* company-about */
    .company {
        margin-top: 95px;
    }
    .company-about-title {
        font-size: 26px;
    }
    .company-about-text {
        font-size: 16px;
        margin-top: 16px;
        margin-bottom: 31px;
    }
    .company-signUp {
        padding: 21px 46px 20px 45px;
    }
    .company-profit {
        row-gap: 5px;
    }
    .company-profit-title {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .company-profit-text {
        font-size: 16px;
    }
    /* modal-burger-menu */
    .modal-burger {
        position: absolute;
        background: rgba(43, 53, 65, 0.4);
        width: 100%;
        height: 100%;
    }
    .modal-burger-cover {
        max-height: 331px;
        background: #F3F3F3;
        padding: 13px 10px 10px 10px;
    }
    .modal-burger-icon {
        display: flex;
        justify-content: space-between;
        max-width: 730px;
        
    }
    .modal-burger-close {
        background: url(../images/icons/signUp-popUp-close.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 20px;
        height: 20px;
        border: none;
    }
    .header-nav-modal {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-top: 40px;
        margin-bottom: 20px;
        row-gap: 22px;
        max-width: 730px;
    }

    .header-nav-modal li {
        width: 100%;
        border-bottom: 1px solid rgba(43, 53, 65, .2);
        padding-bottom: 23px;
    }
    .header-nav-modal li:last-child {
        border: none;
    }
    .header-nav-modal a {
        text-decoration: none;
        font-size: 16px;
        color: #2B3541;
        font-weight: 400;
    }
    .burger-modal-social ul{
        display: flex;
        justify-content: flex-end;
        list-style-type: none;
        padding-left: 0;
        gap: 30px;
        max-width: 730px;
    }
    .burger-modal-social a {
        width: 25px;
        height: 25px;
    }
    #modal-burger {
        top: -2000px;
    }
    footer {
        margin-top: 82px;
    }
    .button-up {
        display: none;
    }
}
@media (max-width: 670px) {
    .content-box {
        max-width: 420px;
        margin-bottom: 13vw;
    }
    .content {
        height: 100%;
    }
    .content-background {
        height: 73vw;
        width: 100%;
        max-width: 94vw;
        right: 0;
    }
    .bg-girl {
        right: 0;
        max-width: 88vw;
    }
    .content-arrow {
       display: none;
    }
    .content-box, .content-background {
        position: relative;
    }
}
@media (max-width: 600px) {
    .content-background {
        position: relative;
        width: 100%;
        max-width: 94vw;
        right: 0;
    }
    .content-arrow {
       display: none;
    }
    .card01 {
        background-image: url(../images/event-card-image/event-card-image01.png);
    }
    .card02 {
        background-image: url(../images/event-card-image/event-card-image02.png);
    }
    .card03 {
        background-image: url(../images/event-card-image-response/event-360card03.png);
    }
    .company-profit {
        -moz-column-gap: initial;
             column-gap: initial;
        justify-content: space-between;
        margin-top: 0;
        padding-right: 20px;
    }
    .company-box {
        flex-direction: column-reverse;
        padding-right: 20px;
    }
    .company-about {
        width: 100%;
    }
    .company-information {
        height: 1000px;
        position: relative;
    }
    .company-bg {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: initial;
    }
    .company-signUp {
        position: absolute;
        bottom: 60vw;
        display: block;
        width: 100%;
        padding: 20px 0;
    }
    .company-profit-cover:nth-child(n) {
        flex-basis: 90vmin;
    }
    .signUp-popUp-box {
        padding: 50px 10px;
    }
    .signUp-popUp-title h3 {
        font-size: 18px;
        line-height: 150%;
    }
    .signUp-popUp-title h3:before {
        width: 31px;
        height: 31px;
        top: -15px;
        left: -15px;
    }
    .signUp-popUp-title p {
        font-size: 16px;
        line-height: 125%;
    }
    .footer-item {
        gap: 0;
    }
}
@media (max-width: 500px) {
    .bg {
        margin-bottom: 14vw;
    }
    .content-box {
        max-width: 100%;
        top: 0;
    }
    .content-about {
        max-width: 100%;
    }
    .content-about-link {
        padding: 20px 0;
        display: block;
    }
    .schedule-header {
        margin-top: 78px;
        margin-bottom: 0;
    }
    .schedule-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .schedule-grid-item:nth-child(n) {
       padding-top: 0;
       padding-left: 20px;
    }
    .schedule-grid-item:nth-child(n):hover {
        height: 180px;
        padding-top: 0;
    }
    .schedule-grid-item.active {
        height: 180px;
    }
    .schedule-grid-item {
        height: 110px;
        width: 100%;
    }
    .schedule-grid-item>div {
        display: flex;
        position: relative;
        padding-top: 54px;
    }
    .schedule-grid-item:nth-child(1) img{
        width: 39px;
        height: 39px;
    }
    .schedule-grid-item:nth-child(2) img{
        width: 34px;
        height: 53px;
    }
    .schedule-grid-item:nth-child(3) img{
        width: 23px;
        height: 45px;
    }
    .schedule-grid-item:nth-child(4) img{
        width: 39px;
        height: 37px;
    }
    .schedule-grid-item:nth-child(5) img{
        width: 46px;
        height: 25px;
    }
    .schedule-grid-item:nth-child(6) img{
        width: 35px;
        height: 40px;
    }
    .schedule-grid-text {
        position: absolute;
        left: 20%;
    }
    .schedule-grid-title {
        margin-top: 15px;
    }
    .footer-item {
        flex-direction: column;
        align-items: center;
        gap: 41px;
    }
    .footer-nav {
        gap: 0;
        justify-content: space-between;
        width: 100%;
    }
    .footer-text {
        flex-direction: column;
        align-items: center;
    }
    .footer-social {
        align-self: initial;
        justify-content: space-between;
        width: 100%;
        padding-left: 15px;
    }
}
@media (max-width: 400px) {
    .event-card {
        gap: 10px;
    }
    .card01 {
        background-image: url(../images/event-card-image-response/event-360card01.png);
    }
    .card02 {
        background-image: url(../images/event-card-image-response/event-360card02.png);
    }
    .card03 {
        background-image: url(../images/event-card-image-response/event-360card03.png);
    }
    .event-card-gradient {
        padding: 4px 30px 0 4px;
    }
    .event-card-title {
        width: 114px;
    }
    .schedule {
        margin-bottom: 80px;
    }
    .company-bg {
        height: initial;
    }
    .footer-nav a {
        font-size: 12px;
    }
}
@media (max-width:360px) {
    .container {
        padding-left: 8px;
        padding-right: 9px;
    }
    .content {
        padding-top: 27px;
    }
    .content-about-link {
        width: 100%;
    }
    .schedule-grid-item>div {
        padding-top: 52px;
    }
    .schedule-grid-text {
        left: 16vw;
    }
    .schedule-grid-item:nth-child(2) {
        height: 200px;
    }
    .schedule-grid-item:nth-child(n):hover {
        height: 200px;
    }
    .company {
        margin-top: 83px;
    }
    .company-about-text {
        margin-bottom: 14px;
    }
    .company-profit {
        margin-top: 0;
    }
    footer {
        margin-top: 46px;
    }
    .footer-cover {
        padding-top: 43px;
        row-gap: 8px;
        margin-bottom: 20px;
    }
    .footer-nav {
        margin: 0;
    }
    /*
    .footer-item {
        gap: 42px;
    }
    .footer-social {
        gap: 125px;
        margin: 0 auto;
    }
    .footer-text {
        flex-direction: column;
        align-items: center;
    }*/
}
@media (max-width: 325px) {
    .schedule-grid-item:nth-child(n):hover{
        height: 68vw;
    }
}