.main_wrap_player {
  padding-bottom: 100px;
}
  @media screen and (max-width: 768px) {
    .main_wrap_player  {
margin-top: 10vh;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .main_wrap_player  {
        margin-top: 10vh;
    }
  }
.lesson_player_area {
  width: 100%;
  margin: 0 auto;
  /* padding: 10px 20px; */
}

.section_player {
  height: auto;
}
.player_wrap {
  display: flex;
  justify-content: center;
  background-color: black;
  padding: 70px 0;
}
  @media screen and (max-width: 768px) {
    .player_wrap {
    padding: 0;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .player_wrap {
    padding: 0;
    }
  }
.iframe_player {
  width: 70%;
  aspect-ratio: 1.78 / 1;
}
  @media screen and (max-width: 768px) {
    .iframe_player {
    width: 100%;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .iframe_player {
    width: 100%;
    }
  }
.section_playertitle_wrap {
  padding-left: 15%;
  height: 60px;
  display: flex;
  align-items: center;
}
  @media screen and (max-width: 768px) {
    .section_playertitle_wrap {
    padding-left: 5%;
    height: 50px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .section_playertitle_wrap {
    padding-left: 5%;
    height: 50px;
    }
  }
.section_player_title {
  font-size: 23px;
  font-weight: bold;
}
.button_p {
  height: 40px;
  width: 150px;
}
  @media screen and (max-width: 768px) {
    .button_p {
height: 30px;
    width: 120px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .button_p {
height: 30px;
    width: 120px;
    }
  }
.button_p1 {
  display: flex;
  height: 40px;
  width: 250px;
  background-color: #f9c710;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  font-weight: bold;
}
.completed_lesson {
  background-color: #ccc;
  color: gray;
}
.button_player_wrap {
  width: 100%;
  padding-left: 15%;
  height: fit-content;
  margin: 0 auto;
  display: flex;
}
  @media screen and (max-width: 768px) {
    .button_player_wrap {
    padding-left: 5%;
    display: block;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .button_player_wrap {
padding-left: 5%;
    }
  }
.button_player_wrap1 {
  width: 100%;
  padding-left: 15%;
  height: fit-content;
  margin: 0 auto;
  display: flex;
}
  @media screen and (max-width: 768px) {
    .button_player_wrap1 {
       padding-left: 5%;
       display: block;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .button_player_wrap1 {
       padding-left: 5%;
    }
  }
.icon_bread {
  color: black;
}
.bread_ul {
  display: flex;
  height: 50px;
  align-items: center;
  margin-left: 20px;
}
.bread_ul li {
  display: flex;
}
.bread_ul li i {
  display: flex;
  margin: 0 10px;
  align-items: center;
}
.footer_icon_wrap_p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: 5%;
}
  @media screen and (max-width: 768px) {
    .footer_icon_wrap_p {
       margin-top: 20px;
       margin-left: 0;
       justify-content: left;
    }
  }
.footer_iconp {
  width: fit-content;
  height: fit-content;
  margin: 0 10px;
}
.footer_iconp a i {
  color: dimgray;
}
  @media screen and (max-width: 768px) {
    .footer_iconp a i {
       font-size: 2.5em;
    }
  }
.entry-excerpt_player {
  padding-left: 15%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
  @media screen and (max-width: 768px) {
    .entry-excerpt_player {
       padding-left: 5%;
       height: 50px;
       margin-bottom: 10px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .entry-excerpt_player {
       padding-left: 5%;
       height: 50px;
       margin-bottom: 10px;
    }
  }