@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){

body{
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.header{
    width:100%;
    height:90px;
    position:relative;}

.header .inner{
    width:calc(100% - 60px);
    position:relative;}
    
.header .inner .logo{
    height:45px;}

.header .inner .menu{
    display:none}
    
.header .inner .contact{
    margin-right:65px}
    

.mobile_container{
    width:100%;
    height:auto;
    float:left;
    overflow:hidden;
    position:relative;}    
    
.mobile_container .header .inner #mobile_menu.animated{
    width:calc(300px - 40px);
    height:auto;
    float:left;
    background:rgba(38, 41, 51, 0.98);
    position:absolute;
    display:block;
    top:90px;
    right:-100%;
    padding-left:20px;
    padding-right:20px;
    z-index:1500;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 400ms;
    -webkit-transition:ease-out 400ms;
    -moz-transition:ease-out 400ms;}
    
.mobile_container .header .inner #mobile_menu.animated_back{
    width:calc(300px - 40px);
    height:auto;
    float:left;
    background:rgba(38, 41, 51, 0.98);
    position:absolute;
    display:block;
    top:90px;
    right:0px;
    padding-left:20px;
    padding-right:20px;
    z-index:1500;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 400ms;
    -webkit-transition:ease-out 400ms;
    -moz-transition:ease-out 400ms;}
    
.header .inner #mobile_menu .item{
    width:100%;
    height:auto;
    float:left;
    border-bottom:1px dashed #3d4252;}
    
.header .inner #mobile_menu .item:last-child{
    border-bottom:none}
    
.header .inner #mobile_menu .item .main{
    width:100%;
    height:auto;
    float:left;
    padding-top:18px;
    padding-bottom:12px;
    text-align:left;
    font-family:poppinsbold;
    font-size:16px;
    line-height:16px;
    text-transform:uppercase;
    text-decoration:none;
    color:#e5e6e9;
    letter-spacing:1px}
    
.header .inner #mobile_menu .item .sub{
    width:100%;
    height:auto;
    float:left;}
    
.header .inner #mobile_menu .item .sub .subitem{
    width:calc(100% - 20px);
    height:auto;
    float:left;
    margin-left:20px;
    border-bottom:1px dashed #3d4252;}
    
.header .inner #mobile_menu .item .sub .subitem:last-child{
    border-bottom:none}
    
.header .inner #mobile_menu .item .sub .subitem .submain{
    width:100%;
    height:auto;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
    font-family:poppinssemibold;
    text-transform:none;
    font-size:16px;
    color:#e5e6e9;
    letter-spacing:1px}
    
.header .inner #mobile_menu .item .sub .subitem:first-child .submain{
    padding-top:0px;}
    
.header .inner #mobile_menu .item .sub .subitem .subsub{
    width:calc(100% - 20px);
    height:auto;
    float:left;
    margin-left:20px;}
    
.header .inner #mobile_menu .item .sub .subitem .subsubitem{
    width:100%;
    height:auto;
    float:left;
    font-family:poppinsregular;
    text-transform:lowercase;
    padding-top:5px;
    padding-bottom:5px;
    font-family:poppinsregular;
    text-transform:none;
    font-size:14px;
    color:#e5e6e9;
    letter-spacing:1px;
    text-decoration:none}
    
.header .inner #mobile_menu .item .sub .subitem .subsubitem:first-child{
    padding-top:0px}
    
.header .inner #mobile_menu .item .sub .subitem .subsubitem:last-child{
    padding-bottom:10px;}
    
.header .inner .mobile_menu_icons{
    width:35px;
    height:22px;
    float:right;
    display:block !important;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    margin-right:0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position:absolute;
    right:30px;}
    
.header .inner .mobile_menu_icons .item{
    width:100%;
    height:2px;
    float:left;
    background:#58595B;
    display:block;
    margin-top:8px;
    position:relative;
    left:50%;
    transform:translateX(-50%);}
    
.header .inner .mobile_menu_icons .item:first-child{
    margin-top:0px;}
    
.header .inner .mobile_menu_icons .item:nth-child(2){
    width:calc(100% - 15px);
    position:relative;
    left:50%;
    transform:translateX(-50%);}

