@media only screen and (min-width:320px) and (max-width:991px) {
h1 {
 font-size:26px!important;
}
 h2 {
 font-size:21px!important;
}
 h3 {
 font-size:19px!important;
}
 h4 {
 font-size:15px!important;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
 

/*cont nav*/
 
 header .cont-nav {
 display:none
}
   


/*user nav*/
 header .user-nav {
 float:left;
}
header .user-nav ul a {
 margin-left:3px;
 padding:4px 6px;
 
}
header .user-nav ul a .fa {
margin-right:4px;
}

/*logo bar*/
 

header .logo-nav-bar {
 height:auto;
}
header .logo {
 width:200px;
margin:auto;
}
  
/* product*/
.products-bar h4{
 
 padding:2px!important; 
}
.products-bar p{display:none}

.products-bar .product-row-one, 
.products-bar .product-row-two{
 width:100%;
margin-top:-10px;  
}

.products-bar .product-row-two{
width:100%;
 margin-top:0px;
  
}
/*footer*/
/*logo*/
footer .logo img {
 max-width:80%;
}
footer .footer-bar h4 {
 margin-top:20px!important;
 margin-bottom:10px!important;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {

/*logo nav bar*/

 
header .logo {
padding:13px 0;
 width:auto;
}
 
/* product*/
.products-bar h4{
 
 padding:2px!important; 
}
.products-bar p{  padding:3px!important;}

.products-bar .product-row-one, 
.products-bar .product-row-two{
 width:70%;
margin-top:-90px;  
}

.products-bar .product-row-two{
width:90%;
 margin-top:0px;
  
}

 
/*logo*/
footer .logo {
 display:block;
 margin-bottom:20px;
}
footer .logo img {
 max-width:35%;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
/* product*/
.products-bar h4{
 
 padding:5px!important;  border-top:5px solid #de6207;
}
.products-bar p{  padding:5px!important;}
/*
.products-bar .product-row-one, 
.products-bar .product-row-two{
 
margin-top:-120px; 
}
 */
 


/*col news achievers */

section.contents .col-news-achievers  h3{ font-size:19px!important;}
section.contents .col-news-achievers .col-contents {
	width:100%;
	height:100px;
	margin-top:10px;
	   
}
section.contents .col-news-achievers marquee{
height:100px;
}
/* footer site nav*/
 
footer .site-nav ul a {
	padding:5px 5px;
} 
 
 footer .site-nav ul a:before {
	content: ' ';
	 
}
}