#meritto{
    padding-top: 100px;
}

#meritto .title p.pre-title {
    font-weight: 700;
}

#meritto .title h4 {
    font-size: 46px;
    margin-bottom: 30px;
}

#meritto .title p.pre-title,
#meritto .title h4 {
    width: 369px;
}

#meritto .meri-content{
    width: 1254px;
    height: 423px;
    margin: 0 auto;
}

#meritto .meri-content .mc-item{
    width: 400px;
    height: 423px;
    background-color: #EDF3F6;
    float: left;
    margin-right: 27px;
}

#meritto .meri-content .mc-item.san{
    margin-right: 0;
}

#meritto .meri-content .mc-item .mci-ico{
    height: 208px;
    font-size: 120px;
    font-weight: 500;
    letter-spacing: 12px;
    color: #FFFFFF;
    padding-left: 222px;
}

#meritto .meri-content .mc-item.ichi .mci-ico{
    background: url("../images/overseas-internship-ico-03.png") no-repeat;
    background-position: left 50px center;
    background-size: 109px 165px;
}

#meritto .meri-content .mc-item.ni .mci-ico{
    background: url("../images/overseas-internship-ico-04.png") no-repeat;
    background-position: left 50px center;
    background-size: 105px 158px;
}

#meritto .meri-content .mc-item.san .mci-ico{
    background: url("../images/overseas-internship-ico-05.png") no-repeat;
    background-position: left 50px center;
    background-size: 130px 133px;
}

#meritto .meri-content .mc-item .mci-title{
    font-size: 26px;
    font-weight: 700;
    color: #2379B8;
    padding: 0 25px;
}

#meritto .meri-content .mc-item .mci-des{
    font-size: 16px;
    font-weight: 500;
    color: #2379B8;
    line-height: 30px;
    padding: 0 25px;
}

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

/* large desktops more than 1200px*/
@media (max-width: 1399.98px) {   
    #meritto .meri-content{
        width: 1164px;
    }

    #meritto .meri-content .mc-item{
        width: 370px;
    }

    #meritto .meri-content .mc-item .mci-ico{
        padding-left: 200px;
    }
}

/* desktop more than 992px */
@media (max-width: 1199.98px) { 
    #meritto .meri-content{
        width: 927px;
    }

    #meritto .meri-content .mc-item{
        width: 291px;
    }

    #meritto .meri-content .mc-item.ichi .mci-ico{
        background-position: left 30px center;
        background-size: 70px 110px;
    }

    #meritto .meri-content .mc-item .mci-ico{
        padding-left: 120px;
    }

    #meritto .meri-content .mc-item.ni .mci-ico{
        background-position: left 30px center;
        background-size: 70px 105px;
    }

    #meritto .meri-content .mc-item.san .mci-ico{
        background-position: left 30px center;
        background-size: 70px 72px;
    }

    #meritto .meri-content .mc-item{
        height: 460px;
    }
}

/* tablets more than 768px */
@media (max-width: 991.98px) {  
    #meritto .meri-content{
        min-width: 325px;
        max-width: calc(100vw - 20px);
    }

    #meritto .meri-content .mc-item{
        margin-right: 0;
    }

    #meritto .meri-content{
        padding: 0 15px;
    }

    #meritto .meri-content .mc-item{
        width: calc(100vw - 50px);
        margin-bottom: 30px;
    }
}

/* landscape phones more than 576px */
@media (max-width: 767.98px) {    
    
}

/* portrait phones less than 576px */
@media (max-width: 575.98px) {    
    #meritto .title h4{
        font-size: 32px;
    }

    #meritto .title p.pre-title{
        font-size: 20px;
    }

    #meritto .title p.pre-title, #meritto .title h4{
        width: 256px;
    }

    #meritto .meri-content .mc-item .mci-ico{
        padding-left: 188px;
        font-size: 80px;
        font-weight: 500;
        letter-spacing: 8px;
        line-height: 215px;
    }

    #meritto .meri-content .mc-item.ichi .mci-ico{
        background-size: 109px 165px;
    }

    #meritto .meri-content .mc-item.ni .mci-ico{
        background-size: 105px 158px;
    }

    #meritto .meri-content .mc-item.san .mci-ico{
        background-size: 130px 133px;
    }

    #meritto .meri-content .mc-item .mci-title{
        font-size: 22px;
    }

    #meritto .meri-content .mc-item .mci-des{
        font-size: 15px;
    }
}