@media (max-width:1440px) {
.container{ width:90%; margin:0 auto; padding:0;}
nav{ padding:20px 0 0 0;}
.logo{ width:280px;}
.topnav a.nav-links{ margin-left:34px; font-size:20px;}
.banner_sec{ padding:193px 0 100px 0;}
.banner_sec h1{ font-size:120px; line-height: 60px; margin-bottom:20px;}
.banner_sec h1 small{ font-size:65px;}
.banner_sec p{ font-size:18px; line-height:33px; margin-bottom:45px;}
.info_list{ padding:40px 0 30px 0;}
.info_list ul li{ font-size:14px;}
.extranal_sec{ padding:60px 0 20px 0;}
.extranal_sec .ex_blck{ margin-bottom:40px;}
.extranal_sec figure{ margin:80px 0 30px 0;}
.global_title{ font-size:60px; line-height:60px; letter-spacing: -2px;}
.extranal_sec p{ font-size:16px; line-height:28px;}
.extranal_sec .ex_blck2 figure{ margin:0 0 30px 0;}
.extranal_sec .ex_blck2 .detail{ padding:0;}
.req_form{ padding:20px 40px 30px 40px;}
.req_form .global_title{ font-size:50px; line-height:55px;}
.form_info .field{ padding:0 15px;}
.form_info textarea.field{ padding:20px 15px;}
.req_form p{ font-size:14px; line-height:24px;}
.ph_info{ font-size:55px;}
.ph_info.mail{ font-size:23px;}
.service_sec{ padding:60px 0 60px 0;}
.faq_sec{ padding:60px 0 80px 0;}
.service_sec .service_block p{ font-size:14px; line-height:24px;}
.footer_detail{ padding-top:60px;}
.copyright{ margin: 20px 0 0 0; padding: 20px 0; font-size:16px;}
.kempten{ padding:30px 0 20px 0;}
ul.kemp_list li{ font-size:15px; margin-bottom:10px;}
}

