@media screen and (max-width: 1280px) and (min-width: 320px){
.bxslider li img{
	width: 100%;
}

.welcome-left{
	width: 600px;
}
.products li img{
	width: 100%;
} 
.products li{
	width: 48%;
}

.display{
	width:100%;
	height: 100%;
}
.display h5{
	margin-top: 20px;
	margin-left: 0;
}
.display ul li{
	width: 52%;
	margin: 0 auto !important;
	margin-top: 6px !important;
}

.enquiry-left{
	width: 48%;
	margin-right: 20px;
}

.contact{

 width: 48%;
}

.enquiry input[type=text],.enquiry textarea{
	width: 100%;
}
.mapin,.mapin_1{
	width: 100% !important;
}
.foot-left{
	display: inline-block;
}

.primary-1 img,.primary-1 ul{
	width: 48%;
}
.primary-1 ul li{
	text-align: left;
}

.secondary-1 img{
	width: 35%;
}

.secondary-1 table{
	margin-left: 0;
}

.end-of-line-1 img{
	margin-top: 0;
     width: 30%;
}

.eol-last-left, .eol-last-right {
    float: left;
    width: 40%;
    margin: 0 55px;
    text-align: center;
}

.consumables-1 img{
	width: 30%;
	margin-left: 10px;
}


}



@media screen and (max-width: 1175px) and (min-width: 320px){
.welcome-left {
    width: 530px;
}



.display ul li{
	width: 60%;
	margin: 0 auto !important;
	margin-top: 6px !important;
}
table{
	margin-left: 0;
	width: 65%;
}

.secondary-1 img {
    width: 30%;
}

.eol-last-left, .eol-last-right {
	margin: 0 50px;
}


}

@media screen and (max-width: 1024px) and (min-width: 320px){
	.logo-left img{
		width: 90%;
	}

.content-paragraph{
	line-height: 25px;
}
.welcome-left {
    width:400px;
}

.welcome-right{
	margin-top: 35px;
}

.display ul li{
	width: 62%;
	margin: 0 auto !important;
	margin-top: 6px !important;
}

.display h5 {
    margin-top: 10px;
    margin-bottom: 5px;

}

.foot-right{
	float: left;
	padding-top: 17px
}

.eol-last-left, .eol-last-right {
	margin: 0 40px;
}



}

@media screen and (max-width: 980px) and (min-width: 320px){
	.welcome-right iframe,.welcome-right{
		width: 400px;
	}
	
	.display ul li{
	width: 70%;
	margin: 0 auto !important;
	margin-top: 6px !important;
}

}

@media screen and (max-width: 960px) and (min-width: 320px){
table{
	width: 60%;
}
.secondary-1 img {
    width: 35%;
}

.eol-last-left, .eol-last-right {
    margin: 0 36px;
}
	
}

@media screen and (max-width: 900px) and (min-width: 320px){
	.menu-left li a{
		padding: 15px 12px;
	}
	.menu-right li {
    margin-top: 16px;
}
	
.welcome-right iframe, .welcome-right {
    width: 370px;
}

.welcome-left {
    width: 380px;
}

.display h5 {
    margin-top: 10px;
    padding-bottom:  0;
    margin-bottom: 10px;
}

.display ul li{
	width: 75%;
	margin: 0 auto !important;
	margin-top: 4px !important;
}

.secondary-1 img {
    width: 36%;
}

.consumables-1 img {
    width: 32%;
    margin-left: 10px;
}


}

@media screen and (max-width: 860px) and (min-width: 320px){
	.menu-right li {
    margin-top: 8px;
}
.menu-left li a {
    padding: 10px 8px;
}
.menu-right li :last-child{
	margin-right: 0;
}
.menu-right li a{
	    padding: 4px 10px;
}	
.welcome-left {
    width: 100%;
    text-align: center;
}
.content-paragraph{
	text-align: center;
}
.read{
	float: none;display: inline-block;
	margin-top: 20px;
}


.welcome-right iframe, .welcome-right {
    width: 100%;
    margin-top:15px;
}

h2{
	font-size: 28px;
}
.content-paragraph{line-height: 23px;}
.welcome-right iframe, .welcome-right{
	height: 330px;
}

.display h5{

	font-size: 18px;
}

.display ul li {
    width: 80%;
    margin: 0 auto !important;
    margin-top: 4px !important;
}
table {
    width: 55%;
}

.secondary-1 img {
    width: 41%;
}

.consumables-1 img {
    width: 36%;
    margin-left: 10px;
}


}

@media screen and (max-width: 820px) and (min-width: 320px){
.menu-right li a{
	margin-right: 0;
}

.products > li{
	margin-right: 15px;
    margin-bottom: 15px;
}
.display ul{
	margin-top: 0px;
}

.display ul li {
    width: 88%;
    margin: 0 auto !important;
    margin-top: 4px !important;
}
.foot-left li a{
	margin:0 10px;
}
	.eol-last-left, .eol-last-right {
    margin: 0 33px;
}




}

