@media (min-width: 1200px){

}

@media (min-width: 992px){
    .wrapper-menu .navbar-header a.navbar-brand {
        padding: 0;
    }

    .wrapper-menu .navbar-header a.navbar-brand img{
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-toggle, .navbar-toggle:active {
        display: block!important;
        border: 1px solid #bbbbbb;
    }

    .navbar-header {
        float: none;
    }

    section.navigation div#navbar ul.nav.navbar-nav::before {
        border-style: none;
    }

    section.navigation div#navbar ul.nav.navbar-nav {
        width: 100%;
    }

    #navbar {
        margin-left: 0px;
        width: 100%;
        padding: 0;
        max-height: 289px;
        overflow-y: auto!important;
    }

    .navbar-toggle {
        display: block!important;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-collapse.collapse.in {
        display: block!important;
    }

    .navbar-collapse.collapse.in .nav.navbar-nav {
        width: 100%;
    }

    .navbar-collapse.collapse.in .nav.navbar-nav li {
        float: none;
    }

    .navbar-nav>li.lang>a {
        padding: 5px 32px 3px 32px;
    }

    .list-new-in-right .fields .field .img a {
        height: 75px;
    }

    .navbar-nav>li>a {
        padding: 15px 10px 15px 10px
    }

    section.slider-gallery .slick-prev {
        left: -14px;
    }
    section.slider-gallery .slick-next {
        right: -14px;
    }
}

@media (max-width: 767px) {
	.wrapper-menu .navbar-header a.navbar-brand {padding:0}
	.navbar-nav>li>a.home,.navbar-nav>li>a {padding:8px 15px;}
	.wrapper-menu .menu-item span.caret {right:15px;}
	.wrapper-menu .navbar-nav li .submenu {
		position:relative; top:0; background: #008131;
	}
	.wrapper-menu .navbar-nav li .submenu li a {
		border-bottom:0;
	}
	.sp-bottom-thumbnails.sp-has-pointer {border-bottom:1px solid #eee}
	
	section.navigation div#navbar ul.nav.navbar-nav {padding:0}
    .new-event-video .video {
        margin-top: 15px;
    }

    .video-latest {
        text-align: center;
    }
    .about-latest .img a{
        display: block;
        text-align: center;
    }
    .aboutUs-product .product {
        margin-top: 15px;
    }

    .list-cate-document {
        display: none;
    }

    .wrapper-right {
        margin-top: 15px;
    }

    .list-new-in-right .fields .field .img a {
        height: inherit;
        display: inherit;
    }

    .list-new-in-right .fields .field .img a img {
        margin: auto;
    }

    .list-new-in-right .fields .field .txt h5 {
        margin: 0px;
        text-align: center;
        margin-top: 15px;
    }
	/* slide news */
	.slider-news .slide-main,.slider-news .slide-thumb {width:100%}
	.slider-news .slide-thumb {padding:10px;}
	.slider-news .slide-main .slide {}
	.slider-news .slide-main img {height:auto !important}
	.slider-news .slide-thumb .thumbnail-image{ height:auto !important}
	.slider-news .slide-thumb img {height:auto !important}
	.slider-news2 .slide-main img {height:auto !important}
	.slider-news2 .slide-thumb img {height:auto !important}
	.slider-news2 .slide-thumb .thumbnail-image {height:auto !important}
	.slider-news .slide-thumb .thumbnail-title {width:56%}
}

@media (max-width: 444px) {
    .header-top ul li {
        display: block;
        text-align: center;
        padding: 10px 0px;
        border-bottom: 1px solid;
    }
    .header-top .pull-right {
        float: none!important;
    }

    .header-top ul li span {
        display: none;
    }
    section.slider-gallery .slick-next {
        right: -8px;
    }

    section.slider-gallery .slick-prev {
        left: -8px;
    }
	/* slide news */
	.slider-news .slide-main,.slider-news .slide-thumb {width:100%}
	.slider-news .slide-thumb {padding:10px;}
	.slider-news .slide-main .slide {}
	.slider-news .slide-main img {height:auto !important}
	.slider-news .slide-thumb .thumbnail-image{ height:auto !important}
	.slider-news .slide-thumb img {height:auto !important}
	.slider-news2 .slide-main img {height:auto !important}
	.slider-news2 .slide-thumb img {height:auto !important}
	.slider-news2 .slide-thumb .thumbnail-image {height:auto !important}
	.slider-news .slide-thumb .thumbnail-title {width:56%}
}