section.fix-nav-btm {
  width: 30%;
  margin: 0 auto;
  z-index: 999999;
}

.fix-nav-btm nav {
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: -8px;
}

.fix-nav-btm {
  position: fixed;
  left: 0;
  right: 0;
  background: #32549a;
  bottom: -85px;
  border-top: 4px solid #ed1c24;
  padding: 6px;
  transition: 0.4s ease-in-out;
}

.nav-close {
  position: fixed;
  left: 0;
  right: 0;
  background: #32549a;
  bottom: -10px;
  border-top: 4px solid #ed1c24;
  padding: 0;
  padding-bottom: 15px;
}

.fix-nav-btm nav a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
}

.fix-nav-btm nav a span {
  margin-top: 5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  cursor: pointer;
}

.toggle-btn {
  width: 8%;
  height: fit-content;
  position: relative;
  left: calc(100% - 56%);
  left: -webkit-calc(100% - 56%);
  top: -30px;
  padding: 4px 15px;
  background: #ed1c24;
  color: #fff;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  z-index: -1;
}

.fix-nav-btm nav img {
  width: 30px;
  height: 25px;
}

.rotated-image {
  transform: rotate(180deg);
}

.down-arrow {
  transition: 0.4s ease-in-out;
}


@media screen and (max-width:1080px) and (min-width:767px) {

  section.fix-nav-btm {
    width: 80%;
  }


}

/* @media (min-width: 768px) {

  .container,
  .container-md,
  .container-sm {
      max-width: 720px;
  }
}

@media (min-width: 576px) {

  .container,
  .container-sm {
      max-width: 540px;
  }
} */

@media screen and (max-width:768px) and (min-width:479px) {

  section.fix-nav-btm {
    width: 100%;
  }


}



@media screen and (max-width:480px) {


  section.fix-nav-btm {
    width: 100%;
  }

  .fix-nav-btm nav {
    width: 94%;
  }

  .toggle-btn {
    top: -30px;
    left: calc(100% - 53%);
    ;
    left: -webkit-calc(100% - 58%);
  }

  .fix-nav-btm {
    padding-top: 0;
    bottom: -98px;
  }

  .nav-close {
    bottom: 0;
    padding-bottom: 8px;
  }

  .fix-nav-btm nav a {
    width: 20%;
  }




}