.alignCenter {
  max-width: 830px;
  align-content: center;
  margin: auto;
}

@media (min-width:768px) {
  .container {
    max-width: 779px;
  }
}

@media (min-width: 768px) {
  .iframeContainer {
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 340px) {
  .iframeMH {
    min-height: 190px;
  }
}

@media (min-width: 576px) {
  .iframeMH {
    min-height: 296px;
  }
}

@media (min-width: 768px) {
  .iframeMH {
    min-height: 200px;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .aligntopic {
    margin: -51px auto 0px auto;
    width: 80%;
    max-width: 350px;
  }
}

@media (min-width: 768px) {
  .aligntopic {
    margin: -103px auto 0px auto;
  }
}

.btn-primary {
  color: #fff;
  background-color: #690085;
  border-color: #690085;
}

.btn-primary:hover {
  color: #fff;
  background-color: #8d22aa;
  border-color: #8d22aa;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4b005f;
  border-color: #4b005f;
}

@media (min-width: 300px) {
  .TPsize {
    margin: -65px auto 7px auto;
  }
}

@media (min-width: 576px) {
  .TPsize {
    margin: -126px auto 0 auto;
  }
}

.Boxmb {
  padding: 0 2% 0 2%;
}

@media (min-width: 400px) {
  .MBshown {
    display: none;
  }
}

@media (max-width: 399px) {
  .PCshown {
    display: none;
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  .PCshown1 {
    display: none;
  }
}

@media (max-width: 399px) {
  .MBshown1 {
    display: none;
  }
}

@media (min-width: 768px) {
  .MBshown1 {
    display: none;
  }
}

@media (min-width: 401px) {
  .detailsMAR {
    margin-top: 15px;
  }
}

@media (max-width: 400px) {
  .detailsMAR {
    margin-top: 20px;
  }
}