body{margin:0px;}
.main_banner{width:100%; padding:0px 0px; overflow: hidden;}
.main_banner .main_banner_carousel{width: 100%;}
.main_banner .main_banner_carousel #slide-1.banner_bg{ background-repeat: no-repeat; background-size: cover; background-position: center;}
.main_banner .main_banner_carousel .banner_block{min-height: 550px; width:100%; position: relative;}
.main_banner .main_banner_carousel .banner_block .inner_container .top_logo{position:absolute; top:0px; left:5%; transform:translateX(-5%);}
.main_banner .main_banner_carousel .banner_block .inner_container .top_logo .top_inner img{max-width: 100%; width: 80%;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block{position: absolute; bottom:10%; width:100%;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner {padding:0px 60px; box-sizing: border-box;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block{width:100%;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block{width:50%; display: inline-block;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block img{max-width: 100%; width: 50%;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block.right_col{float: right;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block.right_col img{margin-left: auto;}
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block.right_col:after{content: ''; clear: both; display: table;}



.main_banner .main_banner_carousel #slide-2.banner_bg{ background-repeat: no-repeat; background-size: cover; background-position: center;}
.main_banner .main_banner_carousel .banner_block .inner_container .title{font-size: 48px; line-height: 40px; color: #fff; margin:0px 0px; padding-bottom: 10px;}
/*.main_banner .main_banner_carousel .banner_block .inner_container .btn_block{position: absolute; bottom:20%; width: auto; right:30px;}
.main_banner .main_banner_carousel .banner_block .inner_container .btn_block button{font-size: 16px; line-height: 24px; color: #eeeeee; border:1px solid #eeeeee; outline:none; cursor:pointer; background-color: transparent; padding:10px 20px; box-sizing: border-box; transition: .3s ease-in-out; min-width: 8em;}
.main_banner .main_banner_carousel .banner_block .inner_container .btn_block button:hover{background-color: #fff; color: #0471b5; border-color: #fff;}*/

/*Video section*/

.main_banner .main_banner_carousel #slide-3.banner_bg{ background-repeat: no-repeat; background-size: cover; background-position: center;}
.main_banner .main_banner_carousel .banner_block .inner_container .video_block{text-align: center; padding: 20px 0px; max-width: 1300px; margin: auto;}
.main_banner .main_banner_carousel .banner_block .inner_container .video_block iframe{max-width: 1100px; height: 350px; width:100%;}


/* Owl nav and Dots */

.main_banner_carousel.owl-carousel .owl-nav{position: absolute; bottom:20px; width: 100%;}
.main_banner_carousel.owl-carousel .owl-nav .owl-prev{position:absolute; bottom:20px;left:0px; }
.main_banner_carousel.owl-carousel .owl-nav .owl-next{position:absolute; bottom:20px;right:0px;}
.main_banner_carousel.owl-carousel .owl-nav .disabled img{filter: brightness(0.5);}
/*  Numbers */
.main_banner_carousel.owl-carousel .owl-dots { position:absolute;left:50%; bottom:20px; transform: translateX(-50%); counter-reset: dots;}
.main_banner_carousel.owl-carousel .owl-dots .owl-dot{width:24px; height:3px; border-radius: 10px; background-color:#969696; margin-right:14px; transition: .3s ease-in-out; display: inline-flex; justify-content: center; align-items: center;}
.main_banner_carousel.owl-carousel .owl-dots .owl-dot span{display: none;}
.main_banner_carousel.owl-carousel .owl-dots .owl-dot.active{background-color: #fff;}
.main_banner_carousel.owl-carousel .owl-dots .owl-dot:hover{background-color:#fff;}


/* Responsive */
@media screen and (min-width:200px) and (max-width:899px){
    /* Mobile Bg image */
/*    .main_banner .main_banner_carousel #slide-1.banner_bg{background-image: url('../images/resp_bg.jpg');}
    .main_banner .main_banner_carousel #slide-2.banner_bg{background-image: url('../images/resp_banner_2.png');}*/

    .main_banner .main_banner_carousel .banner_block{min-height:500px;}
    .main_banner .main_banner_carousel .banner_block .inner_container .detail_block{bottom:12%;}
    .main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner{padding:0px 15px;}
    .main_banner .main_banner_carousel .banner_block .inner_container .top_logo{left:8%; transform: translateX(-8%);}
    .main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block{width:100%;}
    .main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block  .img_block{width:50%;}
    .main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block img{width: 80%;}
    /* Nav Buttons */
    .main_banner_carousel.owl-carousel .owl-dots{bottom:15px;}
    .main_banner_carousel.owl-carousel .owl-dots .owl-dot{width:25px; height:25px;}
    .main_banner_carousel.owl-carousel .owl-nav{bottom:10px;}
    .main_banner_carousel.owl-carousel .owl-nav .owl-prev{bottom:10px;}
    .main_banner_carousel.owl-carousel .owl-nav .owl-next{bottom:10px;}
    .main_banner_carousel.owl-carousel .owl-nav img{max-width:100%; width:9px;}

    /* Second Slide */
    .main_banner .main_banner_carousel .banner_block .inner_container .title{font-size: 28px; line-height: 32px;}
    /*.main_banner .main_banner_carousel .banner_block .inner_container .btn_block{bottom: 28%; right: 15px;}*/
}

@media screen and (min-width:500px) and (max-width:899px){
    /*.main_banner .main_banner_carousel .banner_block .inner_container .btn_block{bottom: 15%; right: 15px;}*/
}

@media screen and (min-width:900px) and (max-width:1380px){
    .main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block  .img_block{width: 50%;}
    /* Nav Buttons */
    .main_banner_carousel.owl-carousel .owl-dots{bottom:15px;}
    .main_banner_carousel.owl-carousel .owl-dots .owl-dot{width:25px; height:25px;}
    .main_banner_carousel.owl-carousel .owl-nav{bottom:10px;}
    .main_banner_carousel.owl-carousel .owl-nav .owl-prev{bottom:10px;}
    .main_banner_carousel.owl-carousel .owl-nav .owl-next{bottom:10px;}
    .main_banner_carousel.owl-carousel .owl-nav img{max-width:100%; width:10px;}
}


@media screen and (min-width:1600px){
    .main_banner .main_banner_carousel .banner_block{min-height: 650px;}
}
@media screen and (min-width:1900px){
.main_banner .main_banner_carousel .banner_block .inner_container .detail_block .detail_inner .block .img_block{width: 40%;}
}





/*My Custom Css Dynamic*/


.btn_block{ bottom:20%; width: auto; right:30px;}
.btn_block button{font-size: 16px; line-height: 24px; color: #eeeeee; border:1px solid #eeeeee; outline:none; cursor:pointer; background-color: transparent; padding:10px 20px; box-sizing: border-box; transition: .3s ease-in-out; min-width: 8em;}
.btn_block button:hover{background-color: #fff; color: #0471b5; border-color: #fff;}
.btn_block{bottom: 28%; right: 15px;}


/*.top_right {
    top: 0px auto;
}*/

.top_left_parent {position: absolute;top: 30%;width: 50%;left: 15px;}
.top_right{position:absolute; top:0px; right:5%; transform:translateX(-5%);}
.top_left{position:static; top:0px; left:unset; transform:unset;}
.bottom_left{position:absolute; bottom:0px; left:5%; transform:translateX(-5%);}
.bottom_right{position:absolute; bottom:0px; right:5%; transform:translateX(-5%);}
.center{position:absolute; top: 50%; left:50%; transform:translateX(-5%);}


/*.top_right img, .top_right label, .top_right button{max-width: 100%; width: 80%;}
.top_right img, .top_right label, .top_right button{max-width: 100%; width: 80%;}
.top_right img, .top_right label, .top_right button{max-width: 100%; width: 80%;}
.top_right img, .top_right label, .top_right button{max-width: 100%; width: 80%;}
.top_right img, .top_right label, .top_right button{max-width: 100%; width: 80%;}*/


