@media only screen and (max-width: 1025px){
  .header .nav a{
    font-size: 15px;
  }
  .diploma img{
    width: 200px;
    height: 250px;
  }
  .life-content .life-book img{
    width: 95%;
  }
  .ux-cont{
    grid-template-columns: 100%;
  }
  #cont-txt{
    margin: 0;
    padding: 0;
  }
  #about-head .top-link p,#about-head .top-link a{
    font-size: 18px;
  }
  #about-head{
    width: 100%;
  }
  #about-head .nav a{
    font-size: 14px;
  }
  .nature-content{
    grid-template-columns: 100%;
  }
  .news-paper{
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px){
  .home-container{
    padding: 10px 1%;
  }
  .header .nav{
    display: block;
  }
  .header .nav a{
    display: block;
    font-size: 20px;
    margin: 15px 0;
  }
  .book-vids{
    display: block;
  }
  .book-vids .books{
    display: block;
    margin-bottom: 20px;
  }
  .book-vids .books img{
    width: 50%;
  }
  .book-vids .videos{
    position: static;
  }
  .book-vids .videos{
    display: block;
  }
  .book-vids .videos p.vid-cap{
    text-align: center;
    margin: 10px 0;
    width: 100%;
    display: block;
    position: static;
    transform: translateX(0);
  }
  .book-vids .videos a img{
    display: inline-block;
    width: 200px;
  }
  .imgs .center-img img{
    width: 100%;
  }
  .bottom-text-area p.heading-p{
    font-size: 16px;
  }
  .bottom-text-area .comments p{
    text-align: justify;
  }
  .diploma img{
    width: 120px;
    height: 150px;
  }
  .diploma p{
    font-size: 12px;
  }
  .article-header{
    flex-direction: column;
  }
  .article-left{
    width: 100%;
  }
  .article-search{
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .ux-content{
    grid-template-columns: 100%;
  }
  .ux-content .ux-nav{
    margin-bottom: 10px;
  }
  .ux-content .ux-nav a{
    font-size: 18px;
    margin: 10px 0;
  }
  .space img{
    min-width: 350px;
  }
  .space iframe{
    width: 90%;
    height: 50vw;
  }
  .bord-box{
    width: 100%;
    min-width: auto;
  }
  .bord-box .bordered table{
    width: 100%;
  }
  .space-more1 img{
    min-width: 95%;
  }
  .space-more1 table{
    min-width: 95%;
  }
  .space-ring-container table{
    min-width: 95%;
  }
  .space-ring-container img{
    min-width: 95%;
  }
  .stoneheng-content img{
    min-width: 95%;
  }
  .sketch-content img{
    min-width: 95%;
  }
  .geodesic-content .gedesic-grid{
    grid-template-columns: 100%;
  }
  .geodesic-content .gedesic-grid .geobooks img{
    width: 200px;
  }
  .gedesic-grid .geobooks a.shop-now-btn{
    width: 200px;
  }
  .gedesic-grid .geo-right{
    width: 100%;
    margin-top: 5px 0;
  }
  .geodesic-page .geo-bordered{
    min-width: 100%;
    margin: 20px 0;
    padding: 10px 2%;
  }
  .geodesic-page table{
    width: 100%;
  }
  .exp-edu img{
    width: 95%;
  }
  .swim-content img{
    width: 95%;
  }
  .swim-content iframe{
    width: 95%;
  }
  .erogo-content iframe, .erogo-content img{
    width: 95%;
  }
  .useable1 table{
    width: 95%;
  }
  .life-content{
    grid-template-columns: 100%;
  }
  .easy1-content img{
    min-width: 95%;
  }
  .easy1-content table{
    width: 95%;
  }
  .ux-cont .ux-vid{
    grid-column: span 2;
  }
  .ux-cont .ux-vid img{
    width: 100px;
  }
  #cont-txt{
    grid-template-columns: 20% 80%;
  }
  #check-vid-about{
    grid-column: span 2;
    margin: 20px 0;
  }

  /* Video Page */
  .videos-page{
    display: grid;
    grid-template-columns: 100%;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 480px){
  .header .top-link a{
    font-size: 15px;
  }
  .header .top-link p{
    font-size: 15px;
  }
  .header .top-link p a{
    font-size: 15px;
  }
  .header .nav a{
    font-size: 16px;
    margin: 10px 0;
  }
  .content-txt{
    padding: 5px 0;
  }
  .content-txt p{
    font-size: 14px;
  }
  .comments{
    font-size: 14px;
  }
  .footer a{
    font-size: 13px;
    margin: 0 5px;
  }
  .footer .footer-icons a{
    font-size: 13px;
  }
  .diploma{
    grid-template-columns: 100%;
  }
  .diploma img{
    width: 90%;
    height: auto;
  }
  .diploma p{
    font-size: 18px;
  }
  .about-text ul li{
    text-align: justify;
    font-size: 13px;
  }
  .about-text p{
    font-size: 15px;
  }
  .article-search{
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
  .article-search .inp{
    width: 100%;
    margin-bottom: 15px;
  }
  .ux-content .ux-nav{
    margin-bottom: 10px;
  }
  .ux-content .ux-nav a{
    font-size: 14px;
    margin: 7px 0;
  }
  .present-content img{
    width: 90%;
    height: auto;
  }
  .number-content img{
    max-width: 95%;
  }
  .number-content table{
    width: 95%;
  }
  .space img{
    min-width: 95%;
  }
  .space iframe{
    width: 90%;
    height: 50vw;
  }
  ol{
    margin-left: 5%;
  }
  .geodesic-container img{
    min-width: 95%;
  }
  .gedesic-grid .geobooks a.shop-now-btn{
    width: 95%;
  }
  .geodesic-content img{
    width: 95%;
  }
  .life-center img{
    width: 95%;
  }
  .ux-cont{
    grid-template-columns: 100%;
  }
  .ux-cont .nav-ux{
    margin: 0 0 10px 0;
  }
  .ux-cont .nav-ux a{
    margin: 10px 0;
    padding: 0;
  }
  .ux-cont .ux-vid{
    grid-column: auto;
  }
  #cont-txt{
    grid-template-columns: 100%;
  }
  #check-vid-about{
    grid-column: auto;
  }
  #cont-txt .about-book{
    width: 200px;
    margin: 0 auto;
  }
  .news-paper{
    grid-template-columns: 100%;
  }
  /* Video Page */
  .videos-page .videos{
    text-align: center;
    display: grid;
    grid-template-columns: 100%;
  }
}