@import url('reset.css');
@import url('font-awesome.min.css');
@font-face {
 font-family: 'yekan';
 src: url('fonts/yekan-normal.eot?#') format('eot'),
      url('fonts/yekan-normal.woff') format('woff'),
      url('fonts/yekan-normal.ttf') format('truetype');
}
body
{
    direction:rtl;
    font:11pt yekan;
    color:#000;  
}
a
{
    color:#444;
    text-decoration: none;
}
.anitime,.bigbox.inbox h3 a,.inbox li,.customers li
{
   -o-transition: all .6s;
  -ms-transition: all .6s;
  -moz-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
}
.main
{
    width:100%;
    overflow: hidden;
}
.header
{
    width:1100px;
    overflow: hidden;
    padding:10px 0;
    position: relative; 
    margin:0 auto;
}
.logo
{
    background: url('../images/main-logo.png') no-repeat top center;
    width:250px;
    padding-top:90px;
    float:right;
    font:16px yekan;   
    text-align: center;
}  
.topmenu
{
    width:100%; 
    height:50px;
    box-shadow:0 0 7px #999; 
}
#menucont
{
    font:normal 18px yekan;
    display:block;
    width:1100px;   
    margin:0 auto
}
#menucont .menu
{
    float:right;
}
.menu li
{
    float:right;
    margin-right:20px;   
}
.menu li:first-child
{
    margin-right:0;
}
.menu li a
{
    padding:2px 7px;
    display: block;  
    position: relative; 
}
.menu li.active>a
{
    border-bottom:3px solid #4bae4f;
    line-height:1.9;
}
.menu>li>a:before
{
    transition:width 0.7s;
    position: absolute;
    bottom:0;
    right:0;
    width:0;
    content:'';
    height:3px;
    background:#4bae4f;
}
.menu>li>a:hover:before
{
    width:100%;
}
.menu li ul
{
    position:absolute;
    width:600px;
    background:rgba(51,51,51,0.9);
    padding:10px; 
    z-index:2000;  
    display:none;   
}
.menu li:hover ul
{
  display: block;  
}
.menu li ul div
{
    font-size:15px;
}
.menu li ul div span
{
    display: block;
    position: relative; 
    margin-top:10px;
}
.menu li ul div span a
{
    margin-right:10px;                 
}
.menu li ul div span:before
{
    content:'';
    position:absolute;
    background:#4bae4f;
    border-radius:7px;
    width:7px;
    height:7px;
    top:14px;
    transition:background 0.7s;
}
.menu li ul div span:hover:before
{
   background:#ffff99; 
}
.menu li ul li
{
    width:200px;
    margin-left:70px;   
}
.menu li ul a
{
    color:#fff;    
}
.menu li ul>li>a
{
    border-bottom:3px solid #4bae4f;
}
.menu li.active a:before
{
    height:0;
}
.menu div a:hover
{
    color:#fefe56;
} 
#enicon
{
    width:30px;
    height:18px;
    float:left;
    margin-top:12px;
    background:url('../images/en-flag.png');
}
.topicons
{
    width:500px;
    float:left;
    margin-top:30px;
    position: relative;

}
.topicons input[type=text]
{
  width: 480px;
  height: 35px;
  font-family: Tahoma;
  font-size: 11px !important;
  padding: 0 12px;
  color: #999;
  border:0;
  border-radius:5px;
  background:#eee;
}
.topicons input[type=text]:focus
{
    box-shadow:none;
}
.topicons #btnsearch
{
    border:0;    
    width:18px;
    height:18px;
    position: absolute;
    left:10px;
    top:5px;
    cursor: pointer;   
    background: none;
    z-index:1000; 
}
.topicons form i
{
    position: absolute;
    top:5px;
    left:10px;
    font-size:22px;
    color:#4bae4f;
}
.topicons #phone
{
    float:left;
    font:30px yekan;
    color:#4bae4f;
    margin-top:10px;
}
.slider,.footer
{
    width:100%;
    background:#235235;
    background:-webkit-linear-gradient(right,#353535,#212121);
    background:-moz-linear-gradient(right,#353535,#212121);
    background:-ms-linear-gradient(right,#353535,#212121);
    overflow: hidden;
}
.slidercont
{
    position: relative;
}
.slider .items
{
    position: absolute;
    display: none;
    left:0;
    opacity:0.9;
}
.slider .items.active
{
    display: block;
}
.slider .items span
{
    display: none;
}
.slidercont
{
    width:1100px;
    margin:0 auto;
    position: relative;
    text-align: right;
}
.slider .desc
{
    float: right;
    position: relative;
    padding:20px 10px 10px 10px;
    width: 310px;
    height: 300px;
    font:13px yekan;
    color:#ccc;
    background: #212121;  
    z-index:100;  
}    
.slider .desc:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 15.5px 0 15.5px;
    border-color: #fff transparent transparent;
    margin: 0 0 0 -10px;
}  
.slider .slidctrl
{
    position: absolute; 
    font-size:30px;
    bottom:20px;
    color:#fff;
    background:#1b8041;
    width:35px;
    height:35px;
    line-height:35px;
    text-align: center;
    transition:all 0.7s;
    z-index:2000;
}
.slider .slidctrl:hover
{
    background:#eee;
    color:#1b8041;
}
.slidctrl#ctrlr
{
    left:141px;
    border-radius:0 5px 5px 0;
}
.slidctrl#ctrll
{
    left:10px;
    border-radius:5px 0 0 5px ;
}
.slider h2
{
    font:normal 18px yekan;
    color:#fff;
    margin-bottom:10px;
}
.content
{
    width:1100px;
    margin:0 auto;
}
.newsbox
{
    width:500px;
    float:right;
    margin-top:30px;
    position: relative;  
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px 5px 0 0;
}
.newsbox b
{
    color:#1b8041;
    font:bold 14px yekan;
    padding:5px;
}
.newsbox div i,.newsbox div a.fa,.contbox a.fa
{
    font-size:25px;
    color:#4bae4f;
    margin-left:10px;
}
.secbox
{
    float:left;
}
#news
{
    margin-top:20px;
    padding:0 50px;
    float:right;
    width:1000px;
    height:370px;
    overflow: hidden;
}
#news a
{
    color:#fff;
}
#news ul
{
    width:550px;
    background:#444;
    float:right;
}
#news li
{
    padding:10px;
    float:none;
    overflow: hidden;
    position: relative;  
    margin-top:20px;
} 
#news li:hover,#news li.active
{
    background:#eee;
} 
#news li:hover a,#news li.active a
{
    color:#444;
}
#news li:hover:after,#news li.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 15px 15px;
    border-color: transparent #2a2a2a  transparent;
}  
#news li img
{
    float:right;
}
#news h3
{
    line-height:1.5 !important;
}
#news li h3
{
    float:right; 
    margin-right:10px;
    font:14px yekan; 
    width:370px;
}
#news div#actnews
{
    float:left;
    width:400px;    
}
#news div#actnews img
{
    width:100%;
    max-height:220px;
}
#news p
{
    text-align: justify;
    line-height:1.5;
    color:#ccc;
}
#news div#actnews h3
{
    font:16px yekan;
    margin:10px 0;
} 
.bigbox
{
    width:1100px;
    float:right;
    margin-top:50px;
    position:relative;  
}
.bigbox.inbox
{
    margin-top:0;
    min-height:500px;
}
.bigbox #gallerypg li img
{
    width:300px;
    height:200px;     
}
#products.inbox li:hover,#lastgallery li:hover,.customers li:hover
{
    transform:scale(1.1);
}
.inbox .contbox
{
    line-height:2;  
    margin-bottom:30px; 
}
.bigbox.inbox .social
{
    float:left;
}
.bigbox ul
{
    margin-top:30px;
}
.itemsul li
{
    float:right;
    margin-right:30px;
    margin-bottom:50px;
}
#products h3
{
    font:16px yekan;
}  
#products li
{
  margin-right:65px;
  position: relative; 
  -webkit-perspective: 700px;
  -moz-perspective: 700px;
  perspective: 700px;    
}   
#products li:nth-child(3n+1)
{
    margin-right:0;
}  
#products .btn
{
    position: absolute;
    bottom:10px;
    left:10px;
}
#products p
{
    text-align: justify;
}
#products li .default {   
    
    
   position: relative;   
   width:300px;
   height:250px;    
   padding:10px;  
   border-radius:5px 5px 0 0;
   border:1px solid #ccc; 
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  z-index: 24;
}
#products li .default a
{
  position: absolute;
  bottom:0;
  left:0;
  background:#ccc;  
  display: block;
  padding:10px;
  width:300px;
}
#products li .default img,#prodslist img
{
    width:300px;
}  
#products.inbox h3 a
{
  width:280px;
  background:#ccc;  
  display: block;
  padding:10px;
  height:30px;
  overflow: hidden;
}
#products.inbox li:hover h3 a
{
    background:#1b8041;
    color:#fff;
}
#products li:hover .default {
   
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  -o-transition-delay: .2s;
  -ms-transition-delay: .2s;
  transition-delay: .2s;
}
#products li .proddetail { 
   background:#444;
   color:#fdfdc5;
    width:302px;
    line-height: 2;
    height:252px;
    padding:10px;
    border-radius:5px 5px 0 0;
   position:absolute; 
   top:0; 
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  z-index: 13;
} 
#products li .proddetail img
{
    width:150px;
    margin-right:10px;
    float:left;
}
#products li .proddetail a
{
    color:#fff;
    margin-bottom: 10px;
    display: block;
}  
.proddetail:before
{
    content:'';
    position: absolute;
    top:-25px;
    left:-15px;
    width:50px;
    height:49px;
    background:url('../images/small-logo.png');
}
#products li:hover .proddetail {
  z-index: 46;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  -o-transition-delay: .2s;
  -ms-transition-delay: .2s;
  transition-delay: .2s;     
}
.customers
{
    text-align: center;
}
.customers li
{
    float:right;
    margin-right:35px;
    margin-top:20px;
    position: relative; 
} 
.customers li:hover h3
{
    background:#1b8041;
}
.customers li:hover a
{
    color:#fff;
}
.customers img
{
  width:150px;
  height:100px;
}
 
