/* #### PC #### */
#click_footer {
    /*display: none !important*/
    padding-left: 170px;
    padding-right: 170px;
}

@media only screen and (min-width: 768px) {
    .menu_tongle {
        display: none;
    }
}


/* #### iPhone Portrait or Landscape #### */
@media screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .container {
        width: 100%; /*min20171018*/
    }

    #show_menu .tab-links, .tab-csr {
        display: block !important;
    }

    .low_menu {
        display: none !important;
    }

    .col-md-4, .col-md-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .tab-content {
        padding: 0px !important;
    }

    #menu_table {
        display: none;
    }

    .menu_tongle {
        /*margin-left: -3.5%;*/
        display: block;
        position: absolute;
    }

    #name_company {
        display: none;
    }

    .logo {
        margin-left: 5px !important;
        margin-top: 5px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .search_lang {
        float: none;
        margin: 0px !important;
        display: none;
    }

    .col-md-2 {
        border: 0px !important;
    }

    .col-md-3 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-6 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-5 {
        padding: 0px !important;
        text-align: left !important
    }

    .input {
        width: 100% !important;
    }

    .col-md-9 {
        padding: 0px !important;
        border: 0px !important;
    }

    .job_detail {
        text-align: left !important;
    }

    .input_form {
        width: 100%;
    }

    .clear_margin {
        margin: 0px !important;
    }

    .hide_submenu_finance {
        display: none;
    }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .carousel-indicators {
        display: none !important;
    }

    #show_menu {
        display: block !important;
    }

    /*.sitemap {
        display: none !important
    }*/

    #click_footer {
        /*display: none !important*/ 
        padding-left: 150px;
        padding-right: 150px;
    }

    .low_menu {
        display: none !important;
    }

    .col-md-4, .col-md-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #up_down {
        display: none !important;
    }

    #menu_table {
        display: none;
    }

    #logo_onestat {
        display: none;
    }

    .box_content {
        border-right: none;
    }

    .menu_tongle {
        /*margin-left: -3.5%;*/
        display: block;
        position: absolute;
    }

    #name_company {
        display: none;
    }

    .logo {
        margin-left: 5px !important;
        margin-top: 5px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .search_lang {
        float: none;
        margin: 0px !important;
        display: none;
    }

    .box_content {
        border-right: none;
    }

    .tab-links a {
        width: 280px;
    }

    .col-md-2 {
        border: 0px !important;
    }

    .col-md-3 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-6 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-5 {
        padding: 0px !important;
        text-align: left !important
    }

    .input {
        width: 100% !important;
    }

    .col-md-9 {
        padding: 0px !important;
        border: 0px !important;
    }

    .job_detail {
        text-align: left !important;
    }

    .input_form {
        width: 100%;
    }

    .select-style {
        width: 100% !important;
    }

    .clear_margin {
        margin: 0px !important;
    }

    .hide_submenu_finance {
        display: none;
    }
}

