.banner-items { width:100%; height:444px; }
    .banner-items .banner-item { width:100%; height:444px; background-size:contain; background-position:center; background-repeat:no-repeat; }

    .banner-items .bug-banner-item { background:url(/img/admin/bg_banner_for_bug.png) repeat center; text-align:center; }
        .banner-items .bug-banner-item h2 { color:#fff; font-size:18px; font-weight:bold; margin:0; padding:0; margin-bottom:16px; padding-top:42px; }
        .banner-items .bug-banner-item p { color:#ffffff; font-size:15px; line-height:24px; }

    .banner-items .default-banner-item {  background-image:url(/img/admin/bg_banner.png); }
        .banner-items .default-banner-item h2 { padding-top:20px; color:#fff; font-size:18px; font-weight:bold; line-height:25px; }
        .banner-items .default-banner-item h3 { font-size:14px; font-weight:300; line-height:24px; color:#fff; margin-top:8px; }
        .banner-items .default-banner-item p { margin:0; padding:0; margin-top:15px; }
        .banner-items .default-banner-item p a.btn { font-size:12px; height:34px; line-height:34px; padding-left:10px; padding-right:10px; background:#fff; border-radius:2px; box-shadow:0px 1px 2px rgba(0,0,0,0.1); }

    .banner-items .image-banner-item { }
        .banner-items .image-banner-item .banner-image { position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center; /*background-size:cover;*/ }
        .banner-items .image-banner-item a { position:absolute; left:0; top:0; width:100%; height:100%; }

    .banner-items.owl-theme .owl-controls { position:absolute; top: 50%; left: 50%; transform: translateX(-50%); }
    .banner-items.owl-theme .owl-controls .owl-prev,
    .banner-items.owl-theme .owl-controls .owl-next { position:absolute; width:32px; height:32px; text-indent: -1000px; overflow:hidden; }

    .banner-items.owl-theme .owl-controls .owl-prev { left:-32px; background:url(/img/layout/icon_banner_prev.svg) no-repeat center; }
    .banner-items.owl-theme .owl-controls .owl-next { right:-32px; background:url(/img/layout/icon_banner_next.svg) no-repeat center; }

    @media (min-width: 768px) {
        .banner-items.owl-theme .owl-controls {
            width: 740px;
        }
    }
    @media (min-width: 992px) {
        .banner-items.owl-theme .owl-controls {
            width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .banner-items.owl-theme .owl-controls {
            width: 1000px;
        }
    }

@media (max-width: 1201px) {   
    .banner-items.owl-theme .owl-controls .owl-prev {
        left:10px;
    }

    .banner-items.owl-theme .owl-controls .owl-next {
        right:10px;
    }
}

@media (max-width: 991px) {     
    .banner-items { height:174px; }
    .banner-items .banner-item { height:174px; }
    
    .banner-items.owl-theme .owl-controls { display:none !important; }

    .banner-items .image-banner-item .banner-image {
        background-size:cover;
    }

    .banner-items .image-banner-item .banner-image.from-pc-image {
        background-size:contain;
    }

    .banner-items .bug-banner-item h2 { font-size:16px; padding-top:24px; }
    .banner-items .bug-banner-item p { font-size:14px; }

    .banner-items .default-banner-item h2 { font-size: 16px; line-height: 33px; padding-top:14px; }
    .banner-items .default-banner-item h3 { font-size:14px; margin-top:0px; line-height:22px; }
    .banner-items .default-banner-item p { margin-top:10px; }
    .banner-items .default-banner-item p a.btn { font-size:12px; height:34px; line-height:34px; }
    .banner-items .default-banner-item .container { padding-left:20px; padding-right:20px; }
}