@media only screen and (min-width : 900px) {
    #other_news > li:nth-child(4n+5){
        clear:both;
    }       
}
@media only screen and (max-width : 1170px) {

    .container{
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }
    .main-nav>li.first{
        display: none;
    }
    .home-gallery span.etikett a{
        width: auto;
    }
    .home-gallery a{
        width: 100%;
    }
    .home-gallery{
        width: 100%;
        margin: 0;
    }
    .home-video {
        width: 100%;
        float: left;
    }
    .home-video li {
        float: left;
        width: 33.333333%;
        background: #000;
        min-height: 228px;
        overflow: hidden;
        border-right: 1px solid #fff;
    }
    .home-middle .right-part {
        width: 100%;
    }
    .home-content .container{
        overflow: visible;
    }
    .content-media ul li.video:not(.focus)  a>span,
    .content-media ul li:not(.focus)  a>span{
        /*background-position: top 10px left 10px, 100% 100%;*/
    }
    .content-media ul li:not(.focus) .news-details{
        bottom: 10px;
        left: 10px;
    }
    .media-iframe,
    .media-slider{
        margin-bottom: 40px;
    }
    .media-right{
        padding: 40px;
    }
    .media-left {
        width: 100%;
        padding: 0 20px;
    }
    .media-view .owl-buttons .owl-prev{
        left: -40px;
    }
    .media-view .owl-buttons .owl-next{
        right: -40px;
    }
    .left-part{
        width: 72%;
        margin-right: 3%;
    }
    .right-part{
        width: 25%;
    }
    .article-media .home-video li{
        width: 100%;
    }
    .article-media{
        width: 100%;
    }
    .article-pic img{
        width: 100%;
    }
    .box {
        max-width: 90%;
        margin: 0 5%;
        margin-bottom: 30px;
    }
    .article-2 .right-part{
        width: 30%;
    }
    .article-2 .left-part{
        width: 67%;
        margin-right: 3%;
    }
    .right-doc h1{
        width: 100%;
        border-right: 0;
        border-bottom: 2px solid #000;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }
    .right-doc ul{
        width: 100%;
    }

    .document-form .chosen-container{
        width: 100% !important;
    }
    .grid-left{
        width: 15%;
    }
    .grid-right{
        width: 85%;
    }
    .tabbed-left ul li div{
        padding-left: 13px;
    }
    .home-gallery.left-part{
        width: 100%;
    }
}
@media only screen and (max-width : 1023px) {
    .doc-content>ul>li{
        padding-right: 10%;
    }
    .top-part.left-part{
        width: 100%;
        margin: 0;
    }
    .top-part.right-part{
        display: none;
    }
    .home-news-list{
        background: #000;
        float: left;
        width: 100%;
    }
    .bottom-header,
    .top-header{
        display: none;
    }
    .container.clearfix{
        position: static;
    }

    .upper-header{
        height: 138px;
    }
    .mmenu-button{
        display: block;
        float: right;
        position: absolute;
        right: 50px;
        top: 50%;
        margin-top: -15px;
    }
    div.header-static .mmenu-button{
        top:75%;
    }
    #bx-pager a{
        float: left;
        clear: left;
        margin: 5px 0;
    }
    .caption-content{
        max-width: 420px;
        padding-right: 10px;
    }
    .home-article>li{
        width: 33.3333333%
    }
    div.article-desc a{
        color:#fff;
    }
    /*    .home-article>li:last-child{
            display: none;
        }*/
    .content-media ul li.focus h1 {
        font-size: 16px;
        font-weight: 600;
    }
    .content-media ul li a>span,
    .content-media ul li.focus a>span{
        /*        background:url('../images/pic_ico.svg') no-repeat center center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                background:url('../images/pic_ico.svg') no-repeat center center, -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
                background:url('../images/pic_ico.svg') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));
                background:url('../images/pic_ico.svg') no-repeat center center, -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
                background:url('../images/pic_ico.svg') no-repeat center center, -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
                background:url('../images/pic_ico.svg') no-repeat center center, -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
                background:url('../images/pic_ico.svg') no-repeat center center, linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);*/

    }
/*    .content-media ul li.focus span{
        background-size: 65px,auto !important;
    }   */
    .content-media ul li.video a>span,
    .content-media ul li.focus.video a>span{
        /*        background:url('../images/video_ico_focus.svg') no-repeat center center, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
                background:url('../images/video_ico_focus.svg') no-repeat center center, -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
                background:url('../images/video_ico_focus.svg') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));
                background:url('../images/video_ico_focus.svg') no-repeat center center, -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
                background:url('../images/video_ico_focus.svg') no-repeat center center, -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
                background:url('../images/video_ico_focus.svg') no-repeat center center, -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
                background:url('../images/video_ico_focus.svg') no-repeat center center, linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);*/

    }
    .content-media ul li span{
        background-size: 45px,auto !important;
    }   
    .view-top{
        max-width: none;
    }
    .doc-container{
        text-align: left;
    }
    .doc-container a{
        float: none;
        display: inline-block;
    }
    .contact-form,
    .map{
        width: 50%;
    }
    .section-content img{
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        padding: 0 20px;
    }
    .section-content p{
        max-width: none;
    }
    .quote{
        max-width: none;
    }
    .doc-list li{
        max-width: none;
    }
    .news-list .grid-list>ul>li{
        width: 49.5% !important;
    }
    .grid-list>ul>li:not(.first){
        width: 49.5% !important;
    }
    .grid-list>ul>li h1{
        font-size: 20px;
    }
    /*    .text-indicator ul li.red a{
            background: url(../images/red_arrow.svg) no-repeat left top 5px;
        }
        .text-indicator ul li.grn a{
            background: url(../images/grn_arrow.svg) no-repeat left top 5px;
        }
    
        .text-indicator ul li.prpl a{
            background: url(../images/prpl_arrow.svg) no-repeat left top 5px;
        }
        .text-indicator ul li.ylw a{
            background: url(../images/ylw_arrow.svg) no-repeat left top 5px;
        }*/
    .main-title.red span.etikett a{
        background: url(../images/red_arrow.svg) no-repeat left top 7px;
    }
    .main-title.prpl span.etikett a{
        background: url(../images/prpl_arrow.svg) no-repeat left top 7px;
    }
    .main-title.grn span.etikett a{
        background: url(../images/grn_arrow.svg) no-repeat left top 7px;
    }
    .main-title.ylw span.etikett a{
        background: url(../images/ylw_arrow.svg) no-repeat left top 7px;
    }
    .quote{
        background: url(../images/quote_arrow.svg) no-repeat top left;
    }
    .article-2 .quote{
        background: url(../images/quote_ico_ylw.svg) no-repeat left top;
    }
    .media-list-content>ul>li a{
        background: url(../images/black_arrow.svg) no-repeat left top 9px;
    }
    .doc-content>ul>li>a{
        background: url(../images/black_arrow.svg) no-repeat left top 3px !important;
    }
    .article-content .left-part>ul>li{
        background: url(../images/list_style.svg) no-repeat left top 2px;
    }
    .section-content li{
        background: url(../images/list_style.svg) no-repeat left top 6px;
    }
}