@media only screen and (max-width: 767px) { /*หน้าจอ iphone*/

    .carousel-indicators {
        display: none !important;
    }

    #show_menu {
        display: block !important;
    }

    .low_menu {
        display: none !important;
    }

    .col-md-4, .col-md-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #tb_manager {
        margin: 0px !important;
    }

    /*.sitemap {
        display: none !important
    }*/

    #click_footer {
        /*display: none !important*/
        padding-left: 100px;
        padding-right: 100px;
    }

    .tab-content {
        padding: 0px !important;
    }

    #menu_table {
        display: none;
    }

    #logo_onestat {
        display: none;
    }

    .box_content {
        border-right: none;
    }

    .menu_tongle {
        /*margin-left: -3.5%;*/
        display: block;
        position: absolute;
    }

    #name_company {
        display: none;
    }

    .logo {
        margin-left: 5px !important;
        margin-top: 5px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .search_lang {
        float: none;
        margin: 0px !important;
        display: none;
    }

    .box_content {
        border-right: none;
    }

    .tab-links a {
        width: 100%;
    }

    .col-md-2 {
        border: 0px !important;
    }

    .col-md-3 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-6 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-5 {
        padding: 0px !important;
        text-align: left !important
    }

    .input {
        width: 100% !important;
    }

    .col-md-9 {
        padding: 0px !important;
        border: 0px !important;
    }

    .job_detail {
        text-align: left !important;
    }

    .input_form {
        width: 100%;
    }

    .select-style {
        width: 100% !important;
    }

    .clear_margin {
        margin: 0px !important;
    }

    .myButton {
        margin-left: 30px !important
    }

    .hide_submenu_finance {
        display: none;
    }
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 320px) and (orientation: portrait) {

    .carousel-indicators {
        display: none !important;
    }

    #show_menu {
        display: block !important;
    }

    /*.sitemap {
        display: none !important
    }*/

    #click_footer {
        /*display: none !important*/
        padding-left: 80px;
        padding-right: 80px;
    }

    .box_content {
        border-right: none;
    }

    .low_menu {
        display: none !important;
    }

    .col-md-4, .col-md-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #menu_table {
        display: none;
    }

    .menu_tongle {
        /*margin-left: -3.5%;*/
        display: block;
        position: absolute;
    }

    #name_company {
        display: none;
    }

    .logo {
        margin-left: 5px !important;
        margin-top: 5px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .search_lang {
        float: none;
        margin: 0px !important;
        display: none;
    }

    .box_content {
        border-right: none;
    }

    .col-md-2 {
        border: 0px !important;
    }

    .col-md-3 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-6 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-5 {
        padding: 0px !important;
        text-align: left !important
    }

    .input {
        width: 100% !important;
    }

    .col-md-9 {
        padding: 0px !important;
        border: 0px !important;
    }

    .job_detail {
        text-align: left !important;
    }

    .input_form {
        width: 100%;
    }

    .clear_margin {
        margin: 0px !important;
    }

    .hide_submenu_finance {
        display: none;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .carousel-indicators {
        display: none !important;
    }

    .hide_submenu_finance {
        display: none;
    }

    #menu_table {
        display: none;
    }

    .low_menu {
        display: none !important;
    }

    .col-md-4, .col-md-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .menu_tongle {
        /*margin-left: -3.5%;*/
        display: block;
        position: absolute;
    }

    #name_company {
        display: none;
    }

    .logo {
        margin-left: 5px !important;
        margin-top: 5px !important;
        text-align: center !important;
        width: 100% !important;
    }

    .search_lang {
        float: none;
        margin: 0px !important;
        display: none;
    }

    .box_content {
        border-right: none;
    }

    .col-md-2 {
        border: 0px !important;
    }

    .col-md-3 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-6 {
        padding: 0px !important;
        border: 0px !important;
    }

    .col-md-5 {
        padding: 0px !important;
        text-align: left !important
    }

    .input {
        width: 100% !important;
    }

    .col-md-9 {
        padding: 0px !important;
        border: 0px !important;
    }

    .job_detail {
        text-align: left !important;
    }

    .input_form {
        width: 100%;
    }

    .tab-links a {
        width: 100%;
    }

    .clear_margin {
        margin: 0px !important;
    }
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
    .container {
        width: 100%; /*min20171018*/
    }

    .hide_submenu_finance {
        display: none;
    }

    .carousel-indicators {
        display: none !important;
    }

    .tab-links, .tab-csr {
        display: block !important;
    }
}



/* This query is applied for landscape ipad, Mobile
*/
/*@media only screen and (min-width: 480px) and (max-width: 767px) {
   #show_menu{
    display: block!important;
  }
  .tab-links {
    display: none!important;
  }
  .carousel-indicators {
  display: none!important;
}
  .hide_submenu_finance{
      display: none;
    }
    .sitemap{
  display: none!important
}
    #click_footer {
        display: none !important
    }
 .low_menu{
    display: none!important;
  }
  .col-md-4 ,.col-md-8{
    padding-left:0px!important;
    padding-right:0px!important;
  }
	   #menu_table{
      display:none;
    }

  .menu_tongle{
    display: block;
    position: absolute;
  }

  #name_company{
       display:none;
    }

  .logo{
       margin-left: 5px!important;
        margin-top: 5px!important;
        text-align: center!important;
        width: 100%!important;
    }

  .search_lang{
      float:none;
      margin:0px!important;
      display: none;
    }
      .box_content{
  border-right:none;
}
 .col-md-2{
     border:0px!important;
  }
 .col-md-3{
    padding:0px!important;
    border:0px!important;
  }
  .col-md-6{
    padding:0px!important;
     border:0px!important;
  }
   .col-md-5{
    padding:0px!important;
    text-align: left!important
  }
 .input{
  width: 100%!important;
 }
  .col-md-9{
    padding:0px!important;
    border:0px!important;
  }
  .job_detail{
    text-align: left!important;
  }
  .input_form{
    width: 100%;
  }
  .tab-links a {
width: 100%;
    
  }
   .clear_margin{
    margin: 0px!important;
    
  }

}*/