/************ Main **************/
@media (max-width: 991px) {
.logo{ width:260px;}
.topnav a.nav-links{ font-size:14px; margin-left:25px;}
.banner_sec { padding: 153px 0 60px 0;}
.banner_sec .inner{ max-width:465px;}
.banner_sec h1{ font-size: 80px; line-height: 35px; margin-bottom: 20px;}
.banner_sec h1 small{ font-size:45px;}
.banner_sec p{ font-size:14px; line-height:24px; margin-bottom:35px;}
.banner_sec .req_btn{ padding:19px 35px 19px 35px; font-size:18px;}
.info_list{ padding:30px 0 20px 0;}
.info_list ul li{ width:33.333333%; display:inherit; float:left;}
.info_list ul li:first-child, .info_list ul li:last-child{ line-height:19px;}
.extranal_sec{ padding:40px 0 30px 0;}
.extranal_sec .col.col-sm-12{ width:100%; float:left !important;}
.extranal_sec figure{ margin-top:0;}

.global_title{ font-size:40px; letter-spacing: -1px; line-height: 46px; margin-bottom:30px;}
.global_title small{ font-size:18px; letter-spacing:4px; line-height:normal;}

.extranal_sec p{ max-width:inherit; font-size:14px; line-height:24px;}
.extranal_sec .ex_blck{ margin-bottom:10px;}
.extranal_sec .ex_blck2 .detail{ max-width:inherit;}
.extranal_sec figure img{ width:auto;}
.req_sec{ padding:40px 0 0 0;}
.req_sec .col.col-sm-12{ width:100%;}
.req_sec .req_left{ margin:0 0 20px 0;}
.req_form{ padding:20px 60px 30px 60px;}
.service_sec .col-lg-4{ width:50%;}
.service_sec .service_block{ min-height:108px;}
.service_sec { padding: 50px 0 40px 0;}
.faq_sec{ padding:40px 0; /*background-position:left center;*/ background:#f7f7f7;}
.faq_sec .acc{ max-width:inherit;}
.faq_sec .acc__title{ padding:20px 75px 20px 20px; font-size:24px; line-height:28px;}
.faq_sec .acc__title:after{ right:20px; }
.faq_sec .acc__panel{ padding:0 20px 20px 20px; font-size:14px; line-height:25px;}

.footer_detail{ padding:40px 0 0 0;}
ul.footer_link li{ font-size:14px;}
ul.footer_social li a{ width:50px; height:50px; line-height:46px; font-size:20px;}
.copyright{ margin:20px 0 0 0; padding:20px 0 25px 0; font-size:14px;}
.kempten{ padding:20px 0;}
ul.kemp_list li{ font-size:14px; margin-bottom:5px;}
.map_sec{ padding:70px 0;}
.map_sec .map_block{ max-width:370px; padding:40px 20px 10px 25px;}
.map_sec iframe{ height:600px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.logo { width: 220px; margin-top:8px;}
.topnav .nav-inn{display: none; background:rgba(0,0,0,0.8); padding:15px 15px; border-radius:10px; margin-top:15px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear;}
.topnav a.icon { position: absolute; right: 0; top: 0; float: right; display: block;}
.topnav.responsive {position: relative;}
.topnav.responsive .icon:after{ opacity:0;}
.topnav.responsive .icon:before{ opacity:1;}
.topnav.responsive .nav-inn { width:100%; float:left; display: block; text-align: left; visibility: visible;  opacity: 1;}
.topnav a.nav-links{ float:none; display:block; margin:0; padding:8px 0; color:#fff; font-size:16px;}
.topnav a.nav-links.kont_link{ padding:14px 34px; text-align:center; margin-top:10px;}
.topnav a.nav-links.kont_link:hover{ background:#fff; color:#000;}
header.sticky nav{ padding-bottom:20px;}
.banner_sec { padding: 100px 0 40px 0;}
.banner_sec h1{ font-size:40px; letter-spacing:0; line-height:normal;}
.banner_sec h1 small{ font-size:30px; letter-spacing:0; margin-top:0;}
.info_list ul li{ width:100%; line-height:29px;}
.info_list ul li:first-child, .info_list ul li:last-child{ line-height:29px;}
.service_sec .col-lg-4{ width:100%;}
.service_sec .service_block{ min-height:inherit; margin-bottom:10px;}
.global_title{ font-size:30px; line-height:normal;}
.ph_info{ padding:0; font-size: 37px; line-height:45px; margin-bottom:20px;}
.ph_info i{ position:relative; width:30px; display:block; margin-bottom:10px;}
.ph_info small{ font-size:21px; letter-spacing:4px;}
.ph_info.mail { font-size: 18px;}
.req_sec .req_left{ margin-bottom:0;}
.req_form{ background:#28487f; padding:30px 15px 30px 15px; margin-bottom:30px;}
.req_form:after, .req_form:before{ display:none;}
.req_form .global_title{ font-size:30px; letter-spacing:0; line-height:normal;}
.req_form .global_title small{ font-size:18px; letter-spacing:4px; line-height:normal;}

.footer_detail .col-xs-12{ width:100%;}
.footer_detail .footer_logo{ margin-bottom:30px;}
ul.footer_social{ margin-bottom:20px;}
.copyright{ margin:10px 0 0 0; padding:15px 0 18px 0;}

.map_sec .add_info{ font-size:14px;}
.map_sec .add_info strong{ font-size:20px;}
.map_sec .add_info i{ width:25px;}
.map_sec .add_info{ padding:0px 0 0 35px; margin:0 0 18px 0;}
.map_sec .add_info a{ font-size:15px;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.req_sec .col.col-lg-6{ width:100%;}
.form_info .field{ height:52px;}
.form_info .sub_btn{ font-size:20px;}
.faq_sec .acc__title{ padding:20px 70px 20px 10px; font-size:17px; line-height:25px;}
.faq_sec .acc__panel{ padding:0 10px 20px 10px;}

.info_list ul li, .info_list ul li:first-child, .info_list ul li:last-child{ line-height:22px; min-height:29px;}
ul.footer_social li a{ width:40px; height:40px; line-height:36px; font-size:18px;}
ul.footer_social li{ margin:0 4px 0 0;}
.footer_detail .footer_logo{ margin-bottom:20px;}
ul.footer_link li{ margin-bottom:8px;}
.map_sec .map_block::before{ display:none;}
.map_sec .map_block{ padding:35px 15px 10px 15px;}
}