.customers h3
{
    background:#ccc;
    font:normal 14px yekan;
    height:40px;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    transition:background 0.7s;
}
.customers li .custdef {   
    
    
   position: relative;   
   width:150px;
   height:140px;    
   padding:10px;  
   border-radius:5px 5px 0 0;
   border:1px solid #ccc; 
}
.newsbox h2,.newsFrame #datesocials
{
    display:block;
    height:80px;
    line-height:47px !important;
    border-radius:5px 5px 0 0;
    color:#fff;
    font:normal 20px yekan;
    padding-right:10px;     
    text-align:center;    
    background:#444; 
} 
.bigbox h2
{
    background: #444;
    color:#fff;
    font:20px yekan;
    padding:3px 10px;  
    margin-bottom:10px;
    position:relative;
    min-height:40px;
    border-radius:5px 5px 0 0;
}
.bigbox h2 a
{
   color:#fff; 
}
.newsbox h2>span,.bigbox h2>span
{
    border-radius:500px;
    width:80px;
    height:80px;
    background:#444;
    position:absolute;
    left:40%;
    top:35px;       
    text-align: center;    
}
.bigbox h2 span
{
  top:-20px;
  left:-15px;  
}
.slider .newsbox h2
{
    color:#fff;
}
.newsbox i,.bigbox i
{
    color:#fff;
    font-size:40px;
    margin-top:20px;
}
.newsbox div
{

    padding:45px 15px 10px 15px;
    line-height:2;
    text-align:justify;
    overflow: hidden;
    border-top:1px solid #ccc;
    height:260px;
    overflow: hidden; 
}
.newsbox .btn
{
    margin:10px;
}
.newsbox div ul
{
    margin-top:10px;
}
.newsbox div li,.links li
{
    background:url('../images/bullet.gif') no-repeat right;
    padding-right:15px;
    margin-bottom:15px;
}
.newsbox div li:hover,.links li:hover
{
    background:url('../images/bullet-orange.gif') no-repeat right;
}
#linksDiv li
{
     float:right;
     margin-right:70px;
}
#linksDiv li:nth-child(2n+1)
{
    margin-right:0;
}
#phone
{
    float:right;
    margin-left:10px;
}
.newsbox div span
{
    color:#f73043;
    font:13px yekan;
}
.news
{
    margin-top:40px;
}
.newsbox img,.pageFrame img
{
    float:left;
    margin-right:10px;
    border-radius:5px;
    padding:5px;
}
.newsbox h2 img
{
    margin-top:10px;
    margin-left:10px;
}
.news h2#boxtitle
{
    width:170px;
    display: block;
    padding:7px 10px;
    font:normal 18px yekan;
    border-radius:0 0 5px 5px;
    background: #fff;
    text-align: right;
    color:#0f72c4;    
    box-shadow: 0 -2px 5px #ccc;
}

