@media only screen and (min-width: 768px) and (max-width: 959px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
.content-container			{width:98%;}
.hide-large {
	display:none;
	}
nav {
	border-radius:0;
	}
nav ul li a {
	padding:10px;
	font-size:13px;
	}
nav ul li:first-child a {
	border-radius:0;
	padding:10px;
	}
nav ul li:last-child a {
	border-radius:0;
	padding:10px;
	}
.welcome h6 {
	width:98%;
	text-align:center;
	}
.welcome article {
	width:98%;
	}	
.left-sec {
	width:30%;
	}
.right-sec {
	width:68%;
	}	
.product-list-wraper li {
	margin-left:7px;
	}
.entering-wraper {
	margin:10%;
	background-image:none;
	}			
.entering-wraper img {
	max-width:98%;
	}
.enteringbutn {
	display:block;
	font-size:25px;
	margin:10px auto;
	padding:10px 20px;
}
.logo-sec {
background: #606060; /* Old browsers */
background: -moz-linear-gradient(top,  #606060 2%, #bbbdbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#606060), color-stop(100%,#bbbdbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #606060 2%,#bbbdbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#bbbdbb',GradientType=0 ); /* IE6-9 */
	}	
.company-intro h2 {
	display:block;
	text-align:center;
	margin-left:0;
	}		
		
}




@media only screen and (max-width:768px) { 
.content-container				{width:98%;}
.hide-mini {
	display:none;
	}
.show-mini {
	display:block;
	width:98%;
	margin:15px auto;
	padding:10px 0;
	font-size:14px;
	color:#003f74;
	}
.logo, .slogan {
	width:100%;
	color:#fff;
	}
.logo img {
	max-width:100%;
	}	

.searchbtn {
	vertical-align:-16px;
	}
.header-right {
	margin:20px 0 15px 0;
	width:100%;
	}
	

.welcome {
	padding:10px;
	}
.welcome article {
	width:100%;
	padding:10px 0;
	}			
	
.download-pdf {
	width:333px;
	height:250px;
	}	
.left-sec {
	float:none;
	margin:10px auto;
	width:50%;
	}	
.right-sec {
	float:none;
	margin:10px auto;
	width:100%;
	}	
.product-list-wraper li h2 {
	font-size:12px;
	}	
.product-list-wraper li {
	margin-left:5px;
	}	
.large-img-desWraper, .large-imgwraper, .srciptWidth {
	width:98%;
	}	
.entering-wraper img {
	max-width:98%;
	}
.entering-wraper {
	margin:10%;
	background-image:none;
	}		
.enteringbutn {
	display:block;
	font-size:25px;
	margin:10px auto;
	padding:10px 20px;
}

.lang  {
	width:98%;
	margin:10px 0;	
	}
.logo-sec {
background: #606060; /* Old browsers */
background: -moz-linear-gradient(top,  #606060 2%, #bbbdbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#606060), color-stop(100%,#bbbdbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #606060 2%,#bbbdbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#bbbdbb',GradientType=0 ); /* IE6-9 */
	}
.cat-sec {
	width:45%;
	margin-left:10px;
	}
.company-intro h2 {
	display:block;
	text-align:center;
	margin-left:0;
	}
.contact-col {
	margin-left:0;
	}	
.main-left, .main-right {
	width:98%;
	}
.large-proWraper, .large-detail-des {
	width:98%;
	}	
.qty-wraper {
	float:left;
	}	
.large-proWraper 	{
	margin:0 0 15px 0;
	}
		
	} /*  port tablet */
	
	
	
	
 @media only screen and (min-width: 320px) and (max-width: 480px) { 
.content-container {
	width:98%;	
	}
.hide-iphone {
	display:none;
	}
.show-iphone {
	display:block;
	width:98%;
	margin:15px auto;
	padding:10px 0;
	font-size:14px;
	color:#003f74;
	}		
.logo {
	width:100%;
	color:#fff;	
	}
.logo img {
	max-width:100%;
	}	
	
.download-pdf {
	margin-left:0px;
	width:98%;
	}	
.news-updates {
	width:100%;
	}
		
.show-tablet {
	display:block;
	}	
.header-right {
	margin:20px 0 15px 0;
	width:100%;
	}
.welcome {
	padding:10px;
	}
.welcome article {
	width:100%;
	}	
.footer-col-1 {
	width:97%;
	margin-top:10px;
	padding-left:5px;

	}
.contact-col strong a	{
	margin-right:80px;
	}	
.right-sec {
	float:none;
	margin:10px auto;
	width:100%;
	}	
.product-list-wraper li {
	width:98%;
	margin:15px 0;
	}
.left-sec {
	width:98%;
	}
.large-imgwraper {
	margin:10px 0;
	}
.srciptWidth {
	margin:0 auto;
	width:310px;
	}	
.entering-wraper {
	margin:10%;
	background-image:none;
	}	

.entering-wraper img {
	max-width:98%;
	}
.enteringbutn {
	display:block;
	font-size:20px;
	margin:10px auto;
	padding:10px 20px;
}
.lang  {
	width:98%;
	margin:10px 0;	
	}
.searchbtn {
	vertical-align:-16px;
	}
.logo-sec {
background: #606060; /* Old browsers */
background: -moz-linear-gradient(top,  #606060 2%, #bbbdbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#606060), color-stop(100%,#bbbdbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #606060 2%,#bbbdbb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #606060 2%,#bbbdbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#bbbdbb',GradientType=0 ); /* IE6-9 */
	}
.cat-sec {
	width:30%;
	float:left;
	}	
.cat-sec {
	width:90%;
	margin-left:0;
	}
.company-intro h2 {
	display:block;
	text-align:center;
	margin-left:0;
	}
.contact-col {
	margin-left:0 !important;
	}
.main-left, .main-right {
	width:98%;
	}
.large-proWraper, .large-detail-des {
	width:98%;
	}	
.qty-wraper {
	float:left;
	}
.large-proWraper 	{
	margin:0 0 15px 0;
	}	
	
	
	
	
	
}