@media screen and (min-width: 768px) {
    .gs-container{
        min-height: 375px;
    }
}


@media screen and (max-width: 767px) {
    .gs-container{
        min-height: auto;
    }
}


@media screen and (max-width: 1400px) {
    .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 26px;
    }

    .gs-text{
        margin-top: 20px;
        -webkit-line-clamp: 9;
        line-height: 28px;
    }
}

@media screen and (max-width: 1350px) {
    .gs-area01 .gs-bg-bu::before{
        min-height: 360px;
    }
    .gs-text{
        -webkit-line-clamp: 10;
    }
}

@media screen and (max-width: 1300px) {
    .gs-area01 .gs-bg-bu::before{
        min-height: 360px;
    }
}


@media screen and (max-width: 1250px) {
    /* .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 26px;
    } */
}


@media screen and (max-width: 1199px) {
    .gs-area01 .gs-bg-bu::before{
        min-height: 250px;
    }

    .gs-right-content,
    .gs-text-detail,
    .gs-area01 .gs-bg-bu::before,
    .gs-area01 .gs-bg-bu::after{
        width: 48%;
        right: 40px;
    }

    .gs-right-content,
    .gs-text-detail{
        padding: 0 32px;
    }

    .gs-right-content{
        top: -112px;
    }

    .gs-text-detail{
        /* bottom: -80px; */
        bottom: -100px;
    }

    .gs-text{
        margin-top: 20px;
        line-height: 24px;
    }

    .gs-area01 .gs-bg-bu::after{
        bottom: -120px;
    }

    .gs-pic img{
        width: 70%;
    }

    .gs-content{
        margin-top: 26px;
    }

    .btn-box{
        margin: 150px 0 65px;
    }
    .gs-saying{
        line-height: 24px;
    }
}

@media screen and (max-width: 1250px) {
    .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 24px;
    }
    
    .gs-text{
        -webkit-line-clamp: 7;
    }

    .gs-text-detail{
        /* bottom: -80px; */
        bottom: -60px;
    }
}

@media screen and (max-width: 1100px) {
    .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 30px;
    }
}


@media screen and (max-width: 991px) {
    .gs-container{
        max-width: 100%;
        overflow: hidden;
    }

    .gs-area01 > .col-md-12{
        padding-left: 0;
        padding-right: 0;
    }


    .gs-title span.gs-call-name,
    .gs-title span.gs-saying{
        font-size: 28px;
    }

    .gs-right-content,
    .gs-text-detail,
    .gs-area01 .gs-bg-bu::before,
    .gs-area01 .gs-bg-bu::after{
        width: 50%;
        right: 36px;
    }

    .gs-area01 .gs-bg-bu::after{
        bottom: -175px;
    }

    .gs-text-detail{
        /* bottom: -108px; */
        bottom: -60px;
    }

    .gs-right-content{
        top: -78px;
    }

    .gs-content{
        margin-top: 22px;
    }

    .gs-text{
        line-height: 28px;
        margin-top: 20px;
    }

    .btn-box{
        margin: 135px 0 65px;
    }
}
@media screen and (max-width: 100px) {
    .gs-container{
        max-width: 100%;
        overflow: hidden;
    }

    .gs-area01 .gs-bg-bu{
        margin: 0;
    }

    .gs-bg::before,
    .gs-bg::after{
        content: '';
        background: #FFF;
        min-height: 150px;
        display: block;
        /* width: 35%; */
        width: 252px;
        position: absolute;
        right: 150px;
        z-index: 10;
    }
    
    .gs-bg::before{
        top: 0;
        min-height: 250px;
    }

    .gs-bg::after{
        top: 128px;
        border-radius: 0 0 50% 50%;
        min-height: 252px;
    }

    .gs-area01 .gs-bg-bu::before{
        display: none;
    }

    .gs-area01 .gs-bg-bu::after{
        display: none;
    }

    .gs-pic{
        display: none;
    }

    .gs-pic-m{
        position: absolute;
        top: 75px;
        right: 135px;
        z-index: 11;
        display: inline-block;
    }

    .gs-right-content{
        position: unset;
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .gs-text-detail{
        display: none;
    }

    .gs-area01 .gs-bg-bu-color{
        display: none;
    }

    .gs-bg .theme{
        position: relative;
        z-index: 2;
    }

    .gs-bg .theme::after{
        content: '';
        background-color: #e6007e;
        position: absolute;
    }
    
    .gs-bg-bu-color-m{
        background-color: #e6007e;
        position: absolute;
        display: block;
        height: 100%;
        bottom: 90px;
        top: 24px;
        left: -50%;
        right: -50%;
        z-index: 1;
    }

    .btn-box{
        text-align: left;
        margin: 34px 0;
    }
}

@media screen and (max-width: 900px) {
    .gs-bg::before, 
    .gs-bg::after{
        right: 100px;
    }

    .gs-pic-m{
        right: 85px;
    }

    .gs-right-content{
        top: -82px;
    }

    .gs-text-detail{
        bottom: -60px;
    }

    .gs-text{
        line-height: 26px;
    }
}

@media screen and (max-width: 850px) {
    .gs-text-detail{
        bottom: -60px;
    }
}


@media screen and (max-width: 800px) {
    .gs-pic img{
        width: 65%;
    }
    .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 24px;
    }

    .gs-title span{
        line-height: 30px;
    }
    .gs-text-detail{
        bottom: -70px;
    }
}

