@media only screen and (min-device-width : 1200px) and (max-device-width : 1600px){

.header1 .inner{
    width:calc(1200px - 30px - 30px);}
    
.container .inner{
    width:calc(1200px - 30px - 30px);
    height:auto;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
    
.offer .item{
    width:calc((100% - 60px)/3);}
    
.offer .item:nth-child(4n){
    margin-right:30px}
    
.offer .item:nth-child(4){
    margin-top:30px}
    
.offer .item:nth-child(3n){
    margin-right:0px}
    
.offer .item:nth-child(-n+3){
    margin-top:0px}
    
.offer .item .hover .inner{
    width:100%;
    height:100%;
    float:left;
    background:rgba(181,40,46,0.85);
    position:absolute;
    z-index:1200;
    left:-100%;
    padding-left:0px;
    padding-right:0px;
    transition:ease-out 150ms;
    -webkit-transition:ease-out 150ms;
    -moz-transition:ease-out 150ms;}
    
.gallery .item{
    width:calc((100% - 60px)/3);
    height:240px;
    float:left;
    margin-right:30px;
    margin-top:30px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(70,70,70,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(70,70,70,0.1);
    box-shadow: 0px 0px 10px 0px rgba(70,70,70,0.1);
    cursor:pointer}
    
.gallery .item:nth-child(4n){
    margin-right:30px}
    
.gallery .item:nth-child(4){
    margin-top:30px}
    
.gallery .item:nth-child(3n){
    margin-right:0px}
    
.gallery .item:nth-child(-n+3){
    margin-top:0px}
    
.information .panel1{
    width:650px;
    height:auto;
    float:left;
    margin-left:45px;}
    
.information .panel2{
    width:350px;
    height:auto;
    float:left;
    background:#FFFFFF;
    margin-left:50px;
    margin-bottom:50px}
    
.information .panel3{
    width:350px;
    height:auto;
    float:left;
    margin-left:50px;
    margin-bottom:50px;}
  
.footer .inner{
    width:calc(1200px - 30px - 30px);
    height:100%;
    margin:0 auto;
    padding-left:30px;
    padding-right:30px;}
}