.main_top{height: 270px; padding: 70px 0 0;}
.main_top .left_side{height: 270px; width: 100%;}
.main_top .right_side{display: none;}
.main_top h1{text-align: center; font-size: 58px; line-height: 64px; letter-spacing: 5px; left: 0; right: 0; margin: -25px 0 0; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85);}
.main_top h1 span{margin-right: 0; text-align: center;}




.sub .main_top{height: 160px;}
.sub .main_top .left_side{height: 160px;}
.main_banner_bg {
    height:160px;
}

header{background: #fff; top: 0 !important; left: 0; right: 0; position: absolute !important}
.sub header{top: 0;}
header a.logo{width: 225px; height: 35px; top: 17.5px; }
header a.logo img{width: 225px; height: 35px;}
header ul{display: none;}
.open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;;}

.paralax{height: 200px;}

.welcome{padding: 60px 0;}

.drobky{padding: 0;}

.vypis_gallery .item{width: calc(49% - 2px); margin: 0 0 2% !important;}
.vypis_gallery .item:nth-child(2n){margin: 0 0 2% 2% !important;}


.benefits_list .item:nth-child(1){bottom: 539px}
.benefits_list .item:nth-child(2){left: calc(50% + 210px); width: 250px;}
.benefits_list .item:nth-child(3){top: 540px}
.benefits_list .item:nth-child(4){right: calc(50% + 211px); width: 250px;}



.benefits_list .benefit_box{display: block; position: relative; height: 400px; padding: 140px 0 120px;}
.benefits_list .circle1{margin: -201px 0 0 -201px; width: 400px; height: 400px;}
.benefits_list .circle2{margin: -141px 0 0 -141px; display: block; width: 280px; height: 280px;}
.benefits_list .plane{margin: -78px 0 0 -199px; display: block; width: 390px; height: 208px;background-size: 100% auto;}
                                                                                              

#MyGmaps{height: 340px;}


footer{padding: 70px 5% 100px;}
footer .box{width: 60%;}
footer .contact{margin: 0 0 0 80px; width: calc(100% - 60% - 88px);}
footer .mapa{display: none;}



.fotogalerie a.swipebox{width: 16.66%;}







@media screen and (min-width: 768px) and (max-width: 960px) {



.box_list::before{display: none;}
.box_list .item .img{padding: 15px;}
.box_list .item .img img{border: 6px solid #fff; max-width: calc(100% - 12px);}
.box_list .item .text .title{font-size: 14px; line-height: 20px; letter-spacing: 0; padding: 15px 0;}
.box_list .item .text .anotation{padding: 15px 0 0;}



.benefits_list .item{opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important;  position: relative; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; margin: 0 -4px 30px 0 !important; width: calc(50% - 50px) !important; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.benefits_list .item::before{display: none;}
.benefits_list .item .title, .benefits_list .item .anotation{text-align: center !important}


.benefits_list .benefit_box{display: block; position: relative; height: initial; height: auto; padding: 0;}
.benefits_list .circle1{display: none;}
.benefits_list .circle2{display: none;}
.benefits_list .bg1{display: none;}
.benefits_list .bg2{display: none;}
.benefits_list .plane{display: block; opacity: 0.4 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important;  }
                                                                                              
footer .box{width: 55%;}
footer .contact{margin: 0 0 0 60px; width: calc(100% - 55% - 68px);}

.fotogalerie a.swipebox{width: 20%;}

}