/*0 up to 479*/
@media only screen and (min-width:0px) and (max-width : 479px) {

.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table-responsive > .table { margin-bottom: 0; }
header nav{display: none;}
.hamburger-menu {
    opacity: 1;
    visibility: visible;
  }
  .menu__btn {
    top: 22px;
    right: 20px;
    width: 30px;
  }
  .searchbox_hidden {
    width: 100%;
    right: 0;
  }
  header .main{position: relative;height: 100%;}
  .header-left{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 80%;
  }
  header .search-box .search-txt {
    margin: 0;
    width: 90%;
  }
  header .search-box {
    border-bottom: none;
    width: 100%;
    box-shadow: 2px 2px 8px 0px;
    border-radius: 20px;
    background-color: #fff;
    padding: 5px 10px;
  }
  header {
    padding: 0 20px;
    height: 98px;
  }
  .header-right {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 33%;
  }
    .lang-box{
		position: absolute;
		top: -55px;
    }
    .sldier-section .slider a > figure > figcaption {
        padding: 0 2px;
        bottom: 0;
      }
      .sldier-section .slider a > figure > figcaption * {
        font-size: 12px;
    padding: 0;
    margin: 5px 0;
      }
      .sldier-section .slider .swiper-slide.swiper-slide-active a > figure > figcaption {
        bottom: 0;
        width: 100%;
        opacity: 0.7;
        display: flex;
        justify-content: center;
      }
      .section-two .section-two_left, .section-two .section-two_right {
        width: 100%;
      }
      .aboutHome {
        margin-bottom: 15px;
      }
      .news-list {
        margin-bottom: 10px;
      }
      .news-list > ul li .news-list_item .news-title * {
        font-size: 10px;
      }
      .section-two .section-two_right .social-list {
        padding: 5px 0;
      }
      .section-two {
        padding: 10px 0;
      }
      .stats {
        padding: 10px 0;
      }
      .statList > li strong {
        margin-bottom: 0px;
        font-size: 19px;
      }
      .statList > li span {
        font-size: 11px;
      }
      .section-three {
        padding: 10px 0;
      }
      .section-three .section-three_box {
        width: 100%;
        height: 170px;
        margin: 5px 0;
      }
      footer .footer-up {
        padding: 10px 0;
        border-bottom: 1px solid #fff;
      }
      footer .footer-up .footer-item {
        width: 100%;
      }
      footer .footer-title {
        margin: 10px 0;
      }
      footer .footer-up_right{margin-top: 5px;}
      footer .contact-list > ul > li * {
        font-size: 10px;
      }
      footer .kaspid {
        justify-content: center;
      }
}
/*480 up to 719*/
@media only screen and (min-width : 480px) and (max-width : 719px) {

.table { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.table > .table { margin-bottom: 0; }
header nav{display: none;}
.hamburger-menu {
    opacity: 1;
    visibility: visible;
  }
  .searchbox_hidden {
    width: 100%;
  }
  header .main{position: relative;height: 100%;}
  .header-left{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 80%;
  }
  header .search-box .search-txt {
    margin: 0;
    width: 94%;
  }
  header .search-box {
    border-bottom: none;
    width: 100%;
    box-shadow: 2px 2px 8px 0px;
    border-radius: 20px;
    background-color: #fff;
    padding: 5px 10px;
  }
  header {
    padding: 0 20px;
    height: 98px;
  }
  .header-right {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
    .lang-box{display: none;
    }
    .sldier-section .slider a > figure > figcaption {
        padding: 0 9px;
        bottom: 0;
      }
      .sldier-section .slider a > figure > figcaption * {
        font-size: 11px;
      }
      .sldier-section .slider .swiper-slide.swiper-slide-active a > figure > figcaption {
        bottom: 0;
      }
      .section-two .section-two_left, .section-two .section-two_right {
        width: 100%;
      }
      .aboutHome {
        margin-bottom: 15px;
      }
      .news-list {
        margin-bottom: 10px;
      }
      .news-list > ul li .news-list_item .news-title * {
        font-size: 12px;
      }
      .section-two .section-two_right .social-list {
        padding: 5px 0;
      }
      .section-two {
        padding: 10px 0;
      }
      .stats {
        padding: 10px 0;
      }
      .statList > li strong {
        margin-bottom: 0px;
        font-size: 19px;
      }
      .statList > li span {
        font-size: 12px;
      }
      .section-three {
        padding: 10px 0;
      }
      .section-three .section-three_box {
        width: 100%;
        margin: 5px 0;
      }
      footer .footer-up {
        padding: 10px 0;
        border-bottom: 1px solid #fff;
      }
      footer .footer-up .footer-item {
        width: 100%;
      }
      footer .footer-title {
        margin: 10px 0;
      }
      footer .footer-up_right{margin-top: 5px;}
      footer .contact-list > ul > li * {
        font-size: 11px;
      }
      footer .kaspid {
        justify-content: center;
      }
}
/*720 up to 1000*/
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    header nav {
        display: none;
    }
    .hamburger-menu {
        opacity: 1;
        visibility: visible;
      }
      .section-two .section-two_left {
        width: 100%;
        margin-bottom: 10px;
      }
      .section-two .section-two_right {
        width: 100%;
      }
      .section-two .section-two_right .social-list {
        padding: 5px 0;
      }
      .stats {
        padding: 10px 0;
      }
      .statList > li strong {
        margin-bottom: 5px;
        font-size: 20px;
      }
      .statList > li span {
        font-size: 14px;
      }
      .section-three .section-three_box {
        height: 160px;
      }
      .section-three .section-three_box.catalog-box .catalog-box_title * {
        font-size: 16px;
      }

     .catalog-box .catalog-box_desc p {
        margin: 10px 0;
        text-align: left;
        line-height: 13px;
        color: #717171;
        font-size: 12px;
      }
      .btn {
        padding: 4px 10px;
        font-size: 11px;
      }
      .section-three .section-three_box.customer-box .customer-box_desc .customer-box_title * {
        font-size: 17px;
      }
      .section-three .section-three_box .search-box .search-box_title * {
        font-size: 17px;
      }
      .search-box_form .searchtxt {
        width: 66%;
      }
      footer .footer-up {
        padding: 10px 0;
      }
      footer .footer-title * {
        font-size: 13px;
      }
      footer .public-desc * {
        font-size: 11px;
      }
      footer .footer_links_list > ul > li > a {
        font-size: 11px;
      }
      footer .contact-list > ul > li * {
        font-size: 11px;
      }
      footer .footer-up .footer-item {
        width: 32%;
      }
}
/*1001 up to 1249*/
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    header .search-box .search-txt {
        width: 90px;
      }
      header .menu > li {
        margin-right: 25px;
      }
}
/*laptop*/
@media only screen and (min-width : 1250px) and (max-width : 1366px) {

}
/*1250 up to 1400*/
@media only screen and (min-width : 1367px) and (max-width : 1450px) {

}

/*1400 up to 1920*/
@media only screen and (min-width : 1400px) and (max-width : 1920px) {
}