#stores #wrapper{overflow: hidden;} #stores #wrapper .container{max-width: 100% !important; padding: 0px !important;} #stores .page-stores{width: 100% !important; overflow: hidden;} #stores #map { width: 100% !important; height: 90vh; margin-bottom: 0px; } #stores #map.details-map{ width:100%;} #stores input#addressInput { display: inline-block; width: 269px; } #stores .address-input { float: left; margin-right: 19px; } @media (max-width: 767px) { #stores .address-input { width: 100%; margin: 0 0 20px 0; } } #stores .address-input label { margin-right: 5px; } #stores .radius-input { float: left; line-height: 23px; margin-right: 20px; } #stores .radius-input label, #stores .radius-input .selector { float: left; } #stores .radius-input label { margin-right: 10px; } #stores .radius-input #radiusSelect { width: 78px; } #stores .store-content { padding-bottom: 0; } #stores .store-content-select .selector { visibility: hidden; display: none; } #stores .store-content-select.active { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid #d6d4d4; } #stores .store-content-select.active .selector { visibility: visible; display: block; } #stores .store-title { margin-bottom: 5px; } #stores label { font-weight: normal; color: #777; } #stores #stores_loader { display: none; margin-left: 5px; } #stores #locationSelect { max-width: 356px; visibility: hidden; } #stores #stores-table { display: none; } #stores #stores-table tbody td { padding: 20px; } #stores #stores-table tbody td.num { background: #fbfbfb; width: 46px; } #stores #stores-table tbody td.name span { padding-left: 15px; } @media (max-width: 767px) { #stores #stores-table tbody td.name img { display: none; } } .store-image img { width: 100%; min-width: 100px; } /*# sourceMappingURL=stores.css.map */ #stores .columns-container { float: left; width: 100% } #stores .page-heading { margin-bottom: 30px; } .form-control{-webkit-box-shadow: none;box-shadow: none;background-image: none;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-appearance: none;} .searchbox { background: #fff; position:relative; min-width:50px; width:0%; min-height:50px; float:right; overflow:hidden; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -ms-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s;} .searchbox-input { top:0; right:0; width:100%; height:50px; margin:0; font-size: 18px; font-weight: 400; color: #777777; border-radius: 2px; background-color: #ffffff; border: solid 6px #e5e5e5; border-bottom:4px solid #e5e5e5;} .searchbox-input::-webkit-input-placeholder { color: #777777;} .searchbox-input:-moz-placeholder { color: #777777;} .searchbox-input::-moz-placeholder { color: #777777;} .searchbox-input:-ms-input-placeholder { color: #777777;} .searchbox-input:focus { border-color: #e5e5e5; } .searchbox-icon, .searchbox-submit{ border: 0 none; color: #fff; cursor: pointer; display: block; font-size: 0; height: 25px; line-height: 50px; margin: 0; outline: 0 none; padding: 0; position: absolute; right: 16px; text-align: center; top: 14px; width: 18px;} .searchbox-open { width:100%;} .byline{ position:absolute; top:150px; left:30%; text-align:center; font-size:18px;} .byline a{ text-decoration:none; color: #d74b4b;} #stores input#addressInput { width: inherit; } .searchbox:not(.searchbox-open) .searchbox-input { border: none; background: transparent; } /*#stores .store-search-container { float: right; position: absolute; right: 0; top: 0;}*/ #stores .store-search-container.active-search { width: 960px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -ms-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; } #stores .store-search-container.inactive-search { width: 100%; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -ms-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; } /*#stores .store-search-container.inactive-search #stores-table { display: none!important; }*/ #stores .fancybox-error{ padding:25px;} /*#stores #center_column .store-locator-container{ margin-bottom:0px;}*/ #stores #center_column .store-locator-container{ margin-bottom:24px;} #stores #stores-table, #stores #stores-table .stores-table-body, #stores #stores-table .stores-table-body .nearby-store-list { float: left; width: 100%; background: #fff; } #stores #stores-table{ border:none; } #stores #stores-table .stores-table-body .nearby-store-list .store-list-details { float: left; width: 100%; } #stores #stores-table .stores-table-body .nearby-store-list .view-store { float: right; width: 40%; padding-right: 0px; } #stores #stores-table .stores-table-body { /*max-height: 435px;*/ height: 60vh; overflow-y: scroll; border-bottom:1px solid #e5e5e5; } #stores #stores-table .stores-table-body .nearby-store-list { min-height: 105px; padding: 15px 13px; border: solid 1px #d8d8d8; border-bottom: none; border-right: none; border-left: none;text-align:left; direction:ltr;} .store-meta_description { float: left; width: 100%; margin: 20px 0px; padding: 0px; font-size: 14px; color: #e32313; font-weight: bold; text-align: left; } /* saf3+, chrome1+ */ @media screen and (-webkit-min-device-pixel-ratio:0)and (min-resolution:.001dpcm) { #stores #stores-table .stores-table-body .nearby-store-list{ width:50%;} } #stores #stores-table .stores-table-body .nearby-store-list:nth-child(even) { background:#f7f7f7; } #stores #stores-table .stores-table-body .nearby-store-list .store-list-details .address { font-size: 12px; font-weight: 400; line-height: 1.6; margin-top: 6px; color: #1e1e1e; } #stores #stores-table .stores-table-body .nearby-store-list .store-list-details .name { font-size: 20px; font-weight: 700; color: #000; } #stores #stores-table .stores-table-body .nearby-store-list .view-store-button { background-color: #242424; color: #ffffff !important; float: right; font-weight: 600; line-height: 30px; min-height: 30px; min-width: 126px; margin-top: 22px; font-size: 12px; text-align: center; width: 50%;} #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.view-store-slider{ padding:0 21px; margin-right:1px; } #stores .store-content-select.active { display: none!important; } #stores #stores-table .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #d8d8d8 !important; } #stores #stores-table .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #f7f7f7 !important; } #stores .mCSB_outside + .mCSB_scrollTools { background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #d8d8d8; color: #000; right: -6px!important; } #stores .mCSB_scrollTools { width: 15px!important;; } #stores .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, #stores .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 11px!important;} #map .gm-style-iw { max-width: 273px; font-weight: 400; color: #242424;} #map .gm-style-iw b { font-size: 18px; font-weight: 700; color: #000; float: left; padding-bottom: 10px; } #map .gm-style-iw b { margin-bottom: 5px; } #map .gm-style-iw p .dark { font-size: 10px; font-weight: 700; color: #242424; } #map .gm-style-iw p { float: left; margin: 0; width: 100%; font-size: 10px; line-height: 15px;} #map .gm-style-iw p.address { font-size: 9px; margin-bottom: 8px; } #map .gm-style-iw p.post-code { font-size: 9px; margin-top: -8px; } #map .gm-style-iw p.city-name { font-size: 9px; margin-bottom: 8px; } #map .gm-style-iw .view-store-button { background: #242424; color: #fff; float: right; font-size: 10px; font-weight: 600; height: 26.5px; line-height: 26.5px; text-align: center; width: 71px; } #map .gm-style-iw > div { padding: 10px 0 5px; } #map .gm-style-iw b { } #map .gm-style-iw .view-store-button + a { display: none; } /*Store Details Page*/ #stores .columns-container .container { max-width: 100%; } #stores .details-map {/* display: none; */} #stores .store-details-wrapper { float: left; width: 100%; background: #f7f7f7; padding-bottom: 0px; margin-bottom: 50px;} .store-details-container-outer{float: left; width: 100%; padding: 50px 40px;border: 1px solid #dddddd;} #stores .store-details-container { padding: 0px 15px 0px 0px; background:#f7f7f7; float: left; width: 100%; height: 90vh; overflow-y: auto; overflow-x: hidden;} #stores .store-details-container .store-timing-container { background: #fff; float: right; padding: 37px 50px 65px; width: 48%;} #stores .store-details-container .store-description {float: left; width: 22%; padding-top:0px; } #stores .store-details-container .store-details .store-name { margin-top: 0; font-size: 34px; font-weight: 700; color: #000; margin-bottom: 25px; font-family: 'Open Sans';} #stores .store-details-container .store-details .store-name span, .store-description .store-main-title span{color: #e32313;} .store-description .store-main-title span{font-weight: bold;} #stores .store-details-container .store-details .store-address, #stores .store-details-container .store-details .store-timing { max-width:270px; width: 100%; display: inline;} #stores .store-details-container .store-details .store-address p, #stores .store-details-container .store-details .store-timing p{color: #000000;} #stores .store-details-container .store-details .store-timing ul li .timing-day, #stores .store-details-container .store-details .store-timing ul li .timing-time{float: left; width: 35%; font-size: 13px; line-height: 24px;} #stores .store-details-container .store-details .store-timing ul li .timing-time{width:65%;} #stores .store-details-container .store-details .contact-magasins { font-size: 14px; background-color: #000000; color: #ffffff; float: left; font-weight: 600; height: 46px; line-height: 46px; margin-bottom: 10px; margin-top: 15px; text-align: center; border: none; padding: 0 15px; max-width: 220px; width: 100%;} #stores .store-details-container .store-description .description-title { font-size: 20px; font-weight: 600; color: #242424; margin-bottom: 25px; margin-top:0; } #stores .store-details-container .store-description .description-content { font-size: 12px; font-weight: 400; line-height: 1.75; text-align: justify; color: #000000; } #stores .store-details-container .store-timing-container .timing-title , #stores .store-details-container .store-timing-container .store-service-title{ font-size: 20px; font-weight: 700; color: #242424; margin-bottom: 30px; margin-top:0; } #stores .store-details-container .store-timing-container .timing-day, #stores .store-details-container .store-timing-container .timing-time { font-size: 12px; font-weight: 700; color: #242424; float: left; margin-bottom: 5px; } #stores .store-details-container .store-timing-container .timing-day { width: 35%; } #stores .store-details-container .store-timing-container .timing-time { width: 65%; } #stores .store-details-container .store-timing-container .store-timing { float: left; width: 44%; } #stores .store-details-container .store-timing-container .store-service-container { float: right; width: 53%; } #stores .store-details-container .store-timing-container .store-service-container .store-service-content { font-size: 12px; font-weight: 400; line-height: 1.75; text-align: justify; color: #000000; } #stores .store-details-container .store-timing-container .store-timing .timing-table, #stores .store-details-container .store-timing-container .store-timing .timing-table ul, #stores .store-details-container .store-timing-container .store-timing .timing-table ul li { float: left; width: 100%; } .store-images .store-image-container img{margin-bottom: 30px; width: 100%; /*max-width: 300px;*/} .brand-manufacturer-title p{color: #000000; font-size: 18px; font-weight: bold;} .manufacture-store{background: #ffffff;} .manufacture-store .owl-carousel{ padding: 10px 50px;} .manufacture-store .owl-nav{display: block !important;} .manufacture-store .owl-nav .owl-prev, .manufacture-store .owl-nav .owl-next{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 0 !important;} .manufacture-store .owl-nav .owl-next{right: 15px; left: initial;} .manufacture-store .owl-nav .owl-prev span:after, .manufacture-store .owl-nav .owl-next span:after{font-size: 40px; left: 0px; top: 50%; transform: translateY(-50%); color: #bababa; position: absolute; content: '\F284'; font-family: "bootstrap-icons";} .manufacture-store .owl-nav .owl-next span:after{content: '\F285'; right: 0px; left: initial;} .store-service-container{float: left; width: 100%; margin-top: 20px;} .store-service-container h2{font-size: 20px; color: #000000; line-height: 30px;} .store-service-container p{font-size: 14px; color: #000000; line-height: 30px;} #stores #main .page-content{margin: 0px;} #stores #footer{padding-top: 0px; margin: -20px 0 0 0; } /* Store page Owl Carousel slider start css */ #stores .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-prev{ left:-45px;} #stores .owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-next { right: 4px;} #stores .store-slider ul#storepage-slider { float: left; margin: 0 auto; max-width: 1302px; width: 100%;} #stores .store-slider ul#storepage-slider li { float: left; width: 100%;} #stores #center_column .store-slider-inner { padding: 0; } #stores #center_column .store-slider { float: none; margin: 0 auto; width: 1302px; padding: 0;} /*#stores .owl-theme .owl-controls .owl-buttons .owl-next::before { background-image:url(../img/storepage-rightarrow.png); background-repeat:no-repeat}*/ /* Store page Owl Carousel slider End css */ @media (min-width: 1601px) { #stores #stores-table .stores-table-body .nearby-store-list .view-store{ margin-right:5.5%; } } @media (max-width: 1600px) { #stores .store-details-container .store-details .store-address { font-size: 16px; } #stores .store-details-container .store-details .store-name { font-size: 32px; } #stores .store-details-container .store-timing-container .timing-title, #stores .store-details-container .store-timing-container .store-service-title { font-size: 18px; } #stores .store-details-container .store-timing-container { padding: 37px 30px 65px; } #stores #stores-table .stores-table-body .nearby-store-list .view-store{ margin-right:5.5%; } } @media (max-width: 1440px) { #stores #stores-table .stores-table-body .nearby-store-list .view-store{ margin-right:2.5%; width:45%; } #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.view-store-slider{ /*margin-right:7%;*/ } } @media (max-width: 1400px) { #stores .store-details-container .store-description .description-title { font-size: 18px; } #stores .store-details-container .store-details .store-name { font-size: 28px; } #stores .store-details-container .store-details .store-address { font-size: 14px; } #stores .store-details-container .store-timing-container .timing-title, #stores .store-details-container .store-timing-container .store-service-title { font-size: 16px; } #stores .store-details-container .store-timing-container .timing-day { width: 30%; } #stores .store-details-container .store-timing-container .timing-time { width: 70%; } #stores .store-details-container .store-timing-container .store-timing { float: left; width: 45%; } #stores .store-details-container .store-timing-container .store-service-container { width: 52%; } #stores #stores-table .stores-table-body .nearby-store-list .view-store{ margin-right:0; width:45%; } #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.view-store-slider{ padding:0 11px;/* margin-right:6%;display: none;*/ } } @media (max-width: 1279px) { #stores .store-details-container .store-description { float: left; padding-top: 20px; width: 50%; } #stores .store-details-container .store-timing-container { float: left; padding: 37px 30px 65px; width: 100%; } #stores .store-details-container { padding: 20px;} #stores #stores-table .stores-table-body .nearby-store-list .view-store{ margin-right:0; width:48%; } #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.view-store-slider{ padding:0 10px; /*margin-right:5%;*/ } } @media (max-width: 1131px) { #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.view-store-slider{ display:none; } } @media (max-width: 999px) { #stores .store-details-container { margin: 30px auto 0; } #stores .store-details-container .store-details .contact-magasins { margin-top: 30px; margin-bottom: 35px; } } @media (max-width: 639px) { #stores .store-details-container .store-timing-container .store-service-container { margin-top: 25px; width: 100%;} #stores .store-details-container .store-timing-container .store-timing { float: left; width: 100%; } } @media (max-width: 579px) { #stores .store-details-container .store-details .store-name { font-size: 20px;} #stores .store-details-container .store-details .store-address { font-size: 12px; max-width:100%; } #stores .store-details-container .store-description .description-title { font-size: 16px; } #stores .store-details-container .store-description .description-content { font-size: 12px; } #stores .store-details-container .store-description { padding-bottom: 25px; } #stores .store-details-container .store-details .contact-magasins { font-size: 12px; width: 180px; } } @media (max-width: 479px) { #stores .store-details-container .store-details { padding-left: 0; text-align: center; width: 100%; } #stores .store-details-container .store-details .contact-magasins { font-size: 12px; width: 100%; } #stores .store-details-container .store-description { width: 100%; text-align: center; } #stores .store-details-container { width: 90%; } #stores .store-details-container .store-timing-container .timing-title, #stores .store-details-container .store-timing-container .store-service-title { text-align: center; } #stores .store-details-container .store-timing-container { padding: 37px 20px 65px; } } /********* Store News ******************/ #stores #store-news{ margin:0 auto; max-width:1656px; width:100%; display:table; clear:both; background:#FFFFFF; } #stores #store-news .store-news-detail{ display:none; } #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.store-mobile{ display:none; /*background:url("images/store_next_arrow.png") no-repeat right center / 13px auto;*/} #stores #store-news h2{ font-size:24px; font-weight:400; color:#000000; line-height:25px; margin-bottom:35px; } #stores #store-news h2 span{ color:#e60b0b; } #stores #store-news ul{ margin:0 auto;} #stores #store-news ul li:nth-child(3n+3){ margin-right:0;} #stores #store-news ul li .img-content{ position: relative; cursor:pointer;} #stores #store-news ul li .img-content .more-info{ display:none; position:absolute; left:34%; top:43%;width: 36%;font-size: 20px;font-weight: 400;color: #ffffff; cursor:pointer; } #stores #store-news ul li .img-content:hover .more-info{display:block; z-index:9;} #stores #store-news ul li .img-content:after {content: '\A';position: absolute;width: 100%; height:100%;top:0; left:0;background:#e60b0b;opacity: 0;transition: all 1s;-webkit-transition: all 1s;} #stores #store-news ul li .img-content:hover:after {opacity: 0.8;} #stores .store-news .sub-title-sec{ font-size:16px; font-weight:400; color:#000000; line-height:20px;} #stores .store-news .sub-title-sec .subtitle{ color:#e60b0b; } #stores .store-news h3{ font-size:20px; font-weight:400; color:#000000; margin-top:16px; cursor:pointer; } #stores #store-news .img-content img{ width:100%; } #stores #news_details_inner{ margin:0 auto; max-width:565px; width:100%; display:table; clear:both; padding:7% 0; } #stores #news_details_inner img{ margin-bottom:20px; width:100%; } #stores #news_details_inner ul{ margin-top:38px;} #stores #news_details_inner p, #stores #news_details_inner ul li{ font-size:16px; line-height:29px; color:#1e1e1e;} #stores #news_details_inner ul li span{ color:#e60b0b; } #stores .store-list-menu, #stores .store-list-map{ display:none; width:133px; font-size:14px; font-weight:600;color:#000000; line-height:20px; padding:16px 14px 16px 64px; background:#FFFFFF /*url("images/store_menu_icon.png") no-repeat 12px -8px*/; width:100%; cursor:pointer; } #stores .store-list-map{background:#FFFFFF /*url("images/store_map_icon.png") no-repeat 12px 6px*/; padding-left:50px;} #stores .store-list-menu:hover{ background-position:12px -78px; } @media (min-width: 1921px) { #stores #store-news{ padding:0; } #stores #store-news ul li{ padding:0; width:31%; max-width:500px; margin-right:4.6%;} #stores #store-news ul li .img-content .more-info{ left:186px; top:128px;width: 130px; } } @media (max-width: 1920px) { #stores #store-news ul li{ padding:0; width:30%; margin-right:4.6%; margin-bottom: 3%; } #stores #store-news{ max-width:100%; width:100%; padding-left:7.8%; padding-right:7.8%; } #stores #store-news ul li .img-content .more-info{ left:186px; top:128px;width: 36%; } } @media (max-width: 1600px) { #stores #store-news ul li .img-content .more-info{ left:34%; top:43%; width:42%; } } @media (max-width: 999px) { #stores .store-news .sub-title-sec{ font-size:13px; } #stores #store-news h3{ margin-top:5px; font-size:15px; line-height:20px; } #stores #store-news ul li .img-content .more-info{ font-size:14px; left:30%; } } @media (max-width: 767px) { #stores #map{ width:100%; } #stores .store-details-container .store-timing-container .timing-title{ text-align:center; } #stores .store-details-container .store-timing-container .store-timing .timing-table ul li{ width:90%; max-width:190px; float:none; display:table; margin:0 auto;} #stores .store-details-container .store-timing-container .timing-day{ width:60%;} #stores .store-details-container .store-timing-container .timing-time{ width:40%;} #stores #store-news ul li{ width:100%; margin-bottom:35px; } #stores #store-news h2 {font-size: 12px;font-weight: 600;line-height: 2.08;margin-bottom: 22px;margin-top: 8px;text-align: center;} #stores .store-news .sub-title-sec {font-size: 12px;} #stores #store-news h3 {font-size: 16px;line-height: 20px;margin-top: 5px;} #stores #store-news ul li .img-content .more-info{ left:40%;} .fancybox-skin .fancybox-close{ top:3px; right:0px; border-radius:0; width:20px; height:20px; /*background:url("images/close-small.png") no-repeat;*/ background-size:14px;} .fancybox-skin .fancybox-close::after{ content:"";} #stores .store-search-container.active-search{ width:100%;} #stores .page-heading{font-size: 12px;font-weight: 600;line-height: 1.75; text-transform:uppercase; margin-bottom:30px; } #stores .inactive-search .store-list-menu{ display:none;} #stores #stores-table .stores-table-body .nearby-store-list .view-store-button.store-mobile{ display:block; } #stores ul#stores-table{ min-height:384px; background:#FFFFFF; } #stores input#addressInput{ font-size:14px; border: solid 6px #e5e5e5; box-shadow:none !important; text-shadow:none;} .store-content-select{ display:none;} /*#stores #center_column .store-locator-container{ margin-bottom:30px;}*/ } @media (max-width: 375px) { #stores #store-news{ padding-left:4.2%; padding-right:4.2%; } #stores #store-news ul li .img-content .more-info { font-weight:600; } } /********* Store News ******************/ /* Store page Owl Carousel slider start css */ #store-page-slider-container { margin: 0 auto; max-width:1322px; width: 100%; } #store-page-slider { float: left; width: 100%; } #store-page-slider-container .owl-carousel .owl-item img { width: 100%; } #store-page-slider-container .owl-carousel .owl-item img { padding: 25px; } .store-page-slider-container-wrapper { display: inline-block; position: relative; width: 100%; } .store-page-slider-container-wrapper .slider-nav { position: absolute; cursor: pointer; background-repeat: no-repeat; background-size: 100% 100%; font-size: 0; height: 108px; top: 100px; width: 33px; } .store-page-slider-container-wrapper #prev-slider { left: -3%; background-image: url("../img/storepage-leftarrow.png");} .store-page-slider-container-wrapper #next-slider { right: -3%; background-image:url(../img/storepage-rightarrow.png);} @media (max-width: 1439px) { #store-page-slider-container { width: 90%; } #store-page-slider-container .owl-carousel .owl-item img { padding: 15px; } .store-page-slider-container-wrapper .slider-nav { top: 80px; } } @media (max-width: 1350px) { .store-page-slider-container-wrapper .slider-nav { top: 90px; } .store-page-slider-container-wrapper .slider-nav { height: 80px; width: 25px; } } @media (max-width: 1199px) { .store-page-slider-container-wrapper .slider-nav { top: 60px; } } @media (min-width: 1350px) { .store-page-slider-container-wrapper { margin-top: 30px; margin-bottom: 18px; } } @media (max-width: 1349px) { .store-page-slider-container-wrapper { margin-top: 20px; margin-bottom: 35px; } .store-page-slider-container-wrapper { margin-top: 15px; margin-bottom: 10px; } } @media (max-width: 900px) { .store-page-slider-container-wrapper .slider-nav { top: 45px;} } @media (max-width: 780px) { .store-page-slider-container-wrapper .slider-nav { height: 60px; width: 25px;} .store-page-slider-container-wrapper { margin-top: 15px; margin-bottom: 0px; } } @media (max-width: 640px) { .store-page-slider-container-wrapper .slider-nav { top: 35px;} } @media (max-width: 568px) { .store-page-slider-container-wrapper .slider-nav { height: 50px; width: 15px; } .store-page-slider-container-wrapper #prev-slider { left: -2%; } .store-page-slider-container-wrapper #next-slider { right: -2%; } } @media (max-width: 480px) { .store-page-slider-container-wrapper .slider-nav { height: 70px; top: 50px; width: 25px; } } @media (max-width: 419px) { .store-page-slider-container-wrapper .slider-nav { height: 50px; top: 48px; width: 20px; } } @media (max-width: 360px) { .store-page-slider-container-wrapper .slider-nav { height: 50px; top: 40px; width: 20px; } } @media (max-width: 900px) { #store-page-slider-container .owl-carousel .owl-item img { padding: 15px; } } /* Store page Owl Carousel slider End css */ @media (min-width: 1440px) { #stores .store-details-container .store-timing-container { background: #fff; float: right; padding: 37px 50px 65px; width: 42%;} } .store-page-slider-container-wrapper .slider-nav { top: 196px; } @media (max-width: 1439px) { #stores .store-page-slider-container-wrapper .slider-nav { top:190px; } } @media (max-width: 1350px) { #stores .store-page-slider-container-wrapper .slider-nav { top:188px; } #stores .store-page-slider-container-wrapper .slider-nav { height: 80px; width: 25px; } } @media (max-width: 1199px) { #stores .store-page-slider-container-wrapper .slider-nav { top:162px; } } @media (max-width: 900px) { #stores .store-page-slider-container-wrapper .slider-nav { top: 112px;} } @media (max-width: 780px) { #stores .store-page-slider-container-wrapper .slider-nav { height: 60px; width: 25px;} } @media (max-width: 640px) { #stores .store-page-slider-container-wrapper .slider-nav { top:76px;} } @media (max-width: 480px) { #stores .store-page-slider-container-wrapper .slider-nav { height: 70px; top: 124px; width: 25px; } } @media (max-width: 419px) { #stores .store-page-slider-container-wrapper .slider-nav { height: 50px; top:112px; width: 20px; } } @media (max-width: 360px) { #stores .store-page-slider-container-wrapper .slider-nav { height: 50px; top:92px; width: 20px; } } @media (max-width: 1799px) { #stores .store-details-container .store-description .description-content p img { max-width:100%;} } @media (max-width: 479px) { #stores .store-details-container .store-description .description-content p img {width:100%;} } .hrs_helptext, .acceptdesc{ float:left; width:100%; color:#FF2A00; margin-top:12px; line-height:20px; font-weight:bold; } .accepttitle { font-size: 16px; font-weight: bold;float: left; } .acceptdesc{ color: #000000 !important; float: left; } .accdesc { font-weight: normal !important; color:#868686; float: left;} /*Store details page css*/ @media (max-width: 1440px) { #stores #center_column .store-locator-container{ margin-bottom:34px;} } @media (max-width: 1439px) { #stores #center_column .store-locator-container{ margin-bottom:24px;} } @media (max-width: 1349px) { #stores #center_column .store-locator-container{ margin-bottom:10px;} } @media (max-width: 767px) { #stores #center_column .store-locator-container{ margin-bottom:13px;} } /*Store details page css End*/ /* Store Page video design */ .magasins-video { margin: 0 auto; max-width: 1005px; clear: left; margin: 87px auto 25px; } .magasins-video video {height: 100%; max-width: 100%; } @media (max-width: 1200px) { .magasins-video { margin: 50px auto 25px; } .magasins-video video { padding: 10px; } } @media (max-width: 992px) { .magasins-video { margin: 25px auto 25px; } .magasins-video video { padding: 15px; } } @media (max-width: 480px) { .magasins-video video { padding: 10px; } } video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } @media (min-width: 1280px) { .magasins-video.two-videos { float: left; max-width: 100%; width: 100%;} .magasins-video.two-videos video { height: 100%; margin: 0 2.5%; width: 45%; } .magasins-video.two-videos .ccv-vid { float: left; } .magasins-video.two-videos .x-mas-vid { float: right; } .magasins-video.liq-vid { padding-top: 30px; max-width: 850px; } } @media (max-width: 1279px) { .magasins-video.two-videos .x-mas-vid { margin-top: 50px; } } @media (max-width: 992px) { .magasins-video.two-videos .x-mas-vid { margin-top: 20px; } } #stores .spl_alert{width:100%;text-align:center; font-size:18px; font-family: 'Open Sans,Arial', Helvetica, sans-serif; font-weight: bold; margin: 0px 0px 20px 0px; color: #000;} @media (max-width: 767px) { #stores div.spl_alert{font-size:15px;} } /* Store Page video design */ /*Added By Ocs*/ #stores .new-text-map { float: left; width: 100%; text-align: center; margin-top: 10px; } #stores .new-text-map .new-text-map-head { font-size: 14px; color: #000000; font-weight: bold; margin-top: 30px; } #stores .new-text-map .new-text-map-view { font-size: 12px; line-height: 22px; } #stores section#bottom { margin-top: 0; } #stores .page-header h1{text-align: center; margin-bottom: 40px;} #stores .page-header h1 .store-page-title{font-size: 44px;color: #000000; font-family: 'Barlow'; font-weight: 900; margin: 40px 0px;} .current-location{position: relative; max-width: 780px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between;} .location-finder, .location-finder:hover, .location-finder:focus{background: #e5261d; border: none; font-size: 12px; outline: none; cursor: pointer; color: #ffffff; width: 220px;} .location-finder:hover, .location-finder:focus{background: #000000;} .location-serach-icon, .location-serach-icon:hover, .location-serach-icon:focus{position: absolute; right: 5px; top: 50%; transform: translateY(-50%); border: none; outline: none; cursor: pointer; background: transparent; font-size: 20px;} #search_storelocation{width: calc(100% - 230px); line-height: 50px; background: #f7f7f7; border: 1px solid #e0e0e0; padding: 0 35px 0 15px; font-size: 14px; font-weight: normal; color: #000000;} #search_storelocation::-webkit-input-placeholder{color: #000000; opacity: 1;} .all-store-lists-outer{background: #f7f7f7; padding: 30px 30px 30px 0px !important;} #all-store-lists .stores-table-body{display: flex; flex-wrap: wrap; height: calc(90vh - 60px); overflow-y: auto; padding: 10px 20px 0px 20px; scrollbar-width: thin; scrollbar-color: #000000 #d6d6d6;} #all-store-lists .stores-table-body::-webkit-scrollbar, #stores .store-details-container::-webkit-scrollbar {width: 8px;} #all-store-lists .stores-table-body::-webkit-scrollbar-track, #stores .store-details-container::-webkit-scrollbar-track { background-color: #d6d6d6; -webkit-border-radius: 10px; border-radius: 10px;} #all-store-lists .stores-table-body::-webkit-scrollbar-thumb, #stores .store-details-container::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #000000; } #all-store-lists .stores-table-body li{float: left; width: 50%; padding: 15px 10px 15px 0px;} #stores .page-stores .store-picture img{width: 100%;} #stores .page-stores .store-item-container{display: block !important;} .store-description .store-main-title, .store-description .store-main-title span{font-size: 16px; margin-bottom: 5px; margin-right: 5px;} .store-description .store-title, .store-description span{font-size: 14px; font-weight: normal;} .store-description .store-telephone-no{display: inline; margin: 0 5px 0 0; color: #000000;} .store-description address{font-size: 14px; margin: 0px;} .store-detail-view a{font-weight: bold; font-size: 14px;} #stores .page-stores .store-item{padding: 0px; background: transparent;} #stores #wrapper .breadcrumb{padding: 0 15px;} @media (min-width: 0px) and (max-width: 1024px){ #stores .new-text-map .new-text-map-head { font-size: 12px; } #stores .new-text-map .new-text-map-view { font-size: 11px; } #stores .new-text-map { margin: 0px 0 0 0; padding: 0 10px;} #stores .page-header h1{margin-bottom: 20px;} #stores .page-header h1 .store-page-title{font-size: 20px; margin: 0px 0px 20px 0;} .current-location{padding: 0 35px; display: block;} .location-finder, .location-finder:hover, .location-finder:focus{ width: 100%; font-size: 11px; height: 50px; margin: 0 0 20px 0;} #search_storelocation { width: 100%; font-size: 13px; height: 50px;} .location-serach-icon, .location-serach-icon:hover, .location-serach-icon:focus{right: 40px; top: initial; bottom: 0px;} #all-store-lists{padding: 10px 0px 10px 0px;} #all-store-lists li{width: 100%; padding: 0px;} #all-store-lists, #stores #map, #stores .store-details-container{height: 60vh; width: 100%; float: left;} #all-store-lists{height: 80vh; background: #ffffff;} #stores .store-details-container{height: auto; margin: 0px; background: #ffffff;} #stores .page-stores{margin: 0px !important; font-size: 32px; text-align: left;} #stores .store-details-container .store-details .store-name{margin: 0 0 10px 0; font-size: 32px; text-align: left;} .store-images{display: flex; justify-content: space-between; width: 100%;} .store-images li{width: 100%;} .brand-manufacturer-title p{font-size: 16px;} .store-service-container{margin-top: 0px;} .manufacture-store .owl-nav .owl-prev span:after, .manufacture-store .owl-nav .owl-next span:after{font-size: 28px; color: #000000;} .store-service-container p{font-size: 12px; line-height: 22px;} .store-service-container h2{font-size: 16px;} .manufacture-store{margin-bottom: 15px;} #stores .store-details-wrapper{padding: 0px;} .all-store-lists-outer{ padding: 20px !important; background: #ffffff; order: 2;} .all-store-map{order: 1;} .mobile-flex{display: flex; flex-wrap: wrap;} .store-details-container-outer{border: none; padding: 0px;} #stores .store-details-container .store-details .store-address, #stores .store-details-container .store-details .store-timing{float: left; text-align: left;} #stores .store-details-container .store-details .contact-magasins{max-width: 100%;} #stores .store-details-container .store-details .store-address{text-align: left;} #stores .store-details-container .store-details .store-address p, #stores .store-details-container .store-details .store-timing p{font-size: 12px; margin: 0px;} .store-tel-number{text-align: left; float: left; width: 100%;} .store-tel-number p{font-size: 12px;} #stores .store-details-container .store-details { margin-top: 20px; } .manufacture-store .owl-carousel { padding: 10px 20px; } .manufacture-store .owl-carousel .owl-dots { display: none !important; } .manufacture-store .owl-nav .owl-prev { left: -10px; } .manufacture-store .owl-nav .owl-next { right: -10px; } .store-detail-view a { line-height: 16px; display: inline-block; font-size: 11px; } #all-store-lists .stores-table-body { padding: 10px 0px 0px 0px; } .store-item .store-detail-view { line-height: 20px; } .store-meta_description { font-size: 13px; line-height: 24px; float: left; width: 100%; margin: 20px 0px 0px; text-align: left; padding: 0px; color: #e32313; font-weight: bold; display: block; } } @media (min-width: 767px) and (max-width: 1024px){ #all-store-lists li{width: 50%; padding: 10px;} .location-serach-icon{bottom: 20px;} #all-store-lists{height: 45vh;} .all-store-lists-outer{padding: 0px;} .current-location{display: flex;} } @media (min-width: 1025px) and (max-width: 1220px){ #all-store-lists li{width: 100%;} #all-store-lists, #stores #map, #stores .store-details-container{height: 70vh; width: 100%; float: left;} } .owl-item, .st-slider, .store-images, .owl-dot, .manufacture-store {display: none;} .owl-carousel { display: none; } .no-js .owl-carousel { display: block; } .owl-carousel.owl-loaded { display: block; } .owl-item {height: 0;} .owl-item.active {height: auto;}