@media (max-width: 768px) {
  .footer_details {
    flex-direction: column;
    padding: 60px 0px 60px;
  }
  .footer_up_bg:before {
    background-size: contain;
    width: 100%;
    height: 20px;
  }
  .tosa_shapes:before {
    background-size: contain;
  }
  .tosa_countdown_section {
    margin-top: 15px;
    margin-bottom: 0px;
  }
  .tosa_countdown h3 {
    font-size: 21px;
  }
  .tosa_icon_wrapper span i {
    font-size: 24px;
  }
  .tosa_cm {
    flex-direction: column;
  }
  .taso_welcome p {
    text-align: center;
  }
  .tosa_menu {
    justify-content: flex-start;
  }
  .yuva_title h2 {
    font-size: 22px;
  }
  .footer_left{
    padding-bottom: 15px;
  }
  .footer_section_title, .footer_section_blocks, .venue_section,.tosa_countdown_wrapper,.fogsi_south_quick_links{
      flex-direction:column;
  }
  .footer_detail_title h3:before{
      left:83px;
  }
  .footer_pco_title h3:before{
      left:75px;
  }
  .logo_section{
      justify-content: center;
  }
  .web h3{
      display:none;
  }
  .mob h3{
      display:block;
  }
  .yuva_logo_card{
      flex-basis: 190px;
    padding-bottom: 15px;
  }
  .navbar-light .navbar-toggler-icon{
      background-image: url(../images/logo/toggler.png) !important;
    background-repeat: no-repeat;
  }
  .contact_details{
      flex-direction:column;
  }
  .contact_logo_wrap{
      padding-bottom: 30px;
  }
  .contact_detail_title h3:before{
      left: 83px;
  }
  .footer_right{
      padding-top:30px;
  }
  .contact_pco_title h3:before{
      width: 125px;
      left: 91px;
  }
  .yuva_logo_wrapper img{
      width: 200px;
    padding-bottom: 20px;
  }
  .about_section,.quick_link_section{
      flex-direction:column;
  }
  .footer_detail_title{
      text-align: center;
  }
  .south_logo img{
      width:150px;
  }
  .tosa_quick_links{
        border-right:none;
  }
  .taso_msg{
      padding-top:15px;
  }
}