@media (max-width:1280px) {
	
	.effect-boxup .photo{ height:200px; }
	.idx-effect-boxup .photo{ height:250px; }
}

@media (max-width:1024px) {
	.container{ width:92%;}
	.banner .container{ width:100%;}
	
	#sync-slide .item{ height:400px;}
	#sync-thum .item{ height:70px; }
	
}


@media (max-width:960px) {
	.cate_click {
		display:inline-block;
	}
	.submenu {
		display:none;
	}
	.cd-dropdown .has-children {
		position:static;
		z-index:1;
	}
	.cd-dropdown .has-children:after {
		content:unset;
	}
	.cd-dropdown-content li:hover ul {
		padding-top: 70px;
	}
	
	.cd-dropdown-content li ul li {
		background-color:transparent;
	}
	
	.side-cart{display:none;}
	
	/*================================================================================*/
	
	.header { border-top-width:10px; padding-bottom:0px; min-height: 150px; }
	.logo{ text-align:left; margin:35px 0 0px 0;}
	
	/*================================================================================*/
	
	.quicklink-list li a{font-size:0.9em;}

	/*================================================================================*/
	
	.footer-designer{ text-align:center;}
	
	/*================================================================================*/
	
	#owl-banner .owl-page span{width:10px; height: 10px;}
	#owl-banner .owl-controls{margin-top: -20px;}

	/*================================================================================*/

	.idx-effect-boxup .photo{ height:200px; }
	.effect-boxup .photo:before{ display:none;}
	.effect-boxup:hover .box{ bottom:0; background:#ffffff; color:#595757; border-color:transparent;}
	.effect-boxup:hover .box .title{ font-size:1em;}
	.effect-boxup:hover .box .price{ color:#656261;}
	
	/*================================================================================*/
	
	.page-left{ width:100%; display:none; margin-bottom:30px; }
	.page-right{width:100%;}
	
	/*.submenu{ display:none;}*/
	.submenu{ border:1px solid #8D8E8E; }
	.submenu-title{ display:none; }
	.submenu-trigger{ display:block; }
	.submenu-toggle-content{ display:none; padding:5px 10px; }
	.submenu-toggle-content.opened{ display:block; }
	
	
	
	/*================================================================================*/

	#sync-slide .item{ height:400px;}
	#sync-thum .item{ height:100px; }
	
	
	/*.category-wrap{ display:none; }*/
}

@media (max-width:768px) {

	#quick_tool {
		/*
		text-align:center;*/
		position:fixed;
		bottom:auto;
		top:0;
		left:0;
		font-size:0.8em;
		/*width: 40px;*/
		right:0;
		white-space: nowrap;
		border-radius:0;
		padding:8px;
		width:100%;
		background:#3A3A3A;
	}
	#quick_tool > div {
		display:flex;
	}
	#quick_tool a {/*
		padding:5px 12px;
		margin-right:8px;*/
		display:inline-block;
	}
	#quick_tool .cart_click {
		flex:1;
		text-align:right;
	}
	#quick_tool a:after {
		content:unset;
	}
	#quick_tool a i {
		padding-right:12px;
		font-size:1.6em;
		margin-right:0;
	}
	#quick_tool a i + span {
		display:none;
	}
	#quick_tool a[href^="index.php"], #quick_tool a[href^="center.php"] {
		display:block;
	}
	#quick_tool a[href="#top"] {
		display:none;
	}
	
	.breadcrumbs{text-align:left;}
	
	/*================================================================================*/
	
	.cols02 > .col{width:100%;}
	.cols03 > .col{width:49%;}

	.cols02 > .col{ margin-right:0%;}
	
	.cols03 > .col:nth-child(3n){ margin-right:2%;}
	.cols03 > .col:nth-child(3n+1){ clear:none; float:left;}
	.cols03 > .col:nth-child(2n){ margin-right:0%;}
	.cols03 > .col:nth-child(2n+1){ clear:both; float:left;}
	
	/*================================================================================*/
	
	.effect-boxup .photo{ height:150px; }
	.effect-boxup .box{ 
		position:relative; 
		bottom:0; 
		left:0; 
		margin-left:0%;
		background:transparent;
		border:1px solid transparent;
	}

	/*================================================================================*/
	
	#sync-slide .item{ height:500px;}
	#sync-thum .item{ height:150px; }
	
	.page a, .page span {
		display:none;
	}
	.page .prev, .page .next {
		display:inline-block;
	}
	.page .info {
		margin-top:15px;
		display:block;
	}
	
	.tb-cart thead {
		display:none;
	}
	.total-list {
		display:block;
		background: #ececec;
	    padding: 15px 8px;
	    text-align:center;
	    margin-top: 20px;
	}
	.total-list .endtotal {
		border:0;
		margin-top:15px;
		font-size:1.3em;
	}
	.backend-headline {/*
	    background: #f44336;
	    color:#FFF;
	    */
	    padding: 0px 8px;
	}

	.td-delete {
		display:none;
	}
	.bottom_item_remove {
		display:block !important;
	}
}


@media (max-width:640px) {
	
	.header{ min-height:160px; }
	
	.back-line{text-align:center;}
	
	.breadcrumbs{text-align:center;}
	
	.pageback-btn-txt:before{margin-top:-6px;}
	
	.logo img{ max-width:120px;}
	
	/*================================================================================*/
	
	.cols04 > .col{width:49%;}
	.cols04 > .col:nth-child(2n){ margin-right:0%;}
	.cols04 > .col:nth-child(2n+1){clear:both; float:left;}
	
	/*================================================================================*/
	
	.search-bar{ width:100%; margin-bottom:10px; }

	.datepost .title{width:100%;}
	.datepost .pic{ display:none;}
	
	/*================================================================================*/
	
	.view_content .date , .view_content .title{ text-align:center; }
	.view_content .pic{ float:none; width:100%; margin:0 0 30px 0;}

	/*================================================================================*/
	
	#qaContent:before{ display:none;}
	
	/*================================================================================*/
	
	.effect-boxup .photo{ height:300px; }
	
	
	#sync-slide .item{ height:450px;}
	#sync-thum .item{ height:120px; }

}


@media (max-width:480px) {	
	.link-box{ padding-left:0; min-height:auto;}
	.link-box .photo{ display:none;}
	.link-box .title , .link-box .intro{ padding:0 10px;}
	
	.effect-boxup .photo{ height:220px; }
	
	#sync-slide .item{ height:400px;}
	#sync-thum .item{ height:100px; }
	
}

@media (max-width:360px) {
	.effect-boxup .photo{ height:160px; }
	
	#sync-slide .item{ height:300px;}
	#sync-thum .item{ height:80px; }
}

@media (max-width:320px) {
	.effect-boxup .photo{ height:130px; }
	
	#sync-slide .item{ height:250px;}
	#sync-thum .item{ height:60px; }
}