hr {
  margin: 30px;
}

.fixed_menu {
  position: fixed;
  right: 5%;
  bottom: 10%;
  z-index: 999;
  display: flex;
}

.contact_us_btn {
  position: relative;
  width: 100px;
  height: 100px;
  border: 4px solid #027EFA;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #00182F !important;
  font-size: 15.5px;
  font-weight: bold;
  text-decoration: none;
  text-wrap: nowrap;
  background-color: #F5AF01;
  background-image: url('../img/letter.png');
  background-repeat: no-repeat;
  background-position: top 11px left 23px;
  background-size: 50px 50px;
}

.contact_us_btn::after {
  content: 'contact us';
  position: absolute;
  left: 9px;
  bottom: 21px;
}

.banner{
  margin-bottom: 30px;
}

.banner_image_box {
  width: 100%;
}

.banner_image {
  width: 100%;
  padding-top: 34.74%;
  background-image: url('../img/Banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.h1 {
  color: #0843C3;
  font-size: 30px;
  font-weight: bold;
}

.h2 {
  font-size: 22px;
  font-weight: 500;
}

.product-main-box {
    display: none;
}

.product-main-box.active {
    display: block;
}

.product-left-box {
  min-height: 400px;
}

.product2Col {
  margin-top: 30px;
}

.product-image-box {
  max-width: 400px;
  max-height: 400px;
}

.product-image-item {
  width: 100%;
  max-width: 400px;
  height: 100%;
  max-height: 400px;
  object-fit: contain;
}

#page-navigation button:not(:last-child) {
    margin-right: 1.2em;
}

.site-footer {
  background-color: #26272b;
  padding: 45px 0 20px;
  font-size: 15px;
  line-height: 24px;
  color: #737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.youtube:hover
{
  background-color:#ff0000
}

.fixed-size .carousel-item {
  width: 400px;
  height: 400px;
}

.fixed-size .carousel-item-next,
.fixed-size .carousel-item-prev,
.fixed-size .carousel-item.active {
  display: flex;
  justify-content: center;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: #737373;
}

@media (max-width:991px) {
  .site-footer [class^=col-] {
    margin-bottom: 30px
  }
}

@media (max-width:767px) {
  .fixed_menu {
    right: 5%;
    bottom: 7.5%;
  }

  .contact_us_btn {
    width: 50px;
    height: 50px;
    border: 2px solid #027EFA;
    background-position: top 0 left 0;
    background-size: cover;
  }

  .contact_us_btn::after {
    content: '';
  }

  .banner_image {
    padding-top: 52%;
    background-image: url('../img/m_Banner.jpg');
  }

  .product-left-box {
    margin-bottom: 3rem;
  }

  .product-image-box {
    max-width: 300px;
    max-height: 300px;
  }

  .site-footer {
    padding-bottom: 0
  }

  .site-footer .copyright-text,
  .site-footer .social-icons {
    text-align: center
  }

  .social-icons li.title {
    display: block;
    margin-right: 0;
    font-weight: 600
  }
}