@media (max-width: 1200px) {
	.item-pro .pic-thumb {height: 200px;}
	.item-pic .pic-thumb {height: 140px;}
	
	.idxnews-box .idxnews-pic {height: 180px;}
	.idxnews-box .idxnews-pic img {min-height: 180px;}	

	.textbody {font-size: 17px;}

	.gallery-box {display: block; max-height: 200px; overflow: hidden; margin-bottom: 8px; border-radius: 12px;}
	.gallery-box img {min-height: 200px !important;}
}

@media (max-width: 1024px) {
	.service-thumb {height: 200px;}

	.menu-pc{min-width: 200px; position: absolute; left: -70px; top: 0; width: 100%; }

	.col7{ max-width: 70% !important; flex: 0 0 70%; }
	.col3{ max-width: 30% !important ;flex: 0 0 30%;}
	#header .header-inner .company{padding: 28px 0;}
	.lag {
		padding: 30px 0 0 25px;
	}
	.mobile-hidden {display: none;}
	.item-pro .pic-thumb {height: auto;}
	.item-pic .pic-thumb {height: auto;}
	
	.idxnews-box .idxnews-pic {height: 140px;}
	.idxnews-box .idxnews-pic img {min-height: 140px;}

	.content, .sidebar {padding-right: 0px; margin-bottom: 30px;}
}

@media (max-width: 768px) {
	.service-thumb {height: auto;}

	.gallery-box {max-height: none;}
	.gallery-box img {min-height: none !important;}

	#header .header-inner .company{ display: none; }

	.box-sv .icon1 { width: 100%; background: #f36363; margin: 5px 0; position: relative; left: 0;top: 0;padding: 10px 0; } 
	.box-sv .icon2 { width: 100%; background: #ffcd40; margin: 5px 0;position: relative; left: 0;top: 0;padding: 10px 0;} 
	.box-sv .icon3 { width: 100%; background: #00acc6; margin: 5px 0;position: relative;left: 0;top: 0;padding: 10px 0;} 
	.box-sv .icon4 { width: 100%; background: #6992d6; margin: 5px 0;position: relative;left: 0;top: 0;padding: 10px 0;} 
	.box-sv .icon5 { width: 100%; background: #7964b7; margin: 5px 0;position: relative;left: 0;top: 0;padding: 10px 0; } 
	.box-sv .name { display: none; } 
	.service-title {

		color: #fff;
	}

	.box-maps {padding: 20px 15px 0 15px;}

	.idxnews-box {margin-bottom: 35px;}
	.idxnews-box .idxnews-pic {height: 120px;}
	.idxnews-box .idxnews-pic img {min-height: 120px;}	

	.box-news .nbox:nth-child(3) .idxnews-box {margin-bottom: 10px;}	

	.mainMenu-open #header #mainMenu {
		width: 100%;
		margin-left: 0;
		margin-top: 5px;
	}
	#mainMenu:not(.menu-overlay).menu-animate nav {border: 0 !important;}
}

@media (max-width: 576px) {
	.idxnews-box .idxnews-pic {height: auto;}
	.idxnews-box .idxnews-pic img {min-height: 0;}
	
	.service-title {color: #fff;}
	.about-text {margin-top: 15px;}

	.service-thumb {max-height: 400px;}

	#header #logo > a img {
		max-height: 60px;
	}
	#mainMenu-trigger {
		top: 15px;
	}

	.box-sv{    height: auto;
		margin: 10px 0; background: none}

	/*.main-slider{ display: none; }*/
	.main-slider {margin-top: 0px; margin-bottom: 10px;}
	.main-slider button {display: none !important;}
	.service-box {padding-top: 30px !important;}
	
	.gallery-single { height: auto; overflow: auto;}

	.about-box .heading-text, .about-box h2 {margin-bottom: 0 !important;}

	.textbody table tr td {display: block; width: 100% !important; padding: 2px 0 !important;}
	.textbody table tr td:first-child {padding-top: 15px !important;}
}

@media (max-width: 468px) {
	.news-box {width: 100%;}
	.news-box img {width: 100%; max-width: 100%; float: none; margin: 6px 0;}

	/*
	.col3 {
    max-width: 70% !important;
    flex: 0 0 70%;
	}
	.col7 {
		max-width: 30% !important;
		flex: 0 0 30%;
	}
	*/
	/*
	 #header #logo {
    position: absolute !important;
    width: 26%;
    text-align: center;
    margin: 0 !important;
    float: none;
    height: 80px;
    left: 0;
    right: 0;
    padding: 0 !important;
  }
	*/

  	.lag {padding: 26px 0 0 0; z-index: 999}
	
	.menu-pc{padding: 0;}

	#mainMenu {
		padding: 38px 0;

	}
	#mainMenu nav > ul {
		margin-top: 22px;
		padding-top: 0;
		border-top: 1px solid #ccc;
	}
	.mainMenu-open .bg-inner-l{ background: none; }
	.mainMenu-open .bg-inner-r{ background: no-repeat; }


	#header .header-inner .company{ display: none; }
	#header .header-inner .col-sm-7 {width: 70%}
	#header .header-inner .col-sm-3 {width: 30%}
	#header .header-inner .hotline-top{margin-top: 52px;}
	#header .header-inner  .cart-url{margin-top: 52px; display: block;}
	#header.header-sticky.sticky-active .header-inner, #header.header-sticky.sticky-active #header-wrap{ position: relative; }

	.heading-text.heading-section .about-title{background: none;}
	.heading-text.heading-section h2:after{display: none;}
	.heading-text.heading-section h2:before{display: none;}

	.textbody iframe {width: 100% !important; height: 300px !important;}

	ul.right-top li, ul.right-top li span {width: 100%; display: block; padding: 0; text-align: left;}
	ul.right-top li span {padding-top: 3px;}
	
}