/** Shopify CDN: Minification failed Line 779:4 Unexpected "{" Line 794:169 Unexpected "{" **/ @media (max-width:1024px) { .module-section .module-detail h2 { text-align: center; } .small-title { font-size: 20px; line-height: 1.3; } .contact-form-page .contact-banner-section .contact-banner-content { padding: 35px 80px; bottom: 10px; } .contact-form-page .contact-banner-section .contact-banner-image-block { padding: 80px 50px; height: 450px; } .contact-form-page .contact-banner-section { padding-bottom: 60px; } .contact-form-page .form-block-inner{max-width: 67%;} .daily-moisturizers.customer-fav-product:before { min-height: 310px; } .roc-megamenu .megamenu-listing li:first-child a { margin-top: 0px; } .footer-widget-wrapper .footer-widget-item { padding: 0 40px 0 40px; } .key-ingredients { margin-bottom: 112px; padding-top: 50px; } .quote-block .quote-text p { font-size: 36px; line-height: 50px; } .humber-menu-inner { width: 30px; height: 20px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .humber-menu-inner span { display: block; position: absolute; height: 3px; width: 100%; background: #000000; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .humber-menu-inner span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; transform-origin: left center; } .humber-menu-inner span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; transform-origin: left center; } .humber-menu-inner span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; transform-origin: left center; } .open-menu .humber-menu-inner span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; left: 2px; } .open-menu .humber-menu-inner span:nth-child(2) { width: 0%; opacity: 0; } .open-menu .humber-menu-inner span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; left: 2px; } .header-navigation-wrapper nav { position: absolute; left: 0; right: 0; overflow: auto; -webkit-overflow-scrolling: touch; } .header-navigation-wrapper .header-navigation { height: calc(100vh - 95px); background: #000000 } .humber-menu { display: block; } .header-navigation-wrapper .header-navigation { display: none; } .header-navigation-wrapper .header-navigation>li { background: #000000; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .header-navigation-wrapper .header-navigation li { display: block; margin: 0; padding: 0; position: relative; } header .header-logo { border-bottom: 1px solid #efefef; padding: 14px 0 14px; } .header-navigation-wrapper .header-navigation li.roc-megamenu-wrapper span { position: absolute; width: 28px; height: 29px; display: block; z-index: 1; top: 16px; right: 27px; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; padding: 5px; } .header-navigation-wrapper .header-navigation li>a { color: #ffffff; padding: 20px 50px 16px; position: relative; display: block; } .header-navigation-wrapper .header-navigation li.has-submenu>a:after { position: absolute; display: block; width: 18px; height: 18px; top: 24px; right: 57px; background: url("../images/right-arrow-white.svg")no-repeat; content: " "; transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .header-navigation-wrapper .header-navigation li.open-submenu>a:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .roc-megamenu { position: static; padding: 0; } .roc-megamenu .megamenu-left-col, .roc-megamenu.single-image-box .megamenu-left-col { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } .header-navigation-wrapper .megamenu-listing li>a { color: #000000; font-size: 14px; line-height: 1.8; } .header-navigation-wrapper .megamenu-listing li { border-bottom: 1px solid rgba(0, 0, 0, 0.4); } .header-navigation-wrapper .megamenu-listing li:last-child { border-bottom: none; } .roc-megamenu .megamenu-right-col { display: none; } /* .site-nav{display:none;} */ .open-submenu>a+span { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .main-content { padding-top: 128px; } .site-nav { display: none; } .site-header__icon { display: inline-block; vertical-align: middle; padding: 10px 11px; margin: 0; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } .site-header , .site-header.logo--center { padding:0; } .site-header__mobile-nav{padding:14px 0;} .site-header__icon svg { height: 25px; width: 25px; } .roc-home-slider .homeslider .slide .slider-img { max-height: 512px; } /* ===================== */ .open-sub-nav .mobile-nav__icon .icon { transform: rotate(90deg); -webkit-transform: rotate(90deg);} .activemenu .mobile-nav__dropdown { display: block; } .mobile-nav__dropdown { position: static; display: block; display: none; background: #fff; } .mobile-nav__dropdown li { border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important; } .mobile-nav__dropdown li { background: #567a9e; border-bottom: none !important; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item a { color: #fff; padding: 21px 25px; } .mobile-nav-wrapper .mobile-nav li a { font-size: 18px; font-weight: 400; text-transform: uppercase; } .mobile-nav-wrapper { position: fixed; height: 100%; overflow: auto; background: #557a9c; padding-bottom: 140px; } .mobile-nav-wrapper.js-menu--is-open { transform: translateY(0%) !important; -webkit-transform: translateY(0)!important;} .mobile-nav-wrapper::after { display: none; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item { position: relative; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item.login-register { display: flex; padding: 21px 25px; border-top: 1px solid rgba(255,255,255,0.4); } .mobile-nav-wrapper .mobile-nav .mobile-nav__item.login-register a { padding: 0; display: inline-block; width: auto; border-top: 0; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item.login-register a span { margin: 0 4px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item.login-register a:first-child span { margin-left: 0; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__link { color: #fff; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .sub-span { cursor: pointer; display: block; background-image: url(//rocskincare.pt/cdn/shop/t/2/assets/right-arrow-white.svg?v=165848665944844727271611592242); background-position: center center; background-repeat: no-repeat; font-weight: normal; height: 28px; position: absolute; right: 24px; text-align: center; top: 15px; width: 25px; background-size: 20px; z-index: 999; transition: all 0.33s; color: #000; line-height: 1; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .sub-span.active { transform: rotate(90deg); } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__icon { display:none; height: 20px; width: 16px; z-index: 25; padding: 0; pointer-events: initial; top: 13px; right: 40px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__icon .icon { height: 18px; width: 13px; transition: all 0.5s; } .mobile-nav__dropdown li a { font-size:12px !important; } .drawer-page-content { transform: none !important; } .site-header .desktop-div { display: none; } .mobile-nav__link--active .mobile-nav__label{border-bottom:none;} /* footer listing */ .delivery-info .delivery-listing li{padding:0 42px;} /* Module-1 */ .module-row{align-items:center;} .module-section .module-detail,.module-section .flex-row-reverse .module-detail{width:100%;padding: 0px;} .module-section .module-img,.module-section .flex-row-reverse .module-img{width:100%;padding: 0px; } .module-section .module-row{margin-bottom:0px;} .module-section h1{font-size:40px;line-height:44px;} .module-section .module-detail{margin-bottom:30px; text-align: center;} .module-section { padding-top: 0px; } /* Module-1 */ /* Module-2 */ .new-module-section .slider-heading p { font-size: 18px; line-height: 26px} /* Module-2 */ /* Account Page */ .my-account-page .myaccount-table .myaccount__account-details, .my-account-page .myaccount-table .myaccount__order-history { flex: 0 0 100%; max-width: 100%; } .my-account-page .myaccount-table .myaccount__order-history { padding: 50px 0 0; } /* Account Page */ /* Search page 04-02 */ .site-header .medium-up--push-one-third { left: -20px; } .snize-ac-results-content { min-height: initial !important; } .site-header__mobile-nav { display: flex; align-items:center; justify-content: center; } .search-icon-mobile { display: block; z-index: 99999; } .search-icon-mobile a { color: #000; } .search-icon-mobile a:hover {text-decoration:none;} .search-icon-mobile a:hover span { border-bottom: none; } .search-icon-mobile .search-detail { width: 100%; position: fixed; top: 80px; } .search-icon-mobile .search-detail input[type="search"] { width: 77%; font-size: 18px; font-weight: bold; border-color: #000; border-radius: 0; } .search-icon-mobile .search-detail input[type="search"]::placeholder { font-weight: 300; } .search-icon-mobile .search-detail .search-form form { display: flex; align-items: center; padding: 0 20px 20px; justify-content: space-between; } .search-icon-mobile .search-detail .search-form form .close-icon { width: 20px; cursor: pointer; } .search-icon-mobile .site-nav__dropdown { padding: 0; top: 126px; border: none; } .search-icon-mobile a { padding: 0 !important;} .search-icon-mobile a span { padding: 3px 10px 3px 7px !important; display: flex; align-items:center; } div.snize-ac-results { padding: 0 15px !important; } div.snize-ac-results span.snize-title { font-size: 16px !important; } div.snize-ac-results .snize-price-list { font-size: 100%; } div.snize-ac-results li.snize-label { margin-top: 30px; margin-left: 0 !important; } div.snize-ac-results li.snize-view-all-link { padding-bottom: 0px !important; padding-top: 20px !important; } div.snize-ac-results ul { padding-bottom: 40px !important; position: relative; } div.snize-ac-results .snize-ac-results-column:last-child ul { padding-bottom: 40px !important; } div.snize-ac-results span.snize-title { min-height: inherit !important; } .snize-ac-results .snize-no-pages-found { margin-left: 0px !important; } /* Search page 04-02 */ /* 07-02 */ .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown .mobile-nav__link { padding-left: 35px; font-size: 18px; text-transform: uppercase; color: #fff; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown .mobile-nav__table { display: none; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown li.border-bottom { border-bottom: none !important; } .mobile-nav-wrapper li > ul > li > ul > li a { padding: 15px; margin-left: 64px; border-top: 1px solid rgba(255,255,255,0.4); padding-left: 0 !important; text-transform: unset !important; } .mobile-nav-wrapper li > ul > li > a { border: none; padding: 15px 30px 15px 35px !important; } .mobile-nav li > ul > li > ul > li:first-child a { border-top:none !important; } .mobile-nav-wrapper .mobile-nav li a { font-size: 18px !important; color: #fff; } .mobile-nav-wrapper .mobile-nav li.open-sub-nav a { font-weight:700; font-size: 18px; color: #fff; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__link { border-top: 1px solid rgba(255,255,255,0.4); } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__link.active-bg { border-bottom: 1px solid rgba(255,255,255,0.4); } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown .mobile-nav__link { border: none; font-weight: 400; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown .mobile-nav__link.active-bg { font-weight: 700; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown .mobile-nav__link:last-child { border-top: 1px solid rgba(255,255,255,0.4); } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__link.active-bg { font-weight: 700; } .mobile-nav-wrapper .mobile-nav > .mobile-nav__item:last-child > .mobile-nav__link { border-bottom: 1px solid rgba(255,255,255,0.4); } .mobile-nav li > ul > li { position: relative; } .mobile-nav li > ul > li:after { content: ""; position: absolute; top: auto; bottom: 0; height: 1px; width: calc(100vw - 33px); left: auto; right: 0; background-color: rgba(255,255,255,0.4); } .mobile-nav li > ul > li:last-child:after { display: none; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown li a { padding: 15px; } .mobile-nav li > ul > li > ul > li:after { display: none; } .aditional-menu { margin-top: 15px; padding-bottom: 60px;} .aditional-menu li a { color: #fff; text-decoration: none; text-transform: uppercase; padding: 11px 27px; font-size: 14px; } .aditional-menu li a span { border-bottom: none; } /* 10-02 */ .site-header__mobile-nav .search-icon-mobile { position: absolute; left: auto; right: 6px; display: flex; align-items: center; justify-content: flex-end } .site-header__mobile-nav .search-icon-mobile .icon { width: 22px; height: 22px; margin-left: 3px; } .site-header__mobile-nav .site-header__icon { position: absolute; left: 6px; right: auto; } .site-header .medium-up--push-one-third { left: 0; } /* */ .top-shipping-offer { z-index: 9; position: relative; width: 100%; } } /* 1st nov 2019 */ @media(max-width:1023px) { .product-detail-wrapper .deep-wrinkle:before { min-height: 300px; } .slick-slide .mobile-img, .mobile-img { display: none; } .slick-slide .tablet-img, .tablet-img { display: block; } .slick-slide .desktop-img, .desktop-img { display: none; } /*vi*/ .retinol.about-us .key-signs .benefits-banner { margin-top: 90px; } .retinol.about-us .forward-thinking .key-signs-wrapper { margin-bottom: 63px; } /* skincare popup */ .retailers-modal.skincare-modal .modal-dialog .modal-body:before { max-width: 256px; } /* skincare popup */ .our-formulas-banner .banner-content .black-box span { font-size: 30px; } .our-formulas .about-formulas h2 { font-size: 34px; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-left .why-retinol-left-inner h3, .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner h3 { font-size: 28px; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-left .why-retinol-left-inner p, .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner p { font-size: 23px; } .our-formulas .how-formulas-work h2 { font-size: 34px; } .our-formulas .how-formulas-work p { font-size: 27px; } .our-formulas .key-signs h2 { font-size: 34px; } .retinol .key-signs .key-signs-wrapper .key-sign-left .key-sign-left-inner p { font-size: 23px; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li, .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li { font-size: 22px; } .retinol .retinol-benefits-left .retinol-benefits-left-inner h3, .retinol .retinol-benefits-right .retinol-benefits-right-inner h3 { font-size: 28px; } .retinol .retinol-benefits-left .retinol-benefits-left-inner p, .retinol .retinol-benefits-right .retinol-benefits-right-inner p { font-size: 20px; max-width: 100%; } .retinol .how-to-use h2 { font-size: 34px; } .our-formulas .how-formulas-work { padding: 57px 0 80px 0; } .our-formulas .key-signs { padding: 65px 0 30px; } .retinol .retinol-benefits-left .retinol-benefits-left-inner h3 span { font-size: 28px; } .our-formulas .key-signs.clinically-proven{padding:50px 0;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper{margin-bottom:30px;} .our-formulas .key-signs.clinically-proven .roc-btn{margin-top:0;} /* 28-01-2020 */ .site-footer .site-footer__content .site-footer__item.footer-col-4{width:15%} .site-footer .site-footer__content .site-footer__item.footer-col-3{width:25%} .site-footer .site-footer__content .site-footer__item .site-footer__item-inner ul li a{line-height:20px} /* Search detail page */ /* .search-result #snize-search-results-grid-mode li.snize-product { width: 33.33333% !important; } */ .snize-mobile-design #snize-search-results-grid-mode li.snize-product .snize-button { position: relative;opacity: 1; visibility: visible; margin-top: 0; } .main-slider .slider-content p { font-size: 22px; } .main-slider .slider-info p { font-size: 40px; } } @media (max-width:991px) { .retinol-desc .retinol-wrapper .desc-wrapper,.retinol-desc .retinol-wrapper .img-wrapper { width: 100%; } .retinol-desc .retinol-wrapper .desc-wrapper { margin-top:20px; padding-left:0px; } /* .key-ingredients { padding-bottom: 50px; } */ .contact-form-page .form-block-inner {max-width:93%;} .blue-section:before, .gold-section:before { min-height: 400px; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li span, .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li span { font-size: 28px; } /* .roc-home-slider .homeslider .slide .slider-img .left-img { padding: 20px; } */ .roc-home-slider .homeslider .slide .slider-img h2 { font-size: 34px; } .roc-home-slider .homeslider .slide .slider-content p { font-size: 22px; } /* .roc-home-slider { margin-bottom: 30px; } */ /* .roc-btn { font-size: 16px; line-height: 20px; padding: 10px 16px; } */ /* .award-winner-product .product-wrapper .product-desc h2 { margin-bottom: 25px; line-height: 40px; font-size: 34px; } .award-winner-product .product-wrapper .product-desc p { font-size: 28px; line-height: 32px; margin-bottom: 30px; } .award-winner-product .product-wrapper .product-desc .roc-btn { padding: 10px 16px; font-size:18px; } */ /* .inner-title { font-size: 36px; line-height: 46px; } */ /* .award-winner-product { margin-bottom: 90px; } .regimen-solution { margin-bottom: 40px; } .retinol-desc { margin-bottom: 40px; } .daily-moisturizers.customer-fav-product { padding: 60px 0 50px; margin: 50px 0 0 0; } */ .daily-moisturizers.customer-fav-product:before { min-height: 340px; } .retinol-desc .retinol-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0; } /* .retinol-desc .retinol-wrapper .desc-wrapper h3 { font-size: 18px; line-height: 30px; margin-bottom: 25px; } */ /* .heading-title { line-height: 40px; font-size: 34px; } */ /* .retinol-desc .content-wrapper .roc-btn { padding: 10px 16px; } .regimen-solution .product .roc-btn { padding: 10px 16px; } */ .slick-dots li button { width: 16px; height: 16px; } /*vi*/ .inner-product-wrapper .inner-product-block .content-box img { max-width: 130px; } .retinol.about-us .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 35px; } .retinol.about-us .key-signs .key-signs-wrapper .key-sign-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; } .retinol.about-us .forward-thinking .key-signs-wrapper .key-sign-left { padding-right: 0; } header.sticky-listing-header .header-navigation-wrapper>.header-navigation li>a { padding: 11px 8px; } .inner-banner .inner-banner-title h1,.sub-page .sub-page-banner .banner-content .black-box span { font-size: 30px; } .big-text { font-size: 28px; } /* .best-seller .inner-page-product-wrapper { padding: 20px 0; } */ .best-seller .inner-page-product-wrapper:before { min-height: 222px; } .inner-product-wrapper .inner-product-block span { font-size: 16px; } .inner-product-wrapper .inner-product-block { padding: 0 15px; } .search-product-list.inner-product-wrapper .inner-product-block {width:100%;} /*vv*/ .privacy-policy-wrapper .privacy-policy-outer { padding: 95px 40px 67px; } .privacy-policy-wrapper .privacy-policy-outer .privacy-heading h1 { font-size: 30px; } .privacy-content-outer .privacy-content-inner { font-size: 22px; } .best-result-block ul li { width: 48.5%; } /*.best-result-block ul li em { padding: 20px; width: 125px;height: 125px; }*/ .key-ingredients .ingredients-img img { max-height: 100%; } .key-ingredients { margin-bottom: 0; } .quote-block { padding: 95px 0; } .quote-block .quote-text p { font-size: 30px; line-height: 42px; margin-bottom: 20px; } .product-detail .detail-right .review-box .review-text { width: 100%; margin-top: 12px; } .no-product-msg { padding-bottom: 50px; } /* footer listing */ /* .delivery-info{padding:80px 0 80px;} */ .delivery-info .delivery-listing li{padding:0 10px;} /* Module */ /*28-01-2020 footer*/ .site-footer .site-footer__content .site-footer__item.footer-col-1 ,.site-footer .site-footer__content .site-footer__item.footer-col-5{width: 100%;display: block;margin:25px auto 25px;text-align: center;} .site-footer .site-footer__content .site-footer__item.footer-col-2{width:40%;} .site-footer .site-footer__content .site-footer__item.footer-col-3{width:35.33%;} .site-footer .site-footer__content .site-footer__item.footer-col-4{width:22%;} .site-footer .site-footer__content{flex-wrap: wrap;justify-content: space-between;} .site-footer .site-footer__content .site-footer__item .site-footer__item-inner .social-icons { padding: 0; } /* Search page*/ .search-icon-mobile .site-nav__dropdown { top: 146px; } } @media(min-width:1025px) { .roc-megamenu-wrapper .roc-megamenu { display: none; } .roc-megamenu-wrapper .roc-megamenu .mega-menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .roc-megamenu-wrapper span { display: none; } a span.underline { height: 1px; } .header-navigation-wrapper .header-navigation > li:hover > a, .header-navigation-wrapper .header-navigation li>a:hover, .header-navigation-wrapper .header-navigation li>a:focus, .header-navigation-wrapper .header-navigation li.active>a { transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; outline: none; } .header-navigation-wrapper .header-navigation > li:hover > a span.underline, .header-navigation-wrapper .header-navigation li>a:hover span.underline, .header-navigation-wrapper .header-navigation li>a:focus span.underline, .header-navigation-wrapper .header-navigation li.active>a span.underline { border-bottom: 1px solid black; display: block; margin-top: -1px; } .roc-megamenu .megamenu-listing li a:hover { color: #d0b768; } .header-navigation-wrapper .header-navigation { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media(max-width:991px) { .inner-product-wrapper .inner-product-block{width:50%;} .contact-form-page .contact-banner-section .contact-banner-image-block h1 {margin-top:-1em;} .module-slider .module-image-wrapper img.product-img{ height: 200px; } .retinol .about-formulas .why-retinol { padding-top: 50px; } .roc-home-slider .homeslider .slide .slide-wrapper .roc-btn { font-size: 16px; } .product-detail .detail-right .roc-btn { min-width: auto; max-width: none; width: auto; margin: 0; padding: 10px 16px; font-size: 16px; } .product-detail .detail-right form .product-form__item { } .product-detail .detail-right .shopify-payment-button__button { margin-bottom: 0; padding: 9px 15px; font-size: 16px; } .site-header__mobile-nav { padding:14px 0; } .main-content { padding-top: 98px; } .site-header__logo-image { width: 88px; } .address-detail-page .section-header h1{ font-size:31px; line-height:37px; } .address-detail-page .section-header .header-btn-wrap .roc-btn{font-size:12px; padding:3px 9px;} .address-detail-page .address-list li .list--inline li .roc-btn{font-size:12px; padding:3px 9px;} /* about-retinot */ .our-formulas .key-signs.clinically-proven .key-signs-wrapper{flex-direction:column; } .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-left{max-width:100%; flex: 0 0 100%; padding-right:0; margin-bottom:30px; width:100%;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-right{max-width:100%; flex: 0 0 100%; padding:0;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-right .key-sign-right-inner{padding:0;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-left .key-sign-left-inner img{width:100%;} /* search-list page */ .search-product-list .product-item{width:50%;} /* 29-01-2020 */ /* .inner-product-block .product-form .roc-btn { font-size: 14px; line-height: 22px; min-width: 160px; padding: 7px 20px; margin-top: 10px; } */ /* .module-slider .module-product-detail .roc-btn { font-size: 14px; line-height: 22px; min-width: 160px; width: 160px; padding: 7px 20px; margin-top: 10px; } */ } @media(min-width:768px) { .retailers-modal.skincare-modal .modal-dialog .modal-body { min-height: 467px; background-image:url(//rocskincare.pt/cdn/shop/t/2/assets/RocWelcome.png?v=123712485634473901621611592248); background-size:cover; background-position:center; background-repeat:no-repeat; } .product-detail-wrapper .deep-wrinkle .inner-product-slider .slick-list { width: 100%; } .product-detail-wrapper .deep-wrinkle .inner-product-slider.slick-slider .slick-track { -webkit-transform: none !important; transform: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% !important; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 768px) { .contact-form-page .contact-banner-section .contact-banner-image-block h1 {margin-top:0;} .best-seller .inner-page-product-wrapper:before { min-height: 175px; } /* Module */ /* .module-slider .module-slider-wrapper { margin-bottom: 30px; } */ .module-section .module-detail { padding: 0 20px; } .module-section .flex-row-reverse .module-detail { padding: 0 20px;} .module-section { padding-top: 0px; } .module-section .container { padding: 0; } .module-section .module-img.three-col-img { width: auto; margin: 0 -5px; } .module-section .module-detail, .module-section .module-img, .module-section .flex-row-reverse .module-img, .module-section .flex-row-reverse .module-detail { width: 100%; } .module-section .module-row.skincare-quiz-section { background-image: none !important; margin: 0; padding: 50px 0; min-height: auto; } .module-section .skincare-quiz-section .module-img { display: block; } /* Moduel-2 */ .module-list .module-slider, .module-list .module-image { flex: 0 0 100%; max-width: 100%; } .module-list { flex-wrap: wrap; flex-direction: column-reverse; } .module-slider .module-product-detail .roc-btn { visibility: visible; opacity: 1; } /* Search Details page */ .search-result #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode li.snize-product { border: none; } .search-result #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode li.snize-product span.snize-title, .search-result #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode .snize-price-list { text-align: center; } .snize-mobile-design #snize-search-results-grid-mode li.snize-product .snize-button { position: relative;opacity: 1; visibility: visible; margin-top: 0; } .search-result #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode span.snize-overhidden { text-align: center; } .search-result #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode li.snize-product span.snize-title { color: #000; font-weight: 700; min-height: auto; height:auto; font-size: 18px; } .search-result #snize-search-results-grid-mode span.snize-overhidden { text-align: center; } .search-result div.snize div.snize-main-panel { display: block; } .search-result #snize_results.snize-mobile-design.snize-new-version #snize-search-results-grid-mode .snize-price-list { font-size: 18px; } .search-result #snize_results.snize-mobile-design.snize-new-version div.snize-search-results-header { display: block; font-size: 14px; padding-bottom:0; } } @media (max-width:768px) { .inner-product-wrapper{ padding-top:5px; } .module-list .module-image { margin-top: 30px; } h4.small-title {font-size:18px; line-height:22px;} .module-slider .module-image-wrapper i { width: 60px; left: 50%; margin-left: -100px; } p { font-size: 18px; } h3 { font-size: 26px; line-height:33px; letter-spacing:3px;} .template-product h3 { font-size: 24px; } .small-title { font-size: 16px;} .new-module-section .slider-heading h2 { font-size: 26px; letter-spacing: 4px; line-height: 33px;} /* .module-three-section .slider-heading p { padding-bottom: 18px; } */ .instagram-grid h2 a{font-size:26px;} .contact-form-page .contact-banner-section { padding-bottom: 30px; } .contact-form-page .contact-banner-section .contact-banner-image-block { height: 286px; padding: 30px 70px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;} .contact-form-page .contact-banner-section .contact-banner-image-block .contact-inner-image-block { display: none; } .contact-form-page .contact-banner-section .contact-banner-image-block .contact-inner-image-block.bg-mble { display: block; } .contact-form-page .contact-banner-section .contact-banner-content { position: relative; bottom: 0; width: 100%;box-shadow:none;-webkit-box-shadow:none;padding: 47px 12px 0; } .contact-form-page .contact-banner-section .contact-banner-content p { font-size: 20px; line-height: 27px; margin-bottom: 30px; letter-spacing: 0px; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing li a { font-size: 18px; line-height: 23px; padding: 38px 36px 41px; } .contact-form-page .contact-banner-section .contact-banner-content .contact-listing { margin-bottom: 23px; } .contact-form-page .contact-banner-section .contact-banner-content .contact-link { letter-spacing: -0.4px; } .contact-form-page .description-block p{padding:0 0 6px;} .contact-form-page .form-fields .form-group{margin-bottom: 26px;} .contact-form-page .form-block-inner{padding:0px 0 0;max-width:100%;} .contact-form-page .form-fields .half-field{width:100%;margin:0 0 20px;} .contact-form-page .form-fields .half-field.order-field{order:inherit;} .contact-form-page .form-fields .half-field:last-child{margin:0;} .contact-form-page .thankyou-block{padding:60px 0;} .contact-form-page .container{padding:0 15px;} .contact-form-page .form-fields .form-group{padding:0 5px;} .contact-form-page .form-fields{padding:35px 0 15px;} .contact-form-page .form-group label {line-height:21px;} .roc-home-slider .homeslider .slide .slider-img .left-img { padding: 20px 20px 50px; } .roc-home-slider .homeslider .slide .slider-img .right-img .right-img-inner { background-position: right; } .roc-home-slider .homeslider .slide2 .slider-img .right-img .right-img-inner { background-position: 10%; } .roc-home-slider .homeslider .slide3 .slider-img .right-img .right-img-inner { background-position: 55%; } .roc-home-slider .homeslider .slide .roc-btn{font-size:17px;} .roc-home-slider .slick-slide img{width:23em;} .roc-home-slider .homeslider .slide .slide-wrapper .roc-btn { min-width: auto; } .best-result-block p.note { font-size: 18px; line-height: 24px; } .key-ingredients .all-ingredients span { font-size: 18px; line-height: 24px; } .header-navigation-wrapper .header-navigation li.has-submenu>a:after { right: 27px; } .retinol .key-signs .retinol-benefits-wrapper { padding-top: 60px; } /* .retinol.our-formulas .roc-btn { margin-top: 0; } */ .hexinol.our-formulas .key-signs .key-signs-wrapper { margin-bottom: 30px; } /* .inner-page-product-wrapper .inner-product-wrapper .inner-product-block { margin-bottom: 60px; } */ .privacy-policy-wrapper { padding: 93px 0 60px; } .hexinol.our-formulas .key-signs { padding-bottom: 60px; } .retinol .how-to-use { padding: 50px 0 60px; } .header-navigation-wrapper .header-navigation li>a { padding: 20px 25px 16px; } .header-navigation-wrapper .header-navigation li>a:after { right: 25px; } .container { padding-left: 25px; padding-right: 25px; } .roc-btn { border: 2px solid #000000; } .roc-btn-text { border: none; font-size: 16px; } .slick-dots li button { border-width: 1.5px; } .footer-widget-wrapper .footer-widget-item ul li a { font-size: 16px; line-height: 1.2; } .footer-widget-wrapper .footer-widget-item h2 { font-size: 19px; line-height: 26px; } .daily-moisturizers.customer-fav-product .inner-product-wrapper .inner-product-block.animated { -webkit-animation-duration: 0s; animation-duration: 0s; } /* .daily-moisturizers.customer-fav-product .inner-product-wrapper .inner-product-block.fadeInUpShort { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); margin-bottom: 15px; } */ /* .customer-fav-product .inner-product-wrapper .inner-product-block .inner-product-title, .customer-fav-product .inner-product-wrapper .inner-product-block .product-category, .deep-wrinkle.product-detail-page-slider .inner-product-wrapper .inner-product-block .product-category { font-size: 20px; line-height: 22px; } */ .customer-fav-product .inner-product-wrapper .inner-product-block span, .deep-wrinkle.product-detail-page-slider .inner-product-wrapper .inner-product-block span { font-size: 18px; } .slick-slide .mobile-img, .mobile-img { display: block; } .slick-slide .tablet-img, .tablet-img { display: none; } .slick-slide .desktop-img, .desktop-img { display: none; } /* .roc-btn { padding: 15px 20px; font-size: 17px; line-height: 22px; letter-spacing: 1px; } */ .roc-home-slider .slick-dots { bottom: -23px; } .slick-dots li { margin: 0 3px; } .slick-dots li button { width: 14px; height: 14px; } .roc-home-slider .homeslider .slide .slider-img .right-img { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; } .roc-home-slider .homeslider .slide .slider-img .left-img { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 30px; } .roc-home-slider .homeslider .slide .slider-img h2 { top: auto; font-size: 26px; bottom: 45px; left: 0; padding: 0; text-align: center; -webkit-transform: inherit; transform: inherit; } .roc-home-slider .homeslider .slide .slider-content p { font-size: 20px; line-height: 24px } .roc-home-slider .homeslider .slide .slider-content { min-height: 85px; } .award-winner-product .product-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .award-winner-product .product-wrapper .product-desc { width: 100%; padding-right: 0; } .award-winner-product .product-wrapper .product-img { width: 100%; } .award-winner-product .product-wrapper .product-img img { width: 100%; } .award-winner-product .product-wrapper .product-desc .content-wrapper { margin: 20px auto 0; padding: 0 15px; } .award-winner-product .container { padding: 0; } .award-winner-product .product-wrapper .product-desc h2 { margin-bottom: 25px; line-height: 40px; font-size: 26px; letter-spacing: 4px; } .award-winner-product .product-wrapper .product-desc p { font-size: 21px; line-height: 25px; margin-bottom: 31px; } .award-winner-product .product-wrapper .product-desc .roc-btn { padding: 15px 20px; } /* .inner-title { font-size: 26px; line-height: 33px; letter-spacing: 3px; } */ .regimen-solution .regimen-product { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0; } .regimen-solution .regimen-product .product { width: 100%; margin-bottom: 50px; } .regimen-solution .regimen-product .product:last-child { margin-bottom: 0; } .regimen-solution .regimen-product .product h3 { font-size: 20px; line-height: 24px; letter-spacing: 4px; } .regimen-solution .product .roc-btn {margin-top:10px;} .daily-moisturizers.customer-fav-product:before { min-height: 270px; } .daily-moisturizers.customer-fav-product .inner-product-wrapper .inner-product-block .img-box img { margin: 0 auto; } .daily-moisturizers.customer-fav-product .section-title p { font-size: 20px; line-height: 24px; } .retinol-desc .retinol-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0; } .retinol-desc .retinol-wrapper .img-wrapper { width: 100%; display: block; } .retinol-desc .retinol-wrapper .desc-wrapper { width: 100%; padding: 0px; } .retinol-desc .retinol-wrapper .desc-wrapper h3 { font-size: 18px; line-height: 28px; margin-bottom: 20px; } /* .retinol-desc .content-wrapper .roc-btn { padding: 15px 20px; } */ /* .roc-home-slider { margin-bottom: 70px; } .award-winner-product { margin-bottom: 56px; } .regimen-solution .regimen-product .product .product-img { margin-bottom: 25px; } .regimen-solution { margin-bottom: 52px; margin-top: 50px; } .daily-moisturizers.customer-fav-product { padding: 30px 0px; } .retinol-desc { margin-bottom: 25px; } */ /*vi*/ .our-formulas.about-us .key-signs{padding:50px 0;} .retinol.about-us .key-signs .key-signs-wrapper{margin-bottom:0px;} .our-formulas.about-us .key-signs .container { padding: 0 35px; } .our-formulas.about-us .about-formulas { padding: 50px 0; } .retinol.about-us .about-formulas .about-retinol-inner { padding-bottom: 0; } .retinol.about-us .about-formulas.award-winning .about-retinol-inner { padding-bottom: 50px; } .retinol.about-us .our-formulas-banner .banner-content .black-box span { letter-spacing: 4px; } .our-formulas.about-us .our-formulas-banner .banner-content { padding-bottom: 91%; background-position: 87%; } .retinol.about-us .our-formulas-banner .banner-content .black-box { padding: 15px 33px; } .our-formulas.about-us .our-formulas-banner h1 { padding-bottom: 9px; margin-bottom: 4px; } .our-formulas.about-us .our-formulas-banner span { margin-bottom: 17px; } .our-formulas.about-us .about-formulas p { letter-spacing: 0; } .retinol.about-us .key-signs .key-signs-wrapper .key-sign-right .key-sign-right-inner { min-height: 275px; } .retinol.about-us .key-signs .benefits-banner { min-height: 244px; } .our-formulas.about-us .about-formulas.award-winning { padding: 40px 0 50px; } .our-formulas.about-us .about-formulas h2 { margin-bottom: 11px; } .retinol.about-us .awards-shop .awards-shop-inner .awards-shop-block { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .retinol.about-us .key-signs.forward-thinking .key-signs-wrapper .key-sign-right { margin-bottom: 15px; } .our-formulas.about-us .award-winning p { padding-bottom: 19px; } .retinol.about-us .forward-thinking .key-signs-wrapper { margin: 0 0 17px; } .retinol.about-us .about-formulas .about-retinol-inner { padding-left: 0; padding-right: 0; } .retinol.about-us .key-signs .benefits-banner { margin-top: 50px; } /* skincare popup */ .retailers-modal.skincare-modal .modal-dialog .modal-body { padding: 0; display: inline-block; } .retailers-modal.skincare-modal .modal-dialog .modal-body .modal-body-inner { padding: 0 60px 60px; } .retailers-modal.skincare-modal2 .modal-dialog .modal-body .modal-body-inner { padding: 40px 60px 60px; } .retailers-modal.skincare-modal .modal-dialog .modal-body:before { display: none; } .retailers-modal.skincare-modal .modal-dialog .modal-body .mobile-img-box { margin-bottom: 20px; display: block; } /* end skincare popup */ .our-formulas.about-us .forward-thinking { padding-bottom: 35px; } .retinol.about-us .awards-shop .awards-shop-inner .awards-shop-block { max-height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* modal */ .retailers-modal.skincare-modal .modal-dialog .modal-content .submit-btn{margin:0; } /*ree*/ /* 25-02 */ form.something-wrong .input-error-message { justify-content: center; padding: 0 15px; } form.success p.form-message--success { width: calc(100% - 30px); } /* 25-02 */ /* Footer section */ .footer-widget-wrapper .footer-widget-item { padding: 0 30px 0 30px; } .footer-widget-wrapper .footer-widget-item.footer-site-logo { display: none; } .inner-banner .inner-banner-right { display: none; } .inner-banner .inner-banner-left{ width: 100%; padding-bottom: 79%; } .inner-banner .inner-banner-title h1,.sub-page .sub-page-banner .banner-content .black-box span{ font-size: 22px; } .big-text { font-size: 20px; } .inner-banner .inner-banner-title { max-width: 219px; max-width: 240px; } .inner-banner .inner-banner-title { padding: 12px 12px; } .inner-banner { padding-bottom: 13px; } .innovative-approach, .best-seller .innovative-approach { padding: 30px 0 31px; } /* .inner-product-wrapper .inner-product-block { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } */ .awards-block .inner-product-wrapper .inner-product-block { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .inner-product-wrapper .inner-product-block span { font-size: 14px; } .big-star .fill-ratings span img, .big-star .empty-ratings span img, .big-star { width: 120px; } .inner-product-wrapper .inner-product-block .img-box { padding-bottom: 5px; text-align: center; } .inner-product-wrapper .inner-product-block .img-box img { margin: 0 auto; width:20em; } /* .inner-product-wrapper .inner-product-block { margin-bottom: 60px; } */ /* .inner-product-wrapper { margin-top: 30px; } */ /* .blue-section, .gold-section { padding: 30px 0 30px; } */ .blue-section:before, .gold-section:before { min-height: 360px; } /* .inner-product-wrapper .inner-product-block { margin-bottom: 30px; } */ /*vv*/ .privacy-policy-wrapper .privacy-policy-outer { padding: 70px 15px 70px; } .privacy-content-outer .privacy-content-inner, .privacy-content-outer .privacy-content-inner p { margin-bottom: 30px; } .privacy-policy-wrapper .privacy-policy-outer .privacy-heading { padding: 12px; max-width: 219px; top: -45px; } .privacy-policy-wrapper .privacy-policy-outer .privacy-heading h1 { font-size: 22px; } .privacy-content-outer .privacy-content-inner { font-size: 16px; } .retinol .key-signs .retinol-benefits-wrapper .retinol-benefits-left { margin-bottom: 50px; } /* .our-formulas .our-formulas-banner h1 sup { font-size: 24px; vertical-align: middle; } .our-formulas .our-formulas-banner h1 { max-width: 350px; } */ .our-formulas .our-formulas-banner h1:after { width: 165px; } .sub-page .sub-page-banner .sub-header { font-size: 28px; margin-bottom: 30px; } .our-formulas .our-formulas-banner .banner-content { padding-top: 60.2%; } .our-formulas-banner .banner-content .black-box span { font-size: 28px; margin-bottom: 0; } .our-formulas .about-formulas h2 { font-size: 26px; letter-spacing: 4px; } /* .our-formulas .roc-btn { margin-top: 24px; padding: 9px 15px; font-size: 17px; max-width: 270px; } */ .our-formulas .how-formulas-work h2 { font-size: 26px; letter-spacing: 4px; } h3.inner-sub-title{font-size:21px;line-height: 26px;} h3{font-size:21px;line-height: 26px;} .key-sign-left-inner img, .key-sign-right-inner img{width:100%;} .key-signs-wrapper { padding-top: 0px; } .key-sign-right p:first-child, .key-sign-left p:first-child{ margin-top:10px; } .our-formulas .how-formulas-work { padding: 57px 0; } .our-formulas .key-signs span { font-size: 28px; letter-spacing: 4px; } .our-formulas .key-signs h2 { font-size: 26px; letter-spacing: 4px; margin-bottom: 30px; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li span, .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li span { font-size: 20px; } .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li, .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li { font-size: 18px; margin-bottom: 15px; } .retinol .key-signs-wrapper .key-sign-left .key-sign-left-inner ul li, .retinol .key-signs-wrapper .key-sign-right .key-sign-right-inner ul li { font-size: 22px; margin-bottom: 15px; list-style-type: disc; } .our-formulas .key-signs .key-signs-wrapper .key-sign-center, .our-formulas .key-signs .key-signs-wrapper .key-sign-left, .our-formulas .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .our-formulas .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .our-formulas .key-signs .key-signs-wrapper .key-sign-center { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 30px; background: none !important; } .our-formulas .key-signs .key-signs-wrapper .key-sign-center .key-sign-center-inner img { width: 100%; } .our-formulas .key-signs .key-signs-wrapper .key-sign-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .our-formulas .key-signs .key-signs-wrapper .key-sign-left .key-sign-left-inner, .our-formulas .key-signs .key-signs-wrapper .key-sign-right .key-sign-right-inner { padding: 0 15px; } /* .our-formulas .key-signs .key-signs-wrapper { margin-bottom: 40px; } */ /*retinol*/ /* .retinol .our-formulas-banner h1 { max-width: 360px; font-size: 40px; letter-spacing: 4px; padding-bottom: 17px; } */ .retinol .our-formulas-banner .banner-content .black-box { min-width: 338px; padding: 15px 44px; } .retinol .our-formulas-banner h1 span { font-size: 32px; } .retinol .our-formulas-banner span { font-size: 28px; margin: 0 auto 30px; } .retinol .our-formulas-banner .banner-content { padding-top: 58.2%; } .retinol .about-formulas .why-retinol .why-retinol-wrapper .why-retinol-left, .retinol .about-formulas .why-retinol .why-retinol-wrapper .why-retinol-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .retinol .key-signs .key-signs-wrapper .key-sign-left, .retinol .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .retinol .key-signs .key-signs-wrapper .key-sign-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .retinol .key-signs .retinol-benefits-wrapper .retinol-benefits-left, .retinol .key-signs .retinol-benefits-wrapper .retinol-benefits-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-left .why-retinol-left-inner h3, .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner h3 { font-size: 24px; letter-spacing: 4px; } .retinol .why-retinol .why-retinol-wrapper .why-retinol-right .why-retinol-right-inner h3 { max-width: 270px; } .retinol .about-formulas .why-retinol .why-retinol-wrapper .why-retinol-left p { padding-bottom: 52px; } .retinol .how-formulas-work sup { vertical-align: -webkit-baseline-middle; } .retinol .how-formulas-work h2 { line-height: normal; margin-bottom: 10px; } .retinol .how-formulas-work p { font-size: 24px; margin-bottom: 0px; } .retinol .how-formulas-work .roc-btn { max-width: 324px; } .retinol .key-signs h2 { max-width: 440px; margin-bottom: 30px; } .retinol .key-signs { padding: 60px 0 0 0; } .retinol .key-signs .key-signs-wrapper .key-sign-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .retinol .key-signs .key-signs-wrapper .key-sign-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-right: 0; } /*rn*/ .product-detail { padding-top: 15px; } .product-detail .mb-title { display: block; width: 100%; } .product-detail .detail-right h1, .product-detail .detail-right .price, .product-detail .detail-right .size { display: none; } { display: none; } .product-detail .detail-left { width: 100%; margin-bottom: 40px; } .product-detail .detail-right { width: 100%; padding-left: 22px; } .product-detail h1, .product-detail .price { font-size: 25px; line-height: 36px; text-align: center; display: block; } .product-detail .price { font-weight: 300; } .product-detail .size { margin-left:0px; text-align: center; display: block;} .product-detail .price { margin-bottom: 0px; } .product-detail .detail-right .review-img { width: 93px; } .product-detail .detail-right .review-text a, .product-detail .detail-right .review-text span { font-size: 14px; line-height: 18px; } .product-detail .detail-right .review-box { margin-bottom: 17px; } .product-detail .detail-right span.short-description { font-size: 16px; line-height: 20px; margin-bottom: 10px; } .product-detail .detail-right p{text-align:left;} .product-detail .detail-right .roc-btn { min-width: 190px; display: block; margin: 0 auto; max-width: 190px; } .product-detail .detail-right .price, .clinically-difference h2, /*.best-result-block h2, .awards-block h2, .key-ingredients h2, .product-review .title-section h2*/ { font-size: 26px; line-height: 30px; letter-spacing: 1.8px; } .clinically-difference .difference-details .left-text { width: 100%; margin-bottom: 25px; padding-right: 0;margin:0px; } .clinically-difference .difference-details .right-text { width: 100%; padding-top:0px;} /* .clinically-difference .difference-details p { margin-bottom: 15px; } */ .clinically-difference .difference-details ul li { font-size: 18px; line-height: 30px; padding-left: 38px; padding-bottom:0px; } .clinically-difference .difference-details ul li em { width: 20px; } /* .clinically-difference { padding: 30px 0 37px; } */ /* .clinically-difference h2 { margin-bottom: 22px; } */ .clinically-difference .difference-details h4 { font-size: 18px; line-height: 28px; } .clinically-difference .difference-details .award-block em { width: 90px; } .clinically-difference .difference-details .award-block span { font-size: 18px; line-height: 24px; width: 68% } .best-result-block ul li { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .best-result-block ul li:last-child { margin-bottom: 0; } /* .best-result-block ul li em { width: 90px; padding: 12px; height: 90px; } */ .best-result-block ul li p { width: calc(100% - 90px); margin:0 auto;} /* .best-result-block { padding: 30px 0 70px; } */ /* .awards-block h2 { margin-bottom: 35px; } */ /* .awards-block ul { padding-bottom: 35px; } */ .awards-block-block { padding: 70px 0; } .key-ingredients .ingredients-text { width: 100%; padding-right: 0; margin-bottom: 40px; } .key-ingredients .ingredients-img { width: 100%; } .key-ingredients h2 { margin-bottom: 30px; } /* .key-ingredients .ingredients-img { padding-bottom: 265px; } */ .key-ingredients .ingredients-img img { position: relative; max-width: 400px; width: 100%; } #shopify-section-product-metafields-attributes .quote-section-wrapper{ margin-top:0px; } .key-ingredients, .key-ingredients.active { margin-bottom: 196px; } .key-ingredients .all-ingredients-texts p { font-size: 14px; line-height: 22px; } .key-ingredients .all-ingredients a { font-size: 20px; line-height: 28px } .key-ingredients .all-ingredients a em { width: 18px; } .quote-block { padding: 70px 0 30px; } .quote-block .quote-img, .quote-block .quote-text { width: 100%; max-width: 400px; margin: 0 auto; } .quote-block .quote-img { margin-bottom: 32px; } .quote-block .quote-img img { height: auto; } .quote-block .quote-img span { bottom: 20%; left: 35px; max-width: 168px; margin: 0; font-size: 20px; line-height: 24.94px; } .quote-block .quote-text p { font-size: 24px; line-height: 34px; margin-bottom: 15px; } .quote-block .quote-text span { font-size: 22px; line-height: 32.87px; } .product-review .title-section .roc-btn { min-height: 40px; } .product-review .review-detail .review-top { padding-right: 0; } .product-review .review-detail .review-bottom { position: static; } .product-review .review-detail .review-top em { width: 145px; } .product-review .review-detail .review-top h3 { font-size: 25px; line-height: 29px; margin-bottom: 10px; } .product-review .review-detail .review-middle p, .product-review .review-detail .review-middle span { font-size: 16px; line-height: 22px; } .product-review .review-detail .review-middle p { margin-bottom: 22px; } .product-review .review-detail .review-middle { margin-bottom: 18px; } .product-review .review-detail .review-bottom p { text-align: left; } .product-review .container { padding: 0; } .product-review .title-section { padding: 0 15px; } .product-detail .detail-right .review-box .review-text { width: auto; margin-top: 4px; margin-bottom: 4px; } .product-detail .detail-right .review-box .review-img { margin-bottom: 4px; margin-top: 4px; } .product-review .review-list .review-detail { padding: 0 15px 30px; } .product-review .review-detail .review-bottom .answer-control { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-review .review-detail .review-bottom .answer-control .roc-btn { font-size: 14px; } .product-review .review-list .review-detail:last-child { display: none; } .product-detail-wrapper .deep-wrinkle:before { min-height: 277px; } .product-detail-wrapper .deep-wrinkle .inner-product-wrapper .inner-product-block .img-box { max-width: 80%; margin: 0 auto 20px; } .product-review { padding-top: 0; padding-bottom: 28px; } .retailers-modal .modal-dialog .modal-content h2 { font-size: 26px; line-height: 29px; margin-bottom: 16px; letter-spacing: 4px; } .retailers-modal .modal-dialog .modal-body { padding: 35px 35px 25px; } .retailers-modal .modal-dialog .modal-content ul li { width: 50%; padding: 0 20px; margin-bottom: 18px; } .retailers-modal.modal.show .modal-dialog { max-width: 440px; } .retailers-modal.modal .modal-dialog { max-width: 440px; } .product-review .review-detail .review-middle span { width: 100%; } .product-detail-wrapper .deep-wrinkle .inner-product-slider .slick-dots { position: static; margin-top: 30px; } .quote-block .slick-dots { position: static; margin-top: 20px; } .retailers-modal .modal-dialog .close { width: 25px; } .retailers-modal .modal-dialog .modal-content ul { margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .retailers-modal .modal-dialog .modal-content ul li { padding: 0; width: 45%; } .retailers-modal .modal-dialog .modal-content ul li a span { width: 21px; } /* 31oct 2019 */ /* .inner-product-wrapper .inner-product-block .logo-image { width: 22%; height:23%; left:40px; } */ .inner-product-wrapper .inner-product-block .logo-image img{max-width:100%; height:100%;} .site-footer .site-footer__content .site-footer__item:first-child { display: none; } .site-footer .site-footer__content .site-footer__item:nth-child(2) { } .site-header__logo-image { width: 88px; margin: 0 auto; } .site-header, .site-header.logo--center { padding: 0; } .logo-align--center .site-header__logo { padding: 0; margin: 0; } .roc-home-slider .homeslider .slide .slick-slide img{width:20em;} .site-footer .site-footer__content .site-footer__item { padding: 0 25px; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2){max-width:100%;} .product-detail .detail-right form { text-align: center; margin: 0; } .product-detail .detail-right .roc-btn { min-width: auto; max-width: none; width: auto; margin: 0; margin-right: 20px; padding: 9px 20px; font-size: 14px;} .product-detail .detail-right form .product-form__item { justify-content: space-evenly; } .product-detail .detail-right .shopify-payment-button__button { margin-bottom: 0; padding: 9px 20px; font-size: 14px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item a { padding: 20px 25px 16px; } .roc-home-slider .homeslider .slide .slider-img { max-height: 430px; } /* inner-banner */ .inner-banner .only-title { max-width: 345px; } .no-product-msg { padding-bottom: 40px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item .mobile-nav__icon { right: 25px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item.login-register { padding: 22px 22px 15px; } .address-form .submit-outer{flex-direction:column; align-items:flex-start;} .address-detail-page .section-header{flex-direction:column; align-items:flex-start;} .address-detail-page .section-header h1{margin-bottom:30px;} .our-formulas .key-signs.clinically-proven .key-signs-wrapper .key-sign-right{padding:0 15px;} /* about-retinol page */ .two-row .two-row-wrapper{flex-direction:column;} .two-row .two-row-wrapper .two-row-left{margin-bottom:35px;} .two-row .two-row-wrapper .two-row-left, .two-row .two-row-wrapper .two-row-right{max-width:100%; padding:0;} /* about-hexinol */ .title-description h2{font-size:26px;} .our-formulas .key-signs.clinically-proven{padding:50px 0;} .our-formulas .key-signs.clinically-proven span{font-size:16px; letter-spacing:2px;} .our-formulas .key-signs.clinically-proven h2{font-size:26px; margin-bottom:25px;} .our-formulas .key-signs.clinically-proven{padding:50px 0 ;} .sub-page .key-signs-wrapper{flex-direction:column;} .sub-page .key-signs-wrapper .key-sign-left , .sub-page .key-signs-wrapper .key-sign-right{max-width:100%; padding:0;} .sub-page .key-signs-wrapper .key-sign-left{margin-bottom:20px;} /* .about-packaging-detail{padding-top:50px;} .two-row{padding:50px 0;} */ .retinol .key-signs .key-signs-wrapper .key-sign-right .key-sign-right-inner{background-size:contain;} .our-formulas.about-us .about-formulas h2 , .retinol.about-us .key-signs h2{font-size:26px;} /* search result page */ /* .search-result-header{flex-direction:column; align-items:center;margin-bottom:35px;padding-bottom:0} .search-result-header .grid .grid__item .input-group{flex-direction:column;} .search-result-header .grid .grid__item .input-group .search__input, .search-result-header .grid .grid__item .input-group span,.search-result-header .grid .grid__item .input-group span .roc-btn{width:100%;max-width:100%;} .search-result-header .grid .grid__item .input-group span{height:50px} .search-result-header .grid{padding:0} .search-result-header .user-search-form{padding:8px;} .search-result-header .grid .grid__item .input-group span .roc-btn{min-width:auto} .search-result-header .grid .grid__item .input-group .search__input{flex:inherit;border-right:1px solid #000;margin-bottom:20px;box-sizing: border-box;} */ .roc-home-slider .homeslider .slide .slider-img .right-img .right-img-inner{object-fit:cover;} .key-sign-left ul{padding-left:20px !important;} .retinol .how-to-use{margin-bottom:46px;} /* privacy-policy */ .privacy-policy-outer p, .privacy-policy-outer ul li{font-size:18px;} .privacy-content-outer .privacy-content-inner ul{margin-left:15px;} .privacy-policy-outer ul li{line-height:28px;} /* error page */ .empty-page-content{padding:100px 55px;} .empty-page-content .roc-btn-black{font-size:17px;} .empty-page-content h1{font-size:30px; line-height:40px;} .empty-page-content p{font-size:20px;} .product-detail .detail-right ul{text-align:left; font-size:18px;} .product-detail .detail-right ul li{ font-size:18px; line-height:26px;} .cart__buttons-container{margin:0 0 0 auto;} .form-heading{padding-top:80px;} /* .insta-signup{margin:80px 0 0;} */ .insta-signup .instagram-grid{margin-bottom:0px;} /* award-winning */ .award-winner-product .product-wrapper .product-desc .roc-btn{font-size:17px;} /* footer listing */ .delivery-info{padding:40px 0 40px;} .delivery-info .delivery-listing li h4{font-size:16px;} .delivery-info .delivery-listing li { width:25%;} .delivery-info .delivery-listing li span { font-size:14px; line-height:1.3; } .roc-signup-section h2 { letter-spacing: 1.5px; margin-bottom: 16px; } /* Module-2 */ .new-module-section .container { padding:0; } .module-list, .module-list.flex-row-reverse { flex-wrap: wrap; flex-direction: column-reverse !important; } .module-list .module-slider, .module-list .module-image { flex: 0 0 100%; max-width: 100%; } .module-list .module-slider{ padding: 0px 50px; } .module-slider .slick-prev { left: -10px; } .module-slider .slick-next { right: -10px; } /* .module-three-section .container { padding: 0 25px; margin-bottom: 100px;} .module-slider .module-image-wrapper { margin-bottom:15px; } */ .module-slider .slick-prev, .module-slider .slick-next { top: 103px; } .detail-right .product-single__meta { padding: 0 15px; } .inner-product-wrapper .slick-list { height: auto !important; } /* footer */ .site-footer .site-footer__content { display: inline-block; } .site-footer .site-footer__content .site-footer__item { width: 50% !important; border: none; float:left; margin-bottom: 20px; padding: 0 30px !important; } .site-footer__item .list-wrapper { flex-wrap: wrap; margin: 0; } .site-footer__item .list-wrapper ul { width:100%; flex: 0 0 100%; padding: 0; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2), .site-footer .site-footer__content .site-footer__item:last-child { width:100% !important; } .site-footer .site-footer__content .site-footer__item:last-child ul { text-align: center; } .site-footer .site-footer__content .site-footer__item:last-child ul li { display: inline-block; padding: 0 5px; border-right: 1px solid #000; padding-bottom: 0; } .site-footer .site-footer__content .legal-menu-mobile ul li a { padding-bottom: 0; } .site-footer .site-footer__content .site-footer__item:last-child ul li:last-child { border-right: none; padding-right: 0; } .site-footer .site-footer__content .site-footer__item:last-child ul li:first-child { padding-left: 0; } .site-footer .site-footer__content { padding: 0; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2) .site-footer__item-inner { display: flex; align-items: center; justify-content: center; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2) .site-footer__item-inner ul { margin: 0 !important; padding: 0; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2) .site-footer__item-inner ul li a { padding-bottom: 0; } .site-footer .site-footer__content .site-footer__item p { margin-bottom: 5px; } /* .page-width { padding: 0; } */ .site-footer .site-footer__content .site-footer__item:nth-last-child(2) p { margin-bottom: 0px; margin-right:10px; } .site-footer .site-footer__content .legal-menu-mobile { display: block; text-align:center; } .site-footer .site-footer__content .site-footer__item:nth-last-child(2) { border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top:20px !important; } .site-footer .site-footer__content .site-footer__item.footer-col-1, .site-footer .site-footer__content .site-footer__item.footer-col-5 { margin-bottom:10px; } .site-footer { padding: 27px 0 0; margin-top: 22px; } .copywrite-section .mobo-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; } .copywrite-section .mobo-footer > a { max-width: 52px; } .copywrite-section .mobo-footer p { padding: 0 15px 5px; color: #ffffff; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.59; letter-spacing: normal; margin-bottom: 0; } .copywrite-section .mobo-footer p a { color: #fff; } .copywrite-section .site-footer__linklist { display: none; } .copywrite-section { margin-top: 10px; } .site-footer .h4 { font-size: 16px; line-height: 1; } .site-footer .site-footer__content .site-footer__item .site-footer__item-inner ul li a { padding-bottom: 6px; } .site-footer .site-footer__content .site-footer__item.footer-col-5 .social-icons li { padding: 0 5px !important; } /* PDP Video */ .btn-close { top: -35px; font-size: 30px; background-color: transparent; height: auto; width: auto; right: 0; } .product-video .play-video-icon { width: 80px; height: 80px; } /* .product-video-section { padding: 50px 0 50px; } */ /* .section-title { padding: 0 25px; } */ .product-video-section .container { padding: 0px; } /* PDP Video */ /* 29-01-2020 */ .inner-page-product-wrapper .container,.blue-section .container,.gold-section .container { padding: 0; } .inner-product-wrapper .inner-product-block .logo-image { height: auto; } .inner-product-wrapper .inner-product-block .logo-image img { height: auto; } .inner-product-block .product-form { padding-top: 0; } /* 29-01-2020 */ /* FAQ */ .faq-list .faq-detail { padding-left: 15px; padding-right: 15px; } .faq-section .faq-list li .title {padding: 10px 40px 10px 0; } .faq-section .faq-list li p i { top: 9px; width: 16px; } .faq-section .container { padding: 0 20px; } .inner-faq h3 { line-height: 32px; margin-bottom: 0;} .inner-banner .inner-banner-title { padding: 14px 30px; } .inner-banner .inner-banner-title h1,.sub-page .sub-page-banner .banner-content .black-box span { letter-spacing: 4px; font-size: 19px; } .inner-faq { margin-bottom: 25px; } /* FAQ */ /* Login-31-01 */ .customer-form { padding: 0 15px; } .input-error-message { font-size: 16px; margin-bottom: 0; } .customer-login-form { margin-top: 43px; margin-bottom: 10px; } .customer-register-form .roc-btn { margin-bottom : 25px; } .customer-register-form .create-account { flex-wrap: wrap; } /* Login-31-01 */ /* Address */ .address-detail-page .address-list li .address { font-size: 18px; } /* Address */ /* search page */ div.snize-ac-results li.snize-product { width: 50%; padding-bottom: 20px; } .search-icon-mobile .search-detail { top: 130px; } /* search page */ /* special offer */ .offer-title-section {padding:50px 0 0;} .offer-section .inner-offer { padding: 0; } .offer-section .offer-detail{width:100%;padding-left:0; padding-bottom: 45px;} .offer-section .offer-img{width:100%;text-align:center;margin-bottom:11px;} .offer-section .offer-row-wrapper{padding-bottom:0px; margin-bottom: 40px; } .offer-section .offer-detail ul li{font-size:21px;line-height:32px;} .offer-section .offer-detail h3{font-size:27px;line-height:1.4;} .offer-section .offer-detail label{font-size:20px;line-height:24px;} .shop-btn{font-size:20px;line-height:24px;} .shop-btn i{height:16px;width:16px;} .more-btn{font-size:17px;line-height:22px;} .more-btn i{height:14px;width:14px;} .offer-section .offer-detail ul { margin-bottom: 15px; } .offer-section .shop-btn { margin-bottom: 0; } .offer-section .offer-detail .offer-valid { line-height: 27px; } .offer-section .more-btn { padding-right: 8px; } .offer-section .more-btn span { margin-right: 8px; } /* special offer */ /* Shipping Privacy Page */ .policy-section { padding: 70px 0; } .page-title { font-size: 24px; line-height: 28px; letter-spacing: 4px; margin-bottom: 15px; } .page-title span { padding-bottom: 15px; } .page-title span:after { width: 95px; } /* Shipping Privacy Page */ .formatTable tr td{ font-size: 14px; line-height: 17px; } .top-header-banner .mobile-none { display: none; } .top-header-banner .desktop-none { display: block; } /* store locator */ .store-logos img{ max-width: 125px; } .store-locator-section { padding: 0 10px; } .store-locator #stockist-widget .stockist-search-filter-checkbox label:before { margin-right: 8px; } .store-locator-section #stockist-widget .stockist-search-form { margin-bottom: 30px; } .store-locator-section #stockist-widget .stockist-result-list ul { margin-right: 0; max-width:100%; margin: 0 auto; margin-top: 25px; } .store-locator-section #stockist-widget.stockist-responsive .stockist-result-list { max-height: 350px; } .store-locator-section #stockist-widget .stockist-horizontal .stockist-side-panel { width: 100%; } /* store locator */ /* 07-02 */ .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown .mobile-nav__link { padding: 12px 32px 10px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item > .mobile-nav__dropdown li a { padding: 10px; } .mobile-nav-wrapper .mobile-nav .mobile-nav__item ul .sub-span { top: 8px; } /* 10-02 */ .site-header__mobile-nav { padding: 14px 0 14px; } .site-header__logo-image { width: 68px; } .main-content { padding-top: 81px; } /* search result page */ .search-result .section-header { padding-top: 10px; padding-bottom: 10px; } .search-result h1 { font-size: 25px; line-height: 28px; letter-spacing: 4px; } .search-result #snize-search-results-grid-mode li.snize-product { width: 50% !important; } .search-result #snize_results.snize-mobile-design li.snize-product .snize-price-list .snize-price, #snize_results.snize-mobile-design.snize-new-version li.snize-product .snize-price-list .snize-price { color: #000 !important; } /* slide out cart */ #sellify-ucd-cart-container, #sellify-ucd-cart-drawer .ucd-drawer__header { padding: 0 15px !important; } #sellify-ucd-cart-drawer .ucd-icon-close { right: 17px !important; } #sellify-ucd-cart-drawer .ucd-drawer__title { font-size: 20px !important; } #sellify-ucd-cart-drawer .free-shipping-message { font-size: 12px !important; } #sellify-ucd-cart-drawer button.cart__checkout, #sellify-ucd-cart-drawer .ucd-discount-code-grid .ucd-apply-discount-code { font-size: 13px !important; } #sellify-ucd-cart-drawer { padding-top: 15px !important; } #sellify-ucd-cart-drawer .subtotal-grid p, .ucdcart__footer>p { font-size: 15px !important; } #sellify-ucd-cart-container .ucd-grid { grid-template-columns: 70px calc(100% - 80px) !important; grid-gap: 10px !important; } .ucd-quantity-grid { grid-template-columns: calc(100% - 100px) 90px !important; } .retailers-modal.skincare-modal .modal-dialog .modal-content .email-input-wrapper { padding : 0; } .quote-section { flex-wrap: wrap; padding: 0; } .quote-section .quote-image { flex: 0 0 100%; max-width: 100%; position: relative; left: 0; margin-top: 0; padding-right: 0; padding-top: 30px; text-align:center;} .quote-section .quote-image img { max-width: 400px; } .quote-section .quote-sentence { flex: 0 0 100%; max-width: 100%; } .quote-sentence:before { top: 10px; left: 15px; } /* .quote-section .quote-sentence p { padding: 100px 0px 0; } */ .quote-section .quote-sentence { padding: 0 15px 30px; padding-top:85px;} .mobile-title { display: block; padding:0 15px 20px; } /* .product-detail .size { display: none; } */ .product-detail .product__price .price-item { font-weight: 400; } .product-video iframe {width: 100%; height: 300px; } .product-slider .owl-item .item .product-img .zoomImg { display: none !important; opacity: 0 !important; } .product-detail .product-slider .owl-item .item:hover img{transform:none;} .main-slider .slider-img.desktop-img { display: none; } .main-slider .slider-img.mobile-img { display: block; } .main-slider .slider-content p { font-size: 20px; } .main-slider .slider-info p { font-size: 36px; } .main-slider .slider-info { top: 15px; transform:none; max-width: 290px; margin: 0 auto; } } @media(max-width:767px){ .search-result-header{flex-direction:column; align-items:center;margin-bottom:35px;padding-bottom:0} .search-result-header .grid .grid__item .input-group{flex-direction:column;} .search-result-header .grid .grid__item .input-group .search__input, .search-result-header .grid .grid__item .input-group span,.search-result-header .grid .grid__item .input-group span .roc-btn{width:100%;max-width:100%;} .search-result-header .grid .grid__item .input-group span{height:50px} .search-result-header .grid{padding:0} .search-result-header .user-search-form{padding:8px;} .search-result-header .grid .grid__item .input-group span .roc-btn{min-width:auto} .search-result-header .grid .grid__item .input-group .search__input{flex:inherit;border-right:1px solid #000;margin-bottom:20px;box-sizing: border-box;} } @media (max-width:750px) { .deep-wrinkle:before { z-index: 0; } .site-header { border-bottom: none !important; } /* .module-three-section { padding: 0 25px; margin-bottom: 100px;} */ } @media (max-width:749px) { .search-product-list{margin:0 -15px;} /* Account Page */ .responsive-table th::before, .responsive-table td::before { font-size: 21px; padding: 0; color: #565656; } .myaccount__order-history .responsive-table th, .myaccount__order-history .responsive-table td, .my-account-page .myaccount-table .myaccount__order-history table tbody tr, .my-account-page .myaccount-table .myaccount__order-history table tbody th { padding: 0; } .my-account-page .myaccount-table .myaccount__order-history table tbody tr:first-child { border-top : 0; } /* Account Page */ /* Account Detail page */ .my-account-detail { padding: 0px 15px 0 !important; } .my-account-detail .myaccount .myaccount__account-details > div {flex: 0 0 100%; max-width: 100%; margin-bottom: 27px; } .my-account-detail .myaccount .myaccount__account-details { flex-wrap: wrap; } .my-account-detail .order-table tr th.order-table__product, .order-table tbody .order-table__product { width: 100%; display:block; } .my-account-detail .order-table tr th.order-table__product > div { width: 100%; justify-content: center; } .order-table tbody .order-table__product::before, .order-table tbody .order-table__product::before { display: block; width: 100%; } .order-table th::before, .order-table td::before { color: #565656; } .my-account-detail .myaccount h2 { font-size: 26px; margin-bottom: 7px; } .my-account-detail .myaccount { margin-top: 26px; } .my-account-detail .myaccount .order-overview p, .my-account-detail .myaccount .myaccount__account-details .payment-status { font-size: 18px; } .my-account-detail .myaccount .myaccount__account-details { padding-top: 37px; margin-bottom: 13px; } .my-account-detail .myaccount .myaccount__account-details h3 { font-size: 21px; } .my-account-detail .myaccount .myaccount__account-details .payment-status { margin-bottom: 19px; } .my-account-detail .myaccount .myaccount__account-details h4, .my-account-detail .myaccount .myaccount__account-details address { font-size: 19px; } .my-account-detail .order-table tr, .my-account-detail .order-table tr td, .my-account-detail .order-table tfoot tr td, .my-account-detail .order-table tfoot tr th, .order-table tbody .order-table__product::before, .order-table tbody .order-table__product::before, .my-account-detail .order-table tr th.order-table__product a, .order-table tbody th::before, .order-table tbody td::before { font-size: 16px; } .my-account-detail .order-table tfoot tr:first-child th, .my-account-detail .order-table tfoot tr:first-child td { padding-top: 15px; } .my-account-detail .order-table tfoot tr td, .my-account-detail .order-table tfoot tr th { line-height: 1; } .my-account-detail .order-table tfoot tr:last-child th, .my-account-detail .order-table tfoot tr:last-child td { padding-top: 19px; } /* Account Detail page */ } @media (max-width:575px) { .inner-product-wrapper .inner-product-block {width:100%; } .search-product-list.inner-product-wrapper .inner-product-block{width:100%;} .search-product-list .product-item{width:100%;} .search-result #snize-search-results-grid-mode li.snize-product { width: 100% !important; } .delivery-info .container { padding: 0 15px; } .delivery-info .delivery-listing li { width:25%; padding: 0 5px; } .delivery-info{padding:30px 0 30px;} .delivery-info .delivery-listing li{width:50%;margin-bottom:30px;} .delivery-info .delivery-listing li:nth-child(2){border-right:0;} }