/*responsive*/
@media only screen and (max-width : 1157px){

}

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {

}

@media only screen and (max-width : 768px) {
	body{padding:15px; background-position:right top;}
	h1{font-size:36px;}
	h2{font-size:32px;}
	h3{font-size:24px;}
	header{padding:30px 0 0;}
	.menu-btn{display:block;}
	.menu-right ul{font-size:16px;}
    .navbar .container{padding: 30px 0;}
	.navbar-brand{margin:-15px 0 -10px;}
    .navbar-brand img{height:70px;}
    .navbar-collapse{border-top: none;width: 100%; padding: 0 0 0 30px;}
    .navbar-default .navbar-toggle{border:none; margin-top: 5px;}
    nav.navbar-nav{margin: 30px 0 0; width: 100%; text-align: center; padding: 0;}
    nav.navbar-nav li{border-top: 1px solid #ebebeb;}
    nav.navbar-nav li:last-child{border-bottom: 1px solid #ebebeb;}
    nav.navbar-nav li a{border-top: none; width: 100%;padding: 10px; font-weight: bold;}
    nav.navbar-nav li.active a{border-bottom: none; color: #199ea0;}
    nav.navbar-nav li a:hover{border-bottom: none; color: #199ea0;}
	#slider{display:none;}
	#slidermobile{display:block;}
	.hm_about{padding:50px 0 50px;}
	.hm_about .btns{margin-top:50px;}
	.hm_pc, .hm_clients{padding:0 0 50px;}
	.hm_pc .slideshow, .hm_clients .slideshow{padding:0;}
	.hm_pc .container, .hm_clients .container{padding:0 5px;}
	.hm_clients h2{margin:50px 0 10px;}
	.hm_clients .col-sm-3{margin:0;}
	.hm_clients img{height:auto; margin:50px 0 0; object-position:center;}
	.banner-container.hasmobile .banner-pc{display:none;}
	.banner-container.hasmobile .banner-mobile{display:block;}
	.banner-container:not(.hasmobile) img{height:150px; object-fit:cover;}
	.footer{padding:30px 15px 80px;}
	.footer .col-sm-4{padding:0; margin:0 0 50px;}
	.copyright{text-align:center; padding:40px 0 0; height:auto;}
	#sidebar2{bottom: 30px; width:75px; height:75px;}
	#sidebar2 img{width:75px; height:75px;}

	.about{padding:50px 15px 20px;}
	.about-content{padding:0; line-height:1.5em;}
	.about-content img{width:100%; margin:0 0 30px;}
	.about-right{padding-left:15px;}
	.productdetail .col-sm-4{margin-bottom:30px;}
	.clients{padding:30px 0 30px;}
	.clients-list .col-sm-3{margin:0 0 10px;}
	.testimonial{padding:50px 10px 30px;}
	.testimonial-content{padding:0; line-height:1.2em;}
	.testimonial-list blockquote{padding:0 0 0 15px;}
	.contact .container{padding:0 2px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {
    .container{padding: 10px 0;}
}