@media only screen and (max-width : 900px) {
    .tabbed-left ul li.active{
        margin-top: -20px;
        height: 170px;
    }
    .grid-right{
        width: 100%;
        padding: 0 20px;
        padding-top: 50px;
    }
    .tabbed-left ul li.active div{
        height: 100%;

    }
    .tabbed-left ul li{
        padding-left: 0;
        width: 25%;
        max-width: 150px;
    }
    .tabbed-left{
        width: 100%;
    }
    .tabbed-content{
        background: #454545;
    }
    .tabbed-left ul li div{
        -moz-box-shadow: inset 0px -8px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 0px -8px 0px rgba(0,0,0,0.3);
        box-shadow: inset 0px -8px 0px rgba(0,0,0,0.3);
        height: 100%;
    }
    .tabbed-left ul li.last.active{
        margin-left : -10px;
        margin-right: 0;
        background: url('../images/tab_shadow_left.png') no-repeat left bottom 8px;
        padding-right: 0;
    }
    .tabbed-left ul li.active div{
        padding-left: 1px;
    }
    .tabbed-left ul li.first.active{
        margin-right: -10px;
        margin-left: 0px;
        background: url('../images/tab_shadow_right.png') no-repeat right bottom 8px;
        padding-left: 0;
    }
    .tabbed-left ul li.active {
        margin-top: -20px;
        height: 170px;
        background: none;
        z-index: 10;
        padding: 0 10px;
        max-width: 170px;
        margin-right: -10px;
        margin-left: -10px;
        background: url('../images/tab_shadow_left.png') no-repeat left bottom 8px, url('../images/tab_shadow_right.png') no-repeat right bottom 8px;
    }
    .tabbed-left  ul li.active div{
        height: 100%;
        position: static;
    }
    .home-bottom ul li p{
        display: none;
    }
    .article-2 .right-part{
        display: none;
    }
    .article .left-part,
    .article .right-part{
        width: 100%;
        margin-right: 0;
    }
    .article-media>ul{
        width: 100%;
        float: left;
    }
    .article-media .home-video li{
        display: block !important;
    }
    .article-media>ul>li.last{
        padding-left: 10px;
    }
    .article-media>ul>li.first{
        padding-right: 10px;
    }
    .home-video li>span{
        padding: 15px;
    }
    .article-media>ul>li{
        float: left;
        width: 50%;
    }
    .article-pic a{
        width: 100%;
    }
    .home-video img{
        width: 100%;
    }
    .home-bottom ul li{
        display: none;
    }
    .home-bottom ul li.visible.first{
        width: 20%;
    }
    .home-bottom ul li.visible{
        width: 26.6666666667%;
        display: block;

    }
    .content-media>ul>li:not(.focus)>a .article-details li.last{
        
    }
    .footer-menu{
        display: none;
    }
    .mobile-menu{
        display: block;
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 50px;
    }
    .bottom-footer>li{
        width: 70% !important;
        margin-bottom: 10px;
        float: none;
        overflow: hidden;
        display: inline-block;
    }
    .bottom-footer{
        text-align: center;
    }
    .bottom-footer>li.last{
        text-align: center;
    }
    .footer-social>*{
        float: left;
    }
    .content-media ul li.focus .news-details{
        bottom: 20px;
        left: 20px;
        padding-right: 40px;
    }
    .content-media ul li h1{
        font-size: 16px;
    }
    .contact-form,
    .map{
        width: 100%;
        padding-right: 0;
    }
    #googleMap{
        height: 290px;
    }
    .map{
        margin-bottom: 40px;
    }
    .middle-banner{
        margin-bottom: 40px;
    }
    .chosen-container{
        display: none !important;
    }
    .document-form form select{
        display: block !important;
    }
}
@media only screen and (max-width : 767px) {
    .logo{
        display: none;
    }
    .logo-mobile{
        display:block;
        padding-top: 84px
    }
    .active-section-mobile{
        position: absolute;
        right: 20%;
        top: 68%;
        color: #FFF;
        display: block;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        font-size:14px;
    }
    .entire-wrapper{
        margin-top: 63px;
    }
    .header-wrapper{
        position: fixed;
        top: -74px;
        z-index: 9999;   
    }
    .mmenu-button{
        top: 75%;
        right: 4%;
    }
    .gallery-desc div,
    .gallery-desc p{
        width:100%;
    }
    .home-gallery a span strong{
        font-size: 40px;
    }
    .section-content table td {
        width: 100%;
        padding-right: 0px;
        float: left;
    }
    .content-media ul li.focus span{
        /*background-position: top 20px left 20px, 100% 100% !important;*/
    }
    div.article-desc a{
        font-size: 16px;
        color:#000;
    }
    .home-video{
        background: #000;
    }
    .home-video li:last-child{
        display: none;
    }
    .home-video li:first-child{
        border-right: 1px solid #fff;
    }
    .home-video li{
        width: 50%;
        border: none;
    }
    .home-video li img{
        float: left;
        width: 100%;
    }

    .home-news-list>li .news-details .article-details{
        display: none
    }
    .home-news-list>li.first .news-details .article-details,
    .home-news-list>li.second .news-details .article-details{
        display: block;
    }
    .home-bottom ul li.first a{
        font-size: 14px;
    }
    .content-media>ul>li{
        width: 100%;
        /*height: 150px !important;*/
        border-bottom: 2px solid #353535;
        max-height: 350px;
    }
    .content-media>ul>li.focus{
        width: 100%;
        height: 300px !important;
    }
    .content-media ul li.focus h1{
        font-size:16px;
    }
    .article-details li.last{
        /*display:none !important;*/
    }
    .social-article>ul>li.last,
    .social-article>ul>li.first{
        display: block;
        width: 100%;
    }
    .social-article>ul>li{
        display: none;
        border: none;
    }
    .social-article .social-share{
        float: left;
        width: 100%;
        margin: 20px 0 0 0;
    }
    .doc-container a{
        margin-bottom: 10px;
    }
    .article-content .left-part>ul>li {
        padding-left: 18px;
        background: url(../images/list_style.png) no-repeat left top 6px;
        margin-bottom: 18px;
    }
    .article-content{
        margin-bottom: 50px;
    }
    .donator-content li{
        text-align: center;
    }
    .donator-content p{
        margin: 0;
        float: left;
        width: 100%;
    }
    .donator-content a{
        float: none;
        display: inline-block;
        margin-bottom: 5px;
        margin-left: 0;
    }
    .grid-content .container{
        padding: 0;
    }
    .related h2{
        border-right: 0;
        border-bottom: 2px solid #000;
        margin-bottom: 15px;
    }
    .related ul{
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .related ul li{
        width: 100%;
    }
    .related ul li>p{
        display: none;
    }

    .related ul li>p:first-child{
        display:block;
    }
    .grid-list>ul>li h1{
        font-size: 16px;
    }

    /*    div.top-banner > div.bx-wrapper > div.bx-viewport > ul > li > div > div{
            min-height: 170px;
        }*/
}

@media only screen and (max-width : 639px) {

    div.focused > div.grid-list > ul > li > div > a{
        color:#fff;
    }
    .grid-list>ul>li.first img {
        width: auto;
        float: left;
        height: 380px;
    }
    .article-top h1{
        font-size: 38px;
    }
    .news-list .grid-list>ul>li{
        width: 100% !important;
    }
    .grid-list>ul>li:not(.first){
        width: 100% !important;
    }
    .doc-content>ul>li>a{
        margin-bottom: 15px;
        display: inline-block;
    }
    .doc-content>ul>li>p{
        display: none;
    }
    .doc-content>ul>li{
        padding-right: 30px;
        padding-top: 10px;
    }
    #mc_embed_signup .mc-field-group input#mce-EMAIL{
        width:100% !important;
    }
    .document-form form>ul>li.time,
    .document-form form>ul>li{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    .tabbed-left ul li a{
        font-size: 14px;       
    }
    .media-content>.container{
        padding: 0;
    }
    .media-left{
        padding: 0;
    }
    .media-left ul li{
        max-width: none;
    }
    .home-gallery a.video span p {
        font-size: 38px;
        font-style: normal;
        font-weight: bold;
        font-family: 'Open Sans',sans-serif;
        color: #fff;
        position: absolute;
        bottom: 4%;
        width: 100%;
        text-align: center;
        left: 0;
        line-height: 1.1em;
    }
    .home-gallery a span p{
        font-size: 38px;
    }
    .home-gallery a span{
        max-width: 90%;
    }
    .home-article>li span.etikett a{
        float: left;
    }
    .home-article>li span.etikett{
        position: static;
        float: left;
    }
    .home-article>li div.article-desc{
        position: static;
        float: left;
        background: none;
        padding: 5px 0;
    }
    /*    div.article-desc a{
            color: #000;
        }*/
    .home-article>li{
        width: 100%;
        float: left;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .home-article>li img{
        display: none;
    }
    .banner-caption{
        bottom: 0;
    }
    .top-banner .container{
        padding: 0;
    }

    .caption-content{
        max-width: 100%;
        /*background-color: #2e2e2e;*/
    }
    .bx-wrapper .bx-viewport,
    .top-banner .bx-wrapper .bx-viewport>ul>li{
        /*height: 510px !important;*/
        background-size: cover;
    }
    .pager-wrapper{
        position: static;

    }
    #bx-pager{
        max-width: none;
        width: 100%;
    }
    #bx-pager a img{
        display: none;
    }
    #bx-pager a:hover span{
        color: #5d3281;
        background: none;
    }
    #bx-pager a span{
        text-indent: 0px;
        position: static;
        color: #999;
        background: none;
        text-align: center;
        font-weight: bold;
        padding: 7px;
    }
    #bx-pager a.active span{
        color: #fff;
    }
    #bx-pager a.active{
        background: #5d3281;
    }
    #bx-pager a{
        margin: 0;
        border: 0 !important;
        background: #000 ;
        clear: none;
        width: 33.3333333%;
    }
    .home-news-list>li.first .news-details a{
        font-size: 80px;
    }
    .home-news-list>li.first{
        height: 350px !important;
    }
    .home-news-list>li.second .news-details a{
        font-size: 40px;
    }
    .home-news-list>li.second{
        width: 100%;
        height: 200px !important;
    }
    .home-news-list>li{
        width: 50%;
    }
    .news-details a{
        font-size: 30px;
    }
    .home-notification div p{
        font-size: 26px;
    }
    .home-bottom ul{
        margin-bottom: 40px;
    }
    .home-bottom ul li.visible{
        width: 100% !important;
    }

    .home-bottom ul li.first span{
        text-align: center;
    }
    .home-bottom ul li.first:after{
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: 30px;
        width: 50%;
        background: #fff;
        -webkit-border-radius: 50px 0 0 0;
        -moz-border-radius: 50px 0 0 0;
        border-radius: 50px 0 0 0;
    }
    .home-bottom ul li.first:before{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 30px;
        width: 50%;
        background: #fff;
        -webkit-border-radius: 0 50px 0 0;
        -moz-border-radius: 0 50px 0 0;
        border-radius: 0 50px 0 0;
    }

    .home-bottom ul li.first{
        position: relative;
        padding-bottom: 45px;
        min-height: initial;
    }
    .home-bottom ul li.first a{
        font-size: 18px;
        text-align: center;
    }
    .home-bottom ul li.first.visible{
        border-bottom: 0;
    }
    .home-bottom ul li.visible{
        border-right: 0;
        border-bottom: 2px solid #e5e5e5;
        min-height: initial;
    }
    .home-bottom ul .visible:nth-child(4){
        border-bottom: 0 !important;
    }
    .home-bottom ul li span{
        border: 0;
    }
    .bottom-footer>li,
    .bottom-footer li form input{
        width: 100% !important;
        float: left;
    }
    .owl-pagination{
        display: none !important;
    }
    .media-view .owl-buttons .owl-prev{
        left: -20px;
    }
    .media-view .owl-buttons .owl-next{
        right: -20px;
    }
    .media-right{
        padding: 20px;
    }
    .media-iframe, .media-slider{
        margin-bottom: 20px;
    }
    .view-top .news-details h1{
        font-size: 22px;
    }
    .article-media>ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
    }
    .home-gallery a.video span p{
        font-size: 24px;

    }
}

