@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.middle{
		width: 100%;
	}
	.web_box{
		margin-left: 0px;
		margin-right: 0px;
	}
	#menu_item ul .activ{
		width: 200px;
	}
	.top-bar{
		height: 100px;
	}
	.top-bar-right{
		width: 60%;
		margin-right: 0px;
		padding-top: 30px;
	}
	.top-bar-left{
		width: 40%;
		padding-top: 30px;
	}



	
	.header{
		top:100px;
	}
		.next{
	display:none;
	}
	.prev{
		display:none;
		
	}
	.header_slide{
	    margin-top:80px;
	    height:360px;
	}
	.dots{
	    display:none;
	}
	.bag-overlay{
	    display:none;
	}
	
	
	
	
	

	.web_box .box1{
		width: 30%;
		margin: 15px 11px;
	} 
	.boxc{
		padding-right: 50px;
	}
	.boxc-in {
		margin-top: 10px;
	}
	.article p{
		text-align: inherit;
	}
	.article .mt{
		margin-top: 5px;
	}
	.box{
		width: 30%;
		margin-right: 25px;
		padding-right: 30px;
	}
	.boxt{
		width: 75%;
	}
	.design_box{
		height: 280px;
	}
	.head_boxt h2{
		width:100%;
		font-size: 20px;
	}
	.article-in  p{
		text-align: justify;
	}
		.article-in  img{
		width:40%;
	}
	.boxc .mt{
		text-align: justify;
	}
	.sidebar-in{
		margin-top: 14px;
	}
	.sidein{
		margin-top: 14px;
	}
	.box_cont{
		width: 60%;
	}

	
}

@media only screen and (max-width: 767px) {
	
	.middle {
    width: 100%;
}
	footer{
		height: auto;
	}
	
	.web_box{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.top-bar{
		height: 100px;
	}
	.top-bar-right{
		width:100%;
		margin-right: 0px;
		
	}
	.top-bar-left{
		width: 100%;
		
	}
	.top-bar-left h2{
		text-align: right;
		padding-right: 30px;
	}
	
	
	.header{
		top:100px;
	}
	
	.next{
	display:none;
	}
	.prev{
		display:none;
		
	}
	.header_slide{
	    margin-top:80px;
	    height:150px;
	}
	.dots{
	    display:none;
	}
	.bag-overlay{
	    display:none;
	}
	.web_box .box1{
		width: 100%;
		margin: 15px 1px;
	} 
	.boxc{
		padding-right: 10px;
		margin-top: 80px;
	}
	.boxc-in {
		margin-top: 10px;
		width: 100%;
	}
	.article p{
		text-align: justify;
		margin-left: 10px;
	}
	.head_boxc h2 {
		font-size: 100%;
	}
	.article .mt{
		margin-top: 5px;
	}
	.box{
		width: 100%;
		margin-right: 0px;
		padding-right: 30px;
	}
	.boxt{
		width: 100%;
		padding-right: 10px;
		
	}
	.design_box{
		height: auto;
		margin-left: 10px;
	}
	.head_boxt h2{
		width:100%;
		font-size: 100%;
	}
	.article-in  p{
		text-align: justify;
		width: 100%;
		padding-left: 5px;
		padding-right: 10px;
	}
	.article-in img{
		width: 100%;
		height:100%;
		padding-right: 10px;
		padding-top: 10px;
		margin-bottom:10px;
	}
	sidebar{
		width: 100%;
		margin-top: 30px;
	}
	.boxc .mt{
		text-align: justify;
	}
	.sidebar-in{
		margin-top: 14px;
	}

	.head_list {
   
    margin-right: 30px;
}
	.sidein{
		margin-top: 14px;
		width: 100%;
	}
	.box_cont{
		width: 100%;
	}
	img{
	    max-width:100%;
	    height:auto;
	}
		.boxc{
		padding-right: 30px;
	}

	
	

}