@media screen and (max-width: 780px) and (min-width: 320px){
 .hand{
 	font-size: 20px !important;
 	color:#222;
 	float: left;
    position: relative;
    display: block !important;
    top:22px;
    cursor: pointer;
}

	.menu-left{
		display:none;
		text-align: center;
		position: absolute;
		z-index: 3;
		top: 26%;
		background-color: #ededed;
		width: 30%;
		padding: 25px 0px;
    	left: 0px;

	}

	.menu-left li{
		float: none;
	}
.menu-left li a{
	display: inline-block;
	padding: 10px 15px;
}
	.menu-right li {
    	margin: 20px 0px;
}


.products > li{
	margin-left:  0;
	width: 100%;
	float: none;
}

.display ul li {
    width: 50%;
    margin: 0 auto !important;
    margin-top: 9px !important;
}

.display h5 {
    margin-top:77px;
    margin-bottom: 20px;
}

 .primary-1 ul{
	width: 100%;
}

.primary-1 img{
	width: 70%;
    margin: 10px 100px;
}

.primary-1,.primary-2,.secondary-1,.end-of-line-1,.consumables-1{text-align: center;}

.primary-1 ul{
     margin-left: 50px;	
}

table,.primary-2 img{
    width: 97%;
    float: none;
    margin: 0 auto; 
}

.primary-2 img {
	width: 50%;
	margin: 0 170px;
}

.secondary-1 table{
	width: 97%;
    float: none;
    margin: 0 auto; 
}

.secondary-1 img {
    width: 55%;
    margin: 25px 153px;
}

.logo-left img {
    width: 85%;
}

.eol-last-left h5, .eol-last-right h5{
	line-height: 25px;
}

.end-of-line-1 img {
    margin: 15px 148px !important;
    width: 55%;
}

.consumables-1 img{
	width: 45%;
	margin-bottom: 15px;
}
.primary h4{
	margin-left: 0;
}

}


@media screen and (max-width: 768px) and (min-width: 320px){
.primary-2 img{
	margin: 0 167px;
}
	
	.secondary-1 img {
    width: 55%;
    margin: 25px 151px;
}


}

@media screen and (max-width: 767px) and (min-width: 320px){
.menu-left{
	top: 24%;
}
	
.bx-controls-direction{
	display: none;
}

.enquiry-left,.contact {
    width: 100%;
    margin-right: 20px;
}

.enquiry-left,.contact{ 
	float: none;
	display: inline-block;
 }
 .contact{
 	margin-top: 20px;
 	margin-right: 0;
 }


.enquiry-left{
	margin-right: 0;
	margin-bottom: 0;
}

.foot-right{
	float: none;
	text-align: center;
	padding-top: 8px;
}

.foot-left li a{ margin: 0px 8px;
    font-size: 14px;
}
.foot-right li{
	font-size: 14px;
}




}


@media screen and (max-width: 680px) and (min-width: 320px){
.menu-right li a {
    font-size: 18px;
}
	.logo-left img {
    width: 80%;
}
.logo-left{
	margin-top:0;
}
.menu-left {
    top: 23%;
}

.display h5 {
    margin-top: 60px;
    margin-bottom: 16px;
}

 /*.hand{
 	font-size: 20px !important;
 	color:#222;
 	float: left;
    position: relative;
    display: block !important;
    top:22px;
    cursor: pointer;
}


.foot-left{
		display:none;
		text-align: center;
		position: absolute;
		z-index: 3;
		top: 26%;
		background-color: #ededed;
		width: 30%;
		padding: 25px 0px;
    	left: 0px;

	}*/

.foot-right{
	float: right;
}

.primary-1 ul {
    margin-left: 10px;
}
.primary-2 img{
	margin: 0 148px;
}

.secondary-1 img {
    width: 55%;
    margin: 25px 133px;
}

.eol-last-left, .eol-last-right {
    margin: 0 26px;
}

.end-of-line-1 img {
    margin: 15px 127px !important;
    width: 55%;
}


.primary-1 img {
    margin: 10px 83px;
}


}

@media screen and (max-width: 640px) and (min-width: 320px){
.logo-left img {
    width: 75%;
}
	
.content-paragraph {
    line-height: 22px;
    font-size: 14px;
}
h2 {
    font-size: 27px;
}

.display h5 {
    margin-top: 46px;
    margin-bottom: 16px;
}

.foot-left li{
	float: none;
}

.foot-right{
	float: right;
	text-align: left;
}
.primary-1 ul {
    margin-left: 0px;
}

.primary-2 img {
    margin: 0 139px;
}

.secondary-1 img {
    width: 55%;
    margin: 20px 124px;
}

.eol-last-left, .eol-last-right {
    float: none;
    margin: 0 auto;
    width: 100%;
}


.eol-last-left img {
    margin-top: 0;
}

.end-of-line-1 img {
    margin: 15px 121px !important;
    width: 55%;
}

.primary-1 img {
    margin: 10px 80px;
}


}

