/*mobile track display */

.track-mobile{
    display: none;
  }
  @media only screen and (max-width: 1035px) {
    .track-mobile{
      display: block;
    }
    .desktop-track{
      display: none;
    }
  }
  .postcard:hover{
      -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2); 
    transition: transform 1.4s ease;
  }

  .history2 , .history3 , .history4{
    display: none;
    
   }

  @media only screen and (max-width: 992px) {
    .history1{
    display: none;
    
   }
   .history2{
    display: block;
   }
  }
  @media only screen and (max-width: 505px) {
    .history1{
    display: none;
    
   }

   .history2{
    display: none;
   }
   .history3{
    display: block;
   }
   .history4{
    display: none;
   }
  }
  
  @media only screen and (max-width: 850px) {
    .history1{
    display: none;
    
   }

   .history2{
    display: none;
   }
   .history3{
    display: none;
   }
   .history4{
    display: block;
   }
  }

  /*commitee mobile*/

  .com2 , .com3{
    display: none;
  }
  @media only screen and (max-width: 770px) {
    .com1{
    display: none;
    
   }

   .com2 {
    display: block;
   }
  }

    /*contact mobile*/

    .con2 , .con3{
      display: none;
    }
    @media only screen and (max-width: 775px) {
      .con1{
      display: none;
      
     }
  
     .con2{
      display: block;
     }
    }

    @media only screen and (max-width: 479px) {
      .con1{
      display: none;
      
     }
  
     .con2{
      display: none;
     }
     .con3{
      display: block;
     }
    }

    /*track mobile */

    .track2 , .track3 , .track4 , .track5{
      display: none;
    }

    @media only screen and (max-width: 938px) {
      .track1{
      display: none;
      
     }
  
     .track2{
      display: block;
     }
    }

    @media only screen and (max-width: 741px) {
      .track1{
      display: none;
      
     }
     .track2{
      display: none;
      
     }
     .track3{
      display: block;
     }
    }
    @media only screen and (max-width: 650px) {

      .track1{
      display: none;
      
     }
     .track2{
      display: none;
      
     }
     .track3{
      display: none;
      
     }
     .track4{
      display: block;
     }
    }

     @media only screen and (max-width: 386px) {
      .track1{
      display: none;
      
     }
     .track2{
      display: none;
      
     }
     .track3{
      display: none;
      
     }
     .track4{
      display: none;
      
     }
     .track5{
      display: block;
     }

    }

    /* countdown mobile */

    .count2 , .count3
    {
      display: none;
    }

    @media only screen and (max-width: 801px) {
      .count1{
      display: none;
      
     }
  
     .count2{
      display: block;
     }
    }
    @media only screen and (max-width: 406px) {
      .count1{
      display: none;
      
     }
     .count2{
      display: none;
      
     }
     .count3{
      display: block;
     }
    }

    /*date mobile */

    .date3 , .date2  {
      display: none;
    }

    @media only screen and (max-width: 1023px) {
      .date1{
      display: none;
      
     }
  
     .date2{
      display: block;
     }
    }
    @media only screen and (max-width: 444px) {
      .date1{
      display: none;
      
     }
     .date2{
      display: none;
      
     }
     .date3{
      display: block;
     }
    }


    /*key note */

    .key-note{
      margin: 30px 0 12px 0;
    }

    @media only screen and (max-width: 1260px) {
      .key-note{
        margin: 10px 0 2px 0;
      }
      .key-note{
        font-size: 80%;
      }
    }
    @media only screen and (max-width: 960px) {
      .key-note{
        margin: 2px 0 1px 0;
      }
      .key-note{
        font-size: 70%;
      }
    }
    @media only screen and (max-width: 767px) {
      .key-note{
        margin: 2px 0 1px 0;
      }
      .key-note{
        font-size: 85%;
      }
    }


  
    .r-name{
      font-size: 135%;
    }
    .r-text{
      font-size: 90%;
    }
    .review-box{
      box-shadow: 0 2px 2px 0 #522e75;
    }
    .col-review{
      margin-bottom: 12px;
    }

    @media only screen and (min-width: 777px) {
     .last-r{
      margin: auto !important;
      width: 50% !important;
     }
    }


    .circular--portrait {
      position: relative;
      width: 13vw !important;
      height: 13vw !important;
      overflow: hidden;
      border-radius: 50%;
  }
  .circular--portrait,  .key-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .key-img{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .about-speaker{
    margin-top: 10px;
  }
  .k-name{
    
    color:rgb(39, 38, 38);
  }
  .k-uni{
    
    color:rgb(46, 44, 44);
  }
.mob-r{
    display: none;
}

@media only screen and (max-width: 750px) {
.desk-r{
    display: none;
}
    .mob-r{
        display: block;
    }
}