body {
  overflow-x: hidden;
}

.os1 {
  width: 100%;
  height: 400px;
  background-color: #7d5b5b;
  margin-top: -20px;
}

.g1 {
  width: 100%;
  height: auto;
  box-shadow: 1px 0px 4px 1px rgba(214, 214, 214, 1);
  margin-bottom: 40px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  background-color: #a44d4d;
  border-radius: 10px;
}

.g2 {
  width: 100%;
  height: auto;
  box-shadow: 1px 0px 4px 1px rgba(214, 214, 214, 1);
  margin-bottom: 40px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  background-color: #426d8e;
  border-radius: 10px;
}

.g3 {
  width: 100%;
  height: auto;
  box-shadow: 1px 0px 4px 1px rgba(214, 214, 214, 1);
  margin-bottom: 40px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  background-color: #d1cc4f;
  border-radius: 10px;
}

.g4 {
  width: 100%;
  height: auto;
  box-shadow: 1px 0px 4px 1px rgba(214, 214, 214, 1);
  margin-bottom: 20px;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
  background-color: #fff;
}

.card1 {
  width: 23.5%;
  height: 60%;
  margin-left: 11px;
  margin-bottom: 18px;
  padding: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 5px;
}

.bestcontainer {
  padding: 20px;
  background: #f2f2f2;
}

.btnbest {
  text-align: center;
  margin: 20px;
}

.loadmore {
  color: #fff;
  background: #707070;
  padding: 10px 30px;
  border-radius: 5px;
}

.loadmore1 {
  color: #fff;
  background: #5b1d1d;
  padding: 10px 30px;
  border-radius: 5px;
}

.loadmore2 {
  color: #fff;
  background: #0b263a;
  padding: 10px 30px;
  border-radius: 5px;
}

.loadmore3 {
  color: #fff;
  background: #5b580f;
  padding: 10px 30px;
  border-radius: 5px;
}

.row-same-height {
  display: flex;
  /* equal height of the children */
}

.col-same-height {
  flex: 1;
  /* additionally, equal width */
}

.video-wrapper {
  position: relative;
}

.video-wrapper > video {
  width: 100%;
  vertical-align: middle;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
  display: none;
}

.video-overlay-play-button {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px calc(50% - 50px);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0.95;
  cursor: pointer;
  background-image: linear-gradient(transparent, #000);
  transition: opacity 150ms;
}

.video-overlay-play-button:hover {
  opacity: 1;
}

.video-overlay-play-button.is-hidden {
  display: none;
}

.row-margin {
  margin: auto;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 740px) {
  .panel-body {
    margin-bottom: 10px;
  }

  .container {
    width: 90%;
    padding: 0px;
    margin-left: 13px;
  }

  .col-md-12 {
    padding: 0px;
  }

  .padding-15 {
    padding: 15px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .panel-body {
    margin-bottom: 10px;
  }

  /* .col-md-6 {
    padding: 0px;
  } */

  .container {
    width: 90%;
    padding: 0px;
  }

  .col-md-12 {
    padding: 0px;
  }

  .padding-15 {
    padding: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .panel-body {
    margin-bottom: 10px;
  }

  /* .col-md-6 {
    padding: 0px;
  } */

  .container {
    width: 90%;
    padding: 0px;
  }

  .col-md-12 {
    padding: 0px;
  }

  .padding-15 {
    padding: 15px;
  }
}