@media screen and (min-width: 1200px){

    .container {

        max-width: 1170px;

    }

}

@media screen and (min-width: 992px){

    /*responsive-header*/

    ul.sub_menu{position: absolute; min-width: 180px;top: -1px;left: 100%;background: #f4a914;z-index: 10;white-space: nowrap;}

    ul.sub_menu li{border-top: 1px solid #cacaca;}

    #main_menu ul.sub_menu li a{padding-left: 26px;padding-right: 26px;}

    #main_menu li:hover >ul.sub_menu{display: block;}

    #main_menu a:hover{color: #fff !important;}

    #main_menu  ul.navbar-nav > li > ul.sub_menu {top: 47px;left: 0;}

    #main_menu ul.navbar-nav > li > a {padding: 10px 26px;}

    #main_menu  ul.navbar-nav > li:first-child > a {text-align: left;}

    #main_menu  ul.navbar-nav > li:last-child > a {text-align: right;}

    #main_menu a.active{background: #767779;color: #fff;font-weight: bold;}

    /*END-responsive-header*/

}

@media screen and (max-width: 991.98px){

    /*responsive-header*/

    #top_header .wp_search {padding-right: 0;}

    .col-mw-991{max-width: 50%}

    #main_menu a{padding-left: .75rem;border-bottom: 1px solid #cacaca;}

    #main_menu ul.sub_menu{margin-left: 15px;}

    #main_menu a.icon_toggle_sub_menu{position: relative;}

    #main_menu a.icon_toggle_sub_menu:after{position: absolute;}

    #main_menu .fa-bars{color: #fff;font-size: 30px;}

    #main_menu .bg_responsive{background: #767779;}

    #main_menu button{outline: 0}

    #main_menu button.icon_toggle_sub_menu{position: absolute;right: 15px;color: #fff;top: 12px;background: #767779;width: 26px;height: 20px;padding: 0;border-radius: 0;font-size: 14px}

    #main_menu button.icon_toggle_sub_menu span.fa-minus{display: none;}

    #main_menu button.icon_toggle_sub_menu span.fa-plus{display: block;}

    #main_menu button.icon_toggle_sub_menu.clickToggle span.fa-minus{display: block;}

    #main_menu button.icon_toggle_sub_menu.clickToggle span.fa-plus{display: none;}

    /*END-responsive-header*/

    /*responvive-grid*/

    /*.grid_box_10{grid-template-columns: auto auto};*/

    /*END-responvive-grid*/



}

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

    .container{max-width: 100%;}

}

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



}

@media screen and (max-width: 767.98px){

    .mb-767{margin-bottom: 30px;}

}

@media screen and (min-width: 575.99px) and (max-width: 767.98px){

    .rp_container_sm{max-width: 100%}

    #product_typical .grid_box_10 > div:nth-child(2) .title_img h3 {font-size: 17px;}

}

@media screen and (min-width: 575.99px){

    .index .grid_box_10{grid-template-columns: calc(366/1140*100%) calc(366/1140*100%) calc(366/1140*100%)}

    .index .grid_box_10{grid-row-gap: 21px;}

    .index .grid_box_10{grid-column-gap: calc((100% - 3*366/1140*100%)/2);}



}

@media screen and (max-width: 575.98px){

    a#logo{text-align: center;}

    #main_menu .container.no_padding{padding-left: 0;padding-right: 0;}

    /*responvive-index*/

    #why_us .mb-575{margin-bottom: 15px;}

    .grid_box_10{grid-template-columns: auto}

    #help .wp_form .wp_btn button{padding: 5px 10px;}

    .mb-575{margin-bottom: 15px;}

    #product_typical .grid_box_10 > div:nth-child(2){order: -1;margin-bottom: 15px}

    /*END-responvive-index*/

}

@media screen and (min-width: 480px){

    #page_project .grid_box_10{grid-template-columns: calc(406/827*100%) calc(406/827*100%)}

    #service_us .grid_box_10{grid-template-columns: calc(350/827*100%) calc(350/827*100%)}

    #news .grid_box_10{grid-template-columns: calc(267/827*100%) calc(267/827*100%) calc(267/827*100%)}

    #product .grid_box_10{grid-template-columns: calc(400/827*100%) calc(400/827*100%)}

}

@media screen and (max-width: 480px){

    #contact #wp_content .form_contact .wp_form h2.title {font-size: 18px;}

    #contact .form_contact label, #contact .form_contact input, #contact .form_contact textarea{width: 100% !important;}

    #contact .center_box{display: block;}

    #contact .form_contact label{margin-bottom: 10px !important;}

    #contact #wp_content .form_contact .wp_form form {padding: 22px 10px 22px 10px;}

}

@media screen and (max-width: 418.98px){

    #help .wp_form {padding: 15px;}

    #help button#send_ms{margin-bottom: 15px;}

    #slogan .slogan_title h2 {white-space: nowrap}

}

@media screen and (max-width: 379px){

    .col-mw-991{max-width: 100%;}

    footer #top_footer h3.title {white-space: nowrap;}

}

@media screen and (max-width: 360px){



}

@media screen and (max-width: 320px){

    #slogan .slogan_title h2 {font-size: 20px;}

}

#detail_news #content .related_news #slide_product h3.title{
    display: unset;
}