.clear {
  margin: 0px;
  padding: 0px;
  clear: both;
}

.mp0 {
  margin: 0px !important;
  padding: 0px !important;
}

.margin0 {
  margin: 0px !important;
}

.padding0 {
  padding: 0px !important;
}

.mtop0 {
  margin-top: 0px !important;
}

.mtop5 {
  margin-top: 5px !important;
}

.mtop10 {
  margin-top: 10px !important;
}

.mtop20 {
  margin-top: 20px !important;
}

.mtop30 {
  margin-top: 30px !important;
}

.mtop40 {
  margin-top: 40px !important;
}

.mtop50 {
  margin-top: 50px !important;
}

.mtop60 {
  margin-top: 60px !important;
}

.mbottom0 {
  margin-bottom: 0px !important;
}

.mbottom5 {
  margin-bottom: 5px !important;
}

.mbottom10 {
  margin-bottom: 10px !important;
}

.mbottom20 {
  margin-bottom: 20px !important;
}

.mbottom30 {
  margin-bottom: 30px !important;
}

.mbottom40 {
  margin-bottom: 40px !important;
}

.mbottom50 {
  margin-bottom: 50px !important;
}

.mbottom60 {
  margin-bottom: 60px !important;
}

.ptop0 {
  padding-top: 0px !important;
}

.ptop5 {
  padding-top: 5px !important;
}

.ptop10 {
  padding-top: 10px !important;
}

.ptop20 {
  padding-top: 20px !important;
}

.ptop30 {
  padding-top: 30px !important;
}

.ptop40 {
  padding-top: 40px !important;
}

.ptop50 {
  padding-top: 50px !important;
}

.ptop60 {
  padding-top: 60px !important;
}

.pbottom0 {
  padding-bottom: 0px !important;
}

.pbottom5 {
  padding-bottom: 5px !important;
}

.pbottom10 {
  padding-bottom: 10px !important;
}

.pbottom20 {
  padding-bottom: 20px !important;
}

.pbottom30 {
  padding-bottom: 30px !important;
}

@media (max-width:768px) {
  .pbottom30 {
    padding-bottom: 10px !important;
  }
}

.pbottom40 {
  padding-bottom: 40px !important;
}

.pbottom50 {
  padding-bottom: 50px !important;
}

.pbottom60 {
  padding-bottom: 60px !important;
}

.pbottom100 {
  padding-bottom: 100px !important;
}

.txt_center {
  text-align: center;
}

.txt_left {
  text-align: left;
}

.txt_right {
  text-align: right;
}

.txt_justify {
  text-align: justify;
}

.font12 {
  font-size: 12px !important;
  font-family: Arial;
}

.font14 {
  font-size: 14px !important;
  font-family: Arial;
}

.font16 {
  font-size: 16px !important;
  font-family: Arial;
}

.font18 {
  font-size: 18px !important;
  font-family: Arial;
}

.font20 {
  font-size: 20px !important;
  font-family: Arial;
}

.font22 {
  font-size: 22px !important;
  font-family: Arial;
}

.font24 {
  font-size: 24px !important;
  font-family: Arial;
}

.font26 {
  font-size: 26px !important;
  font-family: Arial;
}

.font28 {
  font-size: 28px !important;
  font-family: Arial;
}

.allmatter {
  text-align: justify;
  float: left;
  display: block;
}

.allmatter h1 {
  font-size: 36px;
  color: #ff5527;
}

.allmatter h2 {
  font-size: 30px;
  color: #ff5527;
}

.allmatter h3 {
  font-size: 26px;
  color: #ff5527;
}

.allmatter h4 {
  font-size: 24px;
  color: #ff5527;
}

.allmatter img {
  width: 100%;
}

.allmatter a {
  color: #0059ac !important;
}

.allmatter b {
  color: #0059ac !important;
}

.allmatter strong {
  color: #0059ac !important;
}

.allmatter strong {
  color: #0059ac !important;
}

.okbutton a {
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 18px;
  padding: 9px 15px;
  border-radius: 7px;
  color: #fff !important;
  background-color: #0059ac;
  float: left;
  display: block;
}