/*zobrazení*/
.header .inner .mobile_menu_icons.animated .item:nth-child(1){
    width:20px;
    /*-webkit-animation-name: cssAnimation;*/
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-timing-function: ease;*/
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.header .inner .mobile_menu_icons.animated .item:nth-child(2){
    width:35px;
    /*-webkit-animation-name: cssAnimation;*/
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-timing-function: ease;*/
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.header .inner .mobile_menu_icons.animated .item:nth-child(3){
    width:20px;
    /*-webkit-animation-name: cssAnimation;*/
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-timing-function: ease;*/
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}

/*skrytí*/    
.header .inner .mobile_menu_icons.animated_back .item:nth-child(1){
    width:35px;
    /*-webkit-animation-name: cssAnimation;*/
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-timing-function: ease;*/
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.header .inner .mobile_menu_icons.animated_back .item:nth-child(2){
    width:20px;
    /*-webkit-animation-name: cssAnimation;*/
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-timing-function: ease;*/
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
.header .inner .mobile_menu_icons.animated_back .item:nth-child(3){
    width:35px;
    /*-webkit-animation-name: cssAnimation;*/
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    /*-webkit-animation-timing-function: ease;*/
    -webkit-animation-fill-mode: forwards;
    transition:ease-out 200ms;
    -webkit-transition:ease-out 200ms;
    -moz-transition:ease-out 200ms;}
    
    

#slideshow,
#slideshow img{
    height:300px}
    
#slideshow_overlay{
    top:90px;}
    
#slideshow_overlay,
#slideshow_overlay a{
    height:300px}

.container .inner,
.container2 .inner,
.container5 .inner{
    width:calc(100% - 60px);}
    
.container .inner .mainpage .offer{
    width:calc((100% - 30px) / 2);
    height:auto;
    margin-top:30px}
    
.container .inner .mainpage .offer .image{
    height:275px}
    
.container .inner .mainpage .offer:nth-child(-n+2){
    margin-top:50px}
    
.container .inner .mainpage .offer:nth-child(2n){
    margin-left:30px;}
    
.container .inner .mainpage .offer .information{
    height:auto;}
    
.container .inner .mainpage .offer .information .line1{
    line-height:20px;}
    
.container .inner .mainpage .offer .information .line2{
    line-height:16px;
    margin-bottom:20px;}
    
.container .inner .mainpage .offer .image .offer_status{
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:1px;}
    
.container .inner .mainpage .nextoffer{
    margin-top:30px;}
    
.container .inner .mainpage .nextoffer .button{
    padding:15px;
    font-size:18px;
    line-height:18px;
    padding-bottom:12.5px}
    
.container .inner .mainpage .subhead_1,
.container2 .inner .mainpage .subhead_1{
    line-height:20px}
    
.container .inner .mainpage .gallery .photo{
    width:calc((100% - 90px) / 4);
    height:150px;
    margin-right:30px;
    margin-top:30px}
    
.container .inner .mainpage .gallery .photo:nth-child(-n+4){
    margin-top:0px;}
    
.container .inner .mainpage .gallery .photo:nth-child(4n){
    margin-right:0px}
    
.container2 .inner .mainpage .description{
    width:100%;
    margin-left:0px;
    margin-right:0px}
    
.container2 .inner .mainpage .table{
    width:100%;
    margin-left:0px;
    margin-right:0px;}
    
.container3 .inner{
    width:calc(100% - 60px);}
    
.container3 .inner .agent{
    width:100%;
    margin-left:0px;
    margin-right:0px;
    margin-top:30px;
    margin-bottom:30px;}
    
.container3 .inner .agent .val1{
    font-size:25px}
    
.container3 .inner .agent .val2 .item{
    margin-left:30px;}
    
.container3 .inner .agent .val2 .item .text{
    font-size:16px;}
    
.container .inner .mainpage .offer_head .status{
    
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:1px;
    font-family:poppinsbold;
    margin-top:0px;}
    
.container .inner .mainpage .heading_1,
.container2 .inner .mainpage .heading_1,
.container5 .inner .mainpage .heading_1{
    width:100%;
    margin-left:0px;
    margin-right:0px}
    
.container .inner .mainpage .panel1{
    width:calc(100% - 60px);
    margin-left:0px;
    margin-right:0px;}
    
    
    
    
.container4 .inner{
    width:calc(100% - 60px);}    
    
.container4 .inner .mainpage .heading_1{
    width:100%;
    margin-left:0px;
    margin-right:0px;}
    
.container4 .inner .mainpage .box{
    width:100%;
    margin-left:0px;
    margin-right:0px}
    
.container4 .inner .mainpage .box .item{
    width:calc((100% - 160px) / 5);
    margin-right:40px;}
    
.container4 .inner .mainpage .box .item .image{
    width:calc(100% - 95px);}
    
.container .inner .mainpage .subhead_2,
.container .inner .mainpage .subhead_3,
.container2 .inner .mainpage .subhead_2,
.container5 .inner .mainpage .subhead_2{
    width:100%;
    margin-left:0px;
    margin-right:0px}
    
.container .inner .mainpage .faq{
    width:100%;
    margin-left:0px;
    margin-right:0px}
    
.container .inner .mainpage .faq .question{
    line-height:18px;
    padding-bottom:15px;}

.container2 .inner .mainpage .textbox3{
    width:100%;
    margin-left:0px;
    margin-right:0px;}
    
.container .inner .mainpage .head_2{
    margin-left:0px;
    margin-right:0px;}
    
.container .inner .mainpage .line{
    width:calc(100% - 42px);
    margin-left:0px;
    margin-right:0px;}
    
.container .inner .mainpage .panel1 .box2.box990,
.container2 .inner .mainpage .panel2 .box2.box990{
    width:100%;}
    
.container .inner .mainpage .panel1 .box2 .divider,
.container2 .inner .mainpage .panel2 .box2 .divider{
    width:100%;}
    
.container .inner .mainpage .panel1 .box .input{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .inner .mainpage .panel1 .box .additional{
    height:calc(40px - 2px);
    line-height:38px;
    padding-top:2px;}
    
.container .inner .mainpage .panel1 .box{
    width:calc((100% - 30px) / 2);
    margin-right:30px;}
    
.container .inner .mainpage .panel1 .box .input{
    width:calc(100% - 83px - 15px - 51px);}
    
.container .inner .mainpage .panel1 .box3{
    width:100%;
    margin-top:0px}
    
.container .inner .mainpage .panel1 .box3 .label1{
    margin-top:20px;
    line-height:16px;}
    
.container .inner .mainpage .panel1 .box3 .label2{
    line-height:14px;}
    
.container .inner .mainpage .panel1 .box2 .label2,
.container2 .inner .mainpage .panel2 .box2 .label2{
    margin-bottom:0px;}
    
.container .inner .mainpage .panel1 .box2 .input,
.container .inner .mainpage .panel1 .box2 .input2,
.container2 .inner .mainpage .panel2 .box2 .input,
.container2 .inner .mainpage .panel2 .box2 .input2{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .inner .mainpage .panel1 .box2.boxdate .short,
.container2 .inner .mainpage .panel2 .box2.boxdate .short{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .inner .mainpage .panel1 .box2.boxdate .long,
.container2 .inner .mainpage .panel2 .box2.boxdate .long{
    -webkit-appearance:none;
    border-radius:0px;}

.container .inner .mainpage .panel1 .box2.box220,
.container2 .inner .mainpage .panel2 .box2.box220,
.container .inner .mainpage .panel1 .box2.box310,
.container2 .inner .mainpage .panel2 .box2.box310,
.container .inner .mainpage .panel1 .box2.box290,
.container2 .inner .mainpage .panel2 .box2.box290{
    width:calc(((100% - 90px) / 16) * 4);}
    
.container .inner .mainpage .panel1 .box2.box190,
.container2 .inner .mainpage .panel2 .box2.box190,
.container .inner .mainpage .panel1 .box2.box120,
.container2 .inner .mainpage .panel2 .box2.box120{
    width:calc(((100% - 90px) / 16) * 4);}
    
.container .inner .mainpage .panel1 .box2.box210,
.container2 .inner .mainpage .panel2 .box2.box210{
    width:calc(((100% - 90px) / 16) * 4);}
    
.container .inner .mainpage .panel1 .box2.nomargin,
.container2 .inner .mainpage .panel2 .box2.nomargin{
    margin-top:30px;}
    
.container .inner .mainpage .panel1 .box2.margin30,
.container2 .inner .mainpage .panel2 .box2.margin30{
    margin-left:30px}
    
.container .inner .mainpage .panel1 .box2.margin30:nth-child(2n),
.container2 .inner .mainpage .panel2 .box2.margin30:nth-child(2n){
    margin-left:30px;}
    
.container .inner .mainpage .panel1 .box2.nomargin:nth-of-type(-n+4),
.container2 .inner .mainpage .panel2 .box2.nomargin:nth-of-type(-n+4){
    margin-top:0px;}
    
.container .inner .mainpage .panel1 .box2 .additional2,
.container2 .inner .mainpage .panel2 .box2 .additional2{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .inner .mainpage .panel1 .box2 .label,
.container2 .inner .mainpage .panel2 .box2 .label{
    margin-bottom:5px;}
    
.container .inner .mainpage .panel1 .box2.box290.nomargin:last-child{
    margin-top:0px;}
    
.container .inner .mainpage .panel1:nth-child(3) .box2.box190.margin30{
    margin-left:30px;}
    
.container .inner .mainpage .head_2{
    line-height:16px;}
    
.container .inner .mainpage .panel1 .box2 .label3,
.container2 .inner .mainpage .panel2 .box2 .label3{
    line-height:14px;}
    
.container .inner .mainpage .submitbutton,
.container2 .inner .mainpage .submitbutton{
    -webkit-appearance:none;
    border-radius:0px;
    background:#E5BE82;
    opacity:1;
    line-height:16px;
    padding:15px;
    padding-bottom:12.5px;
    margin-top:30px}
    
.container .inner .mainpage .panel1 .box4 .checkmark .icon{
    height:40px;
    clear:both;
    margin-left:0px;
    margin-top:10px;
    left:50%;
    transform:translateX(-50%);}
    
.container .inner .mainpage .panel1 .box4 .checkmark .text{
    width:100%;
    height:auto;
    margin-top:5px;}
    
.container .inner .mainpage .panel1 .box4 .checkmark .text .inner{
    margin-left:0px;
    left:50%;
    transform:translateX(-50%);
    font-size:15px;
    line-height:19px;}
    
.container .inner .mainpage #pr_car_box .box2.box290,
.container .inner .mainpage #pr_moped_box .box2.box290,
.container .inner .mainpage #pr_trailer_box .box2.box290{
    width:calc((100% - 60px) / 3)}
    
.container .inner .mainpage #pr_car_box .box2.box290.nomargin:nth-child(-n+3){
    margin-top:0px;}
    
.container .inner .mainpage #pr_car_box .box2.box290:nth-child(3),
.container .inner .mainpage #pr_car_box .box2.box290:nth-child(5){
    margin-left:30px;}
    
.container .inner .mainpage .panel1 .box6:nth-child(1){
    width:calc(((100% / 14) * 4) - 30px);}
    
.container .inner .mainpage .panel1 .box6:nth-child(2){
    width:calc(((100% / 14) * 6) - 30px);}
    
.container .inner .mainpage .panel1 .box6:nth-child(3){
    width:calc(((100% / 14) * 4) - 0px);}

    
.container .inner .mainpage .panel1 .box5 .checkmark .icon{
    height:40px;
    margin-left:0px;
    margin-top:10px;
    left:50%;
    transform:translateX(-50%);}
    
.container .inner .mainpage .panel1 .box5 .checkmark .text{
    width:100%;
    height:auto;
    margin-left:0px;
    margin-top:5px;}
    
.container .inner .mainpage .panel1 .box5 .checkmark .text .inner{
    margin-left:0px;
    left:50%;
    transform:translateX(-50%);
    font-size:15px;
    line-height:19px;
    text-align:center}
    
.container .inner .mainpage #pr_box_fop .box2.margin30:nth-child(5),
.container .inner .mainpage #pr_box_fop .box2.margin30:nth-child(7),
.container .inner .mainpage #pr_box_po .box2.margin30:nth-child(5),
.container .inner .mainpage #pr_box_po .box2.margin30:nth-child(7),
.container .inner .mainpage #pr_box_udaje_pojistnika_2 .box2.margin30:nth-child(5),
.container .inner .mainpage #pr_box_udaje_pojistnika_2 .box2.margin30:nth-child(7){
    margin-left:30px;}
    
.container .inner .mainpage #pr_box_fop .box2.margin30:nth-child(6),
.container .inner .mainpage #pr_box_po .box2.margin30:nth-child(6),
.container .inner .mainpage #pr_box_udaje_pojistnika_2 .box2.margin30:nth-child(6){
    margin-left:30px;}

    
    
    
    
  
    