@media screen and (max-width: 550px) and (min-width: 320px){

	.logo-left img {
    width: 70%;
}
.menu-left {
    top: 20%;
    width: 40%;
}

.display h5 {
    margin-top: 26px;
    margin-bottom: 12px;
}


.display ul li {
    width: 60%;
    margin: 0 auto !important;
    margin-top: 7px !important;
}

.button{
	 padding: 9px 20px;
}
.primary-2 img {
    margin: 0 120px;
}

.secondary-1 img {
    width: 55%;
    margin: 20px 108px;
}

.end-of-line-1 img {
    margin: 15px 103px !important;
    width: 55%;
}

.consumables-1 img{
	width: 50%;
	margin-bottom: 15px;
}

.primary-1 img {
    margin: 10px 66px;
}

}

@media screen and (max-width: 500px) and (min-width: 320px){

	.logo-left img {
    width: 68%;
}


h2 {
    font-size: 25px;
}

.read{
    padding: 7px 15px;
    font-size: 14px;
}

.display ul li {
    width: 70%;
    margin: 0 auto !important;
    margin-top: 7px !important;
}

.display ul li{
	margin-top: 5px;
}

.primary-2 img {
    margin: 0 109px;
}

.secondary-1 img {
    width: 55%;
    margin: 20px 97px;
}


.end-of-line-1 img {
    margin: 15px 94px !important;
    width: 55%;
}



}

@media screen and (max-width: 460px) and (min-width: 320px){
.menu-right li {
    margin: 10px 0px;
}

.hand {
    top: 8px;
    font-size: 18px !important;
}
	.menu-left li a{
		font-size: 14px;
	}
	.menu-left {
    top: 18%;
    width: 42%;
}

.logo-left img {
    width: 60%;
}

.menu-right li a i{
	font-size: 16px;

}

h2 {
    font-size: 23px;
}

.welcome-right iframe, .welcome-right {
    height: 225px;
}

.display h5 {
    margin-top: 10px;
    margin-bottom: 12px;
}

.foot-left li a{
	margin: 0;

}
h5{
	font-size: 17px;
}

.primary-1 ul li{
	line-height: 17px;
}

td{
	line-height: 15px;
	    font-size: 14px;

}
.foot-right li {
    font-size: 11px;
}
.primary-2 img {
    margin: 0 100px;
}

.secondary-1 img {
    width: 55%;
    margin: 10px 90px;
}
h5 {
    font-size: 16px;
}

.end-of-line-1 img {
    margin: 15px 87px !important;
    width: 55%;
}

.consumables-1 img{
	width: 70%;
	margin-left: 0;
	margin-bottom: 10px;
}


.primary-1 img {
    margin: 10px 58px;
}

}

@media screen and (max-width: 420px) and (min-width: 320px){
h2 {
    font-size: 20px;}

    .content-paragraph{
    	font-size: 14px;

    }

	.display h5 {
    margin-top: 3px;
    margin-bottom: 6px;
    font-size: 17px;
}

.display ul li {
    width: 90%;
    margin: 0 auto !important;
    margin-top: 5px !important;
}

.foot-left{
	display: block;
	text-align: center;
}

.foot-right {
    float: none;
    text-align: center;
}


.button {
    padding: 9px 18px;
    font-size: 12px;
}
.foot-left li a{
	    line-height: 20px;
}
.primary-2 img {
    margin: 0 91px;
}

.secondary-1 img {
    width: 55%;
    margin: 10px 82px;
}

h5{
	margin-bottom: 10px;
}


.end-of-line-1 img {
    margin: 15px 79px !important;
    width: 55%;
}


.consumables-1 img{
	margin-bottom: 8px;
}

.primary-1 img {
    margin: 10px 50px;
}



}

@media screen and (max-width: 360px) and (min-width: 320px){
.logo-left img {
    width: 55%;
}
	
.menu-right li a {
    font-size: 15px;
}
.menu-left {
    top: 17%;
    width: 45%;
}
.menu-left li a {
    font-size: 13px;
    padding: 7px 12px;
}

h2 {
    font-size: 19px;
}


.display ul li{
	font-size: 12px;
	margin-top: 4px;
}

.primary-2 img {
    margin: 0 79px;
}

h2 {
    font-size: 22px;
}

.secondary-1 img {
    width: 55%;
    margin: 10px 68px;
}


.end-of-line-1 img {
    margin: 15px 67px !important;
    width: 55%;
}

h2 {
    font-size: 20px;
}

.consumables-1 img{
	margin-bottom: 6px;
}

.primary-1 img {
    margin: 10px 45px;
}

}

@media screen and (max-width: 320px) and (min-width: 320px){
	.logo-left img {
    width: 50%;
}

.primary-2 img {
    margin: 0 69px;
}

.secondary-1 img {
    width: 55%;
    margin: 5px 57px;
}

.end-of-line-1 img {
    margin: 15px 59px !important;
    width: 55%;
}
	
.primary-1 img {
    margin: 10px 40px;
}


}