.okbutton a:hover {
  color: #fff !important;
  background-color: #ff5527;
}

.allmatter p {
  font-size: 18px;
  font-family: arial;
  color: #333333;
}

.allmatter ul {
  margin-left: 20px;
  margin-top: 20px;
}

.allmatter li {
  font-size: 18px;
  font-family: arial;
  color: #333333;
  list-style: decimal;
  padding-bottom: 5px;
  line-height: 20px;
}

p {
  text-align: justify !important;
}







.productsitems {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  margin-bottom: 25px;
  float: left;
  display: block;
  box-shadow: 0px 0px 5px 5px #eee
}

.productsitems img {
  width: 100%;
  padding: 15px 0px;
  height: 215px;
  object-fit: scale-down;
}

.flodis {
  float: left;
  display: block;
}





#jssor_1 {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  position: relative;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 1366px;
  height: 460px;
  overflow: hidden;
  visibility: hidden;
}

.toggle-btn-content {
  padding: 0px 15px;
}

.navbar-dark .navbar-toggler {
  position: relative;
  margin-top: -35px;
  background-color: #cf000d;
  display: block;
}


@media only screen and (min-width : 320px) and (max-width : 479px) {
  #jssor_1 {
    margin-top: 0px !important;
  }

  .navbar {
    margin-bottom: 0px !important;
  }

  .navbar-dark {
    background-color: #fff !important;
  }

  .navbar-brand {
    padding-top: 5px !important;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #333;
  }

  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #999;
  }

  .navbar-dark .navbar-nav .active>.nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show>.nav-link {
    color: #999;
  }

  .clints {
    width: 31% !important;
    height: 67px !important;
  }

  .clints img {
    height: 64px !important;
  }

  .slidea img {
    height: 100px !important;
  }

  .carousel-inner img {
    height: 136px !important;
  }

  h3 {
    font-size: 26px;
    font-weight: bold;
  }

  .brand_area {
    padding-top: 100px;
  }

  .aboutbg {
    padding-top: 0px;
  }

  .aboutbg p {
    padding-left: 2px;
  }
}

@media only screen and (min-width : 480px) and (max-width : 639px) {
  #jssor_1 {
    margin-top: 0px !important;
  }

  .navbar {
    margin-bottom: 0px !important;
  }

  .navbar-dark {
    background-color: #fff !important;
  }

  .navbar-brand {
    padding-top: 5px !important;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #333;
  }

  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #999;
  }

  .navbar-dark .navbar-nav .active>.nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show>.nav-link {
    color: #999;
  }

  .clints {
    width: 31% !important;
    height: 67px !important;
  }

  .clints img {
    height: 64px !important;
  }

  .slidea img {
    height: 100px !important;
  }

  .carousel-inner img {
    height: 136px !important;
  }

  h3 {
    font-size: 26px;
    font-weight: bold;
  }

  .brand_area {
    padding-top: 100px;
  }

  .aboutbg {
    padding-top: 0px;
  }
}



@media only screen and (min-width : 640px) and (max-width : 767px) {
  .navbar {
    margin-bottom: 0px !important;
  }

  .navbar-dark {
    background-color: #fff !important;
  }

  .navbar-brand {
    padding-top: 5px !important;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #333;
  }

  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #999;
  }

  .navbar-dark .navbar-nav .active>.nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show>.nav-link {
    color: #999;
  }

  .clints {
    width: 31% !important;
    height: 67px !important;
  }

  .clints img {
    height: 64px !important;
  }

  .slidea img {
    height: 100px !important;
  }

  .carousel-inner img {
    height: 136px !important;
  }

  h3 {
    font-size: 26px;
    font-weight: bold;
  }

  .brand_area {
    padding-top: 100px;
  }

  .aboutbg {
    padding-top: 0px;
  }
}

@media (min-width : 768px) {}

@media only screen and (min-width : 1024px) and (max-width : 1279px) {
  .main-menu .mtop40 {
    margin-top: 15px !important;
  }
}

@media only screen and (min-width : 1280px) and (max-width : 1365px) {}

@media only screen and (min-width : 1366px) and (max-width : 2000px) {}