.container .inner .mainpage .textbox{
    width:100%;
    margin-left:0px;
    margin-right:0px;}
    
.container3 .inner .mainpage{
    margin-top:30px;
    margin-bottom:30px;}  
    
.container3 .inner .mainpage .heading_3{
    font-size:25px;
    margin-left:0px;
    line-height:45.5px;}
    
.container3 .inner .mainpage .button{
    margin-right:0px;
    line-height:18px;
    padding:15px;
    padding-bottom:12.5px}  
    
.container2 .inner .mainpage .textbox2,
.container5 .inner .mainpage .textbox2{
    width:100%;
    margin-left:0px;
    margin-right:0px;} 
    
.container .inner .mainpage .panel1 .creditors{
    width:100%;
    margin-right:0px;}
    
.container .inner .mainpage .panel1 .creditors:nth-child(1),
.container .inner .mainpage .panel1 .creditors:nth-child(2),
.container .inner .mainpage .panel1 .creditors:nth-child(3){
    width:100%;}
    
.container .inner .mainpage .panel1 .creditors:nth-child(2),
.container .inner .mainpage .panel1 .creditors:nth-child(3){
    margin-top:30px;}
    
.container .inner .mainpage .panel1 #vn_box_typ_nemovitosti.nomargin,
.container .inner .mainpage .panel1 #vn_box_trzni_hodnota.nomargin{
    margin-top:0px;}
    
