@charset "utf-8";
/* CSS Document */

@media (max-width: 768px) {

				/* ========== slider section ========== */
				
.slider-section .carousel-indicators {
	margin-bottom: 0.5rem;
}
.slider-section .carousel-indicators li {
    width: 15px;
    height: 2px;
}
.slider-section .carousel-inner .carousel-item {
}
.slider-section .carousel-inner .carousel-item img {
	height: 200px;
}
				
				/* ========== intro section ========== */
				
.intro-section {
    padding: 4% 0% 8%;
}
.intro-head {
    padding: 0px 0px 30px;
}
.intro-head h1 {
    font-size: 40px;
}
.intro-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.intro-head h4 {
    font-size: 12px;
    padding: 0px 0px 0px;
}
.intro-head h4:before {
    top: -30%;
    left: -8%;
}
.intro-head h4:after {
    top: -30%;
    right: -8%;
}
.intro-row {
    padding: 0px 5px 0px;
}
.intro-image {
    padding: 0px 30px 0px;
}
.intro-info {
    font-size: 14px;
    line-height: 35px;
    padding: 10px 5px 5px;
}
.intro-btn {
    padding: 10px 10px 0px;
}
.intro-btn a {
    font-size: 14px;
    padding: 5px 10px;
}

				
				/* ========== milap form section ========== */
				
.milap-section {
}
.milap-section .opacity {
    padding: 6% 0% 6%;
}
.milap-row {
    padding: 0px 5px 0px;
}
.milap-data {
}
.milap-data .milap-head {
    padding: 0px 0px 10px;
}
.milap-data .milap-head h2 {
    font-size: 30px;
    padding: 0px 0px 0px;
}
.milap-data .milap-info {
    font-size: 12px;
    line-height: 30px;
    padding: 10px 0px 10px;
}
.milap-data .milap-btn {
    padding: 10px 0px 10px;
}
.milap-data .milap-btn .btn-line {
    font-size: 15px;
    line-height: 25px;
    padding: 0px 0px 15px;
}
.milap-data .milap-btn a {
    font-size: 14px;
    padding: 5px 10px;
}
.milap-data .milap-btn a:before {
    padding: 3px 3px;
    font-size: 14px;
    margin-right: 10px;
}
				
				/* ========== celebration section ========== */
				
.celebration-section {
    padding: 6% 0% 6%;
}
.celebration-head {
    padding: 0px 0px 30px;
}
.celebration-head h1 {
    font-size: 40px;
}
.celebration-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.celebration-head h4 {
    font-size: 12px;
    padding: 0px 0px 0px;
}
.celebration-head h4:before {
    top: -30%;
    left: -8%;
}
.celebration-head h4:after {
    top: -30%;
    right: -8%;
}
.celebration-grid {
    padding: 10px 0px 0px;
}
.celebration-1 {
    width: 80%;
    margin: 5px 5px 20px;
}
.celebration-1 .celebration-img {
}
.celebration-1 .celeb-date {
    font-size: 12px;
    padding: 10px 0px 0px;
}
.celebration-1 h3 {
    font-size: 18px;
    padding: 5px 0px 0px;
}
.celebration-1 .celeb-btn {
    padding: 10px 0px 10px;
}
.celebration-1 .celeb-btn a {
    font-size: 14px;
    padding: 5px 10px;
}
				
				/* ========== events section ========== */

.event-section {
    padding: 6% 0% 14%;
    clip-path: polygon(0 40px, 100% 0, 100% 95%, 0 100%);
}
.event-head {
    padding: 20px 0px 30px;
	margin: 0px 10px 0px;
}	
.event-head h1 {
    font-size: 40px;
}
.event-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.event-head h4 {
    font-size: 12px;
    padding: 0px 0px 0px;
}
.event-head h4:before {
    top: -30%;
    left: -8%;
}
.event-head h4:after {
    top: -30%;
    right: -8%;
}	
.grid-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
}
.grid-gallery .img-grid {
}
.grid-gallery > div:nth-child(2) {
    grid-row: span 2;
    height: 100%;
}
.event-btn {
    top: 10px;
}
.event-btn a {
    font-size: 14px;
    padding: 5px 10px;
}
				
				/* ========== social activities section ========== */
				
