@media (max-width:1560px) {

    .nav_sec .logo_info{ font-size:20px;}
    
    .nav_sec .logo_info strong{ font-size:16px;}
    
    .inner_banner.scalif_banner3:after{ width:45%; background-size:100% auto;}
    
    }
    
    
    
    @media (max-width:1200px) {
    
    .container{ width:92%; margin:0 auto; padding:0;}
    
    .advice_btn{ padding:4px 14px 5px 14px; font-size:14px;}
    
    .nav_sec .navbar-brand{ width:60px;}
    
    .nav_sec .logo_info{ font-size:16px; line-height:20px; padding-left:8px !important;}
    
    .nav_sec .logo_info strong{ font-size:13px;}
    
    .nav_sec .navbar-light .navbar-nav li{ margin:0 20px;}
    
    .nav_sec .navbar-light .navbar-nav .nav-link{ padding:19px 0 18px 0;}
    
    .hero_sec .caption_info{ padding:0 60px;}
    
    
    
    .review_info{ max-width: 128px; padding:10px 10px 13px 10px;}
    
    .review_info p{ font-size:13px; line-height:16px;}
    
    .review_info .count{ font-size:24px;}
    
    .review_info .rating_info{ font-size:12px;}
    
    .sticky_info ul.link_contact li a{ width:50px; height:50px;}
    
    .sticky_info ul.link_contact li a img{ width:24px;}
    
    
    
    .hero_sec.hero_sec2 .hero_bg{ height:350px;}
    
    .hero_sec2 h2{ font-size:30px;}
    
    .hero_sec2 .hero_cap{ top:40px;}
    
    
    
    .hero_sec3 .hero_bg{ height:470px;}
    
    
    
    .inner_banner h2{ font-size:24px; line-height:30px;}
    
    .submit_sec .block{ padding:0 30px;}
    
    
    
    .modal.kontact_1 .modal-dialog{ max-width:770px;}
    
    .modal.kontact_1 .modal-body{ padding:60px 70px 10px 55px;}
    
    
    
    .scalif_banner.inner_banner h2{ font-size:22px; margin-bottom:5px;}
    
    .scalif_banner.inner_banner h3{ font-size:16px; line-height:22px;}
    
    .form_info .kontakta_check .custom-control-label br{ display:none;}
    
    
    
    
    
    .nav_sec .w-40{ width:30% !important;}
    
    .nav_sec .w-40.order-3{ width:60% !important;}
    
    .usr_links{ margin-left:20px;}
    
    .optimal_info{ padding-right:30px;}
    
    .happen_info{ padding:25px 25px 12px 25px;}
    
    
    
    .date_block span.error{ width:200px; font-size:12px; line-height:15px; top:0;}
    
    .tooltip_info{ margin-left:30px;}
    
    
    
    .inner_banner.scalif_banner3:after{ width:50%; background-size:100% auto;}
    
    
    
    .approval_banner h2{ font-size:30px;}
    
    .approval_banner h3{ font-size:24px;}
    
    .approval_banner ul li { font-size: 16px; line-height: 22px; padding-left: 30px; margin-bottom: 10px;}
    
    .approval_banner ul li i { width: 18px;}
    
    .approval_banner ul li strong{ font-size:19px;}
    
    .info_tag{ font-size:20px;}
    
    .kfz_block h3{ font-size:23px;}
    
    .kfz_block{ padding:25px 12px 28px 12px;}
    
    .kfz_table .table tr td{ font-size:13px; padding:6px 12px 10px 12px;}
    
    .kfz_block .listing_info2 li{ font-size:14px; background-size:12px auto !important; background-position:left top 7px;}
    
    .approval_sec{ background-size:45% auto;}
    
    .approval_sec .tab-content{ padding-left:10px;}
    
    
    
    .info_contact .inner{ padding:0 40px;}
    
    .form_contact .form-block{ padding:0 12%;}
    
    .professional h4{ font-size:19px;}
    
    .history_block strong{ font-size:23px;}
    
    .history_sec h2{ margin-bottom:40px;}
    
    .ueber_sec .quote_info{ padding:0 20px 0 10px;}
    
    
    
    .product_sec .container{ max-width:650px;}
    
    .product_sec .prod_info { width: 149px; height: 149px; padding: 31px 10px 20px 10px; font-size: 14px; line-height: 19px; right: -105px; top: 120px;}
    
    .online_sec .detail{ padding:50px 50px 50px 40px;}
    
    .online_sec h3{ font-size:24px; line-height:26px;}
    
    .online_sec p{ font-size:16px;}
    
    .online_sec p small{ font-size:14px;}
    
    .action_block{ top:69px;}
    
    .online_sec .btn_link{ font-size:15px;}
    
    .online_sec .detail::before { width:490px;}
    
    .travel_sec .btn_link{ font-size:15px;}
    
    
    
    
    
    #SidebarPanel{ height:400px; width:300px;}
    
    #SidebarPanel .block1{ padding:30px 20px 10px 20px;}
    
    #SidebarPanel .block2{ padding:20px 20px 20px 20px;}
    
    #SidebarPanel h4{ font-size:16px;}
    
    #SidebarPanel .close { width: 16px; top: 10px; right: 15px;}
    
    #SidebarPanel p{ margin-bottom:25px; font-size:16px; line-height:24px;}
    
    #SidebarPanel .kontak_links li{ margin-bottom:10px; font-size:16px; padding-left:30px;}
    
    #SidebarPanel .kontak_links li img{ width:20px;}
    
    .form_info .form_block.error.mb-40 span.error{ padding:2px 0 0 10px; font-size:11px; min-width:100px; line-height:normal;}
    }
    
    
    
    /************ Main **************/
    
    @media (max-width: 991px) {
    
    .nav_sec .order-1, .nav_sec .order-2, .nav_sec .order-3{ 
        order:inherit;
        margin-bottom: -25px;
    }

    .nav_sec{ float:left; margin:0; padding:0; border-bottom:1px solid #dedee1; background:#fff;height: 60px;}
    
    .nav_sec .w-75{ width:100% !important;}
    
    .nav_sec .w-25.order-1{ width:70% !important;}
    
    .nav_sec .w-25.order-3{ width:30% !important;}
    
    .hidden-xs{ display:none !important;}
    
    .visible-xs{ display:block !important;}
    
    .advice_btn{ float:none; display:block; text-align:center; margin-bottom:10px;}
    
    .navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:-20px; margin-bottom:30px; height: 33px;}
    
    .navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
    
    .navbar-toggler span {display: block; background-color:#3a373a; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
    
    .navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
    
    .navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
    
    .navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
    
    .navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
    
    .nav_sec .navbar-nav{ padding:10px 0;}
    
    .nav_sec .navbar-light .navbar-nav li{ margin:0;}
    
    .nav_sec .navbar-light .navbar-nav .nav-link{ padding:8px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
    
    .nav_sec .dropdown-menu{box-shadow:none;}
    
    .nav_sec .dropdown-item{ border-bottom:1px solid rgba(0,0,0,0.1);}
    
    .hero_sec .caption_info{ padding:0 40px;}
    
    .hero_sec .carousel-control-prev, .hero_sec .carousel-control-next{ width:20px;}
    
    .hero_sec .carousel-control-prev{ left:15px;}
    
    .hero_sec .carousel-control-next{ right:15px;}
    
    .hero_sec .hero_bg{ height:350px;}
    
    .hero_sec .add_info{ padding:30px 15px 20px 15px; max-width:243px;}
    
    .hero_sec .add_info ul li{ font-size:16px; line-height:22px; padding-left:30px; margin-bottom:10px;}
    
    .hero_sec .add_info ul li strong{ font-size:20px;}
    
    .hero_sec .add_info ul li i{ width:18px;}
    
    .hero_sec .add_info ul li p{ font-size:14px; margin-top:7px;}
    
    .hero_sec .addtitle{ margin-bottom:20px;}
    
    .solution_sec{ padding:40px 0 20px 0;}
    
    .solut_btn{ font-size:14px;}
    
    .solution p{ padding:0 30px;}
    
    .global_title{ font-size:24px; line-height:33px;}
    
    .partner_sec{ padding:40px 0 10px 0;}
    
    .partner_sec .info{ font-size:15px; margin-bottom:30px;}
    
    .tab_info .tab-content{ padding-top:30px;}
    
    .tab_info .main_block{ margin-bottom:40px;}
    
    .team_block{ margin-bottom:30px;}
    
    .map_sec iframe{ height:300px;}
    
    .map_cap h3{ font-size:18px;}
    
    .map_title{ font-size:14px; padding:7px 10px 9px 10px;}
    
    .map_title strong{ font-size:16px;}
    
    footer{ padding:40px 0;}
    
    .info_cntct span{ display:block;}
    
    
    
    footer .f_logo1 img{ max-width:94px;}
    
    .footer_links li{ font-size:14px;}
    
    .footer_links li a{ padding-left:14px; background-size:5px auto;}
    
    
    
    .customer_info{ margin:0; padding:40px 0 0 0;}
    
    .hero_sec.hero_sec2 .hero_bg { height: 250px;}
    
    .customer_info .left_detail{ margin-bottom:30px;}
    
    .customer_info .left_detail p{ font-size:17px;}
    
    .customer_info .right_detail h3{ font-size:16px; line-height:22px;}
    
    .customer_info .right_detail h3 strong{ font-size:19px;}
    
    .customer_info ul li{ font-size:14px;}
    
    .customer_info ul li img{ width:16px;}
    
    .customer_info ul li::after{ margin:0 2px 0 4px;}
    
    .partner_logos .inner{ padding:40px 0 10px 0;}
    
    .partner_logos h4{ font-size:18px;}
    
    
    
    .hero_sec3 .hero_bg{ height:370px;}
    
    .hero_sec3 .add_info{ padding:20px;}
    
    .hero_sec3 .addtitle img{ width:100%; max-width:150px;}
    
    .hero_sec3 h2{ font-size:30px;}
    
    
    
    .inner_banner figure img{ width:100%; max-width:120px;}
    
    .inner_banner h2{ font-size:20px;}
    
    .talk_link{ margin-bottom:10px;}
    
    .submit_sec h4{ font-size:19px;}
    
    .submit_sec p{ margin-bottom:25px; font-size:14px;}
    
    .submit_sec .block{ padding:0 15px;}
    
    .submit_sec{ padding-bottom:15px;}
    
    .benifit_sec.partner_sec{ padding:80px 0 40px 0; clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);}
    
    .faq_sec{ padding:40px 0;}
    
    
    
    .modal.kontact_1 .modal-dialog{ max-width:600px;}
    
    .modal.kontact_1 .modal-body{ padding:40px 50px 10px 30px;}
    
    .modal_kontact h4{ font-size:18px;}
    
    .modal_kontact .close { width: 16px; top: 10px; right: 15px;}
    
    .modal_kontact p{ margin-bottom:25px; font-size:18px; line-height:26px;}
    
    .kontak_links li{ margin-bottom:12px; font-size:18px; padding-left:30px;}
    
    .kontak_links li img{ width:24px;}
    
    
    
    .modal_kontact .block1{ padding:40px 20px 20px 20px;}
    
    .modal_kontact .block2{ padding:30px 20px 10px 20px;}
    
    .modal.kontact_2 .modal-dialog{ max-width:300px;}
    
    .modal.kontact_2 .close { top: 5px; right: 10px;}
    
    
    
    .scalif_banner.inner_banner figure .text_image{ max-width:150px;}
    
    .scalif_banner.inner_banner h2{ font-size:20px;}
    
    .scalif_banner.inner_banner h3{ font-size:14px; line-height:20px;}
    
    
    
    .nav_sec .w-75{ width:100% !important;}
    
    .nav_sec .w-25.order-1{ width:70% !important;}
    
    .nav_sec .w-25.order-3{ width:30% !important;}
    
    
    
    .nav_sec .w-40.order-1{ width:70% !important;}
    
    .nav_sec .w-40.order-2{ width:100% !important;}
    
    .nav_sec .w-40.order-3{ width:30% !important;}
    
    
    
    .form_info .form_block{ padding-right:30px;}
    
    .form_info .error_msg{ float:right; max-width:66.666667%; padding:10px 0 0 5px; position:relative;}
    
    .form_info .form_block_check{ padding-right:30px;}
    
    
    
    .optimal_info{ padding:21px 15px 13px 15px;}
    
    .optimal_info p{ font-size:14px;}
    
    .optimal_info p span strong{ font-size:24px;}
    
    .optimal_info p span strong span{ font-size:17px;}
    
    .optimal_info h2{ font-size:26px;}
    
    .optimal_info .listing_info2 li{ font-size:14px;}
    
    .happen_info{ padding:25px 15px 12px 15px;}
    
    .happen_info .listing_info2 li{ font-size:14px;}
    
    .happen_info h3{ font-size:18px;}
    
    .scalif_sec{ padding-bottom:15px;}
    
    .usr_links{ margin-left:0;}
    
    .usr_links li{ border:none; border-top:1px solid #dedee1; margin:0 0 10px 0; padding:6px 0 0 0; display:block;}
    
    
    
    .discount_block{ width: 131px; height: 131px; font-size:15px;}
    
    .discount_block strong{ font-size:30px;}
    
    .insure_sec h2{ font-size:22px;}
    
    .date_block label{ font-size:16px;}
    
    .date_block .field{ max-width:105px; font-size:16px;}
    
    .insure_sec{ padding:25px 0 60px 0;}
    
    .tooltip_info{ max-width:165px; padding:11px 15px 14px 15px; font-size:14px;}
    
    .tooltip_info strong{ font-size:17px;}
    
    .choose_sec{ padding-bottom:40px;}
    
    .choose_sec h2{ font-size:22px;}
    
    .choose_sec .info{ font-size:16px; margin-bottom:30px;}
    
    .choose_sec .block{ padding:20px 15px 20px 15px;}
    
    .choose_sec .block p{ font-size:14px;}
    
    .choose_sec .block p span strong{ font-size:24px;}
    
    .choose_sec .block p span strong span{ font-size:17px;}
    
    .choose_sec .block h3{ font-size:26px;}
    
    .choose_sec .listing_info2 li{ font-size:14px;}
    
    
    
    .siemens_sec h2{ font-size:18px;}
    
    .siemens_sec p{ font-size:14px; margin-bottom:30px;}
    
    .siemens_sec .block{ padding:30px 15px;}
    
    .siemens_sec .block h3{ font-size:17px;}
    
    .siemens_sec .block a{ font-size:14px;}
    
    .siemens_sec{ padding-bottom:10px;}
    
    
    
    .approval_banner h2{ font-size:24px;}
    
    .approval_banner h3{ font-size:18px;}
    
    .info_tag{ font-size:16px;}
    
    .kfz_sec{ padding:40px 0 30px 0;}
    
    .kfz_table .table tr td:last-child{ white-space:nowrap;}
    
    .kfz_sec h4{ margin:0 0 20px 0; font-size:18px;}
    
    .approval_sec{ padding:40px 0;}
    
    .approval_sec .tab-content{ padding:0;}
    
    .approval_sec .nav-tabs .nav-link{ padding:10px 18px; font-size:15px;}
    
    .approval_sec .card .card-body p{ font-size:14px;}
    
    .approval_sec .card .card-body .listing_info2 li{ font-size:14px; background-size:12px auto !important; background-position:left top 7px;}
    
    
    
    .ueber_banner{ padding:80px 0 60px 0;}
    
    .ueber_banner h2{ font-size:24px;}
    
    .ueber_sec{ padding:40px 0;}
    
    .ueber_sec p{ font-size:14px; line-height:22px;}
    
    .ueber_sec .detail_left{ padding:0;}
    
    .ueber_block{ margin-bottom:30px;}
    
    .ueber_sec .quote_info{ padding:0 25px; font-size:15px; line-height:23px;}
    
    .ueber_sec .quote_info::after { right:0;}
    
    .info_contact .inner{ padding:0 30px; margin:40px 0 60px 0;}
    
    .info_contact ul li{ font-size:16px; padding-left:40px; line-height:26px; margin-bottom:11px;}
    
    .info_contact ul li i{ width:25px !important;}
    
    .date_time{ padding-left:40px; font-size:15px;}
    
    .date_time strong{ font-size:18px;}
    
    .form_contact .form-block{ padding:0;}
    
    .info_contact p{ font-size:15px;}
    
    .history_sec{ padding:40px 0 0 0; margin-bottom:0;}
    
    .history_block p{ font-size:14px; line-height:21px;}
    
    .professional_sec{ padding:100px 0 10px 0; background-size: 100% 70px;}
    
    
    
    .product_banner{ padding:40px 0;}
    
    .product_banner .container{ max-width:540px;}
    
    .product_banner h2{ font-size:22px;}
    
    .product_banner p{ font-size:14px;}
    
    .product_sec .container{ max-width:530px;}
    
    .product_sec .prod_info{ width:130px; height:130px; padding-top:22px; top:80px; right:-85px;}
    
    .product_block{ padding:23px 15px 20px 15px;}
    
    .product_block figure{ margin-bottom:10px;}
    
    .product_block h3{ font-size:20px;}
    
    .product_block ul li a{ font-size:15px;}
    
    .product_block .btn_link{ font-size:14px; padding-left:20px; padding-right:20px;}
    
    .action_block { width: 85px;    height: 85px;    font-size: 15px;    line-height: 85px; right:-20px;}
    
    .online_sec p{ font-size:14px; line-height:19px;}
    
    .online_sec p small{ font-size:13px;}
    
    .online_sec h3{ font-size:20px;}
    
    .online_sec .detail{ padding:40px 40px 40px 30px;}
    
    .online_sec{ padding-top:40px;}
    
    .travel_sec{ padding-bottom:40px;}
    
    .travel_sec .inner{ padding:40px 30px;}
    
    .travel_sec h2{ font-size:24px;}
    
    .travel_sec h2 small{ font-size:16px;}
    
    
    
    .thanku_modal .modal-body{ padding:30px 15px 30px 15px;}
    
    .thanku_modal h3{ font-size:18px;}
    
    .thanku_modal h2{ font-size:25px;}
    
    .thanku_modal p{ margin-bottom:30px; font-size:14px;}
    
    
    
    .map_title i{ width:150px; margin:0 8px; padding-right:10px;}
    
    /***** ******/
    .form_info .form_block.error label{ margin-bottom:20px;}
    .form_info .form_block.error span.error{ max-width:100%; padding:0; left:0; position:relative; top:0; font-size:12px;}
    .form_info .form_block i{ top:10px; transform:translate(0,0);}
    .form_info .form_block.error.mb-40 span.error{ padding-left:0; font-size:11px; min-width:105px; top:0;}
    .form_info .date_field .control-group.ortlast span.error{ left: -126px; min-width: 180px;}
    
    }
    
    
    
    @media (max-width: 767px) {
    
    html { -webkit-text-size-adjust:none;}
    
    .tab_info .main_block figure{ float:none; display:block; margin:0 auto 30px auto;}
    
    .tab_info .detail{ padding-left:0; text-align:center;}
    
    .tab_info .listing_info{ text-align:left; width:100%; max-width:300px; margin:0 auto 20px auto;}
    
    .listing_info li{ font-size:14px;}
    
    .listing_info li::after { top:8px;}
    
    .usr_detail{ font-size:14px;}
    
    .tab_info h3{ font-size:20px; margin-bottom:5px;}
    .partner_sec .tab_info h3{ font-size:20px; margin-bottom:5px;}
    
    .tab_info p{ font-size:16px; line-height:normal;}
    
    
    
    footer{ padding-bottom:0;}
    
    .info_cntct span{ display:inline-block;}
    
    footer .f_logo1 img{ max-width:124px;}
    
    .info_cntct{ margin-bottom:30px;}
    
    footer p{ margin-bottom:30px;}
    
    .footer_links{ margin-bottom:20px;}
    
    
    
    .hero_sec2 h2{ font-size:20px;}
    
    .customer_info{ text-align:center;}
    
    .customer_info .left_detail figure{ margin:0 auto 20px auto;}
    
    
    
    .hero_sec3 .hero_bg{ height:350px;}
    
    .hero_sec3 h2{ font-size:20px;}
    
    
    
    .review_info{ display:none;}
    
    
    
    .submit_sec .block{ padding:0; margin-bottom:0;}
    
    .submit_sec .block1{ margin-bottom:40px;}
    
    .submit_sec .block1::after { display:none;}
    
    
    
    .benifit_sec.partner_sec .global_title{ font-size:19px;}
    
    .faq_sec .global_title{ font-size:20px;}
    
    .inner_banner{ background-position:bottom center;}
    
    
    
    .form_info .form_block label{ text-align:left; margin-bottom:5px;}
    .form_info .form_block.error label{ margin-bottom:5px;}
    
    .form_info .date_field{ position:relative; width:inherit;}
    
    .form_info .date_field .control-group{  width: 25% !important;}
    
    .form_info .date_field .control-group.ortlast{  width: 43% !important; margin-right:0;}
    
    .mb-sm-10{ margin-bottom:10px;}
    
    .form_info .error_msg{ max-width:100%; padding-left:0;}
    
    
    
    .happen_info::after { display:none;}
    
    
    
    .scalif_banner2.inner_banner h3{ margin-bottom:30px !important; margin-right: -30%;}
    
    .discount_block { width: 80px; height: 80px; font-size: 12px; line-height:13px;}
    
    .discount_block strong{ font-size: 18px; line-height: 20px;}
    
    .align-self-end-sm{ -ms-flex-item-align: end !important; align-self: end !important;}
    
    
    
    .date_block .date_block_inn{ padding-right:10px;}
    
    .date_block span.error{ position:inherit; left:0; display:block; float:none; width:100%; text-align:center; margin:10px 0 0 0; padding-left:20px;}
    
    .date_block span.error i{ left:0; right: 0; transform:inherit; top:4px; position:relative; margin:0 10px 0 0;}
    
    .tooltip_info{ position:relative; left:0; top:0; margin:10px auto 0 auto; display:block; float:none;}
    
    
    
    /*** Tab ***/
    
    .approval_sec .nav-tabs{ display:none;}
    
    .approval_sec .tab-content > .tab-pane { display: block !important; opacity: 1;}
    
    
    
    .approval_sec{ background:none;}
    
    .approval_banner .detail_info{ padding:30px 0 0 20px;}
    
    .approval_sec .card .card-body figure{ display:block;}
    
    
    
    .info_contact .inner{ margin:0; padding:0;}
    
    .form_contact{ margin:0; max-width:100%;}
    
    .info_contact .left_detail{ padding:30px 20px;}
    
    .history_block{ padding-top:0; margin-bottom:30px; max-width:100%;}
    
    .history_sec .inner{ padding-left:40px;}
    
    .history_sec .inner::before { height:100%; width:3px; left:0; top:0; clip-path: polygon(100% 1%, 100% 99%, 50% 100%, 0 99%, 0 1%, 50% 0);}
    
    .history_block.history_block1 .curve{ left:-56px;}
    
    .history_block .curve{ left:-54px;}
    
    .history_block .curve::before { display:none;}
    
    .history_sec h2{ font-size:23px; margin-bottom:30px;}
    
    
    
    .product_sec .prod_info{ margin:0 auto 15px auto; display:block; position:relative; right:0; top:0; box-shadow: 0 0 5px rgba(0,0,0,0.19);}
    
    .online_sec .detail{ margin-bottom:30px; height:auto; position:inherit;}
    
    .online_sec .detail::before { display:none;}
    
    .action_block{ right:10%;}
    
    
    
    #SidebarPanel{ height:340px; width:230px;}
    
    #SidebarPanel .block1{ padding:20px 20px 10px 15px;}
    
    #SidebarPanel .block2{ padding:18px 20px 20px 15px;}
    
    #SidebarPanel h4{ font-size:14px;}
    
    #SidebarPanel .close { width: 15px; top: 10px; right: 10px;}
    
    #SidebarPanel p{ margin-bottom:15px; font-size:14px; line-height:20px;}
    
    #SidebarPanel .kontak_links li{ margin-bottom:10px; font-size:14px;}
    
    .form_info .date_field{ padding-bottom:18px;}
    .form_info .date_field .control-group.ortlast span.error{ position:absolute; left:0; top:auto; bottom:0;}
    .form_info .form_block.error.mb-40 span.error{ font-size:12px; min-width:inherit;}
    }
    
    
    
    /************ iphone **************/
    
    @media (max-width:600px) {
    
    .hero_sec {
        text-align: center;
        height: 450px;
    }
    
    .sticky_info {
        float: left;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 350px;
        transform: translate(0,-50%);
        z-index: 99;
        text-align: right;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }
    
    html { -webkit-text-size-adjust:none;}
    
    .container{ width:91%;}
    
    .hero_sec figure{ text-align:center; margin-bottom:10px;}
    
    .hero_sec figure img{ width:100%; max-width:130px;}
    
    .hero_sec .add_info{ padding:20px 15px 15px 15px; display:inline-block; float:none; text-align:left;}
    
    .hero_sec .add_info ul{ padding:0;}
    
    .hero_sec3 .hero_cap {
        width: 100%;
        padding: 0;
        position: relative;
        left: 0;
        margin-top: 30%;
    }
        
    .hero_sec3 .hero_bg {
        height: 160px !important;
    }
    
    .hero_sec3 .hero_cap {
        width: 100%;
        padding: 0;
        position: relative;
        left: 0;
        margin-top: 30%;
    }
        
    .hero_sec3 .hero_bg {
        height: 160px !important;
    }
    
    .global_title{ font-size: 1.6rem; line-height: 2.2rem;}
    
    .solut_btn{ margin-bottom:5px;}
    
    .solution p{ padding:0;}
    
    .mobile_inline {
        display:inline-block;
        float:left;
        max-width: 49%
    }
    
    .billing_sec .pic0{ margin:0px 0px 0 0px; }
    
    .tipp_sec .pro_tipps li {
        color: #000;
        padding: 0 0 0 30px;
        display: inline-block;
        background: url(../images/check-icon_box.svg) no-repeat top 4px left;
            background-size: auto;
        background-size: 16px auto;
        margin: 0 0 20px 0;
    }
    
    .special_info li {
        color: #000;
        padding: 0 0 0 18px;
        display: inline-block;
        background: url(../images/check_icon.svg) no-repeat top 7px left;
            background-size: auto;
        background-size: auto;
        background-size: 12px auto;
    }
    
    
    .hero_sec.hero_sec2 .hero_bg{ height:190px;}
    
    .hero_sec3 .hero_bg{ height:450px;}
    
    .hero_sec3 .text-right{ text-align:center !important;}
    
    .hero_sec3 .add_info{ 
        margin-top:10px;
        margin-bottom: 10px;
    }
    
    
    
    .inner_banner figure.pic2{ text-align:center;}
    
    .benifit_sec.partner_sec .tab_info .nav-tabs .nav-link{ padding-left:5px; padding-right:5px;}
    
    .faq_sec .block span{ font-size:14px;}
    
    
    
    .modal.kontact_1 .modal-body { padding: 40px 30px 10px 20px;}
    
    
    
    .form_info .form_block_check{ padding-right:0;}
    
    .form_info .date_field{ padding-right:5px;}
    
    .form_info .date_field i{ right:-25px;}
    
    .inner_banner_kfz-anmeldung .heading-text{ width:100%; float:left; margin:0; padding:0 5% 0 5%;}
    
    .inner_banner_kfz-anmeldung .teasertext{ font-size:1.2rem; line-height: 1.6rem;  color:1b1b1b;}  
    
    .inner_banner_leasing h2{     font-size: 2.4rem;  color: #000; line-height: 30px; font-weight: 900; font-family: Lato, sans-serif;}
    
    .inner_banner_living h2 {
        margin: 0 0 30px 0;
        padding: 0;
        font-size: 2.4rem;
        color: #000;
        line-height: 40px;
        font-weight: 900;
        font-family: Lato, sans-serif;
    }
    
    .inner_banner_living .teasertext {
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: 1b1b1b;
    }
    
    .special_quote p {
        font-family: 'Shadows Into Light', sans-serif;
        color: #005aab;
        margin: 0 0 25px 0;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
        padding-right: 35px;
    }
    
    .experts_content {
        width: 100%;
        margin: 0;
            margin-top: 0px;
        padding: 0;
        background: transparent;
        height: 100%;
        position: relative;
        margin-top: 0px !important;
    }
    
    .experts_content_left {
        margin: 0;
        padding: 0;
        background: transparent;
        height: 100%;
        position: relative;
        margin-top: 0px !important;
        margin-bottom: 50px !important;
        float:none;
    }
    
    .experts_content .special_quote {
        font-family: 'Shadows Into Light', sans-serif;
        color: #005aab;
        margin: 0 0 0px 0;
        font-size: 26px;
        line-height: 28px;
        font-weight: 500;
        float: none;
    }
    
    .experts_content_left .special_quote_left {
        font-family: 'Shadows Into Light', sans-serif;
        color: #005aab;
        margin: 0 0 0px 0;
        font-size: 26px;
        line-height: 28px;
        font-weight: 500;
        float: none;
    }
    
    .experts_content .phonenumber {
        float: none;
        font-size: 12px;
        color: #999999;
        line-height: 14px;
        font-weight: 500;
    }
    
    .experts_content_left .phonenumber_left {
        float: none;
        font-size: 12px;
        color: #999999;
        line-height: 14px;
        font-weight: 500;
    }
    
    .inner_banner_leasing .teasertext {     font-size: 1.2rem; line-height: 1.6rem; color: #1b1b1b; }
    
    .inner_banner_health .teasertext {
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #1b1b1b;
    }
    
    .inner_banner_produkt-kfz .teasertext {
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #1b1b1b;
    }
    
    .inner_banner_produkt-kfz .pic2 {
        width: 100%;
        margin: 10px 0 40px 0;
        max-width: 24px;
        position: relative;
        z-index: 5;
    }
    
    .inner_banner_produkt-kfz figure.pic3 {
        width: 100%;
        margin-top: 130px;
        position: relative;
        z-index: 5;
        max-width: 90vw;
        max-height: 60vh;
    }
    
    .overlay_height {
        margin-top: 0px;
    }
    
    figure.pic3{ width:100%; margin-top:0px;  position:relative; z-index:5; max-width: 70vw; max-height: 50vh;}
    
    .insure_sec h2{ font-size:18px;}
    
    .insure_sec h2 i{ width:30px; margin-right:5px;}
    
    .date_block label{ font-size:14px;}
    
    .date_block .field{ max-width:85px; font-size:14px;}
    
    .choose_sec h2{ font-size:19px;}
    
    .choose_sec .info{ font-size:14px;}
    
    .choose_sec .listing_info2{ min-height:inherit;}
    
    .dwnld_info{ padding:10px; font-size:13px;}
    
    .dwnld_info span{ margin:0 10px; line-height:18px;}
    
    .dwnld_info small{ font-size:12px;}
    
    
    .inner_banner.scalif_banner3:after{ display:none;}
    
    .inner_banner figure.pic2 .hiden-xs{ display:none;}
    
    .inner_banner figure.pic2 .vible-xs{ display:block;}
    
    .inner_banner.scalif_banner3{ overflow:hidden;}
    
    .inner_banner.scalif_banner3 figure.pic2{ padding-left:0;  width:auto; margin-right:-5%;}
    
    .scalif_banner.inner_banner h3{ margin-bottom:30px !important;}
    
    
    
    .approval_banner{ background-image:none; display:inherit;}
    
    .approval_banner .detail_info{ padding:30px 20px 10px 20px; width:100%;}
    
    .approval_banner figure{ width:100%; padding-left:20px; margin:0;}
    
    .approval_sec .card .card-header h5 a{ font-size:15px;}
    
    
    
    .ueber_banner{ padding:40px 0;}
    
    .ueber_banner h2{ font-size:20px;}
    
    .info_contact h3{ font-size:20px;}
    
    .history_sec .inner{ padding-left:30px;}
    
    .history_block.history_block1 .curve{ left:-46px;}
    
    .history_block .curve{ left:-44px;}
    
    
    
    .online_sec .detail{ padding:40px 60px 40px 20px;}
    
    .action_block{width: 65px; height: 65px; font-size: 12px; line-height: 65px; top:100px; right:10px;}
    
    .online_sec .btn_link{ padding:0 20px;}
    
    .travel_sec .listing_info2{ margin-bottom:25px;}
    
    .travel_sec .btn_link{ margin-bottom:30px;}
    
    
    
    .thanku_modal .close{ top: 20px; right: 27px;}
    
    .thanku_modal .btn_link{ max-width:180px;}
    
    
    
    }