responsive checked

This commit is contained in:
Selvi 2026-03-17 17:57:55 +05:30
parent f247bdc13c
commit 3825f0656d
6 changed files with 58 additions and 51 deletions

View File

@ -10487,7 +10487,7 @@ body {
.blog-section-one .post-meta span {
display: inline-flex;
align-items: center;
align-items: baseline;
gap: 8px;
margin-right: 15px;
font-size: 14px;
@ -12262,7 +12262,7 @@ body {
}
.blog-style-one .post-meta {
gap: 10px !important;
gap: 30px !important;
}
.blog-section-one .post-meta span {
@ -15131,44 +15131,6 @@ h4.service-details__dynamic-content-erp {
.custom-container {
max-width: 1140px;
}
.card-1 {
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.card-2 {
top: 25%;
left: -75px;
}
.card-3 {
bottom: 20%;
left: -75px;
}
.card-4 {
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.card-5 {
bottom: 20%;
left: 92%;
transform: translateX(-50%);
}
.card-6 {
bottom: 65%;
right: -75px;
}
.card-7 {
top: 20%;
right: 0;
}
}
@media (min-width: 1400px) {
@ -15870,7 +15832,7 @@ h4.service-details__dynamic-content-erp {
.blog-section-one .post-meta span {
display: inline-flex;
align-items: center;
align-items: baseline;
gap: 1px !important;
margin-right: -14px !important;
color: #64748b;
@ -16248,6 +16210,12 @@ h4.service-details__dynamic-content-erp {
}
}
@media (max-width: 1024px) {
.section-padding {
margin-bottom: 40px !important;
}
}
/* 320px */
@media (max-width: 320px) {
.hero-1 .hero-content h1 {
@ -16790,6 +16758,43 @@ h4.service-details__dynamic-content-erp {
.choose-section .image.m-img {
margin-top: 30px;
}
.card-1 {
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.card-2 {
top: 25%;
left: -75px;
}
.card-3 {
bottom: 20%;
left: -75px;
}
.card-4 {
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.card-5 {
bottom: 20%;
left: 92%;
transform: translateX(-50%);
}
.card-6 {
bottom: 65%;
right: -75px;
}
.card-7 {
top: 20%;
right: 0;
}
}
/* Counselling Solutions */

View File

@ -57,7 +57,7 @@ const BlogDetails = ({ blog }: BlogDetailsProps) => {
/>
{blog.faq && blog.faq.length > 0 && (
<div className="blog-faq-section mb-60">
<div className="blog-faq-section">
<div className="sec-title mb-40">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">Blog FAQ</h6>

View File

@ -29,7 +29,7 @@ const CounsellingSolutions: React.FC = () => {
</div>
<div className="col-lg-6">
<div className="counselling-solutions__title">
<div className="sec-title mt-50">
<div className="sec-title">
<div className="sec-title__shape"></div>
<h6 className="sec-title__tagline">METATRONCUBE</h6>
<h3 className="sec-title__title">

View File

@ -15924,6 +15924,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
width: 100%;
height: 100%;
pointer-events: none;
z-index: 3;
}
.bannerbottom-section .floating-item {
@ -19062,7 +19063,7 @@ img {
}
.brand-item img {
max-height: 28px;
/* max-height: 28px; */
width: auto !important;
object-fit: contain;
}

View File

@ -97,7 +97,7 @@ const Work = () => {
</div>
</div>
<div className="space80"></div>
{/* <div className="space80"></div> */}
</div>
</div>
<ContactPopup isOpen={isContactOpen} onClose={() => setIsContactOpen(false)} />

View File

@ -15073,7 +15073,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
.work-others-section {
position: relative;
z-index: 1;
padding: 80px 0 280px;
padding: 80px 0 360px;
}
.work-others-section .elements16 {
@ -15889,6 +15889,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
width: 100%;
height: 100%;
pointer-events: none;
z-index: 3;
}
.bannerbottom-section .floating-item {
@ -18387,13 +18388,13 @@ img {
.bannerbottom-section .floating-item.item-4 {
right: -18px !important;
top: 346px !important;
top: 280px !important;
animation-delay: 3s !important;
}
.bannerbottom-section .floating-item.item-1 {
left: -21px !important;
top: 346px !important;
top: 280px !important;
animation-delay: 0s !important;
}
}
@ -18684,9 +18685,9 @@ img {
padding: 60px 0 !important;
}
.case-works-section-area {
/* .case-works-section-area {
padding: 30px 20px !important;
}
} */
.card-boxarea a {
font-size: 14px !important;
@ -19074,7 +19075,7 @@ img {
}
.brand-item img {
max-height: 28px;
/* max-height: 28px; */
width: auto !important;
object-fit: contain;
}