@media only screen and (max-width : 479px) {
    .caption-content > a
    {
        font-size:16px;
    }
    .home-gallery a span strong{
        font-size: 20px;
    }
    .media-left ul li.active{
        width: 27.1%;
    }
    .home-gallery a > span{
        margin-left:-8px;
    }
    .home-gallery a span span{
        padding-left: 4px;
        margin-left: -5px;
    }
    .section-title h1{
        font-size:28px;
    }
    .home-news-list > li.first .news-details a,
    .home-news-list > li.second .news-details a{
        font-size: 30px !important; 
    }
    .bx-wrapper .bx-viewport, .top-banner .bx-wrapper .bx-viewport > ul > li{
        /*height: 246px !important;*/
    }
    .content-media ul li.focus h1{
        font-size: 20px;
    }
    .tabbed-left ul li{
        min-width: 25%;
    }
    .tabbed-left ul li a{
        word-wrap: break-word;

    }
    .grid-right {
        padding: 0 2px;
        padding-top: 50px;

    }
    .related{
        padding: 0 20px;
    }
    .document-list > .container{
        padding: 0
    }

    .home-bottom ul li p{
        display: none;
    }
    .home-notification div p{
        font-size: 22px;
    }
    .home-video li{
        width: 100%;
        border-right: none !important;
        border-bottom: 1px solid #fff;
        margin-bottom: 0;
    }
    .home-news-list>li{
        width: 100%;
        height: 140px !important;
        border-bottom: 1px solid #fff;
    }
    div.middle-banner .home-news-list>li.first{
        height: 350px !important;
    }
    div.middle-banner .home-news-list>li{
        height: 250px !important;
    }
    .bx-viewport>ul>li img.banner-img-mobile{
        display: block;
        display: block;
        min-height: 100%;
        min-width: 100%;
        max-height: 100%;
        max-width: none;
    }
    .bx-viewport>ul>li{
        background-image: none !Important; 
    }
    .home-news-list>li.first{
        height: 250px !important;
    }
    .home-news-list>li.first .news-details a{
        font-size: 45px;
    }
    .home-news-list>li .news-details .article-details{
        display: block; 
    }
    .first .news-details, .second .news-details{
        left: 20px;
        bottom: 20px;
    }
    .bottom-container{
        padding: 0;
    }
    span.etikett span, span.etikett a{
        padding: 8px 15px;
    }
    .caption-content ul li p span, .caption-content ul li p a, .caption-content ul li p {
        color:#fff;
        font-size:10px;
    }
    .caption-content{
        padding-top:38px;
    }
}

@media only screen and (min-device-width: 300px) and (max-device-width: 1200px) and (orientation:landscape){
    .home-article>li{
        width:48%;
        margin: 1%;
    }
    span.etikett span, span.etikett a{
        padding: 8px 20px;
    }

}
@media only screen and (min-device-width: 640px){
    li div.article-desc a{
        color:#fff;
    }
}
@media only screen and (max-device-width: 640px){

}
@media only screen and (min-width: 1100px){
    .top-banner .bx-wrapper .bx-viewport>ul>li{
        background: none !important;
    }
    .bx-viewport>ul>li img.banner-img-mobile{
        display: block;
        width:100%;
    }
}