@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1170px) {
.inner-wrapper{width:98%;}
.section-left{width:800px; padding-right:30px;}
.section-right{width:300px;}
.first-section ul li:last-child{width:227px; padding-left:10px;}
.second-section ul li:last-child {padding-left: 10px;width: 205px;}
article .image-right { width: 590px;}
    }
@media screen and (max-width: 1125px) {
.section-left {padding-right:10px; width:780px;}
}
@media screen and (max-width: 1100px) {
.section-left { width:772px;}
}
@media screen and (max-width: 1024px) {
.section-left{width:700px;}
article .left-image {width: 150px;}
article .image-right { width: 490px;}
.section-right {width: 277px;}
.second-section ul li:first-child {width: 60px;}
}
@media screen and (max-width: 1000px) {
    .inner-header{width:100%;}
 }
@media screen and (max-width: 980px) {
    .section-left{width:660px;}
    .text-box h4{font-size:16px;}
 }
 @media screen and (max-width: 800px) {
 .logo {
    left: 41%;
    top: -144px;
}
header{padding-top:150px;}
.section-left{width:100%;}
article .image-right { width:75%;}
.section-right {float: none;margin: 0 auto; width: 36%;}
}
 @media screen and (max-width: 786px) {
.navigation{background:none;
border-top:none;}
header .fright{float:none;}
.menu-link{float:none; width:8%; margin:0 auto;}
.slidingDiv{width:100%; top:513px;}
.slidingDiv input{width:100%;background:url(../images/search.png) right center no-repeat #d7d7d7;}
 }
  @media screen and (max-width: 640px) {
 .menu-link{width:10%;}}

    @media screen and (max-width: 480px) {
  
   .menu-link {  text-align: center; width: 20%;}
   .logo { left: 36%;}
     article .image-right,article .left-image{width:100%;}
     .section-right{width:100%;}
     
.first-section ul li:first-child {
    display: block;
    margin: 0 auto;
    width: 46px;
}.first-section ul li:last-child {
    width: 100%;

  }
  
  .second-section ul li:first-child,.second-section ul li:last-child{width:100%;}
 
  }
      @media screen and (max-width: 360px) {
          .logo{left:32%;}
          
          
          
          }
              @media screen and (max-width: 320px) {
          .logo{left:29%;}
          
          
          
          }