.news ul
{
    margin-top:30px;
    color:#fff;
}
.news a
{
    color:#fff;
}
.news li
{
    width:350px;
    height:75px;
    float:right;
    margin-right:30px;
    line-height: 1.5;
    margin-bottom:50px;
}
.news li img
{
    vertical-align: middle;
    float:right;
    margin-left:10px;
    border-radius:5px;
    border:1px solid #eee;
    padding:5px;
}
.moredetail
{
    height:35px;
    line-height:35px;
    padding:0 10px;
    position:absolute;
    bottom:20px;
    left:48px;
    background:#1b8041;
    color:#fff;
    transition:all 0.7s;
}
.moredetail:hover
{
    background:#eee;
    color:#1b8041;
}
.btn {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width:80px;
    background: #1b8041;
    color: #fff;
    border:0;
    display: inline-block;
    font: 16px yekan;
    line-height: 24px;
    padding:5px 10px;
    float:left;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor:pointer;
}
.btn:hover
{
    background: #777;
}
.orangebtn
{
     background: #ff9900;
     border-radius:4px 4px 4px 4px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff6600'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6600)); /* for webkit browsers */
     background: -moz-linear-gradient(top,  #ff9900,  #ff6600); /* for firefox 3.6+ */
     color: #FFFFFF;
     height:30px;
     font:12pt yekan;
     border:0;
     min-width:60px;
     cursor:pointer;
}

.orangebtn:hover
{
    
    background-color: #ff6600;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff9900'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff9900)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ff6600,  #ff9900); /* for firefox 3.6+ */
}
input[type=text], input[type=password], textarea, select {
  border-radius: 3px;
  height:30px;
  border: 1px solid #ccc;
  font: 10pt tahoma;
  color: #666;
  width: 250px;
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus
{
    border-color:#6fca73;
    outline:0;
   
} 
.footer
{
    height:120px;
    margin-top:30px;
    color:#ccc;
}

#footercont
{
    width:1100px;
    margin:0 auto;
}
#footercont span
{
    float:left;
    margin-top:30px; 
    padding-top:20px; 
    height:30px;
    padding-left:60px;
    background:url('../images/small-logo.png') no-repeat;
}
.footer i
{
    color:#ffff99;
}
#footercont img
{
   float:left;  
}
.footer ul
{
    margin-top:20px;   
}
.social
{
     font-size:30px;
}
.social li
{
    float:right;
    margin-left:10px;
}
.paging
{
    font:normal 11pt yekan;
    float:left;
    margin-top:7px;
}
.bigbox h2 .social
{
    margin-top:5px;
}
.bigbox h2 .paging
{
    margin-left:50px;
}
.paging span
{
    float:right;
    background:#4bae4f;
    width:24px;
    border-radius:3px;
    height:24px;
    line-height:24px;
    margin-left:5px;
    
    color:#ffff99;
    cursor:pointer;
}
.paging span a
{
    color:#fff;
    display: block; 
    text-align:center;
    width:24px;
    height:24px;
}
.paging .otherpages
{
    cursor:auto;
}

.paging span:hover,.paging .active
{
    background-color:#fff;
}
.paging span:hover a,.paging .active a
{
    color:#777;
}
.paging span.otherpages:hover
{
   background:#ff6600;  
}
#firstpage
{
     background:#4bae4f url('images/ui-icons_cccccc_256x240.png') -61px -157px;    
}
#lastpage
{
    background:#4bae4f url('images/ui-icons_cccccc_256x240.png') -77px -156px;
}
table td {
  padding: 10px;
  vertical-align: middle;
}
#lastgallery img
{
    width:150px;
    height:90px;
}
#lastgallery li
{
    height:150px;
    overflow: hidden;
    width:150px;
    float:right;
    background:none;
    margin-right:25px;
    margin-bottom:20px;
    text-align: center;
}
#lastgallery span
{
    display: block;
    background:#ccc;
    margin-top:-5px;
    font-family:yekan;
}
#msgFrame
{
    margin:10px 0 20px 0;
}
#msgcont
{
    float:left;
    margin-left:20px;
    margin-top:10px;
    margin-bottom:10px;
    max-width:450px;
}
#msgFrame input[type=text] {
width: 430px;
height:20px;
padding:10px;
}
#msgFrame textarea {
width: 430px;
padding:10px;
height: 150px;
}
#msgFrame input[type=submit] {
float: left;
margin-top:-10px;
}
.archivenews ul
{
    margin-top:0;
}
.archivenews span {
  line-height:1.5;
  text-align: justify;
}
.archivenews li {
  border-bottom: 1px solid #ccc;
  margin-top: 15px;
  padding-bottom:10px;
  overflow: hidden;
  margin-right:50px;
  width:80%;
  margin-bottom:0;
  text-align: justify;
}
.archivenews .title {
  font: normal 16px yekan;
  display: block;
}
.archivenews img
{
    float:right;
    margin-left: 10px;
    padding:5px;
    border:1px solid #ccc;
    border-radius:5px;
}
#leadimg
{
    background:#f1f1f1;
    padding:5px;
    overflow: hidden;
}
#leadimg img
{
    float:left;
    max-width:330px;
}
#leadimg p
{
    width:350px;
    float:right;
}
.newsFrame
{
    width:700px;
    margin-bottom:30px;
    float:right;
}
.newsFrame img,.pageFrame img
 {
     float:left;
     margin-right:10px;
 }
 #ntitle
 {
     font:bold 18px yekan;
     color:#444;
     display:block;
     margin-bottom:20px;
 }
