/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                      for desktop 
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.topics__container {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-block-start: 28px;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                      for mobile phone
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {

  #breadcrumbs {
    width: auto;
    margin-inline: auto;
    max-width: initial;
    padding: 1rem 0 0.8rem;
  }
  
  .topics__container {
    -webkit-padding-before: 23.333333vw;
    padding-block-start: 0;
    width: calc(710*(100vw / 750));
    margin: 0 auto;
    padding-bottom: calc(20*(100vw / 750));
  }

}