@media screen and (max-width: 767px) {
    .gs-area01 > .col-md-12{
        padding-left: 15px;
        padding-right: 15px;
    }


    .gs-container{
        max-width: 100%;
        overflow: hidden;
        /* 1125 */
        padding: 45px 0;
    }

    .gs-area01 .gs-bg-bu{
        margin: 0;
    }

    .gs-bg::before,
    .gs-bg::after{
        content: '';
        background: #FFF;
        min-height: 150px;
        display: block;
        width: 252px;
        position: absolute;
        right: 6%;
        z-index: 10;
    }

    .gs-bg::before{
        top: 0;
        min-height: 250px;
    }

    .gs-bg::after{
        top: 128px;
        border-radius: 0 0 50% 50%;
        min-height: 252px;
    }

    .gs-area01 .gs-bg-bu::before{
        display: none;
    }

    .gs-area01 .gs-bg-bu::after{
        display: none;
    }

    .gs-right-content{
        position: unset;
        width: 100%;
        min-height: auto;
        padding: 0;
    }

    .gs-pic{
        display: none;
    }

    .gs-pic-m{
        position: absolute;
        top: 75px;
        z-index: 11;
        display: inline-block;
        right: 4%;
        height:  150px;
    }

    .gs-content{
        margin-top: 82px;
    }

    .gs-title span.gs-call-name, 
    .gs-title span.gs-saying{
        font-size: 32px;
        line-height: 42px;
    }

    .gs-text{
        margin-top: 54px;
        -webkit-line-clamp: initial;
    }

    .gs-text-detail{
        display: none;
    }

    .gs-area01 .gs-bg-bu-color{
        display: none;
    }

    .gs-bg .theme{
        display: none;
    }

    .gs-bg .theme-m{
        display: block;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .gs-bg .theme::after{
        content: '';
        background-color: #e6007e;
        position: absolute;
    }
    
    .gs-bg-bu-color-m{
        background-color: #e6007e;
        position: absolute;
        display: block;
        height: 100%;
        bottom: 90px;
        top: 24px;
        left: -50%;
        right: -50%;
        z-index: 1;
    }

    .btn-box{
        text-align: left;
        margin: 34px 0 50px;
    }
}

@media screen and (max-width: 650px) {
    .gs-bg::before, .gs-bg::after{
        width: 196px;
    }

    .gs-bg::before{
        min-height: 150px;
    }

    .gs-bg::after{
        min-height: 196px;
    }
    .gs-pic-m{
        height: 120px;
    }
}

@media screen and (max-width: 551px) {
    .gs-bg::before, .gs-bg::after{
        width: 130px;
    }

    .gs-bg::before{
        min-height: 150px;
    }

    .gs-bg::after{
        min-height: 130px;
    }
    .gs-pic-m{
        height: 80px;
    }
}

@media screen and (max-width: 400px) {
    .gs-bg::before, .gs-bg::after{
        width: 108px;
    }

    .gs-bg::before{
        min-height: 120px;
    }

    .gs-bg::after{
        top: 100px;
        min-height: 108px;
    }
    .gs-pic-m{
        height: 66px;
    }

    .gs-title span.gs-call-name{
        font-size: 28px;
    }

    .gs-title span.gs-saying{
        font-size: 28px;
    }
}