
/* Sidebar Banner Style */

/* Banner-top Style */
@media (min-width: 576px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption{height:27rem;}

    .carousel-caption.banner-top {
        right: 1rem;
        left: 1rem;
        padding-top: 2rem;
    }
    .banner .login_area .carousel-caption.banner-top{right:1rem;left:1rem;}
}

@media (min-width:600px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption{height:30rem;}

}



@media(min-width:768px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption{height:17.9rem;}

    .carousel-caption.banner-top {
        right:1rem;
        left:1rem;
        padding-top: 3rem;
    }

    /*.title-group > li{padding: 8px 0;}*/
    .banner .login_area .carousel-caption.banner-top{right:1rem;left:1rem;}
    .tabs-login > ul > li a{letter-spacing: -1px;}
}

@media(min-width: 992px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption{height:15rem;}

    .carousel-caption.banner-top {
        right:1rem;
        left:1rem;
        padding-top: 3rem;
    }

    /*.banner .login_area .carousel-caption.banner-top{bottom: .8rem;right:1.1rem;left:1.1rem;}*/

        .banner .login_area .login_info_01 .info-icon{display:inline-block;}
    .banner .login_area .login_info_02 .info-icon{display:inline-block;}
    .tabs-login > ul > li a{font-size: .8rem;letter-spacing:0;}
}

@media(min-width: 1200px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption{height:15.4rem;}

    .carousel-caption.banner-top {
        right:1rem;
        left:1rem;
        padding-top: 3rem;
    }

    .banner .login_area .carousel-caption.banner-top{right:2.5rem;left:2.5rem;}
    .banner .login_area .login_info_01 .info-icon{display:inline-block;}
    .banner .login_area .login_info_02 .info-icon{display:inline-block;}

    .banner .login_area .txt_name{font-size:.9rem;}
    .tabs-login > ul > li a{font-size: .8rem;letter-spacing:-1px;}


}
@media(min-width: 1400px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption{height:21rem;}

    /*.img-pills,.img-pills > .img, .carousel-caption.banner-top{height: 28rem;}*/

    .carousel-caption.banner-top {
        bottom:0;
        padding-top: 3rem;
    }

    .banner .login_area .carousel-caption.banner-top{ right:2.5rem;left:2.5rem;}
    .banner .login_area .login_info_01 .info-icon{display:inline-block;}
    .banner .login_area .login_info_02 .info-icon{display:inline-block;}

    .banner .login_area .txt_name{font-size: 1rem;}
    .tabs-login > ul > li a{font-size: .9rem;letter-spacing:0;}

}

@media(min-width: 1600px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption, .carousel-caption>.inner{height:20rem;}

    .title_bar{display:block; text-align: left;margin-bottom: 1rem;margin-top:3rem;}
}

@media(min-width: 1800px) {

    .img-pills,.img-pills > img,.carousel-item,.carousel-item > img,.login_area .carousel-caption.banner-top,.carousel-caption, .carousel-caption>.inner{height:25rem;}

    .title_bar{display:block; text-align: left;margin-bottom: 1rem;margin-top:3rem;}
}

/* Slide Style */

@media (min-width: 576px) {
    .carousel-caption .banner-txt > a{
        position: absolute;
        left: 0;
        top:30px;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        /*color: #fff;*/
        /*text-align: center;*/
        /*opacity: .5;*/
        text-indent: -5555555px;
    }

}

@media(min-width: 768px) {

}
@media(min-width: 992px) {

}
@media(min-width: 1200px) {


}
@media(min-width: 1300px) {

}


@media(min-width:1400px) {

}


/* RESPONSIVE CSS
-------------------------------------------------- */

/*
@media (min-width: 40em) {
  /!* Bump up size of carousel content *!/
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
*/
