@media (max-width:1200px) {
    .container{ width:96%; margin:0 auto; padding:0;}
    .nav_sec:after{ display:none;}
    .nav_sec .navbar-default .navbar-brand{ width:180px;}
    .nav_sec .navbar-default .navbar-nav > li > a{ font-size:13px;}
    .prod_sec .block h3{ font-size:20px;}
    .quote_sec h2{ font-size:36px;}

    .quote_sec .right_info{ padding-left:20px;}
    .add_info{ font-size:15px;}
    .footer_menu ul li a{ padding:0 22px 0 20px; font-size:14px;}



}

/************ Main **************/
@media (max-width: 992px) {
    ul.phone_info li{ margin-right:15px; font-size:14px;}
    ul.phone_info li a{ font-size:14px;}
    ul.top_social li{ font-size:16px;}

    .nav_sec .navbar-default .navbar-brand{ height:50px; padding-top:20px; margin-top:-8px;}
    .nav_sec .navbar-default .navbar-brand::before{ height:70px;}
    .nav_sec .navbar-default .navbar-brand::after{ height:70px; background-position:center;}

    .navbar-collapse.collapse { display: none !important;}
    .navbar-collapse.collapse.in { display:block !important;}
    .navbar-header .collapse, .navbar-toggle { display:block !important;}
    .navbar-header {float:none;}
    .nav_sec .nav > li{ display:block; float:none; margin-left:0 !important;}
    .navbar-nav .open .dropdown-menu{ position:static;}
    .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}


    .navbar-default .navbar-toggle{ margin:2px 0 0 0;}
    .navbar-default .navbar-toggle .icon-bar{background-color:#191919; 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);}

    .nav_sec .navbar-nav{ float:none; margin-top:25px;}
    .nav_sec .navbar-default .navbar-nav > li > a{ padding:10px 0 5px 0;}

    .welcome_sec p{ font-size:14px; line-height:23px; text-align:justify;}
    .quote_sec .left_info{ padding-left:15px; padding-right:75px;}
    .quote_sec .right_info{ padding-right:20px;}
    .quote_sec h2, .quote_sec h3{ font-size:26px;}
    .quote_sec p{ font-size:20px;}
    .quote_sec a{ font-size:24px; line-height:60px;}
    .footer_detail .col-sm-4 .block{ border:none;}
    .footer_logo{ margin-top:10px; margin-bottom:30px;}
}

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

    .quote_sec .right_info::after{ display:none;}
    .quote_sec .left_info, .quote_sec .right_info{ width:100%; padding:50px 0; min-height:inherit;}
    .quote_sec .left_info .inner{ float:left; max-width:inherit;}
    .quote_sec .right_info .inner{ max-width:340px; float:none; display:block; margin:0 auto;}

    .footer_detail .block{ border-right:1px solid #656565 !important;}
    .footer_detail .col-sm-3 .block{ border:none !important;}
    .contact_form .contact_info { padding: 30px 10px 30px; text-align: center;  }
    .contact_form .contact_info  p { text-align: center;  }
    .more_link.pull-right { float: none !important; margin: 0 auto; display: inherit; }
}

/************ iphone **************/
@media (max-width:600px) {
    html { -webkit-text-size-adjust:none;}
    .container{ width:91%;}
    .navbar-default .navbar-toggle{ margin-top:8px;}
    ul.phone_info{ width:100%; display:block; text-align:center; margin-bottom:10px;}
    ul.phone_info li{ margin-right: 10px; margin-left: 10px;}
    ul.top_social{ width:100%; text-align:center; margin-bottom:15px;}
    .nav_sec .navbar-default .navbar-brand{ height:inherit; padding:20px 0;}
    .nav_sec .navbar-default .navbar-brand::before, .nav_sec .navbar-default .navbar-brand::after{ height:100%;}
    .global_title{ font-size:26px;}
    .prod_sec .col-xs-6{ width:100%;}
    .prod_sec .block h3{ font-size:17px; line-height:normal;}

    .quote_sec .right_info .inner{ background:url(../images/quote_sec_arrow.png) no-repeat right 5px bottom 10px;}
    .footer_detail .col-xs-6{ width:100%;}
    .footer_detail .block{ min-height:inherit; margin:0 0 30px 0; border-right:none !important;}
    .prod_sec{ padding:40px 0 10px 0;}
    .footer_menu ul li{ display:block;}
    .footer_menu ul li::after{ display:none;}
    .welcome_sec { padding-top: 30px; }
}