@media screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  header .content {
    padding: 20px 0;
    margin: 0 auto;
  }
  header .logo {
    max-width: 106px;
    margin: 0 auto;
    float: none;
  }
  header .btns {
    padding: 0;
    order: 1;
    text-align: left;
  }
  header .menu {
    order: 3;
    padding-right: 0;
  }
  header .logo_box {
    order: 2;
    text-align: center;
  }
  header .logo_box .logo_img {
    max-width: 105px;
  }
  header .callToAction2 {
    padding: 0;
  }
  header .dropdown-toggle::after {
    filter: brightness(0);
  }
  header .dropdown-menu.show {
    top: 57px;
    border-radius: 0;
    border: none;
    padding: 12px 0;
    width: auto;
    box-shadow: none;
  }
  .navbar-light .navbar-toggler {
    padding: 0;
    border: none;
  }
  .navbar-light .navbar-toggler-icon {
    background-image: url(../images/navbar.png);
    background-repeat: no-repeat;
    background-size: 90%;
    width: 20px;
    height: 20px;
  }
  .navbar {
    justify-content: flex-end;
  }

  .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center;
    padding: 14px 20px;
  }
  .navbar-collapse .top_nav {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .navbar-collapse .top_nav .navbar_logo {
    max-width: 100px;
  }
  .navbar-collapse .top_nav .close_btn {
    max-width: 24px;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  header .navbar-light .navbar-nav .nav-link {
    color: rgba(17, 17, 17, 1);
    font-size: 16px;
    text-align: left;
    text-align-last: left;
    padding: 12px 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .section_title {
    font-weight: 700;
    font-size: 32px;
    max-width: 80%;
  }
  /* =================================================================================== */
  .introduction {
    background-image: url(../images/intro_bg_mo.png);
    padding: 0;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .introduction.product {
    background-position: right;
  }
  .introduction .title {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 12px;
  }
  .introduction.product .title span {
    font-weight: 400;
    display: block;
  }
  .introduction .caption {
    font-size: 16px;
    line-height: 200%;
    max-width: 100%;
    float: none;
  }
  .container_box {
    padding: 64px 0 128px;
  }
  .title_box::before {
    width: 4px;
    height: 78px;
    top: unset;
  }
  .title_box span {
    font-size: 16px;
  }
  .title_box .title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 4px;
  }
  .news .content_top .title_box .title {
    font-size: 20px;
  }
  .news .single_content .news_img {
    max-width: 118px;
  }
  .news .category {
    margin-right: 6px;
  }
  .news .single_content .news_title {
    font-size: 14px;
    margin: 8px 0;
  }
  .container_box.news.events .content_box {
    padding-bottom: 42px;
  }
  .container_box.news.articles .content_box {
    margin-bottom: 32px;
  }
  .articles .callToAction2.mobile {
    display: block;
  }
  .container_box .caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    max-width: 100%;
    margin: 24px 0;
  }

  .container_box .caption_content {
    transform: none;
  }
  .caption_content.animate_scroll.active {
    animation: none;
  }
  .container_box .btn_box .btn {
    width: 100%;
  }
  .container_box .callToAction2 {
    margin-left: 0;
    margin-top: 16px;
  }
  .title_content {
    padding: 8px 8px 8px 18px;
  }
  .container_box .caption {
    font-size: 14px;
    font-weight: 400;
    max-width: 100%;
  }
  .container_box.factory_box .caption {
    margin-bottom: 24px;
  }
  .container_box .caption_content {
    transform: none;
  }
  .caption_content.animate_scroll.active {
    animation: none;
  }
  .container_box .video_box {
    width: 100%;
    margin: 32px auto 0;
  }
  .container_box .video_box .video_title {
    left: 12px;
    font-size: 16px;
  }

  .container_box .video_box .play_img {
    max-width: 58px;
    top: 37%;
  }
  .container_box .callToAction2.desktop {
    display: none;
  }
  .container_box .callToAction2.mobile {
    width: 100%;
  }
  .information .content_box .statistic_box {
    left: 0;
    min-width: unset;
  }
  .statistic_box {
    border-radius: 4px;
    padding: 6px 8px;
  }
  .statistic_content {
    margin: 0 8px 0 0px;
  }
  .statistic_box .statistic_title {
    font-size: 16px;
  }
  .statistic_box .statistic_subtitle {
    font-size: 11px;
    font-weight: 700;
  }
  .statistic_box .statistic_caption {
    font-size: 11px;
  }
  .column_container.information .content_box {
    height: 268px;
  }
  .column_container.information2 .content_box {
    height: 308px;
    margin-bottom: 33px;
  }
  .column_container .content_box .product_img {
    height: 10px;
    position: absolute;
    top: 0;
    transition: height 1s ease-in-out;
  }
  .column_container .content_box .product_img1 {
    width: 48%;
    left: 0;
  }
  .column_container .content_box .product_img2 {
    width: 48%;
    right: 0;
    transform: translateY(-150px);
    transition: transform 1s ease-in-out;
  }
  .column_container .content_box .product_img3 {
    width: 48%;
    left: 0;
    transform: translateY(-200px);
    transition: transform 1s ease-in-out;
  }
  .column_container .content_box .product_img4 {
    width: 48%;
    right: 0;
  }
  .column_container .content_box .product_img1.animate_scroll.active {
    height: 240px;
  }
  .column_container .content_box .product_img2.animate_scroll.active {
    height: 174px;
    transform: translateY(0);
  }
  .column_container .content_box .product_img3.animate_scroll.active {
    height: 174px;
    transform: translateY(0);
  }
  .column_container .content_box .product_img4.animate_scroll.active {
    height: 174px;
  }
  .information {
    padding: 0;
    background-position: top center;
    background-size: 95%;
  }
  .information .img_content {
    order: 2;
  }
  .column_container .caption {
    font-size: 14px;
    max-width: 95%;
    margin-top: 24px;
    margin-bottom: 0;
  }
  .information .caption {
    margin-bottom: 42px;
  }
  .properties {
    padding: 128px 0 64px;
  }
  .properties .content_box .caption {
    transform: none;
    opacity: 1;
    left: 0;
    transform: none;
    opacity: 1;
    position: relative;
    bottom: unset;
    max-width: 100%;
    font-size: 16px;
  }
  .properties .content_box {
    background: #c0411e;
    padding: 18px;
    height: auto;
    margin-bottom: 12px;
    min-height: 354px;
    justify-content: flex-start;
  }
  .properties .content_box .content {
    transform: none;
    transition: 0.5s;
  }
  .properties .content_box .property_img {
    filter: brightness(100);
    width: 48px;
  }

  .properties .content_box .title {
    color: #fff;
    margin: 0 0 16px;
  }

  .properties .top_line .border_box {
    width: 100%;
    height: 6px;
    margin: 10px auto 32px;
    background: #77321e;
  }
  .properties .top_line span {
    font-size: 16px;
    margin: 0 auto;
  }
  .properties .top_line .section_title {
    margin: 4px auto 0;
    max-width: 100%;
    font-size: 20px;
    font-weight: 600;
  }
  .properties .top_line {
    width: 100%;
    margin: 0 auto 32px;
  }
  .properties .top_line::before {
    left: 0;
  }
  .properties .content_box .property_img {
    margin-bottom: 16px;
  }
  .factory_box .factory_img {
    position: relative;
    width: 100%;
    border-radius: 8px;
  }
  .information2 .logo_box {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
  }
  .contact_box {
    padding: 32px 0;
  }
  .contact_box .container {
    padding: 0;
  }
  .contact_box .content {
    background-image: url(../images/card_bg_mo.png);
    border-radius: 0;
    padding: 146px 18px 32px;
  }
  .contact_box .content .title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px;
  }
  .contact_box .content .caption {
    font-size: 16px;
    text-align: justify;
    max-width: 100%;
  }
  .contact_box .content .btn_box .btn {
    width: 100%;
  }
  .contact_box .btn_box .callToAction3 {
    margin-right: 0;
    margin-bottom: 16px;
  }

  /* ===================================================   footer {
 =================================================== */
  footer {
    padding: 42px 0;
  }
  footer .caption {
    max-width: 100%;
  }
  footer .page_link_box {
    display: flex;
    padding: 32px 15px;
    border-top: 1px solid #e4e4e715;
    border-bottom: 1px solid #e4e4e715;
    margin: 32px 0;
  }
  footer #subscribers {
    margin-bottom: 0;
    margin-bottom: 32px;
    max-width: 100%;
    float: none;
  }
  footer .row2 .phone_link {
    float: left;
  }
  footer .row2 .col-12 {
    margin-bottom: 12px;
  }
  footer .row2 .col-12:last-child {
    margin-bottom: 0;
  }
  footer .row3 {
    padding: 28px 0 0;
  }
  footer .row3 .col-lg-5 {
    order: 3;
  }
  footer .row3 .social {
    margin-bottom: 32px;
    justify-content: center;
  }
  footer .row3 .link_box a {
    margin-left: 0;
  }
  footer .row3 .link_box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e4e4e715;
  }
  footer .row3 .caption {
    text-align: center;
    text-align-last: center;
  }

  /* =================================================== get_in_touch =================================================== */
  .get_in_touch {
    padding: 64px 0;
  }
  .get_in_touch .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
  }
  .get_in_touch .subtitle {
    font-size: 14px;
    line-height: 200%;
    margin: 0 auto 32px;
  }
  .get_in_touch .info_box {
    padding: 12px;
  }
  .get_in_touch .info_box .box {
    padding: 14px 8px;
  }
  .get_in_touch .info_box .box .icon {
    max-width: 32px;
    margin-right: 12px;
  }
  .get_in_touch .info_box .box .icon_name {
    color: #c8652f;
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
  }
  .membership .row {
    padding: 0 18px;
  }
  .membership .callToAction {
    width: 100%;
  }
  .membership_box {
    order: 2;
    padding-top: 80px;
  }
  .membership .success {
    font-size: 14px;
    bottom: -30px;
  }
  .name_box {
    order: 1;
  }
  .phoneNumber_box {
    order: 2;
  }
  .business_email_box {
    order: 3;
  }
  .business_email_box1 {
    order: 3;
  }
  .business_email_box2 {
    order: 4;
  }
  .company_box {
    order: 5;
  }
  .job_title_box {
    order: 6;
  }
  .topic_box {
    order: 7;
  }
  .message_box {
    order: 8;
  }
  .upload_file {
    order: 9;
  }
  .submit_btn {
    order: 9;
  }

  /* =================================================== 404 page =================================================== */
  .not_found .content {
    padding: 130px 0;
  }
  .not_found .bg_title {
    font-size: 160px;
    line-height: 1;
  }
  .not_found .title {
    font-size: 32px;
    margin: -88px auto 12px;
  }
  .not_found .caption {
    color: #666666;
    font-size: 14px;
    line-height: 200%;
    max-width: 95%;
    margin: 0 auto 24px;
  }

  /* =================================================== categories =================================================== */
  .categories .content {
    padding: 32px 0 64px;
    max-width: 100%;
  }
  .container_box .nav.nav-tabs {
    padding-bottom: 24px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
  }
  .categories .nav-tabs .nav-item {
    margin: 0 4px;
  }
  .categories .content .rows {
    padding: 12px 0px;
    display: flex;
    align-items: flex-start;
  }
  .categories .content .rows .title span {
    display: block;
    border-left: none;
    padding-left: 0;
    line-height: 1;
    margin-left: 0;
    line-height: 200%;
  }
  .categories .content .rows .callToAction2 {
    font-size: 14px;
    line-height: 200%;
    padding: 4px 16px;
    border: none;
    border-bottom: 1.5px solid #c8652f;
    border-radius: 0;
    padding: 2px;
  }

  /* =================================================== job_detail =================================================== */
  .job_detail .content {
    padding: 12px 0 0;
  }
  .job_detail .form_box_container {
    padding: 0;
  }
  .job_detail .form_box .membership .col-12 {
    padding: 0;
  }
  .job_detail .main_title {
    font-size: 16px;
  }
  .job_detail .caption {
    margin: 0 0 24px;
  }
  .job_detail .form_box {
    background: #f7f7f7;
    border-radius: 0;
    padding: 24px 18px;
    margin: 0;
  }
  .job_detail .form_title {
    font-size: 16px;
    margin: 0 0 15px;
  }
 
  /* =================================================== navigation_bar =================================================== */
  .navigation_box {
    padding: 12px 0;
    flex-wrap: wrap;
  }
  .navigation_box .page_name {
    font-size: 12px;
    margin-right: 4px;
    white-space: nowrap;
  }

  /* =================================================== Home =================================================== */
  .starter .swiper-slide {
    background-image: url(../images/swiper_bg_mo.png);
    padding: 0;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .starter .swiper_content {
    margin-left: 0;
    padding: 0 18px;
  }
  .starter .swiper_content .title {
    font-size: 24px;
    line-height: 160%;
  }
  .starter .swiper_content .subtitle {
    font-size: 14px;
    line-height: 200%;
  }
  .starter .btn_box .btn {
    width: 100%;
  }
  .starter .btn_box .btn:first-child {
    margin: 0 0 8px;
  }
  .starter .swiper-pagination {
    bottom: unset !important;
    width: fit-content;
    position: relative;
    margin: 0 9px;
  }
  .starter .swiper_button {
    width: 32px;
    height: 32px;
    bottom: 33px;
    top: unset;
    position: relative;
  }
  .swiper_box {
    height: 52px;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 24px;
  }
  .starter .swiper_button.swiper-button-prev,
  .starter .swiper_button.swiper-button-next {
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin: 0;
  }

  .column_container.information3 {
    padding: 64px 0;
  }
  .information3 .text_container {
    order: 2;
    padding-top: 32px;
  }
  .information3 .text_container .title_box .title {
    font-size: 20px;
    margin-top: 4px;
    font-weight: 600;
  }
  .information3 .text_container .title_box span {
    font-size: 16px;
  }
  .information3 .text_container .title_box .border_box {
    width: 4px;
    height: 78px;
  }
  .information3 .text_container .caption {
    margin-bottom: 24px;
  }
  .information3 .text_container .callToAction2 {
    width: 100%;
  }
  .container_box .content2 {
    margin: 8px auto 0;
    max-width: 100%;
  }
  .container_box .content2 .content_box {
    margin-bottom: 32px;
  }
  .container_box .content2 .center_box .content_box {
    justify-content: flex-start;
  }
  .container_box .content2 .right_box .content_box {
    justify-content: flex-start;
  }
  .container_box .content2 .col-md-4 {
    padding: 0;
  }
  .container_box .content2 .content_box .text_content .title {
    font-size: 24px;
  }
  .container_box .content2 .content_box .text_content .title span {
    font-size: 16px;
  }
  .container_box .content2 .content_box .text_content .subtitle {
    font-size: 16px;
    line-height: 200%;
  }

  .ordinary_box {
    background-image: url(../images/bg_img_mo.png);
    padding: 218px 0 32px;
  }
  .ordinary_box .title {
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 12px;
  }
  .ordinary_box .caption {
    max-width: 100%;
  }

  /* =================================================== product_info =================================================== */
  .column_container.product_info {
    padding: 64px 0;
  }
  .column_container.product_info .content_box {
    margin-bottom: 32px;
    flex-wrap: nowrap;
  }
  .dimension {
    padding: 0;
  }
  .dimension .bg_img.bg_left {
    top: -45px;
  }
  .table_box {
    padding: 10px 12px;
  }
  .table_box .table_name {
    font-size: 14px;
    font-weight: 700;
  }
  .table thead th {
    font-size: 12px;
    height: 42px;
    width: 42px;
    padding: 0 5px;
  }
  .bg_img.bg_left,
  .bg_img.bg_right {
    max-width: 60%;
  }
  .weight.table_main_box {
    padding: 64px 0 32px;
  }

  .packaging_box .packaging_img {
    margin: 32px auto 0;
  }
  .packaging_box {
    padding: 64px 0 32px;
  }

  th,
  td {
    font-size: 12px;
  }
  .carton.table_main_box .table-responsive {
    margin-bottom: 32px;
  }
  .carton.table_main_box {
    padding-bottom: 32px;
  }
  .pallet.table_main_box {
    padding-bottom: 32px;
  }
  .column_container.information2.about_us {
    padding-bottom: 64px;
  }
  .blog_main_box .container {
    padding: 0;
  }
  .blog_list_swiper {
    padding-bottom: 78px;
  }
  .blog_list {
    padding: 64px 0 0;
  }
  .blog_list .container {
    padding: 0;
  }
  .blog_list_swiper .swiper-slide .swiper_content {
    background-size: cover;
    transition: none;
  }
  .blog_list_swiper .swiper-slide .swiper_content:hover {
    background-size: cover;
  }
  .blog_container {
    background-size: cover;
    transition: none;
  }
  .blog_container:hover {
    background-size: cover;
  }
  .container_box.articles.tabs.search_property {
    padding-top: 32px;
  }
  .articles.tabs .nav-tabs .nav-link {
    white-space: nowrap;
  }
  .container_box.search_property .content_top {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  .search_box {
    width: 100%;
  }

  .news.post_intro .single_content .news_title {
    font-size: 16px;
    margin: 16px 0;
  }
  .container_box.news.post_intro {
    padding: 32px 0;
  }
  .container_box.news.blog_post .right_box {
    display: flex;
    flex-direction: column-reverse;
  }
  .check_box_title {
    order: 9;
  }
  .image-wrapper.expanded {
    max-height: 175px;
  }

  .column_container.information3 .logo_box {
    order: 2;
    margin-top: 14px;
  }
  .image-wrapper.single_img {
    width: 48%;
    height: 175px !important;
  }
  .image-wrapper.single_img img {
    height: 100%;
  }
  .column_container .content_box {
    align-content: flex-start;
    min-height: auto;
  }

  .column_container .image_wrapper_box {
    min-height: 175px;
  }

  .image-wrapper.product2 img {
    width: 100%;
    max-height: 183px;
  }
  .image-wrapper.product1 img {
    width: 100%;
    max-height: 240px;
  }
  .image-wrapper.product14.image-wrapper,
  .image-wrapper.product9.image-wrapper {
    width: 100%;
    max-height: 198px;
  }
  .image-wrapper.product15.image-wrapper,
  .image-wrapper.product8.image-wrapper {
    width: 100%;
    max-height: 282px;
  }
  .product_info .image-wrapper img {
    width: auto;
    max-height: 100%;
  }
  .image-wrapper.wrap-width.expanded {
    height: 150px !important;
  }
  .image-wrapper.wrap-width:first-child {
    margin-bottom: 12px;
  }
  .column_container.product_info.coil_information .content_box,
  .column_container.product_info.straight_information .content_box {
    justify-content: flex-start;
    flex-direction: column;
  }
  .container_box.news.events.home {
    padding: 112px 0 64px;
  }

  /* new style */
  .post_img {
    margin-bottom: 12px;
  }
  .dimension_inpost {
    margin-top: 16px;
  }
  .weight.table_main_box.weight_inpost {
    padding: 0;
  }
  .gallery_box {
    padding: 32px 0 0;
  }
  .gallery_box .gallery_title {
    font-size: 18px;
  }
  .gallery_swiper {
    padding-bottom: 40px;
  }

  /*new style*/
  .table_main_box .mobile .rotate_txt {
    transform: rotate(-90deg);
    padding: 10px 0;
    white-space: nowrap;
  }
  .rotate_txt_box {
    max-width: 30px;
  }
  .packaging_table.table_main_box {
    padding: 0 0 64px;
  }
  .more_data {
    text-align: center;
    padding: 7px 0;
    margin-top: 16px;
  }
  td,
  .side_label {
    font-size: 12px;
  }
  .column_container .title_box {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
  }
  .column_container.product_info .image_wrapper_box {
    flex-wrap: nowrap;
  }
  .product_info .image-wrapper img {
    width: 98%;
    max-height: 100%;
  }

  .container_box.news.articles .viewall_btn {
    bottom: -30px;
    top: unset;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 95%;
  }
  .get_in_touch .membership .row .submit_box {
    text-align: center;
    display: block;
    order: 9;
  }
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .properties .content_box .caption {
    font-size: 16px;
  }
}