@media screen and (max-width: 1200px) { .why-celia .header .btn {
padding: 12px 5px;
min-width: 120px;
}
.why-celia .cards {
gap: 50px;
} .celia-shop .shop-container {
position: relative;
}
.celia-shop .applied-filters {
flex-wrap: wrap;
}
.celia-shop .toggle-container {
width: 100%;
display: flex;
}
.celia-shop #sidebar-toggle {
padding: 10px 25px;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 25px;
display: flex;
align-items: center;
gap: 15px;
min-width: 194px;
}
.celia-shop #sidebar-toggle:hover {
cursor: pointer;
background-color: #F6F6F6;
}
.celia-shop .applied-filters .filter-icon {
display: initial;
width: 20px;
height: 20px;
}
.celia-shop .sidebar-filters {
position: absolute;
top: 0;
left: -500px;
height: 100%;
width: 100%;
max-width: 350px;
transition: left 0.5s ease;
background-color: #FFF;
z-index: 10;
}
.celia-shop .sidebar-filters .mobile-close {
display: initial;
margin-left: auto;
opacity: 0.7;
font-size: 18px;
}
.celia-shop .sidebar-filters .mobile-close:hover {
opacity: 1;
cursor: pointer;
}
.celia-shop .sidebar-filters.show {
left: 0;
transition: left 0.5s ease;
} .how-it-works .cards {
flex-wrap: wrap;
}
.how-it-works .cards .card {
flex: 1 1 calc(50% - 60px);
max-width: 50%
} .testimonials-banner .testimonials {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
} .celia-search .search-results {
grid-template-columns: repeat(3, 1fr);
} .header-nav .nav-container {
flex-wrap: wrap;
padding-top: 15px;
}
.header-nav .nav-container .logo {
position: initial;
margin-right: auto;
}
.header-nav .nav-links {
order: 3;
width: 100%;
margin-top: 25px;
gap: 30px;
}
.header-nav .nav-container .nav-tools {
position: initial;
margin-left: auto;
}
}
@media screen and (max-width: 1100px) { .product-cards {
grid-template-columns: repeat(2, 1fr);
}
.product-cards .card .buttons {
gap: 25px;
padding: 0 15px 30px 15px;
}
.product-cards .card.product .lower {
padding: 30px 15px 10px 15px;
}
.product-cards .card.product .text-3xl {
font-size: 22px;
line-height: 26px;
} .blog-grid {
grid-template-columns: repeat(2, 1fr);
}
.blog-grid .blog .body {
font-size: 16px;
} .button-row {
flex-wrap: wrap;
gap: 25px;
} .celia-product-container {
flex-direction: column;
}
.celia-product-container .entry-summary,
.celia-product-container .woocommerce-product-gallery {
width: 100% !important;
float: none !important;
}
.single-product .full-banner .banner-container {
flex-direction: column;
gap: 35px;
}
.single-product .full-banner .btn {
width: 100%;
max-width: 250px;
}
}
@media screen and (max-width: 1000px) { .program-cards .header {
flex-direction: column;
margin-bottom: 35px;
}
.program-cards .header .body {
width: 100%;
max-width: none;
}
.program-cards .header .btn {
margin-top: 20px;
}
.program-cards .header h3 {
flex: 1;
}
.program-cards .slider {
width: 111%;
margin-left: -5.5%;
overflow: hidden;
}
.program-cards .cards {
transition: transform 0.3s ease;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-right: 5.5%
}
.program-cards .cards::-webkit-scrollbar {
display: none;
}
.program-cards .card {
min-width: 300px;
}
.program-cards .card.first {
margin-left: 5.5%;
}
.program-cards .cards .card .img-box {
height: auto;
}
.program-cards .cards .card .img-box img {
aspect-ratio: 1 / 1.5;
} .program-summary {
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.program-summary .text {
width: 100%;
}
.program-summary .product-img {
width: 100%;
} .woocommerce-account #customer_login {
margin-top: 80px;
}
.woocommerce-account div.wp-site-blocks {
margin-top: 60px;
}
}
@media screen and (max-width: 900px) { .header-nav .nav-container,
.page-container,
.site-footer .footer-container,
.celia-product-container,
.single-product .related-products,
.single-product .full-banner .banner-container,
.single-product .lower-block {
width: 90%;
}
h1 {
font-size: 48px;
line-height: 48px;
}
h2 {
font-size: 40px;
line-height: 40px;
}
.text-2xl {
font-size: 20px;
line-height: 26px;
}
.arrow-cta p {
font-size: 18px;
} .full-width-hero {
padding: 0 25px;
} .stat-cards {
flex-wrap: wrap;
justify-content: center;
}
.stat-cards .card {
max-width: 500px;
min-width: 300px;
}
.stat-cards .card .percentage {
font-size: 48px;
line-height: 48px;
}
.stat-cards .card .description {
margin-bottom: 10px;
} .program-cards .header .body {
max-width: 700px;
}
.program-cards .arrow-cta p {
display: none;
}
.program-cards .arrow-cta img {
width: 48px;
} .why-celia .cards {
flex-direction: column;
}
.why-celia .cards .card {
width: 100%;
max-width: 600px;
} .logo-container {
display: grid;
justify-content: center;
grid-template-columns: repeat(2, 1fr);
} .accordion-grid-container .header {
flex-direction: column;
align-items: flex-start;
}
.accordion-grid-container .header .body {
margin-top: 20px;
margin: 20px 0 0 0;
}
.accordion-grid-container .header .btn {
margin: 30px 0 0 0;
}
.accordion-grid {
grid-template-columns: 1fr;
} .site-footer .footer-container {
flex-direction: column;
gap: 50px;
}
.site-footer .footer-container .logo {
width: 100px;
}
.site-footer .footer-container .links {
gap: 5px;
}
.site-footer .footer-container .links p {
margin-bottom: 10px;
} .celia-shop .applied-filters {
align-items: flex-end;
row-gap: 25px;
column-gap: 5px;
}
.celia-shop .applied-filters .tags {
flex-direction: column;
align-items: flex-start;
}
.celia-shop .applied-filters .sortby {
padding: 5px 8px;
font-size: 16px;
}
.celia-shop .product-cards {
grid-template-columns: repeat(2, 1fr);
} .how-it-works .header .btn {
display: none;
}
.how-it-works .cards .card .btn {
display: initial;
margin-top: 25px;
align-self: flex-start;
} .program-cards-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
} .people-cards-grid {
grid-template-columns: repeat(2, 1fr);
} .testimonials-banner {
padding: 40px;
}
.testimonials-banner .testimonials {
width: 100%;
grid-template-columns: 1fr;
} .single-product .lower-block {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.single-product .lower-block img {
width: 100%;
aspect-ratio: 1.7 / 1;
}
.single-product .lower-block .text p {
width: 100%;
}
.single-product .lower-block .mobile {
display: initial;
}
.single-product .lower-block .desktop {
display: none;
}
.celia-product-container .celia-product-details{
max-width: 100%;
} .woocommerce-checkout .celia-logo {
width: 80px;
margin: 10px 0 25px 0;
}
.woocommerce-checkout .celia-checkout-container {
flex-direction: column;
}
.woocommerce-checkout .celia-checkout-container .celia-order-summary,
.woocommerce-checkout form.woocommerce-checkout {
width: 100%;
}
.woocommerce-checkout .celia-checkout-container .celia-order-summary {
order: 1;
}
.woocommerce-checkout form.woocommerce-checkout {
order: 2;
} .celia-search .search-results {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) { .text-6xl {
font-size: 34px;
line-height: 38px;
}
.text-4xl,
.review-embed .eui-widget-title {
font-size: 28px;
line-height: 32px;
}
.text-3xl {
font-size: 22px;
line-height: 26px;
}
.text-xl {
font-size: 18px;
line-height: 22px;
} .product-cards {
grid-template-columns: 1fr;
}
.product-cards .card {
position: initial;
}
.product-cards .card.intro {
padding: 0
}
.product-cards .card.intro .rounded-bg-img {
position: initial;
aspect-ratio: 1.3 / 1;
order: 2;
}
.product-cards .card.intro .text-4xl {
font-size: 30px;
color: #000;
order: 1;
margin-bottom: 30px;
}
.product-cards .card.intro p {
color: #6f6f6f;
order: 3;
margin: 30px 0;
max-width: none;
}
.product-cards .card.intro .btn {
background-color: #798478;
color: #FFF;
order: 4;
max-width: 200px;
}
.product-cards .card.intro .btn:hover {
background-color: #6d776c;
} .social-grid .posts {
flex-direction: column;
gap: 35px;
}
.social-grid .posts a {
width: 100%;
}
.social-grid .posts a img {
aspect-ratio: 1.5 / 1;
border-radius: 15px;
} .fw-img-overlay.text {
padding: 0 25px;
}
.celia-shop .applied-filters {
justify-content: space-between;
}
.celia-shop .applied-filters #sidebar-toggle {
flex: 1;
justify-content: center;
}
.celia-shop .applied-filters .tags .tag {
max-width: 204px;
text-align: left;
line-height: 22px;
}
.celia-shop .applied-filters .sortby {
margin-left: 0;
}
.celia-shop .sidebar-filters {
max-width: none;
}
.celia-shop .product-cards {
grid-template-columns: 1fr;
}
.celia-shop .product-cards .card .lower,
.celia-shop .product-cards .card .buttons {
padding-left: 15px;
padding-right: 15px;
} .how-it-works .cards .card {
flex: initial;
flex-grow: 1;
max-width: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.how-it-works .cards .card img {
width: 22% !important;
min-width: 0 !important;
}
.how-it-works .cards .card .card-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 15px;
flex: 1;
padding-left: 15px;
position: relative;
}
.how-it-works .cards .card .card-title:hover {
cursor: pointer;
}
.how-it-works .cards .card .text-3xl {
line-height: 34px;
padding-right: 30px;
}
.how-it-works .cards .card .card-title::after {
content: "\002B";
font-size: 30px;
line-height: 30px;
position: absolute;
right: 0px;
transition: transform 0.3s ease-in-out;
}
.how-it-works .cards .card .lower {
width: 74%;
margin-left: auto;
max-height: 0;
overflow: hidden;
transition: 0.4s ease;
}
.how-it-works .cards .card .card-title.open::after {
content: "\2212";
} .why-celia .cards {
gap: 20px;
}
.why-celia .cards .card img {
max-height: 55px;
object-fit: cover;
object-position: bottom;
} .program-cards-grid {
grid-template-columns: 1fr;
}
.program-cards-grid .card {
padding-top: 40px;
padding-bottom: 40px;
}
.program-cards-grid .card.intro,
.program-cards-grid .card.final {
min-height: 0;
} .program-cards.single .mobile-cta {
align-items: flex-start;
} .program-summary .text .bullet {
align-items: flex-start;
margin-bottom: 10px;
}
.program-summary .text .bullet img {
margin-top: -2px;
} .people-cards-grid {
grid-template-columns: 1fr;
}
.people-cards-grid .card .text-2xl {
margin-bottom: 5px;
}
.people-cards-grid .card.intro h2 {
font-size: 30px;
line-height: 36px;
max-width: none;
}
.testimonials-banner {
padding: 20px;
} .blog-grid {
grid-template-columns: repeat(1, 1fr);
gap: 50px;
} .single-blog .post-info {
flex-wrap: wrap;
row-gap: 20px;
}
.single-blog .post-info .social-share {
width: 100%;
margin-left: 0;
}
.single-blog .blog-content h2 {
font-size: 28px;
line-height: 32px;
}
.single-blog .blog-content h3 {
font-size: 22px;
line-height: 26px;
} .button-row {
justify-content: flex-start;
} .celia-product-container .celia-atc,
.celia-product-container form.cart {
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: 100%;
}
.celia-product-container .celia-atc {
gap: 0px;
} .celia-product-container .celia-atc button,
.celia-product-container .celia-atc .btn {
width: 100%;
}
.single-product .full-banner .banner-container {
align-items: flex-start;
} .celia-cart-drawer .inner {
padding: 50px 15px 40px 15px;
}
.celia-cart-drawer .inner .title {
margin-bottom: 35px;
}
.celia-cart-drawer .cart-items {
gap: 60px;
}
.celia-cart-drawer .cart-items .item {
flex-wrap: wrap;
column-gap: 5%;
row-gap: 8%;
}
.celia-cart-drawer .cart-items .item img {
width: 25%
}
.celia-cart-drawer .cart-items .item .details {
width: 70%;
}
.celia-cart-drawer .cart-items .item .quantity-container {
margin-left: 0px;
margin-top: 5%;
}
.celia-cart-drawer .cart-items .item .remove-btn {
margin-top: 5%;
}
.celia-cart-drawer .cart-items .item .quantity-container input[type="number"] {
padding: 8px 0;
}
.celia-cart-drawer .cart-items .item .quantity-btn,
.celia-cart-drawer .cart-items .item .remove-btn {
font-size: 18px;
}
.celia-cart-drawer .buttons {
gap: 20px;
flex-direction: column;
}
.celia-cart-drawer .buttons .btn {
width: 100%;
} .celia-popup.book-now {
width: 70%;
max-width: 215px;
bottom: 20px;
right: 2.5%;
}
.celia-popup.book-now .upper {
padding: 15px;
gap: 5px;
}
.celia-popup.book-now .upper .close-btn {
top: 10px;
right: 10px;
font-size: 16px;
}
.celia-popup.book-now .upper img {
display: none;
}
.celia-popup.book-now .upper .text-3xl {
font-size: 20px;
max-width: 130px;
}
.celia-popup.book-now .lower {
padding: 15px;
gap: 20px;
}
.celia-popup.book-now .lower .text-dark {
font-size: 14.5px;
}
.celia-popup.book-now .lower .btn {
width: 90%;
max-width: none;
padding: 9px 0;
}
.open-book-now {
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
} .woocommerce-checkout .address-field, .woocommerce-checkout #billing_phone_field, .woocommerce-checkout #billing_first_name_field, .woocommerce-checkout #billing_last_name_field, .woocommerce-checkout #shipping_first_name_field, .woocommerce-checkout #shipping_last_name_field {
flex-basis: 100% !important;
} .celia-search .search-results {
grid-template-columns: 1fr;
} .afwc_reg_form_wrapper {
padding-left: 17px;
} .afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card {
padding: 40px 20px !important;
}
.afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card .afwc-display-name {
font-size: 32px;
}
.afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card .afwc-details {
text-align: left !important;
width: 100%;
}
.woocommerce-MyAccount-content #afwc_top_row_container {
margin-top: 25px !important;
}
.woocommerce-MyAccount-content #afwc_top_row_container #afwc_date_range_container {
top: 0;
margin-left: 0 !important;
margin-right: auto !important;
}
.woocommerce-MyAccount-content #afwc_dashboard_wrapper table thead th,
.woocommerce-MyAccount-content #afwc_dashboard_wrapper table tbody td {
text-align: left;
}
}