.title-main{

  margin-top: 35px;

  margin-bottom: 35px;

  border-bottom: 2px solid #312759;

}

.title-main h1{

  z-index: 1050;

  color:#312759;

  font-size: 35px;

  position: relative;

  top: 9px;

  left: 0;

}

.title-main::before{

  content: '';

  width: 200px;

  height: 20px;

  background-color: #fff;

  position: absolute;

  top: 30px;

}





.my-gallery {

  width: 100%;

  float: left;

}

.my-gallery img {

  width: 100%;

  height: 250px;

  object-fit: cover;

}

.my-gallery figure {

  display: block;

  float: left;

  margin: 0;

  width: calc(100% / 3);
  height:250px;
  overflow: hidden;

}

.my-gallery figcaption {

  display: none;

}

/*additional*/
/*//////////////////////////////////*/
@media only screen and (max-width:1171px) {
  .my-gallery figure {
      width: 31%;
  }

  .modal-dialog.modal-lg{
	width: 80vw!important;
	}
}

@media only screen and (max-width:1024px) {
  
  .modal-dialog.modal-lg{
	width: 80vw!important;
	}
}

@media only screen and (max-width: 999px) {
  .trop-text {
    width: 155px!important;
    left: 55.5px!important;
    padding: 5px!important;
  }
}

@media only screen and (max-width: 991px) {
   .cup-section, .title2_cover{
    margin-top: 100px;
   }
   .owl-next, .owl-prev{
    display: none;
   }

.modal-dialog.modal-lg{
	width: 75vw!important;
}

  /* .modal-content .bracket{
   		    margin-left: -200px;
   }*/
}

/*@media only screen and (max-width: 845px) {
   .modal-content .bracket{
   		    margin-left: -340px;
   }
}
*/
@media only screen and (max-width: 767px) {
   .cup-section, .title2_cover{
    margin-top: 0px;
   }

   /*.modal-content .bracket{
   		    margin-left: -484px;
   }*/
}

@media only screen and (max-width: 667px) {
   div.jQBracket .bracket{
   	width: 85%!important;
   }
   /*.team.win.highlightLoser.highlight{
   	width: 75vw!important;
   }*/
}

@media only screen and (max-width: 599px) {
   .trop-text {
    width: 155px!important;
    left:0px!important;
    padding: 5px!important;
  }
}

@media only screen and (max-width: 480px) {
 /*   .trop-text {
    width: 155px!important;
    left:94.5px!important;
    padding: 5px!important;
  } */
  #popup1 .modal-content{
    width: 85vw;
  }
}