@media (max-width:1199px) {
    .container{ width:96%; margin:0 auto; padding:0;}
    .phone_info{ margin:0 15px 0 15px;}
    .top_part .navbar-nav > li{ margin:0 15px;}
    .home_banner .caption_info{ margin-top:0;}
    .home_banner h1{ font-size:55px;}
    ul.list_info{ margin-bottom:10px;}
    .testimonial_sec .block{ min-height:330px;}
    .testimonial_sec .block p{ font-size:15px;} 

}

/************ Main **************/
@media (max-width: 992px) {
    .top_right{ display:none;}
    .home_banner{ padding:50px 0 10px 0;}
    .home_banner h1{ font-size:45px; margin-bottom:15px;}
    .global_title, .start_sec .global_title{ font-size:30px;}
    .work_sec .block{ padding:25px 15px;}
    .testimonial_sec .block figure{ display:none;}

    .zoom_icon{ position:relative; right:inherit; margin:5px 0 10px 0;}

}

@media (max-width: 767px) {
    html { -webkit-text-size-adjust:none;}
    .container{ width:93%; margin:0 auto; padding:0;}

    .navbar-default .navbar-toggle{ margin:3px 15px 0 0;}
    .navbar-default .navbar-toggle .icon-bar{background-color:#000; width:30px; height:4px;}
    .navbar-toggle { border: none;  background: transparent !important; margin-bottom:0;}
    .navbar-toggle:hover { background: transparent !important;}
    .navbar-toggle .icon-bar {width: 22px;transition: all 0.2s;}
    .navbar-toggle .top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
    .navbar-toggle .middle-bar {opacity: 0;}
    .navbar-toggle .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
    .navbar-toggle.collapsed .top-bar {transform: rotate(0);}
    .navbar-toggle.collapsed .middle-bar {opacity: 1;}
    .navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none; box-shadow:none;}
    .top_part .navbar-nav{ float:none; border-top:1px solid #dfdfdf;}
    .top_part .navbar-nav > li{ margin:0;}
    .top_part .navbar-default .navbar-nav > li > a{ padding:22px 15px;}
    .top_part .navbar-default .caret{ float:right; margin-top:10px;}
    .top_part .navbar-default .navbar-nav > li > a:hover, .top_part .navbar-default .navbar-nav > li > a:focus{ color:#1b85b2; background:#e8f2f7;}
    .top_part .navbar-default .navbar-nav > .open > a, .top_part .navbar-default .navbar-nav > .open > a:hover, .top_part .navbar-default .navbar-nav > .open > a:focus{ color:#1b85b2; background:#e8f2f7;}
    .top_part .navbar-default .navbar-nav > .active > a, .top_part .navbar-default .navbar-nav > .active > a:hover, .top_part .navbar-default .navbar-nav > .active > a:focus{ color:#1b85b2; background:#e8f2f7;}
    .top_part .navbar-nav > li > .dropdown-menu { padding:0; background:#f3f3f3; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{ padding:15px; font-size:13px; color:#231f20;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ color:#231f20; background:#fff;}
    .top_part{ padding:10px 0;}
    .top_part .container{ width:100%;}
    .top_part .navbar-default .navbar-brand{ margin-left:15px;}

    .home_banner{ padding:80px 0 40px 0;}
    .home_banner h1{ font-size:34px;}
    ul.list_info{ margin-bottom:20px;}
    ul.list_info li{ padding:0 0 0 20px; margin:0 0 7px 0; font-size:16px; display:block;}

    .global_title, .start_sec .global_title{ font-size:20px;}
    .client_sec{ padding:60px 0 70px 0;}
    .client_sec .global_title{ text-align:left;}

    .test_sec .detail{ max-width:100%; margin-top:0;}
    .test_sec .global_title{ margin-bottom:25px;}
    .test_sec p{ font-size:16px; line-height:26px; margin-bottom:33px;}

    .work_sec{ padding:25px 0 0 0;}
    .work_sec .detail{ max-width:100%; margin-bottom:0;}
    .work_sec .global_title{ margin-bottom:25px;}
    .work_sec p{ font-size:16px; line-height:26px;}
    .work_sec .block{ padding:25px;}
    .work_sec .block.block_2{ margin-top:0;} 
    .work_sec .block.block_3{ margin-top:0;} 
    .work_sec .block h3 br{ display:none;}
    .work_sec .block h3{ font-size:18px;}

    .testimonial_sec .global_title{ text-align:left; margin-bottom:20px;}
    .testimonial_sec .block{ padding:20px; margin-bottom:20px; min-height:inherit;}
    .testimonial_sec .block h3{ font-size:18px;}
    .testimonial_sec .block p{ font-size:16px; line-height:26px; margin-bottom:0;}

    .industry_sec{ padding:60px 0 0 0;}
    .industry_sec .global_title{ margin-bottom:15px;}
    .industry_sec .info{ font-size:16px; line-height:26px;}
    .industry_sec .block h3{ font-size:16px;}

    .start_sec{ padding:80px 0 72px 0;}
    .start_sec .global_title{ font-size:28px; text-align:center;}
    .start_sec .start_link{ font-size:15px; line-height:48px;}

    .footer_detail{ padding:13px 0 32px 0;}
    .footer_detail .f_block{ min-height:215px;}
    .footer_logo, .copyright p{ text-align:center;}

    .proto_sec{ margin-bottom:10px;}
    .device_sec{ margin-bottom:10px;}

    .nav_portal .portal_nav_link{ max-width:50px; margin-right:10px; padding:29px 0 20px 0;}
    .register_sec .panel { padding: 0px; }
    .copyright ul {
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    ul.social_info li {
        padding: 0;
        margin: 0 8px 15px 8px;
    }
    .mob-center { text-align: center; }
    .mob-center .phone_email_info { float: none; }
    .footer_detail .survey_link { float: none;} 

    .preview_link{ margin: 0 0 15px 0 !important; }
    .preview_link.survey_link{ /*line-height:38px;*/ }

    .dashboard_sec h1 { font-size: 28px;}
    .dashboard_sec .video_list figure { margin-bottom: 15px;}
    .dashboard_sec .video_list .row { margin-bottom: 0px; clear: both; }
    .dashboard_sec .next_link { margin-top: 15px; float: none; margin: 15px auto 0 auto; }
    .dashboard_sec .top_info { text-align: center; }
    .dashboard_sec .mobile_tab tr td { line-height: 22px; padding: 10px; }

    .form_info .form_block { margin-bottom: 25px; }

    .dashboard_sec .video_list figure { position: relative; }
    .dashboard_sec .play_icon { position: absolute; top: 50%; }

    .nav_portal .welcome_drop figure { width: 25px; margin: 0px 2px; }
    .nav_portal .phone_info { margin-right: 0px;}
    .portal_logo { width: 50%;}

    .form-buttons a { float: none; clear: both; display: block; margin-bottom: 10px; width: auto !important;}
    
    .project_info h2 { text-align: center; }
    .search_form { width: 100%;}
.dashboard_sec.survey-page {
	padding: 40px 0;
}    

}

/************ iphone **************/
@media (max-width:600px) {
    html { -webkit-text-size-adjust:none;}
    .container{ width:91%;}

    .step_sec .nav-tabs{ max-width:300px;}
    .step_sec .nav-tabs > li > a{ font-size:12px;}
    .step_sec .nav-tabs > li > a .circle{ width:50px; height:50px; line-height:50px; font-size:24px;}

    .form_info .btn-block.text-right{ text-align:center;}
    .form_info .col-xs-6{ width:100%;}
    .return_tab{ text-align:center;}
    .question_info{ margin-bottom:10px;}

    /****** 17 -05 - 2018 **********/
    .step_info ul li{ font-size:12px; width:25%;}
    .step_info ul li a .circle{ width:55px !important;  height:55px !important; line-height:55px !important; font-size:24px !important;}
    .form-buttons { text-align: center; }
    .next_step { float: none;}
}


@media (max-width:370px) {
    .portal_logo img{ margin-top: 24px; }
}