body.body-magic{
    background-color: #ffffff;
    padding-top: 0!important;
}

.mg-login-group{
    float: right;
    margin-top: 10px;
    margin-left: 10px;
}

.btn-mg-login{
    background-color: #00b901;
    color: #ffffff;
}
.btn-mg-login:hover, .btn-mg-login:active, .btn-mg-login:focus{
    background-color: #00b901;
    color: #ffffff;
}

.btn-mg-register{
    background-color: #d9534f;
    color: #ffffff;
}
.btn-mg-register:hover, .btn-mg-register:active, .btn-mg-register:focus{
    background-color: #d9534f;
    color: #ffffff;
}

.mg_section-user{
    background-color: #f2f2f2;
}

.mg_section-outpage{
    background-color: #f2f2f2;
}

.mg_login_content{
    text-shadow: 0px 0px 1px #000000;
}
.mg_signup_content{
    text-shadow: 0px 0px 1px #000000;
}

.mg_section-feature{
    background-color: #f2f2f2;
}

.mg_section-album{
    padding: 0;
}
.mg_section-album .mg_section_header_title{
    margin-top: 60px;
}
.mg_section-album .mg_section_content{
    margin-bottom: 30px;
}
.mg_box_album .album-lists{
    margin-left: 0;
    margin-right: 0;
}
.mg_box_album .album-lists .album-list-item{
    padding: 0;
}
.mg_box_album .album-lists .album-list-item .album-item-warp{
    border: none;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_count{
    top: 50%;
    left: 50%;
    bottom: initial;
    right: initial;
    transform: translate(-50%, -50%);
    color: #fff;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    font-size: 40px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_count .album_count_icon{
    font-size: 40px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_title{
    font-size: 20px;
    padding: 40px 40px 10px 30px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_date{
    padding: 10px 40px 10px 30px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer{
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}

.mg_section-html_editor{
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 992px) {
    body.body-magic{
        padding-top: 0;
    }
    body.body-magic #content-wrapper.content-wrapper{
        padding-top: 0;
        padding-bottom: 0;
    }

    .mg_box_album .album-lists .album-list-item{
        width: 33.3333333%;
    }
}
@media (max-width: 991px) {
    body.body-magic{
        padding-top: 0;
    }
    body.body-magic #content-wrapper.content-wrapper{
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mg_box_album .album-lists .album-list-item{
        width: 33.3333333%;
    }
}

@media (max-width: 767px) {
    .mg_section-album .mg_section_header_title{
        font-size: 30px;
    }
    .mg_section-album .mg_section_content{
        font-size: 22px;
        margin-bottom: 15px;
    }
}
@media (max-width: 567px) {
    .mg_box_album .album-lists .album-list-item{
        width: 33.3333333%;
    }
}
@media (max-width: 374px) {
    .mg_box_album .album-lists .album-list-item{
        width: 100%;
    }
}

/*  ----------------- feature --------------------  */
.mg_feature-figure{
    width: 100px;
    height: 100px;
    border: none;
}
.mg_box_feature .mg_feature_icon{
    width: 100px;
    height: 100px;
}
.mg_box_feature .mg_feature-img{
    width: 100px;
    height: 100px;
}
.mg_feature-icon-bg{
    width: 100px;
    height: 100px;
}
.mg_feature-name{
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 400;
}
.mg_feature_info{
    font-size: 16px;
    font-weight: 300;
}
.mg_box_feature{
    margin-top: 0;
}
.mg_section_text + .mg_box_feature{
    margin-top: 30px;
}
.mg_feature-icon-bg-1{
    background-image: url(../img/icon-user.png);
}
.mg_feature-icon-bg-2{
    background-image: url(../img/icon-phone.png);
}
.mg_feature-icon-bg-3{
    background-image: url(../img/icon-check.png);
}

/*  ----------------- END feature --------------------  */

/*  ----------------- Testimonial --------------------  */
.mg_box_testimonial{
    margin-top: 0;
}
.mg_section_text + .mg_box_testimonial{
    margin-top: 30px;
}
.mg_testimonial_box-warp{
    text-align: inherit;
}

.mg_testimonial_message{
    font-size: 17px;
    margin-bottom: 30px;
}

.mg_testimonial-author{
    font-size: 17px;
}
.mg_testimonial_name{
    font-weight: bold;
}
/*  ----------------- END Testimonial --------------------  */

/*  ----------------- out page --------------------  */
.mg_section-outpage{
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mg_section-outpage-main{
    margin-top: -30vh;
}

.ms_btn_outpage{
    color: #fff;
    background-color: #e91e63;
    border-color: #e91e63;
    border-radius: 6px;
}
/*  ----------------- END out page --------------------  */

/*  ----------------- Album --------------------  */
.mg_section-album{
    padding: 0;
}
.mg_section-album .mg_section_header_title{
    margin-top: 60px;
}
.mg_section-album .mg_section_content{
    margin-bottom: 30px;
}
.mg_box_album .album-lists{
    margin-left: 0;
    margin-right: 0;
}
.mg_box_album .album-lists .album-list-item{
    padding: 0;
}
.mg_box_album .album-lists .album-list-item .album-item-warp{
    border: none;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_count{
    top: 50%;
    left: 50%;
    bottom: initial;
    right: initial;
    transform: translate(-50%, -50%);
    color: #fff;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    font-size: 40px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_count .album_count_icon{
    font-size: 40px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_title{
    font-size: 20px;
    padding: 40px 40px 10px 30px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer .albumlist_date{
    padding: 10px 40px 10px 30px;
}
.mg_box_album .album-lists .album-list-item .album-item-warp .layer_square .infoLayer{
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}
@media (min-width: 992px) {
    .mg_box_album .album-lists .album-list-item{
        width: 33.3333333%;
    }
}
@media (min-width: 1200px) {
    .mg_box_album .album-lists .album-list-item{
        width: 25%;
    }
}
@media (max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 991px) {
    .mg_box_album .album-lists .album-list-item{
        width: 33.3333333%;
    }
}

@media (max-width: 767px) {
    .mg_section-album .mg_section_header_title{
        font-size: 30px;
    }
    .mg_section-album .mg_section_content{
        font-size: 22px;
        margin-bottom: 15px;
    }
}
@media (max-width: 567px) {
    .mg_box_album .album-lists .album-list-item{
        width: 33.3333333%;
    }
}
@media (max-width: 374px) {
    .mg_box_album .album-lists .album-list-item{
        width: 100%;
    }
}
/*  ----------------- END Album --------------------  */
.mg_section-footer{
    background-color: #ececec;
}