img { 
max-width:100%;
display:block;
margin:0;
padding:0;
} @media only screen and (min-width : 320px) and (max-width : 480px) {
.container { 
width: 90%;
}
header { 
position: relative;
}
.web-menu { 
display:none;
}
#mob-menu-container { 
display:block;
}
.brand-logo { 
margin:0;
}
.menu-bar { 
background:none;
}
#content-area .content-left { 
width:100%;
margin-bottom:30px;
}
#content-area .content-right { 
width:100%;
}
#about-fluid .column-left { 
width: 100%;
}
#about-fluid .column-right { 
width: 100%;
}
#founder-fluid .column-left { 
width: 100%;
padding-bottom: 20px;
}
#founder-fluid .column-right { 
width: 100%;
}
.gallery-box .gallery-img { 
margin-bottom: 20px;
}
.gallery-box .gallery-content { 
position: relative;
width: 100%;
}
#promotion-fluid p { 
padding: 0;
}
#events-fluid .auditorium-box { 
width: 100%;
margin-bottom: 20px;
}
.auditorium-box .auditorium-img { 
margin-bottom: 20px;
}
.auditorium-box .auditorium-content { 
position: relative;
width: 100%;
}
#events-fluid .events-box { 
width: 100%;
}
.foot-links { 
width: 100%;
padding: 0;
text-align: center;
margin-bottom: 40px;
line-height: 30px;
}
.foot-media { 
width: 100%;
}
#foot-bottom { 
padding: 10px 0;
line-height: 24px;
}
aside.copyright-right {
float: unset;
}
.ArtGalleryFluidOne .ColumnOne { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidOne .ColumnTwo { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidOne .ColumnThree { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidTwo .ColumnOne { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidTwo .ColumnTwo { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidTwo .ColumnThree { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidTwo .ColumnFour { 
width:100%;
margin:0 0 10px 0;
}
.ArtGalleryFluidOne .ColumnTwo .ArtGalleryBox { 
margin-top:0;
}
.ArtGalleryFluidOne .ColumnThree .ArtGalleryBox { 
margin-top:0;
}
.foot-links { 
line-height:24px;
}
.foot-links a { 
margin-right:10px;
}
.foot-media { 
width:100%;
text-align:center;
}
.foot-media h5 { 
text-align:center;
}
.foot-media ul { 
width:100%;
float:left;
text-align:center;
}
.foot-media ul li { 
float:none;
}
} @media only screen and (min-width : 321px) {
} @media only screen and (max-width : 320px) {
} @media only screen and (min-width : 768px) and (max-width : 1024px) {
.container { 
width: 96%;
}
#content-area .content-left { 
width:30%;
}
#content-area .content-right { 
width:67%;
}
#about-fluid .column-left { 
width:30%;
}
#about-fluid .column-right { 
width:67%;
}
#founder-fluid .column-left { 
width:30%;
}
#founder-fluid .column-right { 
width:67%;
}
.gallery-box .gallery-content { 
background:#fff;
}
#events-fluid .auditorium-box { 
width:100%;
}
.auditorium-box .auditorium-content { 
background:#fff;
}
#events-fluid .events-box { 
width:100%;
margin-top:30px;
}
.ArtGalleryFluidOne { 
margin-bottom:1%;
}
.ArtGalleryFluidOne .ColumnOne { 
width:50%;
}
.ArtGalleryFluidOne .ColumnTwo { 
width:21.6%;
margin-left:1%;
}
.ArtGalleryFluidOne .ColumnThree { 
width:26.4%;
margin-left:1%;
}
.ArtGalleryFluidOne .ColumnThree .ArtGalleryBox { 
margin-top:0 !important;
}
.ArtGalleryFluidTwo .ColumnOne { 
width:15%;
}
.ArtGalleryFluidTwo .ColumnTwo { 
width:34%;
margin-left:1%;
}
.ArtGalleryFluidTwo .ColumnThree { 
width:34%;
margin-left:1%;
}
.ArtGalleryFluidTwo .ColumnFour { 
width:14%;
margin-left:1%;
}
.foot-links { 
width:67%;
padding-top:0;
}
.foot-media { 
width:30%;
}
} @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
.web-menu { 
display:none;
}
#mob-menu-container { 
display:block;
}
} @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
} @media only screen and (min-width : 1224px) {
} @media only screen and (min-width : 1824px) {
}