@media (max-width: 1400px) {
.circle-patter3 img,
.circle-patter4 img,
.circle-patter img {
left: 0;
}
}
@media (max-width: 1100px) {
.business-grid {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.org-grid {
column-gap: 30px;
}
.business-text,
.org-card p {
font-size: 18px;
}
.highlight-red {
font-size: 22px;
}
.offer-item-body {
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.clients-logo img {
width: 150px;
}
.about .main-title {
font-size: 64px;
line-height: 77px;
}
.banner-text {
padding: 0px 0px;
}
.circle-patter,
.circle-patter2,
.circle-patter3,
.circle-patter4 {
display: none;
}
.culture-section .right-items img {
width: 100%;
}
.capimg img {
width: 100%;
}
header .navbar-brand {
width: 150px;
display: inline-block;
transition: 0.5s;
}
header .navbar-nav .nav-item .nav-link {
padding: 10px 15px;
}
.about .navbar-nav .nav-item .nav-link {
padding: 10px 12px;
}
.home-banner h5 {
font-size: 44px;
}
.home-banner p {
font-size: 16px;
}
.section-2,
.section-3,
.section-4,
.section-5,
.section-6,
.section-7,
.section-8,
.beliefs-section,
.goal-section,
.timeline-section,
.why-section,
.tab-services,
.culture-section,
.learning,
.capabitily,
.faq-section,
.blog-main {
padding: 35px 0;
}
.section-2 .section-tlt {
padding-bottom: 20px;
}
.section-7 .resource {
display: flex;
align-items: center;
margin: 50px 0;
flex-direction: column;
}
.tab-services .tab-section .tab-item {
font-size: 16px;
}
.red-btn {
padding: 10px 15px;
}
.timeline-img {
min-height: 460px;
background-size: contain; }
.approach-grid {
flex-direction: column;
align-items: center;
padding: 50px 0;
}
.approach-img-fix {
width: 100%;
height: 400px;
}
.text-block h3 {
line-height: normal;
}
.grid-container {
grid-template-columns: 1fr;
}
.image-container {
height: 450px;
}
.team-grid {
gap: 30px;
padding: 20px 10px;
grid-template-columns: 1fr 1fr;
}
.impact-grid {
grid-template-columns: repeat(2, 1fr);
}
.approch-section {
padding: 70px 0;
}
.approach-grid {
padding: 50px 0 0 0;
}
.ptp-100 {
padding: 70px 0;
}
.casestudy-detail,
.casestudy-counter {
padding: 60px 0;
}
.casestudy-outcome-dark .org-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.outcomes-section {
padding: 50px 0;
}
.sub-heading {
font-size: 26px;
margin-bottom: 30px;
}
.org-card {
padding: 20px 25px;
min-height: auto;
}
.arrow-wrapper {
width: 48px;
height: 48px;
}
.arrow-icon {
width: 16px;
}
}
@media (max-width: 767px) {
.navbar-collapse {
background-image: linear-gradient(20deg, #ee4b60, #fab361, #efa5c8);
}
.timeline-img {
min-height: 400px;
background-size: cover;
}
.impact-grid {
grid-template-columns: 1fr;
}
.header-content h2 {
font-size: 28px;
}
.icon-box {
width: 70px;
height: 70px;
}
.text-box h3 {
font-size: 28px;
}
.approch-section {
padding: 50px 0;
}
.approach-grid {
padding: 30px 0 0 0;
}
.ptp-100 {
padding: 50px 0;
}
.stats-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.stat-item {
align-items: center;
text-align: center;
}
.casestudy-detail,
.casestudy-counter {
padding: 50px 0;
}
.digit {
font-size: 3rem;
}
.casestudy-detail h2 {
font-size: 2.5rem;
}
.mobile-none {
display: none;
}
.navbar-nav li a {
padding: 14px 20px;
}
.navbar-nav .sub-menu {
position: static;
box-shadow: none;
border-radius: 0;
opacity: 1;
transform: none;
display: none;
background: #f9f9f9;
}
.navbar-nav .menu-item-has-children.open > .sub-menu {
display: block;
}
.navbar-nav .sub-menu li a {
padding-left: 35px;
border-bottom: 1px solid #eee;
}
.navbar-nav li {
width: 100%;
}
.main-title {
font-size: 40px;
}
.impact-grid {
gap: 40px;
}
.casestudy-outcome-dark .org-grid {
grid-template-columns: 1fr;
}
.casestudy-outcome-dark h2 {
font-size: 30px;
}
.resource-img {
height: 180px;
}
.offer-item-body {
min-height: auto;
}
}
@media (max-width: 576px) {
.business-txt {
margin-left: -17px;
}
.section-2 .section-tlt h1 {
font-size: 34px;
font-weight: 600;
}
.circle-patter,
.circle-patter2,
.circle-patter3,
.circle-patter4 {
display: none;
}
header {
position: absolute;
left: 0;
top: 0;
}
.navbar-collapse {
background-image: linear-gradient(20deg, #ee4b60, #fab361, #efa5c8);
}
.wrapper .main {
margin-top: -63.25px;
}
.home-banner h5 {
font-size: 34px;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
.home-banner p {
font-size: 14px;
color: #fff;
font-weight: 500;
}
.section-2,
.section-3,
.section-4,
.section-5,
.section-6,
.section-7,
.section-8,
.beliefs-section,
.goal-section,
.timeline-section,
.why-section,
.tab-services,
.culture-section,
.learning,
.capabitily,
.faq-section {
padding: 35px 0;
}
.section-2 .box-item {
padding: 20px 10px;
text-align: center;
}
.section-2 .box-item p {
font-size: 18px;
}
.section-3 .section3-tlt {
font-size: 40px;
margin-bottom: 20px;
}
.offer-item-body {
padding: 20px 20px;
}
.offer-item-body .round {
width: 220px;
height: 220px;
}
.offer-item-body h3 {
font-size: 26px;
}
.offer-item-body p {
font-size: 18px;
}
.section-4 .section-tlt {
font-size: 38px;
font-weight: 600;
}
.section-4 p {
font-size: 16px;
}
.section-4 .profile-quote p {
font-size: 16px;
}
.section-4 hr.profile-line {
width: 118px;
border: 1px solid #1d2130;
opacity: 1;
}
.section-4 .quote-img {
position: absolute;
width: 250px;
top: 400px;
left: 30px;
}
.section-4 {
background:
linear-gradient(rgb(255 255 255 / 75%) 100%, rgb(255 255 255 / 50%) 86%),
url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/Homepagepic.png);
background-size: cover;
background-position: 50% 30%;
}
.section-4 .container {
margin-top: 100%;
}
.section-5 .section-tlt {
font-size: 30px;
color: #fff;
}
.section-6 .section-tlt {
font-size: 38px;
font-weight: 600;
color: #1d2130;
margin-bottom: 20px;
}
.clients-logo img {
width: 140px;
}
.section-7 .section-tlt {
font-size: 38px;
margin-bottom: 20px;
}
.section-7 .resource {
display: flex;
align-items: center;
margin: 30px 0;
flex-direction: column;
}
.section-7 .section-tlt img {
margin-left: -10px;
width: 35px;
}
.section-7 .resource .section-tlt {
font-size: 28px;
}
.section-7 .resource p {
margin-bottom: 10px;
}
.section-8 .section-tlt {
font-size: 38px;
font-weight: 600;
color: #1d2130;
}
.section-8 .comment-box p {
font-size: 16px;
}
.section-8 .comment-box {
padding: 25px;
margin-top: 25px;
}
.section-9 .section-tlt {
font-size: 38px;
}
.linkedin-txt {
float: inline-start;
font-size: 30px;
font-weight: 300;
text-decoration: underline;
margin-top: 25px;
}
.section-10 {
position: relative;
padding: 0;
}
.circle1,
.circle3,
.circle4 {
display: none;
}
.about .main-title {
font-size: 34px;
line-height: 47px;
margin-bottom: 0;
}
.banner-text {
padding: 0px 0px;
}
.beliefs-section .section-tlt h1 {
font-size: 38px;
font-weight: 600;
margin: 0;
}
.team-section .section3-tlt {
font-size: 38px;
font-weight: 600;
color: #1d2130;
margin-bottom: 20px;
}
.about .default-banner p {
font-size: 18px;
}
.about .default-banner {
padding: 150px 0 100px 0;
}
.about .about-img {
background-image: url(//www.euphoriaindia.com/wp-content/themes/euphoriaconsulting/assets/img/about-img.jpg);
min-height: 122px;
background-size: contain;
background-repeat: no-repeat;
}
.beliefs-section .box-item {
padding: 20px 20px;
text-align: center;
}
.beliefs-section .box-item p {
font-size: 18px;
}
.goal-section .section-tlt {
font-size: 38px;
margin-bottom: 20px;
}
.timeline-section .section-tlt {
font-size: 38px;
margin-bottom: 20px;
}
.timeline-img {
min-height: 225px;
background-size: cover;
}
.why-section .highlight-text {
font-size: 20px;
}
.why-section .section3-tlt {
font-size: 34px;
}
.why-section p {
font-size: 18px;
}
.service .main-title {
font-size: 38px;
line-height: 47px;
}
.service .default-banner p {
font-size: 18px;
}
.learning .subhead {
font-family: "Reddit Sans", serif;
font-size: 22px;
text-transform: capitalize;
}
.service .default-banner {
padding: 200px 0 50px 0;
}
.tab-services .main-title {
font-size: 38px;
}
.tab-services .tab-section .tab-item.active {
color: #1d2130;
font-weight: bold;
background-color: #fff;
padding: 10px;
border-radius: 10px;
margin-right: 0px;
box-shadow: none;
}
.tab-services .tab-section .tab-item {
font-size: 16px;
margin-bottom: 0px;
padding: 10px;
}
.tab-services .tab-section ul.custom-shadow {
box-shadow: none;
margin-bottom: 20px;
}
.tab-section {
padding-top: 25px;
}
.culture-section .culture-box {
padding-top: 0px;
}
.culture-item {
display: flex;
margin-bottom: 20px;
flex-direction: column;
padding: 20px 20px;
}
.culture-section .culture-item img {
width: 65px;
margin: 15px 0px;
margin: 15px 0px 15px 15px;
}
.culture-section .culture-item h2 {
font-size: 20px;
margin-bottom: 10px;
}
.culture-section .right-items {
padding-left: 0px;
}
.culture-section .main-title {
font-size: 38px;
}
.culture-section .right-items img {
padding-top: 20px;
width: 350px;
}
.learning .main-title {
font-size: 38px;
font-weight: 700;
text-transform: capitalize;
}
.learning .section-tlt {
font-size: 38px;
font-weight: 600;
margin-bottom: 20px;
}
.learning .lean-item {
padding: 20px;
border-radius: 20px;
margin-bottom: 10px;
}
.capabitily .main-title {
font-size: 38px;
}
.blog-main .section-tlt {
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
}
.capimg {
width: 100%;
}
.timeline {
font-size: 14px;
font-weight: 500;
color: rgba(29, 33, 48, 0.6);
}
.s-icn {
width: 30px;
height: 30px;
border: 1px solid #000;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
margin-right: 5px;
}
.s-icn i {
font-size: 16px;
}
.client .main-title {
font-size: 34px;
color: #161c2d;
font-weight: 700;
text-transform: capitalize;
}
.obj-img {
width: 100%;
}
.blog-detail .about-img {
margin-top: 60px;
}
.paragraph h2 {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.section-5 .quote-img {
width: 100%;
}
.business-grid,
.org-grid {
grid-template-columns: 1fr;
gap: 25px;
}
}
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) {
.clients-logo img {
width: 150px;
margin: 20px 10px;
}
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
.clients-logo img {
width: 160px;
margin: 21px 22px;
}
}
@media (max-width: 480px) {
.sub-heading {
font-size: 22px;
}
.business-text,
.org-card p {
font-size: 16px;
}
.highlight-red {
font-size: 18px;
}
.business-item {
gap: 15px;
}
}
@media (min-width: 768px) {
.navbar-nav .menu-item-has-children:hover > .sub-menu {
display: block;
opacity: 1;
transform: translateY(0);
}
}