@media screen and (max-width: 992px)
{
	.manager-welcome-section.py-5,
	.why-stmary,
	.brancheshome
	{
		padding: 25px 0;
	}

	.manager-welcome-section.py-5 .container.py-5
	{
		padding: 0px 15px !important;
	}
	.custom-hero-section
	{
		padding: 30px 15px;
	}
	.contact-table tr td .link
	{
		padding: 8px 10px;
	}
	/*===============================*/

	.custom-hero-section .hero-title
	{
		font-size: 20px;
	}
	.manager-welcome-section .main-title,
	.heading h3
	{
		font-size: 23px;
	}
	.testimonial-section h5,
	.awards-gallery .heading h6,
	.gallery-section .card-body .card-title,
	.tableHeading h5,
	.why-stmary .card h3,
	.heading p
	{
		font-size: 15px;
	}
	.policy-content ol li, .policy-content p,
	.testimonial-section p,
	.contact-table tr td .link,
	.customtables table td,
	.manager-welcome-section .message-text p,
	.custom-hero-section .breadcrumb-list li a,
	.custom-hero-section .breadcrumb-list li:not(:last-child)::after,
	.custom-hero-section .breadcrumb-list li.active,
	footer,
	.school-section .school-location
	{
		font-size: 14px;
	}
	.policy-content h2,
	.school-section .school-content h3
	{
		font-size: 18px;
	}

	/*===============================*/

	.heading h3
	{
		font-weight: 700;
	}


	/*===============================*/
	.heading p
	{
		text-align: justify;
	}

	.heading p br
	{
		display: none;
	}
	/*===============================*/

	.table-container.customtables
	{
		margin-top: 0px;
	}
	/*===============================*/
	.gallery-section .card-img-top,
	.school-section .school-image
	{
		height: auto;
	}

	.why-stmary .team-container
	{
		max-width: 90%;
	}

	.why-stmary .cards-grid
	{
		grid-row-gap: 20px;
		display: grid;
	}


	.manager-welcome-section iframe
	{
		height: 250px !important;
	}

	.manager-welcome-section .content-card
	{
		margin-top: 20px;
	}
	.manager-welcome-section .message-text p
	{
		font-weight: 400 !important;
	}

	.customtables table td[data-title="Information"]
	{
		word-break: break-all;
	}
	.customtables table td[data-title="Details"]
	{
		min-height: 60px;
		word-break: break-all;
	}
	#instr-sec .custom-tabs
	{
		flex-direction: column;
	}
	#instr-sec .custom-tabs .nav-item .nav-link
	{
		padding: 10px 20px;
	}
	#instr-sec .custom-tabs .nav-item
	{
		width: 100%;
		text-align: center;
	}

	.row.g-4
	{
		--bs-gutter-y: .5rem;
	}
	.gallery-section .card
	{
		padding: 0.5rem !important;
	}
	.videocards .youtube
	{
		width: 50px;
		height: 50px;
	}
	.bg-styles .container
	{
		max-width: 100%;
	}
	.testimonial-section .testimonial-card
	{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}


@media screen and (min-width: 768px) and (max-width: 992px)
{
	.manager-welcome-section iframe
	{
		height: 450px !important;
	}
	.gallery-section .card-img-top, .school-section .school-image
	{
		height: 250px;
	}
	#instr-sec .custom-tabs
	{
		flex-direction: row;
	}
	#instr-sec .custom-tabs .nav-item
	{
		width: auto;
	}

}

@media screen and (max-width: 480px)
{
	.modal-wrappers .modal-containers
	{
		margin-top: 50px !important;
	}
	.modal-wrappers .modal-containers .modal-bodyss.video-popup iframe
	{
		width: 100%;
		height: 250px;
	}
}
@media screen and (min-width: 481px) and (max-width: 576px)
{
	.modal-wrappers .modal-containers
	{
		margin-top: 50px !important;
	}
	.modal-wrappers .modal-containers .modal-bodyss.video-popup iframe
	{
		width: 100%;
		height: 350px;
	}
	.modal-wrappers .modal-containers .modal-bodyss
	{
		width: 100%;
	}
}