.social-activity-head {
    padding: 0px 0px 30px;
}	
.social-activity-head h1 {
    font-size: 40px;
}
.social-activity-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.social-activity-head h4 {
    font-size: 12px;
    padding: 0px 0px 0px;
}
.social-activity-head h4:before {
    top: -30%;
    left: -8%;
}
.social-activity-head h4:after {
    top: -30%;
    right: -8%;
}	
.csr {
    padding: 10px 0px 20px;
}
.csr-grid {
    width: 100%;
    padding: 10px 0px;
    margin: 10px 5px;
}
.csr-block {
	padding: 10px 10px;
}
.csr-image {
}
.data-block {
    margin-top: -72px;
}
.data-block .csr-btn {
    width: 35%;
    padding-left: 5px;
}
.data-block .csr-btn a {
    font-size: 11px;
    padding: 5px 5px;
}
.data-block .data {
    width: fit-content;
    padding: 10px 0px 10px;
    height: 100px;
}
.data-block .data h3 {
    font-size: 10px;
    padding: 5px 5px 5px;
}
.data-block .info {
    font-size: 8px;
    line-height: 15px;
    padding: 0px 10px 0px;
}
				
				/* ========== amenitys section ========== */

.amenity-section {
    padding: 6% 0% 16%;
    clip-path: polygon(0 40px, 100% 0, 100% 96%, 0 100%);
}
.amenity-head {
    padding: 20px 0px 30px;
}	
.amenity-head h1 {
    font-size: 40px;
}
.amenity-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.amenity-head h4 {
    font-size: 12px;
    padding: 0px 0px 0px;
}
.amenity-head h4:before {
    top: -30%;
    left: -8%;
}
.amenity-head h4:after {
    top: -30%;
    right: -8%;
}
.inner-amenity-section {
}
.amenity-bg {
	width: 100%;
}
.amenity-row {
    padding: 0px 5px 0px;
}
.amenity-slider {
    position: relative;
    width: 100%;
    top: 0%;
}
.image-slide {
}
.carousel-inner {
}
.image-slide .carousel-item {
}
.image-slide .amenity-image {
}
.abt-amenity {
    padding: 30px 5px 0px 5px;
}
.abt-amenity-head {
}
.abt-amenity-head h3 {
    font-size: 22px;
    padding: 0px 0px 0px;
}
.amenity-info {
    font-size: 12px;
    line-height: 30px;
    padding: 20px 0px 30px;
}
.amenity-icon-grid {
    grid-gap: 5px;
}
.amenity-icon {
    margin-bottom: 20px;
}
.amenity-icon a {
}
.amenity-icon .amenity-img {
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.amenity-icon .amenity-img img {
}
.amenity-icon h4 {
    font-size: 12px;
    padding: 10px 0px 0px;
}
				
				/* ========== fb and video section ========== */
				
.fb-video-head {
    padding: 0px 0px 30px;
}	
.fb-video-head h1 {
    font-size: 40px;
}
.fb-video-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.fb-video-head h4 {
    font-size: 12px;
    padding: 0px 0px 0px;
}
.fb-video-head h4:before {
    top: -30%;
    left: -8%;
}
.fb-video-head h4:after {
    top: -30%;
    right: -8%;
}	
.fb-video-row {
    padding: 0px 5px 0px;
}
.fb {
	padding: 0px 0px 30px;
}
.fb-head {
    padding: 0px 0px 20px;
}	
.fb-head h2 {
    font-size: 22px;
    text-align: center;
}
.video-head {
    padding: 0px 0px 20px;
}
.video-head h2 {
    font-size: 22px;
    padding-top: 15px;
}
				
				
				/* ========== Contact page CSS ========== */
				
.contact-section {
    padding: 4% 0% 6%;
}
.contact-row {
    padding: 0px 5px 0px;
}
.contact-head {
    padding: 0px 0px 30px;
}
.contact-head h1 {
    font-size: 40px;
}
.contact-head h2 {
    font-size: 30px;
    margin-top: -8%;
}
.location-block {
    padding: 30px 30px 20px 30px;
    margin-right: 10px;
    margin-bottom: 30px;
}
.location-block h4 {
    font-size: 16px;
    padding: 10px 0px 0px;
}
.location-block .address {
    font-size: 12px;
    line-height: 30px;
    padding: 20px 0px 20px;
}
.location-block:after {
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}
.contact-block {
    padding: 30px 30px 20px 30px;
    margin-right: 10px;
    margin-bottom: 30px;
}
.contact-block h4 {
    font-size: 16px;
    padding: 10px 0px 0px;
}
.contact-block .email {
    font-size: 12px;
    line-height: 30px;
    padding: 10px 0px 10px;
}
.contact-block .contact-no {
    font-size: 12px;
    line-height: 30px;
    padding: 5px 0px 10px;
}
.contact-block:after {
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}
.form-block {
    padding: 30px 20px 10px 20px;
    margin-left: 0px;
}
.form-head h3 {
    font-size: 20px;
    padding: 0px 0px 0px;
}
.contact-form {
    padding: 10px 0px 10px;
}
.form-group {
    margin-bottom: 10px;
}
.contact-form input, .contact-form textarea {
    height: 30px;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 0px;
}
.contact-form .form-btn {
    font-size: 16px;
    padding: 5px 15px;
    margin-left: 5px;
}
				
				/* ========== Gallery page CSS ========== */
				
.gallery-section {
   	padding: 4% 0% 2%;
}
.gallery-row {
    padding: 0px 5px 0px;
}
.gallery-head {
    padding: 0px 0px 30px;
}
.gallery-head h1 {
    font-size: 40px;
}
.gallery-head h2 {
    font-size: 30px;
    margin-top: -6%;
}
.product-list {
    padding: 10px 0px 10px;
}
.product-list ul {
}
.product-list ul li {
    width: 24%;
    height: 30px;
    line-height: 30px;
    margin-right: 2px;
    font-size: 12px;
}
.product-wrap-box {
    padding: 20px 0px 20px;
	justify-content: center;
}
.product-wrap-box .box {
    width: 45%;
    height: 120px;
    margin: 5px;
}
.product-wrap-box .box img {
}
.product-wrap-box .box a {
}
.product-wrap-box .box a i {
    font-size: 15px;
}
.for-gallery-btn {
    padding: 0% 0% 6%;
}
.gallery-btn-row {
    padding: 0px 5px 0px;
}
.gallery-btn {
    padding: 0px 10px 0px;
}
.gallery-btn a {
    font-size: 14px;
    padding: 5px 10px;
}
				
				/* ========== About PCA page CSS ========== */
				
.abt-intro-1 {
    padding: 6% 0% 4%;
}
.abt-intro-row {
    padding: 0px 5px 0px;
}
.abt-intro-head {
    padding: 10px 0px 10px;
}
.abt-intro-head h2 {
    font-size: 22px;
    padding: 0px 5px 0px;
    text-align: left;
}
.abt-intro-info {
    font-size: 12px;
    line-height: 30px;
    padding: 10px 5px 5px;
}
.abt-intro-2 {
}
.abt-intro-2 .opacity {
    padding: 6% 0% 6%;
}
.abt-intro-2 .abt-intro-head h2 {
    font-size: 22px;
    padding: 0px 5px 0px;
    text-align: right;
}
.abt-intro-2 .abt-intro-info {
    font-size: 12px;
    line-height: 30px;
    padding: 10px 5px 5px;
}
.abt-programs {
    padding: 6% 0% 6%;
}
.abt-programs-row {
    padding: 0px 5px 0px;
}
.programs-head {
    padding: 10px 0px 10px;
}
.programs-head h2 {
    font-size: 22px;
    padding: 0px 0px 0px;
    text-align: center;
}
.programs-info {
    font-size: 12px;
    line-height: 30px;
    padding: 10px 5px 15px;
}
.cele-block {
    padding: 20px 10px 20px;
	margin-bottom: 20px;
}
.cele-icon {
    margin-bottom: 0px;
}
.cele-icon img {
	max-width: 15%;
}
.cele-no {
    font-size: 50px;
}
.cele-head {
    padding: 0px 0px 10px;
}
.cele-head h3 {
    font-size: 18px;
    padding: 0px 0px 0px;
}
.cele-info {
    font-size: 11px;
    line-height: 25px;
    padding: 5px 5px 5px;
}
.abt-intro-4 {
    padding: 2% 0% 6%;
}
				
				/* ========== Trustee page CSS ========== */
				
.trustee-section {
    padding: 4% 0% 4%;
}
.trustee-row {
    padding: 0px 5px 0px;
}
.trustee-section-head {
    padding: 0px 0px 30px;
}
.trustee-section-head h1 {
    font-size: 40px;
}
.trustee-section-head h2 {
    font-size: 25px;
    margin-top: -6%;
}
.photo-grid {
    padding: 10px 0px 10px;
}
.photo-grid .photo-block {
    width: 42%;
    margin: 10px 10px 20px;
}
.trustee-img {
}
.trustee-head {
    padding: 10px 0px 10px;
}
.trustee-head h3 {
    font-size: 10px;
    padding: 0px 0px 5px;
}
.trustee-head h5 {
    font-size: 8px;
}
.number-list {
}
.number-list li {
    font-size: 10px;
}
.number-list li:last-child {
    margin-bottom: 10px;
}
				
				/* ========== Committee page CSS ========== */

.committee-section-1 {
    padding: 4% 0% 4%;
}
.committee-row {
    padding: 0px 5px 0px;
}
.committee-head {
    padding: 0px 0px 30px;
}
.committee-head h1 {
    font-size: 40px;
}
.committee-head h2 {
    font-size: 25px;
    margin-top: -6%;
}
.committee-table th {
   	font-size: 12px;
   	line-height: 20px;
   	padding: 4px 5px 0px;
}
.committee-table td {
   	font-size: 10px;
   	padding: 2px 5px 2px;
}
.committee-section-2 {
    padding: 10% 0% 10%;
    clip-path: polygon(0 40px, 100% 0, 100% 96%, 0 100%);
}				
				
				/* ========== Milap page CSS ========== */
				
.milap-banner-section {
    min-height: 100px;
}
.milap-banner-section .opacity {
    padding: 16% 0% 16%;
}
.milap-intro-section {
    padding: 4% 0% 6%;
}
.milap-intro-row {
    padding: 0px 5px 0px;
}
.milap-intro-head {
    padding: 0px 0px 30px;
}
.milap-intro-head h1 {
    font-size: 40px;
}
.milap-intro-head h2 {
    font-size: 30px;
    margin-top: -6%;
}
.milap-intro .info {
    font-size: 12px;
    line-height: 30px;
    padding: 0px 10px 0px;
}
.milap-page-btn {
    padding: 20px 0px 10px;
}
.milap-page-btn a {
    font-size: 14px;
    padding: 5px 10px;
}
.milap-page-btn a:before {
    padding: 3px 3px;
    font-size: 14px;
    margin-right: 10px;
}
.milap-slider-section {
    padding: 6% 0% 6%;
}
.milap-slider-row {
    padding: 0px 5px 0px;
}
.milap-slider {
}
.milap-slide {
}
.milap-slide .milap-image {
}
.milap-slider-info .info {
    font-size: 12px;
    line-height: 30px;
    padding: 20px 10px 0px;
}
.milap-slider-btn {
    padding: 20px 0px 10px;
}
.milap-slider-btn a {
    font-size: 14px;
    padding: 5px 10px;
}
.milap-slider-btn a:before {
    padding: 3px 3px;
    font-size: 14px;
    margin-right: 10px;
}
				
				/* ========== Social Activities page CSS ========== */
				
.social-sections {
    padding: 4% 0% 6%;
}
.social-section-head {
    padding: 0px 0px 30px;
}
.social-section-head h1 {
    font-size: 40px;
}
.social-section-head h2 {
    font-size: 25px;
    margin-top: -6%;
}
.social-section {
	min-height: auto;
}
.social-section .opacity {
	/*padding: 12% 0% 12%;*/
    background: rgba(0, 0, 0, 0.40);
	min-height: auto;
}
.social-bg-1 {
	background-size: cover;
    background-position: center;
}
.social-row {
    padding: 0px 5px 0px;
}
.social-bg-1 .social-data-1 {
    padding: 0px 0px 20px 0px;
}
.social-bg-1 .social-head {
    padding: 20px 0px 10px;
}
.social-head h3 {
    font-size: 18px;
    padding: 0px 0px 0px;
    text-align: center;
	color: #ffffff;
}
.social-info {
    font-size: 12px;
    line-height: 25px;
    padding: 0px 0px 10px 0px;
	color: #ffffff;
}
.social-bg-2 {
	background-size: cover;
    background-position: center;
}
.social-data-2 {
    padding: 0px 0px 20px 0px;
}
.social-bg-3 {
	background-size: cover;
    background-position: center;
}
.social-data-1 {
    padding: 0px 0px 20px 0px;
}
.social-bg-4 {
	background-size: cover;
    background-position: center;
}
				
				/* ========== Venue booking page CSS ========== */

.venue-banner-section {
    padding: 4% 0% 4%;
    position: relative;
}
.venue-banner-row {
    padding: 0px 5px 0px;
}
.venue-slider {
    padding: 20px 10px 20px;
}
.venue-slider .prev {
    left: -5px;
    font-size: 15px;
}
.venue-slider .next {
    right: -5px;
    font-size: 15px;
}
.slider-wrap {
}
.venue-slide {
}
.venue-slide img {
}
.venue-table-section {
    padding: 0% 0% 6%;
}
.venue-table-row {
    padding: 0px 5px 0px;
}
.venue-table-head {
    padding: 0px 0px 30px;
}
.venue-table-head h1 {
    font-size: 40px;
}
.venue-table-head h2 {
    font-size: 30px;
    margin-top: -6%;
}
.tariff-table {
}
.tariff-table .venue-table th {
	font-size: 12px;
   	line-height: 20px;
   	padding: 4px 5px 0px;
}
.tariff-table .venue-table td {
   	font-size: 10px;
   	padding: 2px 5px 2px;
}					
				
				
}