@media only screen and (max-width:1120px) {
.res1024,.res768,.res480,.res320{display:none}
.res1024{display:block}



.slider-wrapper
{
    min-height:0px;
    height:auto;
    overflow:auto;
}

	

	#search-7, #search-8
	{
		width:150px
	}
	
	
	#search-4
	{
		width:calc(100% - 350px)
	}

#home-box3-left
{
    display:none;
}


#home-box3-right
{
    width:100%;
    min-height:250px;
    height:auto;
    overflow:auto;
}


#menu, #slider, #footer, #home-box1, #home-box2, #call, #home-box3, #home-box4, #banner, #home-box5
{
    width:95%;
}

ul.products-inner li
{
	list-style-type:none;
	width:calc(33% - 15px);
	margin-bottom:15px;
	height:100%;
	float:right;
	margin-left:15px;
}

ul.products-inner li:nth-child(4n+4)
{
	width:calc(33% - 15px);
	margin-left:15px;
}
ul.products-inner li:nth-child(3n+3)
{
	width:34%;
	margin-left:0px;
}

ul#articles
	{
		padding:0;
		width:100%;
		min-height:10px;
		height:auto;
		overflow:auto;
		list-style:none;
		margin:0 auto
	}
	
	ul#articles li.article
	{
		margin:0 0 10px;
		width:calc(100% - 2px)
	}
	
	.item-link-right
	{
		width:30%;
		float:right;
		position:relative;
		overflow:hidden
	}
	
	.item-link-right img
	{
		border:0
	}
	
	.item-link-left
	{
		width:calc(69% - 20px);
		height:155px;
		float:left;
		padding:15px 10px 0
	}
	
	.item-link-left-top
	{
		width:100%
	}
	
	.item-link-left-below
	{
		width:100%
	}



	#page-box
	{
		width:95%;
		overflow-x:hidden
	}
	
	#page-right
	{
		width:28%
	}
	
	#page-left
	{
		width:calc(70% - 42px)
	}

	
	.footer-box-head
	{
		width:100%
	}
	
	.footer-box-content
	{
		width:100%
	}
	
	#footer-wrapper-buttom
	{
		min-height:90px;
		height:auto;
		overflow:auto
	}
	
	#footer-buttom
	{
		width:95%;
		min-height:90px;
		height:auto;
		overflow:auto
	}
	
	#footer-buttom-right
	{
		width:45%
	}
	
	#footer-buttom-left
	{
		width:35%
	}


#slider-box
{
    width:100%;
}

#slider-box h3
{
    text-align: center;
}

#slider-box p
{
    text-align: center;
}



#menu-navigation
{
    width:200px;
    padding-top:25px;
    height:50px;
}

#cssmenu
{
    display:none;
}

#dl-menu
{
    display:block;
    direction:ltr;
    z-index:1000;
}



}
@media only screen and (max-width:768px) {
.res1024,.res768,.res480,.res320{display:none}
.res768{display:block}


#product-image
{
    width:100%;
    float:left;
}

#details
{
    width:100%;
    float:right;
}


.home-box{width:100%}

#search-inner
	{
		width:100%
	}
	
	#search-7, #search-8
	{
		width:130px
	}
	
	
	#search-4
	{
		width:calc(100% - 310px)
	}


	





 ul#home li
{
    width:calc(50% - 10px);
    float:right;
    margin-left:0px;
    margin-bottom:50px;
}
 ul#home li:nth-child(odd)
{
    float:right;
}
 ul#home li:nth-child(even)
{
    float:left;
}


#footer-wrapper
	{
		min-height:100px;
		height:auto;
		overflow:auto;
	}
	
	#footer
	{
		min-height:100px;
		height:auto;
		overflow:auto;
	}

	
	#footer-three
	{
		width:100%;
		margin-right:0;
		float:left;
		min-height:10px;
		height:auto;
		overflow:auto;
		margin-bottom:20px;
	}
	
	#footer-two
	{
display:none;
	}
	
	#footer-one
	{
		width:100%;
		float:left;
		margin:0;
		min-height:10px;
		height:auto;
		overflow:auto;
		margin-bottom:20px;
	}
	.footer-box-content
{
    		min-height:10px;
		height:auto;
		overflow:auto;
}
	
	#footer-wrapper-buttom
	{
		padding-bottom:10px
	}
	
	#footer-buttom-right
	{
		width:100%;
		height:auto;
		overflow:auto
	}
	
	#footer-buttom-left
	{
		height:auto;
		overflow:auto;
		width:100%
	}
	
	#footer-buttom-right p,#footer-buttom-left p
	{
		text-align:center
	}
	


#menu-wrapper
{
    height: 180px;
}

#menu
{
	height:100%
}



#menu-navigation
{
    width:100%;
    height:50px;
    padding-top:0px;
    background-color:#002851;
    padding:0px 5px;
    border-radius:4px;
    box-sizing:border-box;
}



#menu-logo
{
    width:100%;
    height:120px;
}

#menu-logo-right
{
	width:60px;
	height:60px;
	float:none;
	margin:0px auto;
	margin-top:10px;
}

#menu-logo-left
{
	width:100%;
	height:50px;
	float:none
}

#menu-logo-left h2
{
	text-align:center;
	height:50px;
	line-height:50px;


}

.slide-out-div
{
    display:none;
}



#call-wrapper
{
    min-height:50px;
    height:auto;
    overflow:auto;
    padding:20px 0px
}

#call
{
    min-height:50px;
    height:auto;
    overflow:auto;
}


#call p
{
    float:none;
    width:100%;
    text-align:center;
    height:30px;
    line-height:30px;
}

#call a.call
{
    width:100%;
    float:none;
    margin:0x auto;
    height:30px;
    line-height:30px;
    text-align:center;
    display:block;
    margin-top:10px;
    margin-bottom:20px;
}

#call .btn
{
    float:none;
    display:block;
    margin:0px auto;
    
}

	#page-right
	{
				width:100%
	}
	
	#page-left
	{
		float:right!important;
		width:100%
	}

#banner h1
{
    text-align:center;
}

ul.products-inner li
{
	width:calc(50% - 15px);
	margin-left:0px;
}

ul.products-inner li:nth-child(4n+4)
{
	width:calc(50% - 15px);
	margin-left:0px;
}
ul.products-inner li:nth-child(3n+3)
{
	width:calc(50% - 15px);
	margin-left:0px;
}

ul.products-inner li:nth-child(odd)
{
    float:right;
}

ul.products-inner li:nth-child(even)
{
    
    float:left;
}


.panel-right
{
	width:100%;
}

.panel-left
{
width:100%;
margin-top:50px;
}





}
@media only screen and (max-width:480px) {
.res1024,.res768,.res480,.res320{display:none}
.res480{display:block}



.home-box{height:300px;margin:0;margin-top:20px}
.home-box-icon{width:100%;height:100px;margin-bottom:10px}
.home-box-icon-image{width:100px;height:100px;margin:0 auto}
.home-box-content{width:100%;height:160px;padding-left:0}
.home-box-content-top{height:125px}
.home-box-icon-image img{width:100px;height:100px}
.home-box-content-top h3{height:auto;text-align:center;margin-bottom:10px}
.home-box-content-top p{height:200px;text-align:center}
.blog-box-content-bottom{height:50px}
.home-box-content-bottom a{text-align:center;margin-top:15px;width:calc(100% - 40px)}




#menu-logo-left h2
{
	font-size:14px;
	font-weight:400;
}

 ul#home li
{
    width:100%;
}



#call .btn
{
    float:none;
    margin-top:25px;
    width:100%;
    
}


	ul#articles
	{
		padding:0;
		width:100%;
		min-height:10px;
		height:auto;
		overflow:auto;
		list-style:none;
		margin:0 auto
	}
	
	ul#articles li.article
	{
		margin:0 0 10px;
		width:calc(100% - 2px);
		min-height:200px;
		height:auto;
		overflow:auto
	}
	

	
	.item-link-right
	{
		width:100%;
		height:140px;
		float:right;
		margin-right:0;
		margin-top:0;
		position:relative;
		overflow:hidden;
		border-radius:3px 3px 0 0
	}
	
	
	.item-link-right img
	{
		border-radius:3px 3px 0 0;
		border:0
	}
	
	.item-link-left
	{
		width:calc(100% - 30px);
		min-height:100px;
		height:auto;
		overflow:auto;
		float:right;
		padding:10px 15px;

	}
	
	.item-link-left-top
	{
		width:100%;
		overflow:visible;
		min-height:100px;
		height:auto;
		overflow:auto;
		padding-bottom:10px
	}
	
	.item-link-left-below
	{
		width:100%
	}


ul.products-inner li
{
	width:100%;
}

ul.products-inner li:nth-child(4n+4)
{
	width:100%;
}
ul.products-inner li:nth-child(3n+3)
{
    width:100%;
}

#search-inner
	{
		height:169px
	}
	
	


	#search-7, #search-8
	{
		width:100%;
		height:35px;
		margin-top:4px;
		float:right;
		border-left:0 solid #DBDBDB;
		border-bottom:1px solid #DBDBDB
	}
	
	#search-4
	{
		width:100%;
		height:35px;
		margin-top:4px;
		float:right;
		border-left:0 solid #DBDBDB;
		border-bottom:1px solid #DBDBDB
	}
	
	
	#search-5
	{
		width:100%;
		height:45px;
		float:right;
		background-color:#F9F9F9;
		border-radius:0 0 3px 3px
	}
	
	#search-5 input.search-little
	{
		border-radius:3px;
		margin-left:5px;
		margin-top:6px;
	}



}
@media only screen and (max-width:320px) {
.res1024,.res768,.res480,.res320{display:none}
.res320{display:block}



}