You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1236 lines
26 KiB
1236 lines
26 KiB
.ref-hero-bg {
|
|
background-color: #f0f0f0;
|
|
background-image: url("/theme_eco_refine/static/src/img/refurbished-img.jpg");
|
|
background-position: center;
|
|
background-size: cover;
|
|
height: 590px;
|
|
width: 100%;
|
|
}
|
|
.ref-hero-carousel {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 100%;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
}
|
|
.ref-hero__mainhead {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
width: 58%;
|
|
color: black;
|
|
}
|
|
.ref-hero__mainhead .tech {
|
|
color: #0D5272 !important;
|
|
}
|
|
.carousel-indicators .active {
|
|
background-color: #0D5272;
|
|
}
|
|
.carousel-indicators li {
|
|
position: relative;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
width: 0.8rem;
|
|
height: 0.8rem;
|
|
border-radius: 50px;
|
|
margin-right: 3px;
|
|
margin-left: 3px;
|
|
text-indent: -999px;
|
|
background-color: #6F6969;
|
|
cursor: pointer;
|
|
}
|
|
.ref-search-input-box input:focus {
|
|
outline: none;
|
|
}
|
|
.ref-hero__subhead {
|
|
font-weight: 500;
|
|
font-size: 26px;
|
|
color: #6F6969;
|
|
}
|
|
.o_homepage_editor_welcome_message {
|
|
padding-top: 0px;
|
|
padding-bottom: 128px;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Liberation Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
max-width: 100%;
|
|
}
|
|
.ref-hero-section{
|
|
margin-top: -126px;
|
|
width: 102%;
|
|
margin-left: -14px;
|
|
}
|
|
.ref-logo {
|
|
font-weight: 700;
|
|
font-size: 36px;
|
|
color: #000000;
|
|
}
|
|
.ref-head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 1rem 0px;
|
|
}
|
|
.ref-searchbox {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.ref-searchbox {
|
|
input {
|
|
padding: 6px 40px 6px 6px;
|
|
border-radius: 4px;
|
|
width: 400px;
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
}
|
|
}
|
|
.ref-searchbox {
|
|
button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 35px;
|
|
height: 100%;
|
|
background-color: $primary-color;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 0 4px 4px 0;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.ref-searchbox {
|
|
button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
.ref-header__icons {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 1rem;
|
|
}
|
|
.ref-header--icon {
|
|
width: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
.ref-header--icon img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.ref-border {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
|
}
|
|
.ref-nav-menu {
|
|
list-style: none;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 38px;
|
|
padding: 24px 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.ref-nav-menu {
|
|
li {
|
|
a {
|
|
font-weight: 500;
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
.ref-nav-menu {
|
|
li {
|
|
a.active {
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|
|
.ref-nav-menu {
|
|
li {
|
|
a.active::after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 40%;
|
|
height: 3px;
|
|
font-weight: 600;
|
|
background-color: $primary-color;
|
|
transition: width 0.3s ease-in-out;
|
|
border-radius: 50px;
|
|
}
|
|
}
|
|
}
|
|
.ref-nav-menu {
|
|
li {
|
|
a:after {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 0;
|
|
height: 3px;
|
|
font-weight: 600;
|
|
background-color: $primary-color;
|
|
transition: width 0.8s cubic-bezier(0.5, 0, 0.75, 0.9);
|
|
border-radius: 50px;
|
|
}
|
|
}
|
|
}
|
|
.ref-nav-menu {
|
|
li {
|
|
a:hover::after {
|
|
width: 40%;
|
|
}
|
|
}
|
|
}
|
|
.ref-hero-carousel {
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
.ref-hero__mainhead {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
width: 58%;
|
|
color: black;
|
|
}
|
|
.ref-hero__mainhead .tech {
|
|
color: $primary-color !important;
|
|
}
|
|
.carousel-indicators .active {
|
|
background-color: $primary-color;
|
|
}
|
|
.carousel-indicators li {
|
|
position: relative;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
width: 0.8rem;
|
|
height: 0.8rem;
|
|
border-radius: 50px;
|
|
margin-right: 3px;
|
|
margin-left: 3px;
|
|
text-indent: -999px;
|
|
background-color: $dark-grey;
|
|
cursor: pointer;
|
|
}
|
|
.ref-search-input-box input:focus {
|
|
outline: none;
|
|
}
|
|
.ref-hero__subhead {
|
|
font-weight: 500;
|
|
font-size: 26px;
|
|
color: $dark-grey;
|
|
}
|
|
.ref-collection--container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 20px;
|
|
}
|
|
.ref-collection__item {
|
|
flex-basis: calc(20% - 20px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.ref-collection__item--box {
|
|
width: 120px;
|
|
height: 120px;
|
|
background-color: #0d5272;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
.ref-collection__item--box img {
|
|
filter: invert(0%);
|
|
transition: filter 0.3s ease;
|
|
}
|
|
.ref-collection__item:hover .ref-collection__item--box,
|
|
.ref-collection__item.selected .ref-collection__item--box {
|
|
box-shadow: 0px 0px 9px $primary-color;
|
|
background-color: $primary-color;
|
|
color: white;
|
|
}
|
|
.ref-collection__item:hover .ref-collection__item--box img,
|
|
.ref-collection__item.selected .ref-collection__item--box img {
|
|
filter: invert(100%);
|
|
}
|
|
.ref-product--container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.ref-product-detail-box {
|
|
flex-basis: 20%;
|
|
}
|
|
.ref-product__box {
|
|
position: relative;
|
|
}
|
|
.ref-product__box img {
|
|
height: auto;
|
|
transition: filter 0.3s ease;
|
|
}
|
|
.product-box-overlay_container {
|
|
background-color: rgba(20, 108, 148, 0.16);
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.ref-product__box:hover .product-box-overlay_container {
|
|
opacity: 1;
|
|
}
|
|
.ref-product__box {
|
|
.overlay {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 10px;
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
}
|
|
.product-box:hover img {
|
|
filter: brightness(70%);
|
|
}
|
|
.ref-product__box:hover .overlay {
|
|
opacity: 1;
|
|
}
|
|
.overlay-icon-container {
|
|
width: 32px;
|
|
height: 32px;
|
|
background-color: $primary-color;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
}
|
|
.product-detail {
|
|
text-align: center;
|
|
}
|
|
.ref-banner-section {
|
|
background-image: linear-gradient(85.66deg, rgba(13, 82, 114, 0.46) 10.47%, rgba(42, 203, 225, 0.0552) 46.94%, rgba(224, 34, 34, 0.4554) 94.18%), url("/theme_eco_refine/static/src/img/shopping-banner-img.png");
|
|
background-position: center;
|
|
background-size: cover;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: 460px;
|
|
}
|
|
.ref-border_btn {
|
|
text-decoration: none;
|
|
color: #000;
|
|
padding: 0.5rem 1.5rem;
|
|
border: 2px solid #000;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
}
|
|
.ref-banner-section {
|
|
padding: 100px 0px;
|
|
width: 142%;
|
|
margin-left: -270px;
|
|
}
|
|
.ref-banner-section span {
|
|
text-align: center;
|
|
width: 50%;
|
|
font-size: 45px;
|
|
margin-bottom: 0.5rem;
|
|
font-weight: 600;
|
|
}
|
|
.ref-banner-section p {
|
|
width: 48%;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
}
|
|
.ref-banner-section a {
|
|
font-weight: 500;
|
|
-webkit-transition: 0.3s ease-in-out;
|
|
transition: 0.3s ease-in-out;
|
|
}
|
|
.ref-arrival-section {
|
|
text-align: center;
|
|
}
|
|
.ref-banner-section a:hover {
|
|
font-size: 18px;
|
|
}
|
|
.ref-arrival-content {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
.ref-banner_sm--container {
|
|
flex-basis: 48%;
|
|
background-image: url('/theme_eco_refine/static/src/img/shopping-banner2.png');
|
|
background-position: center;
|
|
background-size: cover;
|
|
padding: 50px;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
flex-direction: column;
|
|
}
|
|
.banner-box {
|
|
/* display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;*/
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.banner-lft {
|
|
width: 73%;
|
|
}
|
|
.banner-bg-sm {
|
|
background-image: url('/theme_eco_refine/static/src/img/shopping-cart-fil.png');
|
|
align-items: flex-start;
|
|
}
|
|
.ref-banner_text {
|
|
color: #fff;
|
|
padding-bottom: 1rem;
|
|
font-weight: 500;
|
|
}
|
|
.overlay img {
|
|
width: 16px !important;
|
|
}
|
|
.owl-theme .owl-dots {
|
|
display: none;
|
|
}
|
|
.ref-testimonial-section {
|
|
margin: 100px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
.ref-testimonial__head {
|
|
text-align: center;
|
|
color: #6F6969;
|
|
font-weight: 600;
|
|
}
|
|
.ref-testimonial__content {
|
|
background: #0d5272;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 50px;
|
|
padding-top: 105px;
|
|
gap: 100px;
|
|
position: relative;
|
|
}
|
|
.ref-testimonial-text {
|
|
p {
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 42px;
|
|
color: #A9A9A9;
|
|
position: relative;
|
|
}
|
|
}
|
|
.ref-testimonial-text p::before {
|
|
content: "";
|
|
position: absolute;
|
|
background: url('/theme_eco_refine/static/src/img/quotes-before.svg');
|
|
top: -84px;
|
|
left: 0;
|
|
width: 69px;
|
|
height: 54px;
|
|
}
|
|
.ref-testimonial-text p::after {
|
|
content: "";
|
|
position: absolute;
|
|
background: url(../images/quotes-after.svg);
|
|
bottom: -84px;
|
|
right: 0;
|
|
width: 69px;
|
|
height: 54px;
|
|
}
|
|
.ref-testimonial-text {
|
|
span {
|
|
font-weight: 600;
|
|
font-size: 30px;
|
|
line-height: 45px;
|
|
color: #FFFFFF;
|
|
position: relative;
|
|
}
|
|
}
|
|
.ref-testimonial__content img {
|
|
width: fit-content !important;
|
|
}
|
|
.panel-default>.panel-heading a[aria-expanded="true"]:after {
|
|
content: url("/theme_eco_refine/static/src/img/cross.svg");
|
|
float: right;
|
|
transform: rotate(180deg);
|
|
}
|
|
.panel-default>.panel-heading a[aria-expanded="false"]:after {
|
|
content: url("/theme_eco_refine/static/src/img/plus.svg");
|
|
float: right;
|
|
transform: rotate(90deg);
|
|
}
|
|
.custom-nav,
|
|
.custom-nav img {
|
|
display: flex;
|
|
}
|
|
.owl-carousel .owl-item img {
|
|
display: flex;
|
|
}
|
|
.custom-nav {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin: 0 50px 50px;
|
|
}
|
|
.custom-nav {
|
|
.custom-nav__prev,
|
|
.custom-nav__next {
|
|
cursor: pointer;
|
|
margin: 2px;
|
|
}
|
|
}
|
|
.ref-faq-section__content {
|
|
margin: 30px 0px 0px 0px;
|
|
}
|
|
.custom-nav__prev,
|
|
.custom-nav__next {
|
|
filter: invert(100%);
|
|
color: white;
|
|
}
|
|
.ref-faq-question {
|
|
font-weight: 500;
|
|
font-size: 22px;
|
|
line-height: 48px;
|
|
}
|
|
.ref-header-menubar {
|
|
cursor: pointer;
|
|
}
|
|
.ref-fag-index {
|
|
color: rgba(0, 51, 102, 0.16);
|
|
font-weight: 700;
|
|
padding-right: 2px;
|
|
font-size: 22px;
|
|
}
|
|
.ref-faq-question:hover {
|
|
color: $primary-color;
|
|
}
|
|
.ref-faq-panel {
|
|
font-weight: 400;
|
|
font-size: 18px;
|
|
line-height: 36px;
|
|
width: 90%;
|
|
color: $dark-grey;
|
|
margin-bottom: 20px;
|
|
margin-left: 32px;
|
|
}
|
|
#ref-footer {
|
|
background-color: #000;
|
|
padding: 100px 0px 50px 0px;
|
|
}
|
|
#ref-footer {
|
|
.ref-logo {
|
|
color: #fff;
|
|
}
|
|
}
|
|
.ref-foot_head {
|
|
color: #fff;
|
|
font-size: 22px;
|
|
line-height: 36px;
|
|
}
|
|
#ref-footer {
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
}
|
|
#ref-footer {
|
|
li {
|
|
margin-right: 1rem;
|
|
}
|
|
}
|
|
.ref-footer-section {
|
|
margin-bottom: 50px;
|
|
}
|
|
.subscription-form {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
}
|
|
.subscription-form input[type="email"] {
|
|
width: 450px;
|
|
border-radius: 6px;
|
|
padding: 12px;
|
|
margin: 50px 0px 0px 0px;
|
|
}
|
|
.ref-foot-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
.subscription-form button {
|
|
background-color: $primary-color;
|
|
color: #fff;
|
|
border: none;
|
|
position: absolute;
|
|
right: 0;
|
|
margin: 6px;
|
|
top: 50px;
|
|
cursor: pointer;
|
|
}
|
|
.column {
|
|
flex-basis: 20%;
|
|
}
|
|
.subscription-form button a {
|
|
color: #fff;
|
|
}
|
|
.ref-foot-para {
|
|
color: #A9A9A9;
|
|
line-height: 36px;
|
|
}
|
|
.ref-foot-cpy-rt {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: $dark-grey;
|
|
font-size: 12px;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.3);
|
|
padding-top: 2rem;
|
|
}
|
|
.ref-menubar-header {
|
|
display: none;
|
|
}
|
|
.menu-list {
|
|
display: none;
|
|
}
|
|
button:focus {
|
|
outline: none;
|
|
}
|
|
.ref-login-container .ref-signup-btn:hover{
|
|
color: #fff;
|
|
}
|
|
@media(max-width:$breakpoint-lg) {
|
|
.ref-wrapper {
|
|
max-width: 999px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
width: 100%;
|
|
}
|
|
.ref-hero__mainhead {
|
|
width: 70%;
|
|
}
|
|
}
|
|
@media(max-width:$breakpoint-md) {
|
|
.ref-collection--container {
|
|
justify-content: center;
|
|
}
|
|
.ref-collection__item {
|
|
flex-basis: calc(30% - 20px);
|
|
}
|
|
.ref-testimonial-text p {
|
|
font-size: 18px;
|
|
line-height: 36px;
|
|
}
|
|
.ref-testimonial-text span {
|
|
font-size: 26px;
|
|
line-height: 40px;
|
|
}
|
|
.ref-testimonial__content {
|
|
gap: 30px;
|
|
}
|
|
.ref-banner-section span {
|
|
width: 78%;
|
|
font-size: 40px;
|
|
}
|
|
.ref-banner-section p {
|
|
width: 60%;
|
|
line-height: 28px;
|
|
}
|
|
.ref-banner_sm--containner {
|
|
padding: 30px;
|
|
}
|
|
.ref-banner_text {
|
|
font-size: 1.6rem;
|
|
line-height: 42px;
|
|
}
|
|
}
|
|
@media(max-width:$breakpoint-sm) {
|
|
.ref-hero__mainhead {
|
|
font-size: 38px;
|
|
width: 71%;
|
|
}
|
|
.ref-collection__item--box {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
.ref-collection__item--box img {
|
|
width: 50px;
|
|
height: auto;
|
|
}
|
|
.ref-header {
|
|
display: none;
|
|
}
|
|
.ref-menubar-header {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.ref-logo {
|
|
font-size: 22px;
|
|
}
|
|
.ref-header__logo {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
.ref-menubar-nav {
|
|
background: #FFFFFF;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.menu-list {
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: $secondary-color;
|
|
z-index: 9999;
|
|
transition: left 0.3s ease-in-out;
|
|
}
|
|
.menu-list.open {
|
|
left: 0;
|
|
}
|
|
.menu-list ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.menu-list ul li {
|
|
padding: 10px;
|
|
color: $primary-color;
|
|
font-size: 18px;
|
|
font-weight: 500;
|
|
}
|
|
.close-icon {
|
|
margin: 1rem 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.ref-search-input-box {
|
|
position: absolute;
|
|
top: 82px;
|
|
z-index: 2000;
|
|
right: 16%;
|
|
padding: 1rem;
|
|
background: #fff;
|
|
border-radius: 4px;
|
|
display: none;
|
|
box-shadow: 0 4px 9px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ref-search-input-box input {
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.ref-head {
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
|
}
|
|
.ref-search:hover .ref-search-input-box {
|
|
display: flex;
|
|
}
|
|
.banner-box {
|
|
flex-wrap: wrap;
|
|
gap: 30px;
|
|
}
|
|
.ref-banner_sm--containner {
|
|
flex-basis: 100%;
|
|
}
|
|
.ref-product--container {
|
|
flex-wrap: wrap;
|
|
}
|
|
.ref-product-detail-box {
|
|
flex-basis: 48%;
|
|
}
|
|
.column {
|
|
flex-basis: 48%;
|
|
}
|
|
.ref-faq-question {
|
|
font-size: 18px;
|
|
line-height: 42px;
|
|
}
|
|
.ref-testimonial__content img {
|
|
width: 100% !important;
|
|
}
|
|
.ref-testimonial-text p {
|
|
font-size: 16px;
|
|
line-height: 32px;
|
|
}
|
|
.ref-testimonial-text span {
|
|
font-size: 22px;
|
|
line-height: 20px;
|
|
}
|
|
.ref-testimonial__content {
|
|
gap: 24px;
|
|
}
|
|
.ref-testimonial__content {
|
|
padding: 30px;
|
|
}
|
|
.ref-testimonial-text p::before {
|
|
display: none;
|
|
}
|
|
.ref-testimonial-text p::after {
|
|
display: none;
|
|
}
|
|
.custom-nav {
|
|
margin: 27px;
|
|
}
|
|
.product-detail {
|
|
|
|
margin-top: 12px;
|
|
}
|
|
.custom-nav img {
|
|
width: 50px !important;
|
|
}
|
|
}
|
|
@media(max-width:$breakpoint-xs) {
|
|
.ref-hero-bg {
|
|
height: 40vh;
|
|
|
|
}
|
|
.subscription-form button {
|
|
font-size: 12px;
|
|
}
|
|
.subscription-form input[type=email] {
|
|
width: 300px;
|
|
font-size: 12px;
|
|
}
|
|
.ref-banner-section span {
|
|
width: 95%;
|
|
font-size: 24px;
|
|
}
|
|
.ref-banner-section p {
|
|
width: 95%;
|
|
}
|
|
.ref-banner-section {
|
|
padding: 60px 0px;
|
|
}
|
|
.ref-collection__item {
|
|
flex-basis: calc(50% - 20px);
|
|
}
|
|
.ref-hero__mainhead {
|
|
font-size: 24px;
|
|
width: 100%;
|
|
}
|
|
.ref-hero__subhead {
|
|
font-size: 14px;
|
|
}
|
|
.ref-banner_text {
|
|
font-size: 1.2rem;
|
|
line-height: 24px;
|
|
}
|
|
.ref-faq-panel {
|
|
font-size: 12px;
|
|
line-height: 32px;
|
|
}
|
|
.ref-faq-question {
|
|
font-size: 14px;
|
|
line-height: 32px;
|
|
}
|
|
.ref-fag-index {
|
|
font-size: 18px;
|
|
}
|
|
.ref-testimonial__content {
|
|
padding: 20px;
|
|
}
|
|
.ref-testimonial-text p {
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
}
|
|
.ref-testimonial-text span {
|
|
font-size: 18px;
|
|
line-height: 15px;
|
|
}
|
|
.custom-nav {
|
|
margin: 16px;
|
|
}
|
|
.ref-testimonial__content {
|
|
flex-direction: column;
|
|
}
|
|
.ref-testimonial__content img {
|
|
width: 140px !important;
|
|
}
|
|
.custom-nav img {
|
|
width: 50px !important;
|
|
}
|
|
.ref-testimonial-section {
|
|
margin: 50px 0;
|
|
}
|
|
.ref-search-input-box input {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
#top_products_carousel {
|
|
margin-top: 30px;
|
|
}
|
|
#new_arrival_carousel {
|
|
margin-top: 30px;
|
|
}
|
|
.sign_and_buy_snippet{
|
|
margin-top: 15px;
|
|
}
|
|
.ref-head--primary {
|
|
color: #0D5272!important;
|
|
text-decoration:none!important
|
|
}
|
|
.ref-testimonial-text p {
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 42px;
|
|
color: #A9A9A9;
|
|
position: relative;
|
|
}
|
|
.ref-testimonial-text span {
|
|
font-weight: 600;
|
|
font-size: 30px;
|
|
line-height: 45px;
|
|
color: #FFFFFF;
|
|
position: relative;
|
|
}
|
|
.ref-testimonial-text p::after {
|
|
content: "";
|
|
position: absolute;
|
|
background: url('/theme_eco_refine/static/src/img/quotes-after.svg');
|
|
bottom: -84px;
|
|
right: 0;
|
|
width: 69px;
|
|
height: 54px;
|
|
}
|
|
.custom-nav {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin: 0 50px 20px;
|
|
}
|
|
.ref-light-section {
|
|
background-color: #EAF8FF;
|
|
padding: 50px 0px;
|
|
width: 100%;
|
|
|
|
}
|
|
#top_menu_collapse .o_wsale_my_wish{
|
|
display:none;
|
|
}
|
|
#top_menu_collapse .o_wsale_my_cart{
|
|
display:none;
|
|
}
|
|
#top_menu_collapse .o_no_autohide_item{
|
|
display:none;
|
|
}
|
|
.ref-header{
|
|
background-color:#fff;
|
|
}
|
|
.multirange-wrapper small span{ color:#000 !important; }
|
|
@media only screen and (max-width: 574px) and (min-width: 515px) {.subscription-form button{ right:62px !important; }}
|
|
@media (max-width: 576px) {
|
|
|
|
.carousel-control-next{ right: -10px !important;
|
|
top: -89px; }
|
|
|
|
.carousel .carousel-control-prev{ left: 130px !important;
|
|
top: -89px; }
|
|
|
|
.o_carousel_product_card{ margin-left:12px; }
|
|
|
|
|
|
.css_quantity .quantity{ min-width:100% !important; }
|
|
.o_add_wishlist_dyn{ margin-left:0px !important; width:100% !important; margin-top: 10px; }
|
|
#add_to_cart_wrap{ width:100% !important; }
|
|
#add_to_cart{ margin-left:0px !important; margin-right:0px !important; }
|
|
.ref-contant-form_input{ width:auto !important; }
|
|
.s_col_no_resize div{ display:flex; justify-content:center; }
|
|
.s_col_no_resize #contact6{
|
|
margin-left: 0px !important;
|
|
width: 229px !important;
|
|
}
|
|
.s_col_no_resize #contact5 {
|
|
margin-left: 0px !important;
|
|
width: 229px !important;
|
|
}
|
|
.ref-contact-info{ display:block !important; }
|
|
.ref-abt-button__mobcontent{ width:320px !important; font-size:13px; }
|
|
.website_blog nav ul{
|
|
display: block !important;
|
|
float: left;
|
|
width: 100%;
|
|
padding-bottom:0px;
|
|
|
|
}
|
|
.website_blog nav ul li:nth-child(1) {
|
|
margin-left:0px;
|
|
}
|
|
.website_blog nav ul li{ float:left; margin-left:35px; }
|
|
#wrapwrap .website_blog .search-query {
|
|
min-width:83% !important;
|
|
margin-left:312px !important;
|
|
}
|
|
.ref-wrapper{
|
|
padding-left:0px !important;
|
|
padding-right:0px !important;
|
|
}
|
|
#ref-footer .ref-header__logo .ref-logo {
|
|
margin-left: 18px !important;
|
|
}
|
|
.ref-wrapper .ref-searchbox{
|
|
left: -89px !important;
|
|
}
|
|
.ref-banner-section span{
|
|
width:90% !important;
|
|
}
|
|
.ref-banner-section p{
|
|
width:90% !important;
|
|
}
|
|
.ref-wrapper .ref-searchbox .search-query {
|
|
min-width: 170px !important;
|
|
margin-left: 274px !important;
|
|
}
|
|
.banner-box{
|
|
display:block !important;
|
|
}
|
|
.banner-bg-sm{
|
|
margin-top:10px;
|
|
}
|
|
.ref-testimonial-photo{
|
|
display:none;
|
|
}
|
|
.ref-light-section{
|
|
padding: 50px 25px !important;
|
|
}
|
|
.ref-foot-row{
|
|
display:block !important;
|
|
}
|
|
.ref-foot-para {
|
|
width: 70%;
|
|
padding-left: 18px;
|
|
}
|
|
.subscription-form button{
|
|
right:0px;
|
|
}
|
|
.navbar-light .navbar-nav .nav-link{
|
|
font-size:15px;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.o_container_small{ max-width:100% !important; }
|
|
.o_container_small{ max-width:100% !important; }
|
|
#o_wblog_post_content .text-decoration-none .o_record_cover_container{ width:100% !important; }
|
|
#o_wblog_post_content .o_record_cover_component{ width:100% !important; }
|
|
.o_wblog_post_content_field .mt-2{ width:100% !important; }
|
|
.website_blog .o_wblog_read_text .lead{ width:100% !important; }
|
|
.website_blog .o_wblog_read_text p{ width:100% !important; }
|
|
.website_blog .o_wblog_read_text ol{ width:100% !important; }
|
|
.website_blog #o_wblog_post_main .o_wblog_read_text{ width:100% !important; }
|
|
.s_col_no_resize div{ display:flex; justify-content:center; }
|
|
.s_col_no_resize #contact6{
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.s_col_no_resize #contact5 {
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.ref-contact-info{ display:block !important; }
|
|
.website_blog nav ul{
|
|
display:block !important;
|
|
float: left;
|
|
width: 100%;
|
|
padding-bottom:0px;
|
|
|
|
}
|
|
.website_blog nav ul li:nth-child(1) {
|
|
margin-left:0px;
|
|
}
|
|
.website_blog nav ul li{ float:left; margin-left:35px; }
|
|
.website_blog .container { max-width:100% !important; }
|
|
.ref-searchbox{
|
|
position: relative;
|
|
top: 67px;
|
|
left: -178px !important;
|
|
z-index: 9;
|
|
}
|
|
.ref-searchbox .search-query{
|
|
min-width: 170px;
|
|
margin-left: 193px;
|
|
}
|
|
.ref-logo{
|
|
margin-left:16px !important;
|
|
}
|
|
#o_wblog_index_content {
|
|
margin-left: 140px !important;
|
|
}
|
|
}
|
|
@media (max-width: 992px) {
|
|
#add_to_cart {
|
|
margin-top: 11px;
|
|
margin-left: 2px;
|
|
margin-right: 22px;
|
|
}
|
|
.o_add_wishlist_dyn{ margin-left:254px; }
|
|
.s_col_no_resize div{ display:flex; justify-content:center; }
|
|
.s_col_no_resize #contact6{
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.s_col_no_resize #contact5 {
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.ref-contact-info{ display:block !important; }
|
|
.website_blog .o_searchbar_form .search-query{ min-width: 239px !important;
|
|
margin-left:378px !important; }
|
|
.multirange-wrapper small span{ color:#000 !important; }
|
|
.ref-banner-section{
|
|
width:auto !important;
|
|
margin-left:0px !important;
|
|
height:auto !important;
|
|
}
|
|
.ref-testimonial-photo{
|
|
display:none;
|
|
}
|
|
.home_sign_up_snippet{
|
|
max-width:100% !important;
|
|
}
|
|
.sign_and_buy_snippet{
|
|
max-width:100% !important;
|
|
}
|
|
.ref-searchbox{
|
|
position: relative;
|
|
top: 67px;
|
|
left: -228px;
|
|
z-index: 9;
|
|
}
|
|
.ref-searchbox .search-query{
|
|
min-width: 170px;
|
|
margin-left: 193px;
|
|
}
|
|
.navbar-nav {
|
|
flex-direction: row !important;
|
|
}
|
|
.ref-logo{
|
|
margin-left:0px;
|
|
}
|
|
.accordion-item{
|
|
padding:0px !important;
|
|
}
|
|
.o_searchbar_form .oe_search_box{
|
|
min-width: 292px !important;
|
|
margin-left: 314px !important;
|
|
}
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.s_col_no_resize div{ display:flex; justify-content:center; }
|
|
.s_col_no_resize #contact6{
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.s_col_no_resize #contact5 {
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.ref-contact-info{ display:block !important; }
|
|
.multirange-wrapper small span{ color:#000 !important; }
|
|
.js_attributes a small b{ color:#000 !important; }
|
|
#ref-footer .ref-logo{ margin-left:0px !important; }
|
|
}
|
|
.js_attributes a small b{ color:#000 !important; }
|
|
#contact6, #contact5{ margin-left:330px !important; }
|
|
.s_col_no_resize div{ display:flex; justify-content:center; }
|
|
.s_col_no_resize #contact6{
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.s_col_no_resize #contact5 {
|
|
margin-left: 0px !important;
|
|
width:450px;
|
|
}
|
|
.ref-contact-info{ display:block !important; }
|
|
.s_newsletter_subscribe_form .input-group{
|
|
margin-left: -260px;
|
|
margin-top: 25px;
|
|
}
|
|
.js_subscribed_btn{
|
|
padding-top:20px;
|
|
}
|
|
.js_subscribe_btn{
|
|
padding-top:18px;
|
|
}
|
|
.o_header_affixed {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: auto;
|
|
right: 0;
|
|
/* position: fixed; */
|
|
}
|
|
.product_list .top_rate_product{
|
|
float: left;
|
|
margin-left: 27px;
|
|
width: 295px;
|
|
margin-top: 39px;
|
|
}
|
|
.carousel-item{
|
|
min-height :500px !important;
|
|
}
|