.container .inner .mainpage .panel1 #vn_box_typ_nemovitosti,
.container .inner .mainpage .panel1 #vn_box_trzni_hodnota{
    width:calc((100% - 30px) / 2);}
    
.container .inner .mainpage .panel1 #vn_box_exekuce,
.container .inner .mainpage .panel1 #vn_box_zastava,
.container .inner .mainpage .panel1 #vn_box_list_vlastnictvi{
    width:calc((100% - 60px) / 3);}
    
.container .inner .mainpage .panel1 #vn_box_exekuce{
    margin-top:0px;}
    
.container .inner .mainpage .panel1 #vn_box_exekuce.specialmargin30{
    margin-top:30px;}
    
.container .inner .mainpage .panel1 #vn_box_zastava{
    margin-left:0px;}
    
.container .inner .mainpage .panel1 #vn_box_list_vlastnictvi{
    margin-left:30px;}
  
  
  
    
    
.container .inner .mainpage .panel{
    width:calc((100% - 50px) / 2);
    margin-left:0px;}
    
.container .inner .mainpage .panel:last-child{
    width:calc((100% - 50px) / 2);
    margin-left:50px;
    margin-right:0px;}
    
.container .inner .mainpage .panel .part .content_1{
    margin-top:0px;}
    
.container .inner .mainpage .panel .box .label{
    margin-bottom:5px;}
    
