@media screen and (max-width: 576px)
{
	.whyussection
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.about-section
	{
		padding: 30px 0;
	}
	.imageCollageSize
	{
		padding-right: 0rem !important;
	}
	.testimonial-card,
	.about-section .container
	{
		max-width: 95%;
	}
	/*===========================*/
	.testimonial-section .headings p,
	.processing-steps-section .sub-title,
	.section-tagline,
	.about-section .headings p
	{
		font-size: 0.9rem;
	}
	.services-detail-section .section-title,
	.brightech-contact-section .form-title,
	.brightech-contact-section .section-title,
	.site-footer-section .connect-title,
	.testimonial-section .headings h2,
	.custom-offer-section .top-title,
	.processing-steps-section .main-title,
	.custom-solutions-section .section-title,
	.section-title,
	.about-section h2
	{
		font-size: 22px !important;
	}
	.services-detail-section .services-nav-list .nav-item-link,
	.services-detail-section .features-list li,
	.services-detail-section .description-text,
	.brightech-contact-section .form-subtitle,
	.brightech-contact-section .info-text a,
	.brightech-contact-section .info-text,
	.brightech-contact-section .pDetail,
	.custom-hero-section .breadcrumb-list li.active,
	.custom-hero-section .breadcrumb-list li a,
	.custom-footer-wrapper .copyright-text,
	.custom-footer-wrapper .contact-info-list li,
	.custom-footer-wrapper .footer-menu li a,
	.custom-footer-wrapper .about-text,
	.testimonial-text,
	.custom-offer-section .card-text,
	.custom-offer-section .top-desc, 
	.custom-solutions-section .card-text-desc,
	.section-desc,
	.about-section ul li,
	.about-section p
	{
		font-size: 14px;
	}

	.services-detail-section .phone-number-link,
	.support-call-box h4,
	.services-detail-section .section-title, .services-detail-section .sub-title,
	.brightech-contact-section .info-heading,
	.custom-hero-section .hero-title,
	.custom-footer-wrapper .column-title,
	.custom-solutions-section .card-heading
	{
		font-size: 17px;
	}
	.btn-custom
	{
		padding: 11px 18px !important;
		font-size: 12px;
	}
	.processing-steps-section .main-title,
	.custom-solutions-section .mb-5,
	.shop-by-category .mb-5
	{
		margin-bottom: 1.5rem !important;
	}
	.services-detail-section .container,
	.custom-offer-section .container,
	.shop-by-category .container
	{
		max-width: 95%;
	}

	.services-detail-section.py-5
	{
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.services-detail-section .support-call-box,
	.services-detail-section .services-nav-list
	{
		margin-left: 0;
	}
	.support-call-box.p-5
	{
		padding: 1.5rem !important;
	}
	/*===========================*/
	.testimonial-text
	{
		text-align: justify;
	}
	.testimonial-text br
	{
		display: none;
	}
	.quote-icon
	{
		display: none;
	}
	.testimonial-card{
		padding: 30px 20px 20px;
	}
	.custom-offer-section
	{
		padding-bottom: 40px;
	}
	.testimonial-section
	{
		padding: 40px 0 40px;
	}
	.about-section ul li
	{
		text-align: justify;
	}
	.shop-by-category
	{
		padding: 45px 0;
	}
	.custom-offer-section .top-desc
	{
		text-align: justify;
	}
	.custom-offer-section .icon-container,
	.section-desc
	{
		margin-bottom: 15px;
	}
	.shop-by-category .col-6
	{
		width: 100%;
	}
    .shop-by-category .category-card {
        height: inherit;
    }
    .shop-by-category .category-overlay
    {
    	position: static;
    	background: none;
    	text-align: center;
    	padding: 10px 10px;
    	justify-content: center;
    	align-items: center;
    }
    .shop-by-category .category-card
    {
    	background-color: #fff;
    }
    .shop-by-category .category-name
    {
    	color: #333;
    	font-size: 18px;
    	text-align: center;
    }
    .shop-by-category .shop-now-btn
    {
    	margin-top: 0;
    	font-size: 0.7rem;
    }
    .custom-hero-section,
    .custom-solutions-section
    {
    	padding: 40px 0;
    }
    .custom-solutions-section .section-title
    {
    	margin-bottom: 10px;
    }

    .custom-solutions-section .card-body-content
    {
    	padding: 20px 20px 25px 20px;
    }

    #clients
    {
    	display: flex;
    	flex-direction: row;
    	grid-row-gap: 10px;
    	grid-column-gap: 20px;
    	flex-wrap: wrap;
    }
    #clients .c_logo
    {
    	flex: 0 0 auto;
    	margin:0 0;
    	width: calc(50% - 10px);
    }
    .clients .c_logo .image img
    {
    	height: 50px;
    }
    .clients .c_logo .image
	{
			padding: 10px 20px;
	}

	.testimonial-section .dFlexRow
	{
		flex-direction: column;
	}
	.user-img
	{
		width: 50px;
		height: 50px;
	}
	.user-name
	{
		font-size: 17px;
	}
	.testimonial-section .dFlexRow .user-designation
	{
		font-size: 0.8rem;
	}
	.site-footer-section .form-section
	{
		padding: 40px 0 40px;
	}
	.contactFOrmHome
	{
		margin-top: 25px;
		padding-left: 1rem !important;
	}
	.site-footer-section .connect-title
	{
		margin-bottom: 20px;
	}
	.brightech-contact-section .form-control,
	.site-footer-section .form-control
	{
		padding: 10px 12px;
		margin-bottom: 3px;
		font-size: 0.8rem;
	}
	.brightech-contact-section .btn-submit,
	.site-footer-section .btn-submit
	{
		padding: 8px 40px;
		font-size: 14px;
		font-weight: 500;
	}
	.custom-footer-wrapper
	{
		padding-top: 0;
	}
	.custom-footer-wrapper .footer-logo
	{
		margin-bottom: 15px;
	}
	.custom-footer-wrapper .gridY
	{
		--bs-gutter-y: 0.7rem;
	}
	.custom-footer-wrapper .footer-logo img
	{
		height: 50px;
	}
	.custom-footer-wrapper .paddingRemoves
	{	
		padding-left: 1rem !important;
	}
	.custom-footer-wrapper .footer-menu li
	{
		margin-bottom: 8px;
	}

	.custom-hero-section .hero-container
	{
		gap: 10px;
	}
	.brightech-contact-section .container.py-5
	{
	    padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.brightech-contact-section .contact-form-container
	{
		padding: 0.8rem !important;
	}
	.brightech-contact-section .info-text span
	{
		display: none;
	}
	.brightech-contact-section .info-text a
	{
		display: block;
	}
	.brightech-contact-section .info-text br
	{
		display: none;
	}
	.brightech-contact-section .info-text
	{
		text-align: left;
	}
}


@media screen and (min-width: 577px) and (max-width: 992px)
{
	.whyussection
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.about-section
	{
		padding: 30px 0;
	}
	.imageCollageSize
	{
		padding-right: 0rem !important;
	}
	.testimonial-card,
	.about-section .container
	{
		max-width: 95%;
	}
	/*===========================*/
	.testimonial-section .headings p,
	.processing-steps-section .sub-title,
	.section-tagline,
	.about-section .headings p
	{
		font-size: 1rem;
	}
	.services-detail-section .section-title,
	.brightech-contact-section .form-title,
	.brightech-contact-section .section-title,
	.site-footer-section .connect-title,
	.testimonial-section .headings h2,
	.custom-offer-section .top-title,
	.processing-steps-section .main-title,
	.custom-solutions-section .section-title,
	.section-title,
	.about-section h2
	{
		font-size: 25px !important;
	}
	.services-detail-section .services-nav-list .nav-item-link,
	.services-detail-section .features-list li,
	.services-detail-section .description-text,
	.brightech-contact-section .form-subtitle,
	.brightech-contact-section .info-text a,
	.brightech-contact-section .info-text,
	.brightech-contact-section .pDetail,
	.custom-hero-section .breadcrumb-list li.active,
	.custom-hero-section .breadcrumb-list li a,
	.custom-footer-wrapper .copyright-text,
	.custom-footer-wrapper .contact-info-list li,
	.custom-footer-wrapper .footer-menu li a,
	.custom-footer-wrapper .about-text,
	.testimonial-text,
	.custom-offer-section .card-text,
	.custom-offer-section .top-desc, 
	.custom-solutions-section .card-text-desc,
	.section-desc,
	.about-section ul li,
	.about-section p
	{
		font-size: 16px;
	}

	.services-detail-section .phone-number-link,
	.support-call-box h4,
	.services-detail-section .section-title, .services-detail-section .sub-title,
	.brightech-contact-section .info-heading,
	.custom-hero-section .hero-title,
	.custom-footer-wrapper .column-title,
	.custom-solutions-section .card-heading
	{
		font-size: 19px;
	}
	.btn-custom
	{
		padding: 14px 18px !important;
		font-size: 13px;
	}
	.processing-steps-section .main-title,
	.custom-solutions-section .mb-5,
	.shop-by-category .mb-5
	{
		margin-bottom: 1.5rem !important;
	}
	.services-detail-section .container,
	.custom-offer-section .container,
	.shop-by-category .container
	{
		max-width: 95%;
	}

	.services-detail-section.py-5
	{
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.services-detail-section .support-call-box,
	.services-detail-section .services-nav-list
	{
		margin-left: 0;
	}
	.support-call-box.p-5
	{
		padding: 1.5rem !important;
	}
	/*===========================*/
	.testimonial-text
	{
		text-align: justify;
	}
	.testimonial-text br
	{
		display: none;
	}
	.quote-icon
	{
		display: none;
	}
	.testimonial-card{
		padding: 30px 20px 20px;
	}
	.custom-offer-section
	{
		padding-bottom: 40px;
	}
	.testimonial-section
	{
		padding: 40px 0 40px;
	}
	.about-section ul li
	{
		text-align: justify;
	}
	.shop-by-category
	{
		padding: 45px 0;
	}
	.custom-offer-section .top-desc
	{
		text-align: justify;
	}
	.custom-offer-section .icon-container,
	.section-desc
	{
		margin-bottom: 15px;
	}
	.shop-by-category .col-6
	{
		width: 100%;
	}
    .shop-by-category .category-card {
        height: inherit;
    }
    .shop-by-category .category-overlay
    {
    	position: static;
    	background: none;
    	text-align: center;
    	padding: 10px 10px;
    	justify-content: center;
    	align-items: center;
    }
    .shop-by-category .category-card
    {
    	background-color: #fff;
    }
    .shop-by-category .category-name
    {
    	color: #333;
    	font-size: 18px;
    	text-align: center;
    }
    .shop-by-category .shop-now-btn
    {
    	margin-top: 0;
    	font-size: 0.9rem;
    }
    .custom-hero-section,
    .custom-solutions-section
    {
    	padding: 60px 0;
    }
    .custom-solutions-section .section-title
    {
    	margin-bottom: 10px;
    }

    .custom-solutions-section .card-body-content
    {
    	padding: 30px 30px 35px 30px;
    }

    #clients
    {
    	display: flex;
    	flex-direction: row;
    	grid-row-gap: 10px;
    	grid-column-gap: 20px;
    	flex-wrap: wrap;
    }
    #clients .c_logo
    {
    	flex: 0 0 auto;
    	margin:0 0;
    	width: calc(50% - 10px);
    }
    .clients .c_logo .image img
    {
    	height: 70px;
    }
    .clients .c_logo .image
	{
			padding: 20px 20px;
	}

	.testimonial-section .dFlexRow
	{
		flex-direction: column;
	}
	.user-img
	{
		width: 60px;
		height: 60px;
	}
	.user-name
	{
		font-size: 19px;
	}
	.testimonial-section .dFlexRow .user-designation
	{
		font-size: 1rem;
	}
	.site-footer-section .form-section
	{
		padding: 40px 0 40px;
	}
	.contactFOrmHome
	{
		margin-top: 25px;
		padding-left: 1rem !important;
	}
	.site-footer-section .connect-title
	{
		margin-bottom: 20px;
	}
	.brightech-contact-section .form-control,
	.site-footer-section .form-control
	{
		padding: 14px 15px;
		margin-bottom: 3px;
		font-size: 1rem;
	}
	.brightech-contact-section .btn-submit,
	.site-footer-section .btn-submit
	{
		padding: 8px 40px;
		font-size: 16px;
		font-weight: 500;
	}
	.custom-footer-wrapper
	{
		padding-top: 0;
	}
	.custom-footer-wrapper .footer-logo
	{
		margin-bottom: 15px;
	}
	.custom-footer-wrapper .gridY
	{
		--bs-gutter-y: 0.9rem;
	}
	.custom-footer-wrapper .footer-logo img
	{
		height: 60px;
	}
	.custom-footer-wrapper .paddingRemoves
	{	
		padding-left: 1rem !important;
	}
	.custom-footer-wrapper .footer-menu li
	{
		margin-bottom: 8px;
	}

	.custom-hero-section .hero-container
	{
		gap: 10px;
	}
	.brightech-contact-section .container.py-5
	{
	    padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.brightech-contact-section .contact-form-container
	{
		padding: 1rem !important;
	}
	.brightech-contact-section .info-text span
	{
		display: none;
	}
	.brightech-contact-section .info-text a
	{
		display: block;
	}
	.brightech-contact-section .info-text br
	{
		display: none;
	}
	.brightech-contact-section .info-text
	{
		text-align: left;
	}
}