@media (min-width: 768px) {
	html { font-size:14px;}
	.headbar-top{
		padding: 1.3rem 1rem;
	}
    .headbar-top.sticky-top{
        position:sticky;
    }
    .headbar-top.navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }
    .slim.headbar-top{
        background: #FFF;
        box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    }
    .navbar-collapse ul li{
        padding: 0 15px;
        border-left: 1px solid #919191;
    }
    .navbar-collapse ul li:first-child{        
        border-left: 0;
    }
    .slide-product ul.bxslider li {
        width: 388px !important;
    }
    /*#slide-zone  img {
        height: 100%;
        width: 100%;
        position: inherit;
        top: 0;
        left: 0;
        -ms-transform:  translate(0%,0%);
        -webkit-transform: translate(0%,0%);
        -moz-transform:  translate(0%,0%);
        -o-transform: translate(0%,0%);
        transform: translate(0%,0%);
        max-width: none;
    }
    #slide-zone{
        height: 100%;
    }*/
    .footer{
        padding: 2% 0;
        font-size: 13px;
    }
    .footer .navbar-nav {
        display: inline;
    }
    .footer .social-mobile{
        display: inline;
    }
    .footer .navbar-nav li {
        padding: 0 10px;
    }
    .title-content {
       font-size: 33px;
	   margin-bottom:30px;
    }	
}

/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px) {
	html { font-size:16px;}
    .bg-content{
        background-attachment: fixed !important;
    }
    .parallax-test{
        min-height: 600px;
        background-attachment: fixed;
    }
    .slide-product ul.bxslider li {
        width: 347px !important;
    }
} 
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
	html { font-size:18px;}
    .slide-product ul.bxslider li{
        width: 512px !important;
        padding: 0 5px;
    }
    .navbar-collapse ul li {
        padding: 0 50px;
    }
    .title-content {
        font-size: 37px;
        font-weight: bold;
        margin: 0 0 30px 0;
    }
    .img-product-box {
        margin: 10% auto 5%;
    }
    .service-choice-bt img {
        width: auto;
    }
    .service-choice h1 {
        font-size: 30px;
    }
    .footer {
        padding: 1% 0;
        font-size: 16px;
    }
    
    .img-product-box .imgbox-center{
        margin: 0 15px;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1700px) {  
    .slide-product ul.bxslider li{
        width: 630px !important;
        padding: 0 5px;
    }
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 2000px) {
}