.container .inner .mainpage .panel .box .input,
.container .inner .mainpage .panel .box .input2,
.container .inner .mainpage .panel .box .textarea,
.container .inner .mainpage .panel .box .additional2{
    -webkit-appearance:none;
    border-radius:0px;}
    
.container .inner .mainpage .panel .box.second{
    width:calc((100% - 30px) / 2);
    margin-right:30px;}
    
.container .inner .mainpage .panel1_resp{
    width:100%;
    height:auto;
    float:left;}
    
.container .inner .mainpage .panel1_resp .content_2{
    width:auto;
    margin-left:0px;
    margin-right:0px;
    bottom:0px;
    position:relative;
    line-height:14px}
    
.container .inner .mainpage #hy_informace .box2{
    width:calc((100% - 60px) / 3);}
    
.container .inner .mainpage #hy_informace .box2:nth-child(3){
    margin-left:30px;}
    
.container .inner .mainpage .panel1 #uvery_1{
    width:calc(((100% / 12) * 4) - 30px);}
    
.container .inner .mainpage .panel1 #uvery_2{
    width:calc(((100% / 12) * 3) - 30px);}
    
.container .inner .mainpage .panel1 #uvery_3{
    width:calc(((100% / 12) * 5) - 30px);
    margin-top:75px;}
    
