﻿/*@media only screen and (min-device-width : 1200px) and (max-device-width : 1600px)*/
@media only screen and (min-device-width : 1200px) and (max-device-width : 1600px){

.header .inner,
.container .inner,
.container2 .inner,
.container3 .inner,
.container4 .inner,
.container5 .inner,
.container6 .inner,
.footer .inner,
.footer2 .inner{
    width:calc(100% - 60px);}
    
.container .inner .mainpage .success{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.container .inner .mainpage .success .box{
    width:calc(990px - 100px - 2px - 50px);}
    
.container .inner .mainpage .success .box .head{
    width:auto;}
    
.container .inner .mainpage .success .box .subhead{
    width:auto;}
    
    
.container .inner .mainpage .panel1_resp .offer{
    width:calc((990px - 30px) / 2);
    height:auto;
    margin-left:0px;
    margin-top:30px;}
    
.container .inner .mainpage .panel1_resp .offer:nth-child(-n+2){
    margin-top:50px;}
    
.container .inner .mainpage .panel1_resp .offer:nth-child(2n){
    margin-left:30px;}
    
.container .inner .mainpage .offer .image{
    height:275px}
    
.container .inner .mainpage .nextoffer{
    margin-top:30px}
    
.container .inner .mainpage .gallery{
    width:990px;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.container .inner .mainpage .gallery .photo{
    width:calc((100% - 90px) / 4);
    height:150px;
    margin-right:30px;
    margin-top:30px}

#slideshow{
    display:block}

.container{
    display:block}
    
.container3 .inner .agent{
    width:990px;;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.container .inner .mainpage .heading_1,
.container2 .inner .mainpage .heading_1,
.container5 .inner .mainpage .heading_1{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container .inner .mainpage .offer_head{
    width:990px;
    left:50%;
    transform:translateX(-50%);
    position:relative}
    
.container .inner .mainpage .heading_2,
.container2 .inner .mainpage .heading_2,
.container .inner .mainpage .subhead_1,
.container2 .inner .mainpage .subhead_1{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container .inner .mainpage .subhead_2,
.container .inner .mainpage .subhead_3,
.container2 .inner .mainpage .subhead_2,
.container5 .inner .mainpage .subhead_2{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container .inner .mainpage .textbox{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container4 .inner .mainpage .heading_1{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container4 .inner .mainpage .box{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container .inner .mainpage .box_resp{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container3 .inner .mainpage .heading_3{
    margin-left:0px;}
    
.container3 .inner .mainpage .panel10_resp{
    width:990px;
    height:auto;
    float:left;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container3 .inner .mainpage .button{
    margin-right:0px;}
    
.container2 .inner .mainpage .textbox2,
.container5 .inner .mainpage .textbox2{
    width:calc(100% - 100px);
    margin-left:50px;
    margin-right:50px;}
    
.container .inner .mainpage .panel1_resp{
    width:990px;
    height:auto;
    float:left;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.container .inner .mainpage .panel1_resp:nth-of-type(1){
    z-index:1500;}
    
.container .inner .mainpage .panel1_resp:nth-of-type(2){
    z-index:1400;}
    
.container .inner .mainpage .panel1_resp:nth-of-type(3){
    z-index:1300;}
    
.container .inner .mainpage .head_2{
    margin-left:0px;
    margin-right:0px;}
    
.container .inner .mainpage .panel1{
    width:930px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.container2 .inner .mainpage .textbox2,
.container5 .inner .mainpage .textbox2{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container .inner .mainpage .line{
    width:calc(990px - 42px);
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container .inner .mainpage .panel{
    width:calc((100% - 50px) / 2);
    margin-left:0px;}
    
.container .inner .mainpage .panel:last-child{
    margin-right:0px;}
    
.container .inner .mainpage .faq{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}
    
.container2 .inner .mainpage .textbox3{
    width:990px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    position:relative;
    transform:translateX(-50%);}  
    
    
    
.container3 .inner .broker{
    width:990px;
    height:120px;
    margin-left:0px;
    margin-right:0px;
    left:50%;
    transform:translateX(-50%);
    position:relative;}
    
.footer{
    display:block}
    
.footer2{
    display:block}
    
    
    
    }
