@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;  
    background:url('../images/bg-body.png');
    line-height:1.7;
    color:#ccc;
}   
a
{
    text-decoration:none;
    color:#ffcd11;
}
h1,h2,h3
{
    font-weight: normal;
}
input[type=text], input[type=password] ,textarea,select{
  border-radius: 3px;
  border: 1px solid #ccc;
  font: 10pt tahoma;
  color: #333;
  width: 300px;
  height:30px;  
  padding:5px; 
}
input[type=text]:focus,input[type=password]:focus,textarea:focus
{
    border-color:rgba(255,205,17,0.8);
    outline:0;
    outline:thin dotted \9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,205,17,0.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,205,17,0.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,205,17,0.6);
} 
.animtime,.menu li a,.menu li:before,.prodbox img,.lineitems li a,.lineitems li:before,.imgframe img,.cont4 .layer,.list li:before,.searchform a:after,.searchform a:before,.menu li ul,#lastgallery li span,#gallerypg li span,#fixicons a
 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
 }  
.header
{
    width:100%;
    height:120px;
    padding-top:20px;  
}
.contbox,.content
{
    width:1200px;
    margin:0 auto;
}
.content
{
    overflow: hidden;
}
.logo
{
    float:right;
    width:370px;
    height:80px; 
    padding-right:30px;     
    color:#fff;     
    padding-top:20px;
    background:url('../images/logo-main.png');
}
.logo h1
{
    font:normal 20px yekan; 
}
.logo span
{
    font:11px tahoma;
    display: block;
    margin-top:15px;
    margin-right:45px; 
}
.searchform
{
    float:left;  
    width:400px; 
}
.searchform div
{
  border-right:3px solid #ffcd11;
  margin-top:20px;
  float:left;
}
.searchform input[type=text]
{
    width:330px;
    height:40px;
    background:#333;
    border:0;
    color:#eee;
    font:10pt tahoma; 
    padding:0 10pt;
    border-radius:0;
}
.searchform input[type=text]:focus
{
    border:0;
    box-shadow:none;
}
.searchform div a
{
    float:left;
    padding:10px;
    width:20px;
    height:20px;
    background:#444;
    border:0;
    position: relative;
    font-size:20px;
    color:#ffcd11;
}
.searchform div a:after
{
    width:0;
    position:absolute;
    content:'';
    height:40px;
    right:0;
    top:0;
    background:#ffcd11;
    z-index:1;
}
.searchform div a:hover:after
{
    width:100%;
}
.searchform div a:hover:before
{
    color:#444;
}
.searchform div a:before
{
    position: relative;
    z-index:2;
}
.telegban
{
    color: #fff;
    font-size: 18px;
    background:#30a8de url('/images/teleg-logo.png') right no-repeat;
    padding-right: 60px;
    margin: 0 auto;
    height: 40px;
    width: 337px;
    float:left;
    line-height: 40px;
}
.menu
{
    font-size:16px;
    
    height:55px;
    position: relative; 
    background:#ffcd11;
}   
.menu .contbox>ul>li
{
    float:right;
    border-left:1px solid #ffe170;
    position: relative;
}
.menu ul a
{
    padding:14px 16px;
    display: block;
    position: relative;
    z-index:2;
    color:#222;
}
.menu li.active a
{
    background:#1c1c1c;
    color:#ffcd11;
}
.menu>div>ul>li:before
{
    content:'';
    position:absolute;
    right:0;
    width:0;
    height:55px;
    background:#1c1c1c;
    z-index:1;
}
.menu li:hover:before,.medbox li:hover:before
{
    width:100%;
}
.menu li:hover a
{
    color:#ffcd11;
}
.menu li ul
{
    position: absolute;
    background:#1c1c1c;
    right:0;
    width:0;
    overflow: hidden;
    z-index:1000;
}
.menu li ul li
{
    width:200px;
}
.menu li ul a
{
    color:#ffcd11;
}
.menu li:hover ul
{
    width:200px;
}
.menu li ul a:hover
{
    color:#fff;
}
.enicon
{
    float:left;
    color:#ffcd11;
    font:bold 12pt tahoma;
    margin-top:10px;
    background:#333;
    padding:6px 8px;
    margin-right:5px;
}
.slider
{
    width:100%;
    height:450px;
    position: relative;
    overflow: hidden;
}
.slider img
{
    width:100%;   
}
.cont1
{
    width:100%;
    height:450px;
    background: #1c1c1c url('../images/prod-bg.jpg') no-repeat right; 
    overflow: hidden;   
    color:#fff;
}
.cont4
{
    width:100%;
    height:450px;
    background: #1c1c1c;
    overflow: hidden;
    color:#fff;
    position: relative;
}
.cont4 .layer
{
  position: absolute;
  right:0; 
  left:auto;
  width:309px;
  background:#ffcd11 url('../images/prod-bg.jpg') no-repeat; 
  height:450px; 
  color:#222;     
  line-height:2;
  overflow:hidden;
}  
.cont4 .layer .bigcont
{
   margin-left:310px;
}
.cont4 .layer:hover
{
    width:100%;
}
.cont2
{
    width:100%;
    height:420px;
    background: #1c1c1c;
    background: -moz-linear-gradient(right,#242426 50%,#3a3a3c 50%);
    background: -webkit-linear-gradient(right,#242426 50%,#3a3a3c 50%);
    background: -o-linear-gradient(top,#242426 50%,#3a3a3c 50%);
    background: -ms-linear-gradient(top,#242426 50%,#3a3a3c 50%);   
    overflow: hidden; 
    padding:20px 0;  
    color:#fff;
}  
.bigcont
{
    width:950px;
    height:450px;
    float:left;
    padding-top:20px;
}
.layer .bigfont
{
    color:#333;
    font-weight:bold;
}
.layer .fa
{
    margin-left:10px;
    color:#222;
    font-size:17px;
}
.yback
{
    background:#ffcd11;
}
.grback
{
    background:#1c1c1c;
}
.prodbox
{
    height:400px;
    float:right;
    margin:30px 45px 50px 0;
    text-align: center;  
    overflow: hidden;
}
.prodbox .piframe
{
    display: block;
    width:100%;
    height:300px;
    overflow:hidden;
}
.prodbox:first-child
{
    margin-right:0;
}
.prodbox h3
{
    background:#ffcd11;
    font-size:18px;
    padding:10px 0;
    margin-top:-10px;
    position: relative;
}
.prodbox h3:after
{
    content: "";
    width: 100%;
    height: 33px;
    position: absolute;
    background: url('../images/grid-shadow.png') no-repeat 50% 0;
    left: 0;
    bottom: -33px;
}
.prodbox h3 a
{
    display:block;
    color:#222;
}
.prodbox:hover img,.medbox img:hover
{
   -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.cont3 .box,.cont3 .minbox
{
    height:400px;
    background:#161616;
    margin-top:50px;
    margin-bottom:50px;
    padding:10px;
}
.cont3 a
{
    color:#fff;
}
.box
{
    width:270px;
    float:right;
    margin-left:30px;
    overflow: hidden;
}
.box img
{
    background:#404040;
    padding:5px;  
    width:260px; 
}
.box a
{
    color:#ffcd11;
    font-size:18px; 
}
.box p
{
    height:150px;
    overflow: hidden;
    text-align: justify;
}
.minbox
{
    width:220px;
    float:left;
    
}
.medbox
{
    width:570px;
    float:right;
    padding:10px;
}
.medbox:last-child
{
    float:left;
}
.maintitle
{
    font-size:22px;
    color:#fff;
    margin-bottom:20px;
    padding:10px;
    background:#333;
    margin-top:50px;
    border-right:5px solid #ffcd11;
}
.medbox h2
{
   background:#555; 
   margin-top:0;
}
.maintitle:after
{
   content: '\f104';
   float:left;
   font:35px FontAwesome;
   color:#fdd541;
}
.medbox h3 a
{
    font-size:16px;
    color:#ffcd11;
}
.medbox p
{
    margin-top:10px;
    text-align:justify;
}
.list li
{
    width:100%;
    height:27px;
    margin-bottom:12px;
    overflow: hidden;
}
.list li:before
{
    content: '\f053';
    float:right;
    font:13px FontAwesome;
    color:#fdd541;
    margin-top:7px;
    margin-left:7px;
}
.list li:hover:before
{
   margin-right:10px; 
   font-weight:bold;
}
.list a
{
   color:#eee; 
}
.list a:hover
{
    color:#ffcd11;
}
.lineitems
{
    font-size:16px;
}
.lineitems li
{
    border-bottom:1px solid #4c4c4e;  
    position: relative;
    height:57px;
    overflow: hidden;   
}
.lineitems li:last-child
{
    border:0;
}
.lineitems li a
{
    display: block;
    padding:15px;
    color:#fff;
    position: relative;
    z-index:2;
    height:18px;
    overflow:hidden;
}
.lineitems li:hover a
{
     color:#222;
}
.lineitems li:before
{
    content:'';
    position:absolute;
    right:0;
    width:0;
    height:57px;
    background:#ffcd11;
    z-index:1;
}
.borderbox
{ 
    width:100%;
    height:400px;
    overflow: hidden;
    color:#fff;
    float:right;  
    margin-top:30px;
}
.imgbox
{
    position: relative;
    display: block; 
} 
.imgbox img,ul.socicons li a
{
    -webkit-transition:all 0.35s ease;
    -moz-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;     
}
.imgbox:hover img,ul.socicons li:hover a
{
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}
.imgbox:hover img
{
    background:none;
}
.imgbox:before,ul.socicons li:before
{
    -webkit-transition:all 0.35s ease;
    -moz-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;
    -webkit-transform:scale(.75);
    -moz-transform:scale(.75);
    -ms-transform:scale(.75);
    -o-transform:scale(.75);
    transform:scale(.75);
    visibility:hidden;
    opacity:1;
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:5px solid #ffcd11;  
} 
.imgbox:before
{
  background:#1c1c1c;  
}
ul.socicons li:before
{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:3px solid #ffcd11;  
}    
.imgbox:hover:before {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    visibility:visible;
} 
ul.socicons li:hover:before
{
   -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
    visibility:visible; 
}
.borderbox h3
{
    margin:12px 0;
    font-size:18px;
}  
.borderbox h3 a
{
   color:#ffcd11; 
} 
.imgframe
{
    overflow: hidden;
    float:left;
    width:300px;
    height:200px;
    margin-right:20px;
}
.footer
{        
    border-top:5px solid #252525;
    background:#1c1c1c; 
    padding:10px 0;
    overflow: hidden;   
}
ul.socicons
{
    font-size:25px; 
    float:left;   
}
ul.socicons a
{
    color:#fff;
    display: block;
    background:#333;
    padding:10px;
    width:30px;
    height:30px;
    text-align: center;
    line-height:30px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;   
}
.socicons li
{
    margin-top:10px; 
    float:right;
    margin-left:20px;
    position: relative; 
}
#copyright
{
    border-top:1px solid #272727;
    padding-top:10px;
    float:right;
    width:100%;
    margin-top:10px;
}
.footlogo
{
    background:url('../images/small-logo.png') no-repeat right;
    height:42px;
    padding-right:100px;
    padding-top:16px;
    color:#ccc;
    float:right;   
}
.owl-carousel .owl-item
{
    height:450px;
}
#backtop
{
    background:#333;
    color:#fff;     
    position: fixed;
    width:50px;
    height: 50px;
    line-height:60px;
    text-align:center;
    bottom: -4em;
    right: 2em;
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    -ms-transition: all ease 1.5s;
    -o-transition: all ease 1.5s;
    transition: all ease 1.5s;
    opacity: 0;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#backtop.show
{
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 2em;
}
#backtop:before
{
    content:'\f106';
    font:35px FontAwesome; 
}
#backtop:hover
{
    background:#ffcd11;
}
.bigfont
{
    font-size:18px;
    display: block;
    margin-bottom:10px;
    color:#ffcd11;
}
.owl-theme
{
    cursor: -webkit-grab; 
    cursor: -moz-grab;   
}
.paging
{
    
    font-size:16px;
    float:left;
}
.paging span
{
    float:right;
    background:#ffcd11;
    padding:5px;
    line-height:25px;
    margin-left:5px;
    text-align:center;
    color:#333;
    cursor:pointer;
    border:2px solid #ffcd11;
    border-radius:3px;
}
.paging span a
{
    color:#333;
    display: block;
    width:22px;
    height:22px;
}
.paging .otherpages
{
    cursor:auto;
}

.paging span:hover,.paging .active
{
    background:#333;
}.paging span:hover a,.paging .active a
{
     color:#ffcd11;
}

.paging span.otherpages:hover
{
   background:#ff6600;  
}
#firstpage,#firstpage:hover {
background:#ffcd11 url('../images/next-pg.png') no-repeat center !important;
}
#lastpage,#lastpage:hover 
{
background:#ffcd11 url('../images/prev-pg.png') no-repeat center !important;
}
.inpage .maintitle:after
{
    content:'';
}
.inpage
{
    margin-bottom:50px;
    overflow: hidden;
    min-height:500px;
}
.archivenews img
{
    width:300px;
    height:200px;
}
.archivenews .box
{
  width:310px;
  margin-left:105px; 
  margin-top:0;
  margin-bottom:50px;
}
.archivenews div#allbox .box:nth-child(3n)
{
   margin-left:0; 
}
.inpage>.maintitle
{
    margin-bottom:50px;
}
.newsFrame
{
    width:750px;
    float:right;
    text-align: justify;
}
#ndate
{
    font-size:16px;
}
.maintitle .socicons li
{
    margin-top:0;
    margin-left:15px;
}
.maintitle .socicons li a
{
    background:#444;
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
}
#ntitle
{
    color:#ffcd11;
    margin-bottom:30px;
    display: block;
    font-size:18px;
}
#leadimg
{
    width:100%;
    overflow: hidden;
    margin-bottom:20px;
}
#leadimg p
{
    float:right;
    width:380px;
}
#leadimg img
{
    float:left;
    max-width:350px;
}
.leftside
{
    float:left;
    width:400px;
}
.leftside .maintitle
{
    font-size:18px;
}
.maintitle span.fa
{
    background:#4e4e4e;
    float:left;
    width:20px;
    height:20px;
    line-height:20px;
    padding:10px;
    color:#ffcd11;
    font-size:20px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;  
    margin-top:-5px;
    text-align: center;
}
#lastgallery
{
    width:100%;
    overflow: hidden;
}
#lastgallery li
{
    float:right;  
     width:170px;
     height:110px;
     margin-bottom:20px;
     overflow: hidden;
     position: relative;
     border: 5px solid #404040;
}
#lastgallery li span,#gallerypg li span
{
    position: absolute;
    display: block;
    right:0;
    top:0;
    height:113px;
    width:0;
    background:rgba(0,0,0,0.8);
    color:#ccc;
    overflow: hidden;
    text-align: center;
    line-height:115px;
}
#lastgallery li:hover span,#gallerypg li:hover span
{
    width:100%;
}
#lastgallery li:nth-child(even)
{
    float:left;
}
#lastgallery img
{
    width:170px;
    height:110px;
}
#gallerypg li
{
    float:right;
    margin-left:135px;
    margin-bottom:50px;
    position:relative;
    border:5px solid #404040;
    width:300px;
    height:200px;
}  
#gallerypg li:nth-child(3n)
{
    margin-left:0;
}
#gallerypg img
{
    width:300px;
    height:200px;
}
#gallerypg li span
{
    height:200px;
    line-height:200px;
}
#gallerypg li a
{            
    display: block;
    color:#ccc;
}  
.linkul li
{
    float:right;
    width:400px;
    margin-bottom:50px;
}
.notic
{
  background:#ffcd11; 
  padding:10px;
  font-size:20px;
  margin:0 auto;
  width:300px;
  height:50px;
  line-height:50px;
  margin-top:120px;
  display: block;
  text-align: center;
  color:#333; 
}
table td
{
    padding:10px;
    vertical-align: middle;
}
.btn
{
     background: #ff9900;
     border-radius:4px 4px 4px 4px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ffcd11'); /* for IE */
     background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffcd11)); /* for webkit browsers */
     background: -moz-linear-gradient(top,  #ff9900,  #ffcd11); /* for firefox 3.6+ */
     color: #444;
     height:35px;
     font:13pt yekan !important;
     border:0;
     min-width:80px;
     cursor:pointer;
     float:left;
}

.btn:hover
{
    background-color: #ffcd11;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd11', endColorstr='#ff9900'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcd11), to(#ff9900)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffcd11,  #ff9900); /* for firefox 3.6+ */
}
#ifcont
{
    margin-bottom:50px;
    overflow: hidden;
}
.prodimg
{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
#msgcont
{
    float:left;
    width:350px;
    background:#1c1c1c;
    padding:10px;
    margin-top:30px;
    height:330px;
    line-height:2;
}
#msgcont .fa
{
    font-size:20px;
    color:#ffcd11;
    margin-left:10px;
}
#msgform
{
    margin-top:30px;
}
#msgFrame input[type="text"]
{
    width:220px;
}
#msgFrame textarea
{
    width:742px;  
    height:200px; 
}
label.error
{
    color:#ffcd11;
    font:20px tahoma;
}
#respmenu
{
    float:right;
    margin-top:15px;
    display: none;
    color:#333;
} 
#respmenu:hover:before
{
  color:#555;  
}
#respmenu:before
{
    float:right;
    content:'\f03a';
    font:30px FontAwesome;
}
#cerimg
{
 max-width:100%;
 height:auto;
 margin-bottom:30px;
}
#calicon
{
    float:left;
    margin-left:10px;
    font-size:30px;
    color:#333;
    margin-top:11px;    
}
#rangicon
{
float:left;
margin-left:10px;
margin-top:10px;
background:url('../images/logo-rangsir.png') no-repeat;
width:37px;
height:36px;
}
#calban
{
    display:block;
    width:300px;
    margin:0 auto;
    height:40px;
    padding-right:40px;
    line-height:40px;
    font-size:16px;
    background:url('../images/tool.png') no-repeat right;
    color:#fff;
}
#newslink
{
    float:left; 
    margin:10px 0;  
    overflow:hidden;
}
#newslink span
{
    border-radius:20px;
    border:1px solid #ccc;
    padding:5px 10px;
    height:20px;
    margin-right:20px;
    display:inline-block;
    color:#888;
    font:10pt tahoma !important;
}
#newslink input
{
    border:1px solid #ccc;
    height:30px;
    width:auto;
    border-radius:20px;
    padding:0;
    text-align:center;
    font:10pt tahoma !important;
    margin-right:20px;
}
.clr
{
    clear:both;
}
#maker
{
    float:left;
    margin-top:10px;
}
#fixicons
{
    position: fixed;
    bottom:30%;
    left:10px;   
    direction: ltr;
    z-index:2000;
}
#fixicons i
{
    font-size:23px; 
    float:left;
    margin-left:3px; 
}
#fixicons i.fa-paper-plane
{
    font-size:20px;
    margin-top:2px;
    margin-left:2px;
}
#fixicons a
{
    width:25px;
    height:25px;
    line-height:45px;
    display: block;
    margin-bottom:10px;
    border-radius:40px;
    color:#777;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding:10px;
    border:1px solid #555;
}
#fixicons span
{
    margin-top:-10px;
    margin-left:40px;
    display: block;
    font-size:16px;
} 
#fixicons a:hover
{
    width:150px;
    background:#ffcd11;
    color:#333;
    border-color:#eee;
}
@media only screen and (min-width: 970px) and (max-width: 1199px){
.contbox,.content
{
    width:970px;
}
.bigcont
{
   width:690px; 
}
.box
{
    width:210px;
}
.box img
{
    width:200px;
    height:auto;
}
.archivenews .box img
{
    width: 260px;
    height: 170px;
}
.minbox
{
    width:170px;
}
.medbox
{
    width:450px;
}
.imgframe
{
    width:200px;
    height:150px;
}
.imgframe img
{
    max-width:200px;
}
.archivenews div#allbox .box
{
    margin-left:50px;
}
.archivenews div#allbox .box
{
    width:270px;
} 
.newsFrame
{
    width:600px;
}
.leftside
{
    width:340px
}
#msgFrame input[type="text"]
{
    width:160px;
}
#msgFrame textarea
{
    width:542px;
}
#leadimg img
{
    max-width:250px;
}
#leadimg p
{
    width:330px;
}
#gallerypg li
{
    margin-left: 20px;
}
#lastgallery li,#lastgallery img
{
    width:150px;
}
.menu ul a
{
    padding:14px 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 969px)
{
  .contbox,.content
{
    width:768px;
} 
.menu ul a
{
    padding:14px 10px;
}
.searchform,.telegban
{
 width:290px;
}
.searchform input[type=text]
{
    width:220px;
}
.medbox
{
    width:350px;
}
.imgframe
{
    float:none;
    margin:0 auto;
}
.bigcont
{
   width:430px; 
   margin-left:20px;
}
.box
{
    margin-left:90px;
}
.minbox
{
    width: 270px;
    float: right;
}
.archivenews div#allbox .box:nth-child(3n) {
    margin-left:105px;
}
.archivenews div#allbox .box:nth-child(2n) {
    margin-left: 0;
}
#gallerypg li:nth-child(3n) {
    margin-left:135px;
}
#gallerypg li:nth-child(2n) {
    margin-left: 0;
}
.linkul li
{
    width:350px;
}
.leftside
{
    width:100%;
}
}
@media only screen and (max-width: 767px)
{
    .contbox,.content,.newsFrame,.leftside,.box,.minbox
    {
        width:98%;
        margin:0 auto;
        float:none;
    } 
    .searchform,.telegban
    {
     width:85%;
    }  
    .medbox
    {
        width:95%;
    }        
    .menu .contbox>ul
    {
    display: none;
    width:300px;
    position:absolute;
    top:55px;
    right:0;
    background:#ffcd11;  
    z-index:102;
    border-top:2px solid #333;
}
.menu .contbox>ul>li
{
    width:300px;
    margin-right:0;
    border-left:0;
}
    .bigcont
{
   width:280px; 
}

    .imgbox img
    {
        margin:0 auto;
        display: block;
    }
    .cont2
    {
        height:auto;
        background:#3a3a3c;
    }
    .cont4
    {
        height:auto;
        font-size:10pt;
    }
    .bigfont
    {
        font-size:14px;
    }
     .cont4 .layer
   {
       background-size:150px;
       width:150px;
       
   }
   .cont4 .layer .bigcont {
    margin-left: 150px;
}
.bigcont
{
    height:610px;
}
.cont4 .layer
{
    height:630px;
    background-position:left center;
}
.header
{
  height:auto;
  overflow: hidden;
  padding-bottom:10px;
}
.searchform
{
    float:right;
    margin-top:10px;
}
.sp-thumbnails-container,.sp-arrows
{
    display:none;
}      
.slider
{
    height:300px;
}
#respmenu
{
    display: block;
} 
#leadimg p
{
    width:230px;
}
#leadimg img
{
    max-width:200px;
}
.linkul li
{
    width:100%;
}
.lineitems li
{
    height:50px;
}
div#allbox .box,.archivenews div#allbox .box:nth-child(3n) {
    float:none;
    margin:20px auto;
}
#gallerypg li,#gallerypg li:nth-child(3n)
{
    float:none;
    margin:0 auto;
    margin-bottom:30px;
}
#msgFrame input[type=text] 
{
    width: 90%;
}
#msgFrame textarea
{
    width: 97%;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px)
{
.bigcont
 {
   width:140px; 
 }
  .logo
  {
    background-size:280px;  
    width:260px;
    height:60px;
    padding-right:20px;
    padding-top:10px;
  } 
  .logo h1
{
    font-size:16px;
}
.logo span
{
    font-size:10px;
    margin-top: 10px;
    margin-right: 15px;
} 
.searchform input[type=text]
{
    width:200px;
}  
.slider
{
    height:150px;
}   
.maintitle
{
    overflow: hidden;
}
#leadimg p
{
    width:100%;
}
#leadimg img
{
    float:none;
    margin:10px auto; 
    width:100%;
    max-width:100%;
}
.footlogo
{
    height:auto;
}
.archivenews .box
{
    width:280px;
}
.archivenews img
{
    width:270px;
    height:auto;     
}
.inpage img
{
    max-width:100%;
}
#lastgallery li
{
    float:none;
    margin:20px auto;
}
#lastgallery li:nth-child(even)
{
    float:none;
}
}