.container2 .inner .mainpage .textbox3 .column .part .text{
    margin-top:0px;}
    
.container2 .inner .mainpage .textbox3 .column .part{
    margin-top:30px}
    
.container .inner .mainpage .textbox .line1 .box .text1{
    margin-top:0px;}
    
.container .inner .mainpage .textbox .line1{
    margin-top:30px;}
    
.container5 .inner .mainpage .textbox2 .part .text{
    margin-top:0px;}
    
.container5 .inner .mainpage .textbox2 .part{
    margin-top:30px;}
    
.container2 .inner .mainpage .textbox2 .part .text2{
    margin-top:0px;}
    
.container .inner .mainpage .panel1 #vn_box_typ_nemovitosti,
.container .inner .mainpage .panel1 #vn_box_trzni_hodnota{
    width:calc((100% - 60px) / 3)}
    
.container .inner .mainpage .panel1 .box .label{
    margin-bottom:5px;}
    
.container .inner .mainpage .success{
    width:100%;
    margin-left:0px;
    margin-right:0px;
    height:auto;}
    
.container .inner .mainpage .success .image{
    position:relative;
    left:50%;
    transform:translateX(-50%)}
    
.container .inner .mainpage .success .box{
    width:100%;
    margin-left:0px;
    top:unset;
    transform:unset;
    margin-top:30px;}
    
.container .inner .mainpage .success .box .head{
    height:auto;
    text-align:center;
    font-size:25px;}
    
.container .inner .mainpage .success .box .subhead{
    height:auto;
    font-size:16px;
    text-align:center}
    
    
    
    
.container3 .inner .broker{
    width:100%;
    height:120px;
    margin-left:0px;
    margin-right:0px;}
    
.container3 .inner .broker .head{
    width:auto;
    line-height:35px;}
    
.container3 .inner .broker .info{
    width:auto;
    height:120px;
    float:right;}
    
.container3 .inner .broker .info .infobox{
    width:auto;
    height:108px;}
    
.container3 .inner .broker .info .infobox .head2,
.container3 .inner .broker .info .infobox .subhead,
.container3 .inner .broker .info .infobox .contact{
    width:auto;
    clear:left;}
    
.container3 .inner .broker .info .infobox .contact .phone,
.container3 .inner .broker .info .infobox .contact .email{
    width:auto;
    clear:left;}
    
.container3 .inner .broker .info .infobox .head2{
    line-height:18px;}
    
.container3 .inner .broker .info .infobox .subhead{
    line-height:15px;}
    
    
    
    
    
    

.footer .inner{
    width:calc(100% - 60px);}  
    
.footer .inner .heading_1 .logo{
    width:150px;
    height:auto;}
    
.footer .inner .heading_1 .logo img{
    width:100%;
    height:auto;
    object-fit:contain}
    
.footer .inner .panel .part .address{
    margin-top:30px;}
    
.footer .inner .panel .part .address .box{
    width:calc((100% - 30px) / 2);
    margin-right:30px;}  
    
.footer .inner .panel .part{
    width:100%;
    margin-right:0px;}
    
.footer .inner .panel .part:last-child{
    width:100%;
    margin-top:50px;}
    
.footer .inner .panel .part .menu{
    width:calc((100% - 30px) / 2);
    margin-right:30px}
    
.footer2 .inner{
    width:calc(100% - 60px);}
    
.footer2 .inner .left{
    width:calc((100% / 3) * 2);
    height:auto;}
    
.footer2 .inner .left .part:first-child{
    line-height:13px;}
    
.footer2 .inner .left .part:last-child{
    line-height:18px;}
    
.footer2 .inner .right{
    width:calc((100% / 3) * 1);
    height:auto;}
    
.footer2 .inner .right .part{
    float:right;
    height:auto;
    line-height:18px;
    margin-top:41px;}
    
.footer .inner .panel .part .address .box .text .line{
    line-height:13px;}
}