@media only screen and (max-width: 830px){

/* 
------------------------------------------
------------ DECEMBER 27, 2024 -----------
------------------------------------------
*/

.intro-right > p {
    padding: 0px;
}

/* ------------ OLD STYLES ----------- */

.subHeader{
    display: none !important;
}
#cart-button{
    background: none;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    border: 1px solid #fff;
}
#fullImageView > p{
    position: absolute;
    display: flex;
    bottom: 10px;
    border: 1px solid #fff;
    color: white;
    padding: 3px 10px;
}
#cart-button svg polygon{
    fill: #fff;
}
.poster-info{
    display:none;
}
.tpnvcp {
    display: none;
}
#shopping-cart-button,#btn-ham{
	background-color: #fff;
}
#intro{
	background-image: none !important;
	height: 90vh;
}
.intro-right{
	width: 90%;
	margin:0px auto;
    padding-top: 10px;
    margin-bottom: 45px;
}
.intro-right h1{
	display: none;
}
#intro > div > p > img{
	width:100%;
	margin:0px 0px 13px;
}
span.text-intro{
	text-align: center;
	display: block;
}
.get-in-touch{
	width: 100%;
	padding: 10px 0px;
	position: fixed;
	bottom: 0px;
	background-color: #fff;
}
#intro > div > p > img.first-image{
	margin-top:-15px !important;
}

/* -------------- GALLERY ---------- */

#gallery{
	margin-top:33px;
}
.gallery2{
    width:90%;
}
.gallery-grid,.gallery-grid2{
	margin-bottom:0px;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 22px;
    grid-row-gap: 10px;
}
.gallery-grid div,.gallery-grid2 div {
	min-height: auto !important;
	width: 100% !important;
	margin-bottom: 20px;
}
.project-heading{
	display: none;
}
.cross-btn{
	color: white;
    position: fixed;
    border: 1px solid #fff;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,0.5);
}
/* ----------- BLOG ------------- */

.image-container {
  width: 100%;
  max-width: 100%;
}
.image-container > img {
     max-width: 90%;
}
#blog{
    padding: 44px 0px;
}

.blog-grid{
    width: 90%;
    margin: 0px auto;
    padding-bottom: 10px;
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    column-gap: 30px;
    grid-row-gap: 77px; 
}
.blog-grid a{
	height: 160px;
}
.blog-grid h3{
	font-size:17px;
	padding:0px;
}

#article{
    padding:10px 0px;
}
.article{
    width: 90%;
    margin: 0px auto;
}
.article-head h1{
    font-size:27px;
    font-family:noe-text-website;
    font-weight:600;
    padding-top:10px;
    margin-bottom:5px;
}
.article-head span{
    font-size: smaller;
    margin-top:10px;
}
.article-head img{
    display: block;
    margin: 0px auto;
    max-width:100%;

}
.article-head{
    text-align: left;
    margin-bottom:20px;
}
.article-body {
    padding-top: 0px;
}

/* ------------ ACADEMIC --------- */

.Grid{
    width:80% !important;
    overflow:hidden;
    margin-top:2rem !important;
}
.Grid-row{
    flex-direction:column;
    margin-bottom:0px !important;
}
.Card{
    margin:0px auto;
    margin-bottom: 3rem !important;
    width:100%;
    padding-bottom:0px !important;
    flex: 0 1 14rem !important;
}
.Card-thumb{
    width:100% !important;
}
.Card-title{
    position:static !important;
    height: auto !important;
    margin-top: 1rem;
}
.Card-shadow{
    width:100% !important;
}
.Card-explore{
    display:none !important;
}
.Card-image{
    width:100% !important;    
}
#tools {
    max-width: 87%;
    margin-top:47px;
}
#tools > div.tools-body > p{
    overflow:scroll;    
}
#fullImageView > div > p:nth-child(5){
    display:block;
}

.container-inner-upper {
  display: none;
}
.blogBorder {
  border-top: 1px solid rgb(114, 114, 114);
  padding: 7px 1px;
}
.image-container{
    padding-bottom: 7px;
}

}

/* ------------ ACADEMIC --------- */

.ac-title{
	margin-top: 0px;
	font-size: 24px;
}
.ac-body span{
    display: none;
}