.curlcoin-content{
    display: flex;
    padding-top: 137px;
}
.curlcoin-content-c{
    width: 50%;
}
.curlcoin-img {
    width: 641px;
    height: 666px;
    background-image: url(/assets/images/curlcoin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 16px 16px 0;
    margin-right: 94px;
}
.curlcoin-content-c:nth-child(2){
    padding-right: 30px;
}
.curlcoin-content-c p:nth-child(1),
.curlcoin-content .container p:nth-child(1),
.share p:nth-child(1),
.sell p:nth-child(1),
.gallery-text p:nth-child(1){
    font-size: 56px;
    line-height: 68px;
    font-weight: 700;
    margin-top: 65px;
    margin-bottom: 14px;
}
.curlcoin-content-c p
.curlcoin-content .container p{
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
}
.curlcoin-content-c p sup
.curlcoin-content .container p sup{
    font-size: 26px;
    line-height: 68px;
    font-weight: 700;   
}
.curlcoin-content-c p:nth-child(3),
.curlcoin-content .container p:nth-child(3){
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
}
.curlcoin-content-c .btn, 
.curlcoin-content .container .btn{
    /* padding: 15px 80px; */
    width: 131px;
    height: 48px;
    background-color: #94C7F7;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 8px;
    color: white;
}
.curlcoin-content .container{
    display: none;
}

.subscribe .subscribe-content span:nth-child(1){
    font-size: 40px;
}

/* R-1400 */
@media only screen and (max-width: 1400px) {
    .curlcoin-img {
        margin-right: 30px;
    }

    .modal .modal-content{
        margin-top: 200px;
    }
}

/* R-1200 */
@media only screen and (max-width: 1200px) {
    .curlcoin-content,
    .share,
    .sell{
        flex-wrap: wrap;
        padding-top: 20px;
    }  

    .curlcoin-content-c:nth-child(2){
        display: none;
    }
    .curlcoin-content .container{
        display: block;
    }
    .curlcoin-img {
        max-height: 400px;
        background-image: url(/assets/images/curlcoin.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0 16px 16px 0;
        margin-right: 30px;
    }

    .sell-content{
        flex-wrap: wrap;
    }
    .sell-content-c:nth-child(1){
        flex: 1;
    }
    .sell-content-c:nth-child(2){
        display: none;
    }
    
    section.subscribe{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .subscribe .subscribe-content span:nth-child(1){
        font-size: 32px;
        margin-right: 20px;
    }
}

/* R-1000 */
@media only screen and (max-width: 1000px) {
    .subscribe .subscribe-content{
        flex-wrap: wrap;
    }
    .subscribe .subscribe-content span:nth-child(1){
        width: 100%;
        font-size: 28px;
    }
    .subscribe .subscribe-content span:nth-child(1){
        width: 100%;
    }
    .subscribe .subscribe-content span:nth-child(2){
        width: 80%;
    }

    .hero-img{
        display: none;
    }

    .modal .modal-content{
        max-width: 90vw;
    }
    .modal .modal-c:nth-child(1){
        display: none;
    }
    .modal .modal-c:nth-child(2){
        width: 100%;
    }
}

/* R-800 */
@media only screen and (max-width: 800px) {
    .curlcoin-content .container p:nth-child(1),
    .share p:nth-child(1),
    .sell p:nth-child(1),
    .gallery-text p:nth-child(1){
        font-size: 48px;
    }

    .navbar-brand img{
        width: 100px;
    }

    .subscribe .subscribe-content .thanks{
        top: 70px;
    }

    .subscribe .subscribe-content span:nth-child(2){
        width: 100%;
    }
}

/* R-576 */
@media only screen and (max-width: 576px) {
    .curlcoin-content .container p:nth-child(1),
    .share p:nth-child(1),
    .sell p:nth-child(1),
    .gallery-text p:nth-child(1),
    .modal .modal-content p:nth-child(1){
        font-size: 32px;
        line-height: normal;
    }

    .modal .thanks,
    .subscribe .thanks{
        font-size: 14px;
    }
}

/* R-411 */
@media only screen and (max-width: 411px) {
    .curlcoin-content .container p:nth-child(1),
    .share p:nth-child(1),
    .sell p:nth-child(1),
    .gallery-text p:nth-child(1),
    .modal .modal-content p:nth-child(1){
        font-size: 26px;
        line-height: normal;
    }

    .modal .modal-c:nth-child(2){
        padding: 40px 20px 40px 20px;
    }

    .modal .thanks,
    .subscribe .thanks{
        font-size: 12px;
    }
}

/* R-320 */
@media only screen and (max-width: 320px) {
    .modal .thanks,
    .subscribe .thanks{
        font-size: 10px;
    }
}