JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.

Home
Tutorials

Tutorials & Guides

/* Page Main Content*/ .page-main { padding: 10px 0 30px; min-height: 500px; } /* Blog Link Colors and Text Styles*/ .post-content a, .post-content a:focus, .post-content a:visited { color: #fe3c00; } .post-content a:visited, ..post-content alink:visited { color: #1979c3; text-decoration: none; } .post-content a:hover { text-decoration: underline; } /* Below Header Message Links Color*/ .below-header-message { font-weight:700; display:inline; } .below-header-message a:link { color:white; text-decoration: underline; } .below-header-message a:visited { color:white; text-decoration: none; } .below-header-message a:hover { color:white; text-decoration: none; } .below-header-message a:active { color:#white; text-decoration: underline; } /* Carousel Background*/ .carousel-inner { overflow:unset; background-image:linear-gradient(to right,#2a3c52,#27405e,#24446a,#204877,#1d4b83,#1d4b83,#1d4b83,#1d4b83,#204877,#24446a,#27405e,#2a3c52); } /* Front Page Title Blocks*/ .title-block { background-color: #1d4b83; padding-left: 20px; background-image: linear-gradient(to right,#2a3c52,#27405e,#24446a,#204877,#1d4b83,#1d4b83,#1d4b83,#1d4b83,#204877,#24446a,#27405e,#2a3c52); } .title-block h2 { background-color: unset!important; font-size: 200%; color: #fff; float: left; width:202px; padding-left: 10px; } /* Back To Top Footer Area*/ #yt-totop-fix { background-color: #fe3c00; background-image: linear-gradient(to right,#2a3c52,#27405e,#24446a,#204877,#1d4b83,#1d4b83,#1d4b83,#1d4b83,#204877,#24446a,#27405e,#2a3c52); } /* Product Page Title*/ .product-info-main .page-title-wrapper.product .page-title { font-weight: 500; font-size: calc(0.7em + 0.7vmin); text-transform: uppercase; color: #ffffff; margin-bottom: 5px; padding: 10px 5px 10px 5px; } /* Category Page Title*/ .page-title { font-size: calc(1.0em + 1.0vmin); font-weight: 700; text-transform: uppercase; position: relative; margin-bottom: 15px; color: white; background-color: #2a3c52; padding: 10px 10px 15px 10px } /* Blog Font Style*/ .post-text-hld { font-family: "Times New Roman", Times, serif; font-size:140% } /* Category Page Title*/ .page-title-wrapper { font-size: calc(1.0em + 1.0vmin); font-weight: 700; text-transform: uppercase; position: relative; margin-bottom: 15px; background-color: #2a3c52; color: white; padding: 0 0 0 5px } /* Blog - Categorie/Tags Title Visible */ .post-list .post-categories .label { display: inline; } /* Blog - Post Thumbnail Images */ .post-content .post-description .post-ftimg-hld { float: left; margin: 0; width: 100%; } /* Blog - Post Date Under Thumbnail */ .post-ftimg-hld .date-post { position: unset; left: unset; top: unset; line-height: 1.6em; padding: 9px 18px 7px; text-align: center; color: #fff; font-weight: 500; } /* Blog - Post Placeolder On Blog Page */ .post-holder { background: unset; margin-bottom: 20px; padding: 20px; padding-bottom: 20px; } /* Blog - Post Placeolder Padding */ .post-content { padding: 20px } /* Blog - Sidebar Spacing */ .block-categories { margin-top: 20px; } /* Blog - Post Header */ .post-view .post-description .post-ftimg-hld { float: left; margin: unset; min-width: 100%; margin-bottom: 40px } /* Checkout - Order Summary */ .opc-sidebar { margin: 0; } .checkout-container .opc-sidebar .modal-content .opc-block-summary { padding: 0; margin: 0; background-color: #fafafa; } .opc-block-summary { background: #f5f5f5; padding: 0; margin: 0; } /* Checkout - Headers */ .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 1px solid #ccc; padding-bottom: unset; padding: 10px; color: #ffffff; font-weight: 300; font-size: 2.6rem; background: linear-gradient(90deg, rgba(29, 75, 131, 1) 0%, rgba(42, 60, 82, 1) 100%); } .checkout-container .checkout-payment-method .step-title { text-transform: uppercase; font-weight: 500; margin-top: -22px; } /* Block Widget Plugin */ .block-static-block.widget { margin-bottom: 0px } /* Swatch Size */ .swatch-option { min-width: 50px !important; height: 50px !important; } /* Footer Merchant Logos*/ .merchan-logo-container { display: flex; } .merchant-logo { flex: 25%; padding: 5px; max-width: 80px; } /* Footer - Text line height*/ .copyright-footer { line-height: 3.5em; } /* Front Page - Slideshow Area*/ .slidershow { margin-bottom: 50px; padding-top: 80px; } /* Paypal Button Fix (Currently Not Being Used)*/ .paypal-express-checkout { margin-left: 5px; float: right; } #instant-purchase { position: absolute; } /* Front Page - Promo Banner*/ .promo-banner { font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300))); margin-right: 0px; margin-left: 0px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } .promo-free-shipping-banner { font-size: calc(10px + (15 - 10) * ((100vw - 300px) / (1600 - 300))); margin-right: 0px; margin-left: 0px; padding-top: 10px; padding-bottom: 10px } /* .blue-gradient-bg { background-image: linear-gradient(to right, #2a3c52, #27405e, #24446a, #204877, #1d4b83, #1d4b83, #1d4b83, #1d4b83, #204877, #24446a, #27405e, #2a3c52); } */ /* Below Header Message Carousel Background*/ .carousel-inner { overflow:unset; background-image:linear-gradient(to right,#2a3c52,#27405e,#24446a,#204877,#1d4b83,#1d4b83,#1d4b83,#1d4b83,#204877,#24446a,#27405e,#2a3c52); } /* Malicious styles for the whole Website*/ .font-style-bold { font-weight: 600 } p span { display: inline-block; } /* Shopping Cart - Item Count Margin Fix */ .minicart-header .cart-wrapper .minicart-wrapper .showcart .counter-label { position: static; width: auto; height: auto; margin: 1px; } /* Product Thumbnails - Control the Opacity */ .products-grid .item .item-inner .box-image:hover a img { opacity: 1.0; } /* Product Thumbnails - Control the Zoom*/ .products-grid .item .item-inner .box-image:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } /* Product Thumbnails - Control the Zoom Animation*/ .products-grid .item .item-inner .box-image { transition: transform .2s; /* Animation */ } /* Product Thumbnails - Horizontal Line Below Thumbnail*/ .products-grid .item .item-inner .box-info { text-align: center; position: relative; padding: 10px 0px 0px; border-top: 1px solid rgb(204, 204, 204); margin-top: 15px; } /* Line break for paragraphs */ .line-break { display: block; } /* Spacing Top and Bottom for Headers */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; margin-top: 20px; margin-bottom: 10px; } /* Horizontal Line */ hr { margin-top: 0; margin-bottom: 10px; border: 0; border-top: 1px solid #eee; } /* Horizontal Line with 100% width of content */ .hr { display: inline-block; } .hr:after { content: ''; display: block; border-top: 5px solid #eee; margin-top: 0.3em; } /* Horizontal Line with 100% width of content */ .hr-long:after { content: ''; display: block; border-top: 5px solid #eee; margin-top: 0.3em; } /* Footer Area */ .footer-bottom { background-color: #f8f9fa; padding: 22px 0; color: #000000; border-top: 1px solid #e8e8e8; } /* Footer Warning Text */ .footer-warning { text-align: justify; margin: 0 0 25px; } .footer-warning a:link, .footer-warning a:visited { color: #006bb4; text-decoration: none; font-weight: bold; } .footer-warning a:hover { text-decoration: underline; } /* Product Page Short Description Links */ a.product-details:link, a.product-details:visited { color: #006bb4 !important; text-decoration: none !important; font-weight: bold !important; } /* Product Page Long Description Links */ a.product attribute description:link, a.product attribute description:visited { color: #006bb4 !important; text-decoration: none !important; font-weight: bold !important; } a.product-details:hover { text-decoration: underline; } /* Sidebar for Category Page/Brand Pages */ .sidebar .block.filter { margin-top: 20px; } .category-brand-logo { text-align: center; border: 3px solid #e8e8e8; margin-bottom:20px } /* Brands Page Logo Containers */ .brand-logo-container { max-width: 302px; height: auto; float: left; border: 1px solid #e8e8e8; margin: 0 15px 25px 0; padding: 1px; } /* Mega-Menu - Overall column #1 width of the text inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_1 { width: 100%; padding: 0; } /* Mega-Menu - Overall column #2 width of the text inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_2 { width: 100%; padding: 0; } /* Mega-Menu - Overall column #3 width of the text inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_3 { width: 100%; padding: 0; } /* Mega-Menu - Overall column #4 width of the text inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_4 { width: 100%; padding: 0; } /* Mega-Menu - Overall column #5 width of the text inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_5 { width: 100%; padding: 0; } /* Mega-Menu - Overall column #6 width of the text inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_col_6 { width: 100%; padding: 0; } /* Mega-Menu - Overall "1 Column" width of inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_1column { width: 20%; border: solid 1px #e8e8e8; } /* Mega-Menu - Overall "2 Column" width of inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_2columns { width: 20%; border: solid 1px #e8e8e8; } /* Mega-Menu - Overall "3 Column" width of inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_3columns { width: 60%; border: solid 1px #e8e8e8; } /* Mega-Menu - Overall "4 Column" width of inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_4columns { width: 80%; border: solid 1px #e8e8e8; } /* Mega-Menu - Overall "5 Column" width of inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_5columns { width: 100%; border: solid 1px #e8e8e8; } /* Mega-Menu - Overall "6 Column" width of inside the menu */ .sm_megamenu_wrapper_horizontal_menu .sm_megamenu_menu .sm_megamenu_dropdown_6columns { width: 100%; border: solid 1px #e8e8e8; } /* Mega-Menu - Vertical Menu Border */ .sm_megamenu_wrapper_vertical_menu .sambar-inner { border: solid 1px #e8e8e8; } /* Mega-Menu - Menu Custom Classes*/ .menu-item-bold { font-weight: bold; } .menu-item-shop-all { font-weight: bold; padding left: 20px; } /* Mega-Menu - menu title*/ .sm_megamenu_title .title-cat { font-size: 120%; font-weight: 700; color: #444; padding-bottom: 10px; text-decoration: underline; } /* Mega-Menu - menu h3 titles for blocks*/ .menu-sub-header { font-size: 120%; font-weight: 700; color: #444; padding-bottom: 10px; text-decoration: underline; margin-top: 0; } /* Mega-Menu - Block Styles*/ .menu-col-container { display: table; width: 100%; } .menu-col { display: table-cell; padding: 19px 15px; } /* Product Page - Shop By header area*/ .sidebar .block.filter .block-title strong { color: #fff; font-size: 153.84% !important; padding: 5px 0 5px 20px; background-color: #2a3c52; width: 100%; } /* Breadcrumbs */ .breadcrumbs { margin-bottom: 0; padding: unset; text-align: unset; background: unset; } .breadcrumbs .items .item:not(:last-child):before { float: right; content: ">"; margin: 0 20px; } /* Font Awesome Social Icons */ .fa-facebook, .fa-twitter, .fa-instagram, .fa-youtube, .fa-pinterest, .fa-linkedin { font-size: 3em; margin: 0px; padding-right: 10px; } .fa-facebook { color: #3B5998; } .fa-instagram { color: #833ab4; } .fa-youtube { color: #bb0000; } .fa-twitter { color: #00aced; } .fa-pinterest { or: #cb2027; } .fa-linkedin { color: #007bb5; } /* Hover effect for Social Icons */ .fab:hover { opacity: 0.7; } /* Header FDA Warning */ .nicotine-warning { font-size: calc(10px + (25 - 10) * ((100vw - 300px) / (1600 - 300))); line-height: 1.1; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; background-color: #000; border: 10px solid #000; font-family: Arial; min-height: 15vh; padding: 20px; text-align: center; width: 100%; z-index: 1010; } /* Original Header Hidden */ .left-top-header { background-color: yellow; min-width: 100%; } .right-top-header { min-width: 100%; text-align: center; font-size: 20px; color: black; } /* UL List Styling for Privacy Policy */ ul.privacy-policy-terms-conditions { list-style: disc; margin: 20px; } ul.privacy-policy-terms-conditions li { margin-left: 20px; } /* Product Page - short description list div */ .product-detail-short-specs { padding-left: 10px; overflow: hidden; } /* Product Page - short description list style */ .product-detail-short-specs li { float: relative; list-style: disc inside; } /* Product Page - short description header */ .product-detail-short-spec-header { font-size: 120%; font-weight: bold; padding-top: 20px; padding-bottom: 0; text-decoration: underline; } /* Product Page - short description included & not included section*/ .inline-block-div { display: inline-block; vertical-align: top; } /* Product Page - Description thumbnails vaporizer (NOT BEING USED) */ #product-description-icons { background: url(https://provape.com/pub/media/wysiwyg/icon/xicon-hardware.png.pagespeed.ic.7li7DqGdWz.png) no-repeat center center; background-size: auto; width: 77px; height: 130px; float: left; margin-left: 10px } #product-description-icons .icon-text { padding-top: 8%; padding-left: 30%; font-size: 200%; } #vaporizer-thumb p { color: #fff; } /* Header - Fix for search items overflowing with product info area */ .product-info-main { z-index: 98; } /* Header - Hide deliver icon under logo */ .header-bottom .deliver { } /* Header - Hide compare icon next to cart */ /* Contact Page - Google Maps */ .google-map { width: 100%; margin: 0 auto 50px; border-top: 1px solid #ccc; } /* Contact Page - Form */ .contact-page { max-width: 1170px; margin: 0 auto; padding-top: 0; } /* FAQ Page - FAQ Tabs and Section */ .faq-container { margin: 0 auto; width: 100%; background-color: #fff; } .faq-section { margin: 0 auto 50px; font-size: 85%; padding: 0 1em; } /* Acordeon styles */ .tab { position: relative; margin-bottom: 1px; width: 100%; color: #fff; overflow: hidden; } .tab input { position: absolute; opacity: 0; z-index: -1; } .tab-two { color: #fff; } .tab label { position: relative; display: block; padding: 0 0 0 1em; background: #2a3c52; font-weight: bold; line-height: 3; cursor: pointer; } .blue label { background: #2980b9; } .tab-content { max-height: 0; overflow: hidden; background: #f7f7f7; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; } .tab-content p { margin: 1em; color: #000; } /* :checked */ .tab input:checked~.tab-content { max-height: 100vh; } .tab-header { padding-left: 10px; font-size: 150%; } /* Icon */ .tab label::after { position: absolute; right: 0; top: 10px; display: block; width: 3em; height: 3em; line-height: 3; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .tab input[type=checkbox]+label::after { content: "+"; } .tab input[type=radio]+label::after { content: "\25BC"; } .tab input[type=checkbox]:checked+label::after { transform: rotate(315deg); } .tab input[type=radio]:checked+label::after { transform: rotateX(180deg); } /* Contact Page - Contact Form and Text */ .wrapper-contact-us { /* border: 2px solid #000; */ /* overflow: hidden; */ } #one { float: left; margin-right: 10px; width: 50%; } #two { overflow: hidden; border-left: 1px solid #e8e8e8; min-height: 170px; padding-left: 20px; padding-bottom: 40px; } /* Contact Page - Contact Information Icon Spacing */ .store-info-contact ul { padding-top: 25px; } /* Contact Page - Icon Spacing */ .store-info-contact ul li { float: left; width: 20%; padding: 0 10px; margin: 0 0 40px; text-align: center; } /* Contact Page - Header Styling */ .store-info-contact ul li h3 { text-transform: unset; font-size: 120%; font-weight: 300; color: #222; margin-bottom: 5px; border-bottom: 1px solid #e8e8e8; padding-bottom: 5px; } /* Contact Page - Paragraph Styling */ .store-info-contact ul li p { font-size: 90%; font-weight: 300; } /* Contact Page - Contact Form Title Spacing */ .title-contact-page { margin-top: -50px; } /* About Page - BBB Logo */ .bbb-logo { width: 100%; max-width: 400px; height: auto; padding-top: 50px; } /* Product Page - Hides View Count */ .product-info-main .product-info-stock-sku .view-count { color: #999; } .brands-list { max-width: 1600px; margin: 20px auto; } .brands-img-list a { text-decoration: none; } .brands-li-sub p { margin: 0; } .brands-list li { border: 0px solid #eee; display: table; border-collapse: collapse; width: 100%; margin: 10px; padding: 10px; max-width: 100 } .brands-inner { display: table-row; overflow: hidden; } .brands-li-img { display: table-cell; vertical-align: middle; width: 50%; padding-right: 1em; } .brands-li-img img { display: block; width: 100%; height: auto; padding: 1px; border: 1px solid #eee } .brands-li-text { display: table-cell; vertical-align: middle; width: 70%; } .brands-li-head { margin: 10px 0 0 0; } .brands-li-sub { margin: 0; padding-right: 10px; width: 90%; } /* for flexbox */ @supports(display: flex) { .brands-list { display: flex; flex-wrap: wrap; } .brands-li-img, .brands-li-text, .brands-list li { display: block; float: none; } .brands-li-img { align-self: center; /* to match the middle alignment of the original */ } .brands-inner { display: flex; } } /* for grid */ @supports(display: grid) { .brands-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); } .brands-list li { width: auto; /* this overrides the media queries */ } } .transition, .tooltips [class] { transition: all 0.25s ease-in-out; } .tooltips { position: relative; text-decoration: none; border-bottom: 1px dashed; } .tooltips [class] { position: absolute; opacity: 0; visibility: hidden; width: max-content; padding: 10px; border-radius: 3px; background: #1a1a1a; color: white; } .tooltips [class]:before { content: ""; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; } .tooltips:hover [class] { visibility: visible; opacity: 1; z-index: 1; } .tooltips .tooltips-top { bottom: 100%; left: 50%; margin: 0 0 15px -200px; } .tooltips .tooltips-top:before { top: 100%; left: 50%; margin-left: -10px; border-color: #1a1a1a transparent transparent transparent; } .tooltips .tooltips-right { top: 100%; left: 100%; margin: -40px 0 0 15px; } .tooltips .tooltips-right:before { right: 100%; margin-top: 10px; border-color: transparent #1a1a1a transparent transparent; } .tooltips .tooltips-bottom { top: 100%; left: 50%; margin: 15px 0 0 -130px; } .tooltips .tooltips-bottom:before { bottom: 100%; left: 50%; margin-left: -10px; border-color: transparent transparent #1a1a1a transparent; } .tooltips .tooltips-left { top: 100%; right: 100%; margin: -40px 15px 0 0; } .tooltips .tooltips-left:before { left: 100%; margin-top: 10px; border-color: transparent transparent transparent #1a1a1a; } .multi-row-container { display: flex; flex-direction: row; justify-content: space-around; background-color: #2a3c52; flex-wrap: wrap; width: 100%; align-items: center; } /* Body */ body { font-family: 'Poppins', sans-serif; color: #000 } /* Naviation Style */ .nav-destkop { font-family: 'Julius Sans One', sans-serif } /* Mega Menu Item Style */ .sm_megamenu_head_item { font-family: 'Poppins', sans-serif; } /* Mega Menu Item Style */ .blue-gradient-bg { font-family: 'Julius Sans One', sans-serif; } /* Front Hardware/Eliquid Banner Buttons */ .banner-image { border: 1px solid #ecececec } /* Front Hardware/Eliquid Banner Buttons */ .banner-image-2 { border: unset; } /* Register Link */ .register-link { color: #60abe4 !important; } /* My Cart Label */ .cart-label { color: #60abe4; font-weight: 700; } .menu-icon-group .sm_megamenu_icon, .web_icon { padding-left: 40px; height: 30px; display: inline-block; background-image: url(https://provape.com/pub/media/wysiwyg/icon/xmega-menu-vertical-icons-3.png.pagespeed.ic.kWNwS6HFvR.png); line-height: 30px; background-repeat: no-repeat; } .menu-icon-group-new-parent .sm_megamenu_icon { background-position: 0px 0px; } .menu-icon-group-eliquids-parent .sm_megamenu_icon { background-position: 0px -150px; } .menu-icon-group-coils-parent .sm_megamenu_icon { background-position: 0px -120px; } .menu-icon-group-tanks-parent .sm_megamenu_icon { background-position: 0px -90px; } .menu-icon-group-mods-parent .sm_megamenu_icon { background-position: 0px -60px; } .menu-icon-group-kits-parent .sm_megamenu_icon { background-position: 0px -30px; } .menu-icon-group-accessories-parent .sm_megamenu_icon { background-position: 0px -180px; } .menu-icon-group-clearance-parent .sm_megamenu_icon { background-position: 0px -210px; } .facebook_icon { height: 30px; width: 30px; text-indent: -9000px !important; background-position: 0px -240px; } .instagram_icon { height: 30px; width: 30px; text-indent: -9000px !important; background-position: 0px -270px; } .twitter_icon { height: 30px; width: 30px; text-indent: -9000px !important; background-position: 0px -300px; } .warning_icon { height: 20px !important; width: 20px !important; padding-left: 20px !important; text-indent: -9000px !important; line-height: 20px !important; background-position: 0px -330px; } /* add shadow to catalog products in mobile mode*/ .cart-summary .actions-toolbar>.primary button { background: #2f8c00; } .bold { font-weight: 700; } .white { color: #fff; } /*------------------------------------------------------------------------------*/ /* -----------------------------MOBILE-------------------------------------*/ /*------------------------------------------------------------------------------*/ @media (max-width: 450px) { .item-inner { border-radius: 10px; box-shadow: 2px 2px 6px 1px rgba(0, 0, 0, 0.16); } /* Body Responsive Text */ body { font-size: calc(1.1em + 1.1vmin); color: black } /* Mega Menu Mobile: Bottom Specials Displayed on Mobile, Vertical Menu Disabled */ #sm_megamenu_136 { display: block; } /* Paypal Button Fix */ .paypal-express-checkout { margin-left: 0; float: none; } /* Add to Cart Section Spacing */ #product-addtocart-button { margin-top: 10px; } .menu-col { display: block; padding: 19px 15px; } .nicotine-warning { font-size: calc(13px + (20 - 13) * ((100vw - 250px) / (600 - 250))); line-height: 1.1; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; background-color: #000; border: 10px solid #000; font-family: Arial; min-height: 15vh; padding: 20px; text-align: center; width: 100%; z-index: 1010; } } @media (max-width: 650px) { .breadcrumbs { min-height: 100%; text-align: center; background: #e8e8e8; } .breadcrumbs .items { font-size: 12px; } } @media (max-width: 767px) { .customer-compare .link.compare .action.compare { height: 34px; } } @media (max-width: 400px) { #one { float: none; margin-right: 0; width: auto; } #two { overflow: hidden; padding-bottom: 40px; border: 0; padding: 0; } } /* @media all and (min-width: 45em) { .brands-list li { float: left; width: 50%; } } @media all and (min-width: 75em) { .brands-list li { width: 33.33333%; } }*/ .item-1, .item-2, .item-3 { position: absolute; display: block; top: 2em; width: 60%; font-size: 2em; animation-duration: 20s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .item-1{ animation-name: anim-1; } .item-2{ animation-name: anim-2; } .item-3{ animation-name: anim-3; } @keyframes anim-1 { 0%, 8.3% { left: -100%; opacity: 0; } 8.3%,25% { left: 25%; opacity: 1; } 33.33%, 100% { left: 110%; opacity: 0; } } @keyframes anim-2 { 0%, 33.33% { left: -100%; opacity: 0; } 41.63%, 58.29% { left: 25%; opacity: 1; } 66.66%, 100% { left: 110%; opacity: 0; } } @keyframes anim-3 { 0%, 66.66% { left: -100%; opacity: 0; } 74.96%, 91.62% { left: 25%; opacity: 1; } 100% { left: 110%; opacity: 0; } } /* Blog Post Bullets*/ ul.blog-bullet-points { list-style: square inside url("https://provape.com/pub/media/wysiwyg/icon/xprovape-bullet-right.png.pagespeed.ic.TG94-iNVPh.png"); text-align: center; } ul.blog-bullet-points li { padding-top: 30px; padding-left: 20px; } .column-home-nav { flex: 20.00%; padding: 5px; } /* Clearfix (clear floats) */ .row-home-nav: { display: flex; @media screen and (max-width: 500px) { .column-home-nav { width: 100%; } } @media (min-width: 576px){ .col-sm-2 { -ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important; } }@media (min-width:1200px){.container{max-width:1600px}.layout-boxed .page-wrapper{max-width:1630px}.col1-layout .category-product.products-grid .item{width:20%}.col1-layout .category-product.products-grid .item:nth-child(5n+1) {clear:both}.col2-layout .category-product.products-grid .item{width:20%}.col2-layout .category-product.products-grid .item:nth-child(5n+1) {clear:both}.col3-layout .category-product.products-grid .item{width:50%}.col3-layout .category-product.products-grid .item:nth-child(2n+1) {clear:both}}@media (min-width:992px) and (max-width:1199px){.col1-layout .category-product.products-grid .item{width:25%}.col1-layout .category-product.products-grid .item:nth-child(4n+1) {clear:both}.col2-layout .category-product.products-grid .item{width:33.333333333333%}.col2-layout .category-product.products-grid .item:nth-child(3n+1) {clear:both}.col3-layout .category-product.products-grid .item{width:100%}.col3-layout .category-product.products-grid .item:nth-child(1n+1) {clear:both}}@media (min-width:768px) and (max-width:991px){.col1-layout .category-product.products-grid .item{width:33.333333333333%}.col1-layout .category-product.products-grid .item:nth-child(3n+1) {clear:both}.col2-layout .category-product.products-grid .item{width:33.333333333333%}.col2-layout .category-product.products-grid .item:nth-child(3n+1) {clear:both}.col3-layout .category-product.products-grid .item{width:100%}.col3-layout .category-product.products-grid .item:nth-child(1n+1) {clear:both}}@media (min-width:481px) and (max-width:767px){.col1-layout .category-product.products-grid .item{width:50%}.col1-layout .category-product.products-grid .item:nth-child(2n+1) {clear:both}.col2-layout .category-product.products-grid .item{width:50%}.col2-layout .category-product.products-grid .item:nth-child(2n+1) {clear:both}.col3-layout .category-product.products-grid .item{width:100%}.col3-layout .category-product.products-grid .item:nth-child(1n+1) {clear:both}}@media (max-width:480px){.col1-layout .category-product.products-grid .item{width:100%}.col1-layout .category-product.products-grid .item:nth-child(1n+1) {clear:both}.col2-layout .category-product.products-grid .item{width:100%}.col2-layout .category-product.products-grid .item:nth-child(1n+1) {clear:both}.col3-layout .category-product.products-grid .item{width:100%}.col3-layout .category-product.products-grid .item:nth-child(1n+1) {clear:both}}#mc_embed_signup{background:#fff;clear:left;font:14px Helvetica,Arial,sans-serif;width:100%}