@media only screen and (min-width: 1200px) {
  .sidebar-ads-container {
    position: absolute;
    top: 50%;
    width: 20%;
    right: 1%;
    padding: 5px;
  }
  .ads-one,
  .ads-one img {
    width: 100%;
    margin-top: 10vh !important;
    opacity: 70%;
  }
  .ads-one:hover,
  .ads-one img:hover {
    width: 100%;
    margin-top: 28%;
    opacity: 100%;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
  }
  .midcontarea,
  main.midcontarea.container.mx-auto {
    width: 60vw;
  }
}
@media only screen and (max-width: 1199px) {
  .sidebar-ads-container {
    display: none !important;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-page-upcoming-events-box .pp-upcoming-events-left {
    width: 25%;
    display: inline-block;
    float: left;
  }
  .profile-page-upcoming-events-box {
    min-height: 70px !important;
  }
  .profile-page-upcoming-events-box .pp-upcoming-events-right {
    width: 75%;
    display: inline-block;
    float: left;
    height: 70px;
  }
}
.profile-page-upcoming-events {
  padding: 10px 10px 25px 10px;
  border-radius: 5px;
  background: #fff;
  margin-top: 10px;
}
.profile-page-upcoming-events-dates {
  -webkit-box-shadow: -1px 1px 2px 4px rgba(240, 240, 240, 1);
  -moz-box-shadow: -1px 1px 2px 4px rgba(240, 240, 240, 1);
  box-shadow: -1px 1px 2px 4px rgba(240, 240, 240, 1);
  padding: 5px 10px 10px 10px;
  background: #fff;
  overflow: hidden;
}
.profile-page-upcoming-events-dates h3 {
  color: #903;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 5px 0 10px 0px;
  font-size: 20px;
}
.profile-page-upcoming-events-box {
  background: #fff;
  padding: 0;
  min-height: 50px;
  margin: 5px 0 0;
}
.profile-page-upcoming-events-dates .odd-c {
  background: #003f5e;
  padding: 0;
}
.profile-page-upcoming-events-dates .even-c {
  background: #903;
  padding: 0;
}
.profile-page-upcoming-events-dates .odd-c:hover {
  background: #903;
}
.profile-page-upcoming-events-dates .even-c:hover {
  background: #003f5e;
}
.profile-page-upcoming-events-box .pp-upcoming-events-left {
  padding: 0;
  text-align: center;
  color: #fff;
}
.profile-page-upcoming-events-box .pp-upcoming-events-left p {
  font-size: 14px;
  padding: 5px 0 0 0;
  margin: 0 0 5px;
  color: #fff;
}
.profile-page-upcoming-events-box .pp-upcoming-events-left p span {
  display: block;
  line-height: 18px;
  font-size: 18px;
  font-weight: bold;
}
.profile-page-upcoming-events-box .pp-upcoming-events-right {
  padding: 15px 0 0;
  background: #fff;
  height: 52px;
  text-align: left;
}
.profile-page-upcoming-events-box .upcoming-events-cebu {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events-cebu.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -45px;
}
.profile-page-upcoming-events-box .upcoming-events-davao {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events1.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -40px;
}
.profile-page-upcoming-events-box .upcoming-events-medellin {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events2.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -25px;
}
.profile-page-upcoming-events-box .upcoming-events-shenzhen {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events3.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -25px;
}
.profile-page-upcoming-events-box .upcoming-events-peru {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events4.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -25px;
}
.profile-page-upcoming-events-box .upcoming-events-costa-rica {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-costa-rica.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -10px;
}
.profile-page-upcoming-events-box .upcoming-events-barranquilla {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events-barranquilla.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -10px;
}
.profile-page-upcoming-events-box .upcoming-events-cartagena {
  background-image: url(/invar/ssi-common/imgs/upcoming-events-cartagena.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -70px;
}
.profile-page-upcoming-events-box .upcoming-events-thailand {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events-thailand.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -40px;
}
.profile-page-upcoming-events-box .upcoming-events-mexico {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events-mexico.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -40px;
}
.profile-page-upcoming-events-box .upcoming-events-ukraine {
  background-image: url(/invar/ssi-common/imgs/updated-upcoming-events/upcoming-events-ukraine.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0px -23px;
}
.profile-page-upcoming-events-box .pp-upcoming-events-right h4 {
  font-size: 15px;
  padding-left: 10px;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .profile-page-upcoming-events-box .pp-upcoming-events-left {
    width: 25%;
    display: inline-block;
    float: left;
  }
  .profile-page-upcoming-events-box {
    min-height: 70px !important;
  }
  .profile-page-upcoming-events-box .pp-upcoming-events-right {
    width: 75%;
    display: inline-block;
    float: left;
    height: 70px;
  }
}
.upcoming-events-how-to-btns {
  clear: both;
  position: relative;
  top: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: -1px 1px 2px 4px rgba(240, 240, 240, 1);
  -moz-box-shadow: -1px 1px 2px 4px rgba(240, 240, 240, 1);
  box-shadow: -1px 1px 2px 4px rgba(240, 240, 240, 1);
  padding: 10px;
}
.upcoming-events-how-to-btns h3 {
  color: #903;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 5px 0 5px 0;
}
.upcoming-events-how-to-btns ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.upcoming-events-how-to-btns ul li {
  position: relative;
}
.upcoming-events-how-to-btns ul li a {
  display: block;
  background: #003f5e;
  color: #fff;
  line-height: 48px;
  text-align: left;
  margin: 7px 0 0;
  border-radius: 5px;
  padding-left: 45px;
}
.upcoming-events-how-to-btns ul li a:hover {
  background: #903;
  text-decoration: none;
}
.upcoming-events-how-to-btns ul li a:after {
  content: url(/invar/ssi-common/imgs/upcoming-events-btn-after.png);
  position: absolute;
  top: 15px;
  left: 7px;
}
@media only screen and (max-width: 1199px) {
  .profile-page-upcoming-events-box .pp-upcoming-events-left {
    width: 25%;
    display: inline-block;
    float: left;
  }
  .profile-page-upcoming-events-box {
    min-height: 70px !important;
  }
  .profile-page-upcoming-events-box .pp-upcoming-events-right {
    width: 75%;
    display: inline-block;
    float: left;
    height: 70px;
  }
}
@media (min-width: 1200px) {
  .col-lg-12,
  .col-lg-3,
  .col-lg-9 {
    float: left;
  }
}