#ntext
{
    text-align: justify;
    margin-top:10px;
}
#ndate
{
    float:right;
    font-size:16px;
}
.shownews .newsbox
{
    margin-right:50px;
    width:450px;
}
.shownews .newsbox>h2
{
    border-bottom-color:#ccc;
    margin-top:-8px;
}
#colorbox 
{
  top: 20% !important;
  position: fixed !important;
}
label.error {
color: red;
font: bold 12pt tahoma;
}
.pageFrame li img
{
    float:right;
    width:100px;
    margin-left:10px;
}
.notic
{
    background:#d70204;
    width:300px;
    height:35px;
    display: block;
    color:#fff;
    text-align:center;
    margin:100px auto;
    font:18px yekan;
    padding:20px 0;
}
#tabitems
{
  float:right;
  font-size:18px;
  color:#0f72c4;
}
#tabitems li
{
    background:#eee;
    border-radius:3px 3px 0 0;
    padding:7px 10px;
    line-height:19px;
    cursor: pointer;
}
#tabitems li.active
{
    background:#f73043;
    color:#fff;
}
.tabcont
{
    display:none;
    width:100%;
    overflow: hidden;
}
 .aboutpr
{
    float:right;
}
.tabcont#tabs1 img
{
    float:left
}
.leftside
{
    width:370px;
    float:left;
}
.leftside .sidebox
{
    margin-bottom:30px;
    min-height:300px;
}
.sidebox h2
{
    font-size:18px;
}
.sidebox h2 span
{
    width:70px;
    height:70px;
    top:-15px;
}
.sidebox h2 i
{
    font-size:30px;
} 
.list
{
     font:14px yekan;
     padding-right:10px;
}
.list li
{
    margin-bottom:10px;
}
.list li:before
{
    content:'';
    float:right;
    margin-left:5px;
    margin-top:10px;
    background:#4bae4f;
    border-radius:7px;
    width:7px;
    height:7px;
    top:14px;
    transition:background 0.7s;
} 
 .list li:hover:before
{
  background:#1b8041;  
}
.linkpg .list
{
  font-size:16px;  
}
.linkpg .list li:before
{
    margin-top:12px;
    margin-left:8px;
}
#respmenu
{
    float:right;
    margin-top:10px;
    display: none;
    color:#1b8041;
} 
#respmenu:hover:before
{
  color:#4bae4f;  
}
#respmenu:before
{
    float:right;
    content:'\f03a';
    font:30px FontAwesome;
}
@media only screen and (min-width: 970px) and (max-width: 1099px){
    
.header,#menucont,.content,.slidercont,.bigbox,#footercont,#news
{
    width:970px;  
}
#news
{
    padding:0;
}
.newsbox
{
    width:470px;
}
#products li .default,#products li .default a
{
    width:250px;
} 
#products li .default img, #prodslist img
{
    width:250px;
}
#products li .proddetail
{
    width:252px;
}
.newsFrame
{
    width:580px;
}
#leadimg p
{
    width:300px;
}
#leadimg img
{
    max-width:250px;
}
#products.inbox h3 a
{
    width:230px;
}
.bigbox #gallerypg li img
{
    width:250px;
    height:150px;
}
} 
@media only screen and (min-width: 768px) and (max-width: 969px){
 .header,#menucont,.content,.slidercont,.bigbox,#footercont,#news
{
    width:98%;  
}
#news
{
    padding:0;
    height:auto;
}
#news ul,#news div#actnews
{
    width:48%;

}
#news li h3
{
    width:200px;
}
#news li img
{
    width:100px;
}
.newsbox
{
    width:360px;
}
#products li:nth-child(3n+1)
{
    margin-right:65px;
}   

#products li .default,#products li .default a
{
    width:250px;
} 
#products li .default img, #prodslist img
{
    width:250px;
}
#products li .proddetail
{
    width:252px;
}
.topicons
{
    width:400px;
}
.newsFrame
{
    width:100%;
}
.leftside
{
    width:100%;
}
#msgcont
{
    float:right;
}
}
@media only screen and (max-width: 767px){
    
  .header,#menucont,.content,.slidercont,.bigbox,#footercont,#news,.newsbox,#news ul
{
    width:98%;  
}
#menucont>ul
{
    display: none;
    width:300px;
    position:absolute;
    top:40px;
    right:0;
    background:#fff;
    box-shadow: 0 0 3px #999;
    z-index:102;
}
#menucont>ul>li
{
    width:300px;
    margin-right:0;
}
#menucont li ul
{
    width:280px;
}
#respmenu
{
    display:block;
}
#news
{
    height:auto;
    padding:0;
}
#news div#actnews
{
    float:right;
    margin-top:30px;
    margin-bottom:20px;
    width:98%;
}
#news li h3
{
    width:300px;
}
#news li img
{
    width:100px;
}
 #products li .default,#products li .default a
{
    width:250px;
} 
#products li .default img, #prodslist img
{
    width:250px;
}
#products li .proddetail
{
    width:252px;
}
#products li
{
    margin-right:30px;
}
#products li:nth-child(3n+1)
{
    margin-right:30px;
}  
.topicons
{
    width:210px;
}
.topicons #phone
{
    font-size:25px;
}
.newsFrame
{
    width:100%;
}
.leftside
{
    width:100%;
}
#leadimg img,#leadimg p
{
    width:48%;
}
#msgFrame input[type=text],#msgFrame textarea
{
    width:250px;
}
#msgcont
{
    float:right;
}
.slider .items
{
    width:100%;
    overflow: hidden;
}
} 
@media only screen and (min-width: 320px) and (max-width: 480px){     
    #products li
{
    margin-right:0px;
}
#products li:nth-child(3n+1)
{
    margin-right:0px;
}
.topicons
{
   display: none;
}
.logo
{
    background-size:80px;
    font-size:14px;
    padding-top:70px;
    width:200px;
}
.slider .desc
{
    width:60%;
}  
.bigbox h2
{
  width:89%;
}
.newsFrame h2
{
    overflow: hidden;
    width:98%;
}
#footercont span
{
    margin-top:5px;
}
}

