/*===================================== idap-pro css ======================================*/ @media (max-width: 1199px){ /* body hidden class */ body.hidden { overflow-y: hidden; padding-right: 0px; } /* home-1 container css */ .home-1 .container{ max-width: 100%; } .container{ padding-left: 30px; padding-right: 30px; } /* section padding css */ .section-t-padding{ padding-top: 60px; } .section-b-padding{ padding-bottom: 60px; } .section-tb-padding{ padding-top: 60px; padding-bottom: 60px; } /* header top css */ .header-main-area .header-main .header-element.logo { width: 25%; } .header-main-area .header-main .header-element.search-wrap{ width: 50%; } .header-main-area .header-main .header-element.right-block-box { width: 25%; } .header-main-area .header-main .header-element.right-block-box ul.shop-element li.nav-toggler{ display: block; } /* right block css */ .right-block-box ul.shop-element li.side-wrap { margin-left: 15px; } /* user account css */ .right-block-box ul.shop-element li.user-wrap .acc-desk{ display: none; } .right-block-box ul.shop-element li.user-wrap .acc-mob{ display: block; } .right-block-box ul.shop-element li.user-wrap .acc-mob a.user-icon{ display: flex; font-size: 20px; } /* wishlist css */ .wishlist-wrap a.header-wishlist span.wishlist-icon{ font-size: 20px; } .wishlist-wrap a.header-wishlist span.wishlist-counter{ left: 10px; } /* cart css */ .shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon{ font-size: 20px; } .shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.bigcounter{ left: 10px; } /* header-bottom css */ .header-bottom-area.mobile { display: block; } .header-bottom-area { display: none; } .header-bottom-area .main-menu-area{ align-items: flex-start; position: fixed; top: 0; left: -300px; width: 300px; height: 100%; overflow-y: auto; background-color: #fff; z-index: 100; opacity: 0; visibility: hidden; border-top: none; } .header-bottom-area .main-menu-area.active{ left: 0; opacity: 1; visibility: visible; } .header-bottom-area .main-menu-area, .header-bottom-area .main-menu-area.active{ -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .header-bottom-area .main-menu-area .main-navigation .navbar-collapse{ width: 100%; display: flex; flex-direction: column-reverse; margin-top: 45px; } .header-bottom-area .main-menu-area .main-navigation .img-hotline{ display: none; } .header-bottom-area .main-menu-area .main-navigation .navbar-collapse .megamenu-content{ width: 100%; } /* box-header css */ .main-menu-area .main-navigation .box-header{ display: block; } /* main-menu css */ .megamenu-content .mainwrap ul.main-menu{ flex-direction: column; } .megamenu-content .mainwrap ul.main-menu li.menu-link{ border-top: 1px solid #eee; } .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title{ display: flex; padding: 10px 15px; } .megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title { padding: 10px 15px; } .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title{ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg{ display: flex; align-items: center; justify-content: space-between; } .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg, .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="false"]{ color: #222; } .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="true"]{ color: #f5ab1e; } .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title::after{ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i{ margin-left: 0; } .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="true"] i{ transform: rotate(180deg); } .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot{ top: -8px; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show), .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.collapse:not(.show), .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu.collapse:not(.show){ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu, .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu, .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{ padding: 0; position: unset; left: 0; width: 100%; opacity: 1; visibility: visible; box-shadow: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li{ margin-top: 0; border-top: 1px solid #eee; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link{ display: block; padding: 10px 15px 10px 25px; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li{ width: 100%; padding: 0 0; border-top: 1px solid #eee; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title{ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg{ display: flex; align-items: center; justify-content: space-between; padding: 10px 15px 10px 25px; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg, .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="false"]{ color: #222; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"]{ color: #f5ab1e; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"] i{ transform: rotate(180deg); } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li{ margin-top: 0; border-top: 1px solid #eee; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li a{ display: block; padding: 10px 15px 10px 30px; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner{ width: 100%; padding: 0 0; border-top: 1px solid #eee; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img{ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title{ padding: 10px 15px 10px 25px; margin-top: 0px; text-align: left; } /* blog menu */ .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{ padding: 0px; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link{ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{ display: block; padding: 10px 25px 10px 25px; font-weight: 400; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{ display: flex; align-items: center; justify-content: space-between; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link[aria-expanded="true"]{ color: #f5ab1e; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link[aria-expanded="true"] i{ transform: rotate(180deg); } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{ position: unset; opacity: 1; visibility: visible; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.collapse:not(.show){ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{ width: 100%; padding: 0px; transform: unset; box-shadow: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style{ display: block; padding: 10px 35px; border-top: 1px solid #eee; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style[aria-expanded="true"]{ color: #f5ab1e; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style[aria-expanded="true"] i{ transform: rotate(270deg); } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.sub-style{ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style{ font-size: 13px; padding: 10px 40px; border-top: 1px solid #eee; font-weight: 400; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a i{ font-size: 14px; transform: rotate(91deg); } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style{ width: 100%; padding: 0px; transform: unset; box-shadow: none; position: unset; opacity: 1; visibility: visible; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style.collapse:not(.show){ display: none; } .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style li a{ font-size: 13px; padding: 10px 50px; border-top: 1px solid #eee; } /* slider css */ .slider .home-slider .img-back{ height: 450px; } .slider .home-slider .img-back .h-s-content span{ font-size: 18px; } .slider .home-slider .img-back .h-s-content h1{ font-size: 40px; } .slider .home-slider .img-back .h-s-content a{ } /* two banner css */ .t-banner1 .home-offer-banner .o-t-banner .o-t-content h6{ font-size: 18px; } /* trending product css */ .h-t-products1 .trending-products .owl-nav button.owl-prev{ left: -10px; } .h-t-products1 .trending-products .owl-nav button.owl-next{ right: -10px; } .caption .rating{ margin-top: 10px; } /* deal countdown css */ .home-countdown1 .back-img{ background-position: top; height: 350px; } .home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_timer{ font-size: 22px; } .home-countdown1 .back-img .deal-content a{ margin-top: 30px; } /* newletter css */ .news-letter1 .home-news form { width: 90%; } .news-letter1 .news-img { background-position: bottom; } /* footer css */ .f-logo ul.footer-ul li.footer-li p { max-width: 100%; } .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-info { width: calc(100% - 20px); margin-left: 20px; } /* product page css */ .pro-page .pro-shipping { display: flex; } .pro-page .pro-shipping .product-service { width: 33.33%; margin-left: 30px; margin-top: 30px; } .pro-page .pro-shipping .product-service:first-child { margin-top: 30px; width: 33.33%; margin-left: 0px; } /* about page css */ .about-content .about-title{ width: 70%; } .about-content .about-title h1{ font-size: 24px; } /* cancellation page css */ .cancellation-title h1{ font-size: 24px; } .cancellation-content ul.cancellation{ padding-left: 15px; } /* cart page style-3 css */ .cart-style-3 .c-total ul li.c-all-price{ margin-bottom: 14px; padding-bottom: 14px; } /* checkout style-3 css */ .check-3-start{ margin-left: -20px; } .check-3-start .check-out-3{ width: calc(33.33% - 20px); margin-left: 20px; } /* coming soon page css */ .coming-soon-area .coming-soon-image .coming-timer{ width: 50%; } .coming-soon-area .coming-soon-image .coming-timer p.coming-slogan{ margin-bottom: 20px; } .coming-soon-area .coming-soon-image .coming-timer h3.coming-soon-title{ font-size: 50px; } .coming-soon-area .coming-soon-image .coming-timer span.subscribe{ margin-top: 20px; margin-bottom: 20px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section{ width: 150px; height: 130px; margin-right: 0px; margin-top: 35px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_timer{ font-size: 40px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_title{ font-size: 24px; margin-top: 10px; } /* order complete page css */ .order-area .order-details h4{ font-size: 18px; } /* contact page css */ .map-area .map-title h1{ font-size: 24px; } /* payment page css */ .payment-title h1{ font-size: 24px; } /* privacy policy page css */ .privacy-title h1{ font-size: 24px; } .privacy-content ul{ padding-left: 15px; } /* return page css */ .return-title h1{ font-size: 24px; } /* register page css */ .register-area{ max-width: 70%; } .register-area .register-box h1{ font-size: 24px; } /* login page css */ .login-area{ max-width: 70%; } .login-area .login-box h1{ font-size: 24px; } /* account page css */ .account-title h1{ font-size: 24px; } /* shipping page css */ .shipping-title h1{ font-size: 24px; } /* footer style-1 products list css */ .footer-style-1-pro .header-pro .caption{ width: calc(60% - 15px); margin-left: 15px; } .footer-style-1-pro .header-pro .caption span{ font-size: 13px; } .footer-style-1-pro .header-pro .caption .pro-price{ margin-top: 9px; } .footer-style-1-pro .header-pro .caption .pro-icn{ margin-top: 9px; } /* grid product css */ .grid-list-banner .grid-banner-content{ width: 50%; } .grid-list-banner .grid-banner-content h4{ font-size: 18px; } /* list product css */ .list-product .list-items .caption p.list-description{ margin-top: 2px; } .list-product .list-items .caption .rating{ margin-top: 10px; } .list-product .list-items .caption .pro-price{ margin-top: 12px; } .list-product .list-items .caption .pro-icn{ margin-top: 10px; } .list-product .list-items .caption .pro-icn a.w-c-q-icn i{ width: 35px; height: 35px; font-size: 14px; } /* 4-grid product css */ .grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{ margin-right: 5px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{ margin-left: 5px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i{ width: 35px; height: 35px; font-size: 14px; } /* product page css */ .pro-releted .section-title h2{ font-size: 24px; } .pro-page .pro-image{ flex-direction: column; } .pro-page .pro-image .pro-info h4{ font-size: 18px; } /* search page style-2 list product css */ .search-title h3{ font-size: 24px; } .style-2-list-search-pro-area .search-pro-items .search-img{ width: 32%; } .style-2-list-search-pro-area .search-pro-items .search-caption{ width: 68%; } /* blog style-1 left-right grid blog css */ .blog-style-1-left-grid .blog-start, .blog-style-1-right-grid .blog-start{ width: calc(50% - 20px); } .blog-style-1-full-grid .blog-start .blog-content { padding: 20px; } /* blog left list css */ .blog-style-1-left-list-blog, .blog-style-1-right-blog{ margin-left: -30px; } .blog-style-1-left-list-blog .blog-start:before, .blog-style-1-right-blog .blog-start:before{ width: 50px; height: 50px; font-size: 22px; } .blog-style-1-left-list-blog .blog-start, .blog-style-1-right-blog .blog-start{ width: calc(50% - 30px); } .blog-style-1-left-list-blog .blog-start .blog-content, .blog-style-1-right-blog .blog-start .blog-content, .blog-style-1-left-list-blog .blog-start .blog-image, .blog-style-1-right-blog .blog-start .blog-image{ width: 100%; } .blog-style-1-left-list-blog .blog-start .blog-post, .blog-style-1-right-blog .blog-start .blog-post{ align-items: flex-start; flex-direction: column; } .blog-style-1-left-list-blog .blog-start .blog-content, .blog-style-1-right-blog .blog-start .blog-content{ margin-left: 0px; margin-top: 23px; } .blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit, .blog-style-1-right-blog .blog-start .blog-content .date-comm-adit{ flex-direction: column; align-items: flex-start; margin-top: 13px; padding-top: 20px; } .blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a, .blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a{ margin-top: 12px; } .blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin, .blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin{ margin-top: 12px; } .blog-style-1-left-list-blog .blog-start .blog-content p.blog-description, .blog-style-1-right-blog .blog-start .blog-content p.blog-description{ font-size: 14px; margin-top: 23px; } .blog-style-1-left-list-blog .blog-start .blog-content a.read-link, .blog-style-1-right-blog .blog-start .blog-content a.read-link{ margin-top: 20px; } /* center blog css */ .center-md{ padding: 0px; } /* style-2 left-right-full style 2 grid blog css */ .left-style-2-blog, .right-style-2-blog{ margin-left: -20px; } .left-style-2-blog .blog-start, .right-style-2-blog .blog-start{ width: calc(50% - 20px); margin-left: 20px; } /* left-right-full list blog css */ .right-blog-list-style-2, .left-blog-list-style-2 { margin-left: -30px; display: flex; flex-wrap: wrap; align-items: center; } .right-blog-list-style-2 .blog-start, .left-blog-list-style-2 .blog-start { flex-direction: column; width: calc(50% - 30px); margin-left: 30px; } .left-blog-list-style-2 .blog-start .blog-image, .right-blog-list-style-2 .blog-start .blog-image { width: 100%; } .left-blog-list-style-2 .blog-start .blog-content, .right-blog-list-style-2 .blog-start .blog-content{ width: 100%; padding-top: 30px; margin-left: 0px; } .left-blog-list-style-2 .blog-start .blog-content .blog-title h6, .right-blog-list-style-2 .blog-start .blog-content .blog-title h6{ margin-top: 20px; padding-top: 13px; } .left-blog-list-style-2 .blog-start .blog-content p.blog-description, .right-blog-list-style-2 .blog-start .blog-content p.blog-description{ font-size: 13px; margin-top: 17px; line-height: 22px; } .left-blog-list-style-2 .blog-start .blog-content .more-blog, .right-blog-list-style-2 .blog-start .blog-content .more-blog{ margin-top: 7px; } .full-blog-list-style-2 .blog-start .blog-content .more-blog{ margin-top: 17px; } .left-blog-list-style-2 .blog-start .blog-content .more-blog, .right-blog-list-style-2 .blog-start .blog-content .more-blog { margin-top: 18px; } .full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link, .left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link, .right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link{ font-size: 14px; } /* style-3 full-left-right 3 grid blog css */ .blog-style-3-left-grid, .blog-style-3-right-grid{ margin-left: -20px; } .blog-style-3-left-grid .blog-start, .blog-style-3-right-grid .blog-start{ width: calc(50% - 20px); margin-left: 20px; } .all-page{ margin: 0 auto; } /* full-left-right list blog css */ .left-blog-list-style-3, .right-blog-style-3 { margin-left: -30px; display: flex; align-items: center; } .left-blog-list-style-3 .blog-start, .right-blog-style-3 .blog-start { flex-direction: column; width: calc(50% - 30px); margin-left: 30px; } .left-blog-list-style-3 .blog-start .blog-image, .right-blog-style-3 .blog-start .blog-image { width: 100%; } .left-blog-list-style-3 .blog-start .blog-content, .right-blog-style-3 .blog-start .blog-content{ width: 100%; margin-left: 0px; padding-top: 30px; } .left-blog-list-style-3 .blog-start .blog-content .blog-title h6, .right-blog-style-3 .blog-start .blog-content .blog-title h6{ margin-top: 20px; padding-top: 14px; } .left-blog-list-style-3 .blog-start .blog-content p.blog-description, .right-blog-style-3 .blog-start .blog-content p.blog-description{ margin-top: 17px; } .left-blog-list-style-3 .blog-start .blog-content .more-blog, .right-blog-style-3 .blog-start .blog-content .more-blog{ margin-top: 17px; } .full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link, .left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link, .right-blog-style-3 .blog-start .blog-content .more-blog a.read-link{ font-size: 14px; } /* fulle-left-right blog details css */ .left-blog-details .single-image-carousel .owl-dots, .right-blog-details .single-image-carousel .owl-dots{ bottom: 0px; } /* style-5 full-left-right 3 grid blog css */ .left-blog-style-5, .right-blog-style-5{ margin-left: -20px; } .left-blog-style-5 .blog-start, .right-blog-style-5 .blog-start{ width: calc(50% - 20px); margin-left: 20px; } .all-page{ margin: 0 auto; } /* full-left-right list blog css */ .full-blog-list-style-5 .blog-start .blog-image{ width: 42%; } .full-blog-list-style-5 .blog-start .blog-content{ width: calc(58% - 20px); margin-left: 20px; } .left-blog-list-style-5, .right-blog-list-style-5{ display: flex; flex-wrap: wrap; align-items: center; margin-left: -30px; } .left-blog-list-style-5 .blog-start, .right-blog-list-style-5 .blog-start{ width: calc(50% - 30px); margin-left: 30px; flex-direction: column; } .left-blog-list-style-5 .blog-start .blog-image, .right-blog-list-style-5 .blog-start .blog-image{ width: 100%; } .left-blog-list-style-5 .blog-start .blog-content, .right-blog-list-style-5 .blog-start .blog-content{ width: 100%; margin-left: 0px; } .left-blog-list-style-5 .blog-start .blog-content .blog-date-comment, .right-blog-list-style-5 .blog-start .blog-content .blog-date-comment { background-color: #f5ab1e; padding: 8px 10px; } .left-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date, .right-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date, .left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a, .right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a{ color: #fff; } .full-blog-list-style-5 .blog-start .blog-content .blog-title h6, .left-blog-list-style-5 .blog-start .blog-content .blog-title h6, .right-blog-list-style-5 .blog-start .blog-content .blog-title h6{ margin-top: 23px; } .full-blog-list-style-5 .blog-start .blog-content p.blog-description, .left-blog-list-style-5 .blog-start .blog-content p.blog-description, .right-blog-list-style-5 .blog-start .blog-content p.blog-description{ margin-top: 16px; } .full-blog-list-style-5 .blog-start .blog-content .more-blog, .left-blog-list-style-5 .blog-start .blog-content .more-blog, .right-blog-list-style-5 .blog-start .blog-content .more-blog{ margin-top: 15px; } /* full-left-right blog details css */ /* full-left-right 3 grid css */ .blog-style-6-left-3-grid .blog-start, .blog-style-6-right-3-grid .blog-start{ width: calc(50% - 30px); } /* full-left-right list blog css */ .left-blog-list-style-6, .right-blog-list-style-6 { margin-left: -30px; } .left-blog-list-style-6 .blog-start, .right-blog-list-style-6 .blog-start { width: calc(50% - 30px); margin-left: 30px; flex-direction: column; } .left-blog-list-style-6 .blog-start .blog-image, .right-blog-list-style-6 .blog-start .blog-image { width: 100%; } .left-blog-list-style-6 .blog-start .blog-content, .right-blog-list-style-6 .blog-start .blog-content{ width: 100%; padding-top: 23px; margin-left: 0px; } /* style-7 full-left-right 3 grid css */ .blog-style-7-left-grid-blog, .blog-style-7-right-grid-blog{ margin-left: -20px; } .blog-style-7-left-grid-blog .blog-start, .blog-style-7-right-grid-blog .blog-start{ width: calc(50% - 20px); margin-left: 20px; } /* full-left-right list blog css */ .blog-style-7-left-list-blog .blog-start .blog-content, .blog-style-7-right-list-blog .blog-start .blog-content{ width: calc(50% - 20px); margin-left: 20px; } } /*===================================== ipad css ======================================*/ @media (max-width: 991px){ /* section title css */ .section-title h2 { margin-bottom: 40px; } /* btn style css */ .btn-style1 { padding: 8px 25px; } /* slider css */ .slider .home-slider .img-back .h-s-content{ bottom: 35%; width: 60%; transform: translateY(35%); } .slider .home-slider .img-back .h-s-content.slide-c-r { right: 8%; } .slider .home-slider .img-back .h-s-content h1 { font-size: 35px; margin-top: 9px; } .slider .home-slider .img-back .h-s-content a { margin-top: 16px; } /* carousel button css */ .slider .home-slider .owl-nav button.owl-prev { left: 20px; } .slider .home-slider .owl-nav button.owl-next { right: 20px; } .h-t-products1 .trending-products .owl-nav button.owl-prev, .testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-prev{ left: -10px; } .h-t-products1 .trending-products .owl-nav button.owl-next, .testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-next{ right: -10px; } /* grid banner css */ .t-banner1 .home-offer-banner .o-t-banner .o-t-content { left: 15px; } /* trending product css */ .h-t-products1 .trending-products .owl-nav button.owl-prev{ left: -10px; } .h-t-products1 .trending-products .owl-nav button.owl-next{ right: -10px; } .tred-pro .pro-icn{ bottom: 10px; } .tred-pro .pro-icn a.w-c-q-icn i{ opacity: 1; visibility: visible; } .tred-pro:hover .pro-icn a.w-c-q-icn:first-child, .tred-pro .pro-icn a.w-c-q-icn:first-child{ transform: translateX(0px); margin-right: 5px; } .tred-pro:hover .pro-icn a.w-c-q-icn:last-child, .tred-pro .pro-icn a.w-c-q-icn:last-child{ transform: translateX(0px); margin-left: 5px; } .caption .rating{ margin-top: 10px; } /* deal countdown css */ .home-countdown1 .back-img{ height: 350px; } .home-countdown1 .back-img .deal-content span.deal-c{ font-size: 14px; } .home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_timer{ font-size: 24px; } /* blog css */ .blog1 .home-blog .blog-start .blog-content { padding: 20px; } /* new letter css */ .news-letter1 .news-img { background-position: top; } .news-letter1 .home-news{ width: 70%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .news-letter1 .home-news .news h2.news-title{ font-size: 20px; } /*-------------------------- footer css ---------------------------*/ /* service css */ .footer-service ul.service-ul li.service-li{ flex-direction: column; } .footer-service ul.service-ul li.service-li a{ margin-right: 0; margin-bottom: 15px; } .footer-service ul.service-ul li.service-li a::before{ left: 0; bottom: 0px; width: 2px; height: 15px; margin: 0 auto; } .footer-service ul.service-ul li.service-li:hover a::before{ right: 0; bottom: -15px; } /* company detail css */ .f-logo ul.footer-ul{ align-items: center; margin-left: -15px; margin-top: -20px; } .f-logo ul.footer-ul li.footer-li{ width: calc(50% - 15px); margin-top: 20px; margin-left: 15px; display: flex; align-items: center; } .f-logo ul.footer-ul li.footer-li.footer-logo{ width: calc(50% - 15px); margin-top: 20px; text-align: center; padding-right: 0px; } /* footer copyright css */ .footer-copyright ul.f-bottom{ margin-left: -15px; margin-top: -15px; } .footer-copyright ul.f-bottom li.f-c{ width: calc(100% - 15px); margin-left: 15px; margin-top: 15px; } .footer-copyright ul.f-bottom li.f-payment{ text-align: center; } .footer-copyright ul.f-bottom li.f-copyright{ order: 1; text-align: center; margin-top: 10px; } /* about page css */ .about-counter .text-center .counter{ width: 50%; } .about-counter .text-center .counter:nth-child(2){ border-right: none; } .about-counter .text-center .counter:nth-child(3), .about-counter .text-center .counter:nth-child(4){ border-top: 1px solid #fff; } .about-counter .text-center .count-title{ font-size: 40px; } /* billing page css */ .billing-area .billing-title h4{ font-size: 18px; } /* cancellation page css */ .cancellation-title h1{ font-size: 20px; } /* cart page css */ .cart-total { margin-top: 30px; } .cart-area .cart-details .cart-all-pro .cart-pro{ width: 100%; margin-bottom: 20px; } .cart-area .cart-details .cart-all-pro .qty-item{ width: 60%; } .cart-area .cart-details .cart-all-pro .all-pro-price{ width: 40%; } .cart-area .cart-details .cart-all-pro .qty-item .center{ width: 100%; display: flex; align-items: center; justify-content: space-between; } .cart-area .cart-details .cart-all-pro .qty-item .plus-minus{ margin-top: 0px; } .cart-area .cart-details .cart-all-pro .qty-item .center a.pro-remove{ margin-top: 0px; } /* cart style-3 css */ .cart-style-3 .c-total .recive-details form .form-1 ul li{ width: calc(50% - 15px); } .cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments a.btn-style1{ width: 100%; } /* faq page css */ .faq-box { margin-left: 0px; margin-top: -16px; } .faq-box ul.faq-ul { width: 100%; margin-left: 0px; margin-top: 0px; } /* coming soon page css */ .coming-soon-area .coming-soon-image .coming-timer p.coming-slogan{ margin-bottom: 20px; } .coming-soon-area .coming-soon-image .coming-timer h3.coming-soon-title{ font-size: 40px; } .coming-soon-area .coming-soon-image ul.contdown_row{ right: 0px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section{ width: 120px; height: 100px; margin-top: 20px; margin-right: 10px; border-radius: 35px 35px 35px 0px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_timer{ font-size: 25px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_title{ font-size: 16px; margin-top: 5px; } /* forgot password page css */ .forgat-password-area{ width: 70%; } .forgat-password-area h4.forgot-title{ font-size: 16px; } .forgat-password-area .forgot-p span.forgot{ padding: 13px; } .forgat-password-area .forgot-p a.forgot-link{ padding: 13px; } .forgat-password-area .forgot-p a.forgot-link span{ padding: 5px 10px; } .forgat-password-area .forgot-p a.forgot-link span i{ font-size: 15px; } /* contact page css */ .map-area .map-title h1{ font-size: 20px; } .map-area .map-details .contact-info .contact-details h4{ font-size: 16px; } /* payment page css */ .payment-title h1{ font-size: 20px; } /* privacy policy page css */ .privacy-title h1{ font-size: 20px; } /* return page css */ .return-title h1{ font-size: 20px; } /* terms condition page css */ .terms-content ul.terms-policy li h2{ font-size: 20px; } /* wishlist page css */ .wishlist-area { padding-bottom: 16px; } .wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro{ width: 100%; margin-bottom: 15px; } .wishlist-area .wishlist-details .wishlist-all-pro .qty-item{ width: 50%; display: flex; flex-direction: column; align-items: flex-start; } .wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price{ width: 50%; } /* sitemap page css */ .sit-map-area ul.site-map-main{ width: 50%; } .sit-map-area ul.site-map-main:nth-child(1), .sit-map-area ul.site-map-main:nth-child(2){ margin-top: 0px; } .sit-map-area ul.site-map-main:nth-child(3){ margin-top: 30px; } .sit-map-area ul.site-map-main li.site-main-title a.site-title{ font-size: 16px; } .sit-map-area ul.site-map-main li.site-main-title ul.site-main-link a.shop-main{ font-size: 14px; } /* register page css */ .register-area{ max-width: 100%; } .register-area .register-box h1{ font-size: 20px; } /* login page css */ .login-area{ max-width: 100%; } .login-area .login-box h1{ font-size: 20px; } /* account page css */ .account-title h1{ font-size: 20px; } /* address page css */ .address-title h1{ font-size: 20px; } .add-area .add-title h4{ font-size: 16px; } /* shipping page css */ .shipping-title h1{ font-size: 20px; } /* header style-1 product css */ .header-style-pro .header-pro{ width: calc(33.33% - 30px); } .header-style-pro .header-pro:nth-child(4){ margin-top: 30px; } /* footer style-1 products list css */ .footer-style-1-pro{ margin-left: 0px; } .footer-style-1-pro .header-pro{ width: 100%; margin-left: 0px; } .footer-style-1-pro .header-pro:nth-child(2){ margin-top: 30px; } .footer-style-1-pro .header-pro .tred-pro{ width: 25%; } .footer-style-1-pro .header-pro .caption{ width: calc(75% - 15px); } /* ckeckout page css */ .checkout-area{ margin-left: -20px; } .checkout-area .billing-area{ width: calc(55% - 20px); margin-left: 20px; } .checkout-area .order-area{ width: calc(45% - 20px); margin-left: 20px; } .checkout-area .billing-area form h2{ font-size: 20px; } .checkout-area .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li{ width: 100%; margin-left: 0px; margin-top: 15px; } .checkout-area .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li:first-child{ width: 100%; margin-top: 0px; } .checkout-area .billing-area .billing-details form h2{ font-size: 20px; } .checkout-area .order-area .check-pro ul.check-ul li .check-pro-img{ width: 35%; } .checkout-area .order-area .check-pro ul.check-ul li .check-content{ width: 65%; } /* checkout style-2 css */ .checkout-style-2 .billing-area form h2{ font-size: 20px; } .checkout-style-2 .billing-area .billing-details form h2{ font-size: 20px; } .checkout-style-2 .order-area .check-pro h2{ font-size: 20px; } /* checkout style-3 css */ .check-3 h2.style-3-title{ font-size: 24px; } .check-3-start{ margin-left: 0px; margin-top: -20px; flex-direction: column; } .check-3-start .check-out-3{ width: 100%; margin-left: 0px; margin-top: 20px; } /* list product css */ .list-product .list-items .tred-pro{ width: 40%; } .list-product .list-items .caption{ width: calc(60% - 15px); margin-left: 15px; } .list-product .list-items .caption p.list-description{ margin-top: 8px; height: 60px; overflow: hidden; } .list-product .list-items .caption .rating{ margin-top: 16px; } .list-product .list-items .caption .pro-price{ margin-top: 16px; } .list-product .list-items .caption .pro-icn{ margin-top: 14px; } /* grid list icn css */ .grid-list-area .grid-list-select ul.grid-list li.colloction-icn.four-grid, .grid-2-product .grid-list-select ul.grid-list li.colloction-icn.four-grid, .grid-list-area .grid-list-select ul.grid-list li.colloction-icn.four-grid, .grid-4-product .grid-list-select ul.grid-list li.colloction-icn.four-grid{ display: none; } /* grid list css */ .grid-list-area .grid-pro ul.grid-product li.grid-items{ width: calc(50% - 30px); } .grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{ margin-right: 3px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{ margin-left: 3px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i{ width: 35px; height: 35px; font-size: 14px; } /* 2-grid Products css */ .grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{ margin-right: 3px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{ margin-left: 3px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i{ width: 35px; height: 35px; font-size: 14px; } /* 4-grid product css */ .grid-4-product .grid-pro ul.grid-product{ margin-left: -20px; } .grid-4-product .grid-pro ul.grid-product li.grid-items{ width: calc(33.33% - 20px); margin-left: 20px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro{ margin-top: 20px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .caption{ padding-top: 10px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating{ margin-top: 9px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price{ margin-top: 11px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price{ font-size: 15px; } .grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price{ font-size: 13px; } /* product page css */ .pro-releted .section-title h2{ font-size: 20px; } .pro-page .pro-image .pro-info h4{ font-size: 16px; } .pro-page .pro-image .pro-info .pro-btn a { padding: 10px 20px; } .pro-page .pro-shipping .product-service { padding: 15px; } .pro-page .pro-shipping .product-service { margin-left: 20px; } .pro-page .pro-shipping .product-service p { margin-top: 12px; font-size: 13px; } .pro-page .pro-shipping .product-service .icon-title h4 { font-size: 14px; margin-left: 15px; } .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item { margin-right: 50px; } .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link { padding: 10px 20px; } /* search page css */ .search-pro-area .search-pro-items{ width: calc(33.33% - 30px); } /* search left column */ .search-category .select-category h4.search-cat-title{ font-size: 16px; } .search-category .search-pro-color h4.search-cate-color{ font-size: 16px; } .search-category .search-pro h4{ font-size: 16px; } .search-category .search-pro .search-pro-main .search-main-caption a{ font-size: 13px; } .search-category .search-pro .search-pro-main .search-main-caption span.search-all-price span.search-n-p{ font-size: 13px; } /* style-2 search pro css */ .style-2-search-pro-area .search-pro-items{ width: calc(50% - 30px); } .style-2-search-pro-area .search-pro-items:nth-child(3){ margin-top: 30px; } /* style-2 list search product css */ .search-title h3{ font-size: 20px; } .search-category{ margin-bottom: 20px; } /* left right column css */ .left-column .blog-search h4{ font-size: 16px; } .right-area .right-column-start h4{ font-size: 16px; } /* style-1 full blog grid css */ .blog-style-1-full-grid .blog-start{ width: calc(50% - 30px); } /* left-right blog grid css */ .blog-style-1-left-grid, .blog-style-1-right-grid{ margin-left: 0px; } .blog-style-1-left-grid .blog-start, .blog-style-1-right-grid .blog-start{ width: 100%; margin-left: 0px; } /* full blog list css */ .blog-style-1-list .blog-start{ width: calc(50% - 30px); } .blog-style-1-list .blog-start .blog-post{ align-items: flex-start; flex-direction: column; } .blog-style-1-list .blog-start .blog-content, .blog-style-1-list .blog-start .blog-image{ width: 100%; } .blog-style-1-list .blog-start .blog-content{ margin-left: 0; margin-top: 23px; } .blog-style-1-list .blog-start .blog-content .date-comm-adit{ flex-direction: column; align-items: flex-start; margin-top: 13px; padding-top: 20px; } .blog-style-1-list .blog-start .blog-content .date-comm-adit a{ margin-top: 13px; } .blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin{ margin-top: 12px; } .blog-style-1-list .blog-start .blog-content p.blog-description{ margin-top: 23px; } .blog-style-1-list .blog-start .blog-content a.read-link{ margin-top: 20px; } /* left-right blog list css */ .blog-style-1-left-list-blog .blog-start .blog-post, .blog-style-1-right-blog .blog-start .blog-post{ flex-direction: column; } .blog-style-1-left-list-blog .blog-start, .blog-style-1-right-blog .blog-start, .blog-style-1-left-list-blog .blog-start .blog-image, .blog-style-1-right-blog .blog-start .blog-image{ width: 100%; } /* full-left-right details css */ .blog-style-1-left-details, .blog-style-1-right-details{ margin-top: 30px; } .blog-style-1-details .single-blog-content .single-b-title h4, .blog-style-1-left-details .single-blog-content .single-b-title h4, .blog-style-1-right-details .single-blog-content .single-b-title h4{ font-size: 18px; } .blog-style-1-details .single-blog-content .blog-comments h4, .blog-style-1-left-details .single-blog-content .blog-comments h4, .blog-style-1-right-details .single-blog-content .blog-comments h4{ font-size: 16px; } .blog-style-1-details .single-blog-content .comments-form h4, .blog-style-1-left-details .single-blog-content .comments-form h4, .blog-style-1-right-details .single-blog-content .comments-form h4{ font-size: 16px; } /* center blog css */ .center-right-area{ margin-top: 30px; } .center-md{ padding: 0px 15px; } .cetner-blog-area .blog-start{ margin-top: 20px; } .right-area.style-1{ margin-top: 28px; } /* style-2 left-right-full grid blog css */ .left-blog-area, .right-blog-area{ margin-top: 30px; } .full-blog-style-2 .blog-start{ width: calc(50% - 30px); } .left-style-2-blog, .right-style-2-blog{ margin-left: 0px; } .left-style-2-blog .blog-start, .right-style-2-blog .blog-start{ width: 100%; margin-left: 0px; } /* style 2 left-right-full list blog css */ .full-blog-list-style-2 { display: flex; flex-wrap: wrap; align-items: center; margin-left: -30px; } .full-blog-list-style-2 .blog-start { width: calc(50% - 30px); margin-left: 30px; flex-direction: column; } .full-blog-list-style-2 .blog-start .blog-image { width: 100%; } .full-blog-list-style-2 .blog-start .blog-content{ width: 100%; padding-top: 30px; margin-left: 0px; } .left-blog-list-style-2, .right-blog-list-style-2 { margin-left: 0px; } .left-blog-list-style-2 .blog-start, .right-blog-list-style-2 .blog-start{ width: 100%; margin-left: 0px; flex-direction: column; } .left-blog-list-style-2 .blog-start .blog-image, .right-blog-list-style-2 .blog-start .blog-image{ width: 100%; } .left-blog-list-style-2 .blog-start .blog-content, .right-blog-list-style-2 .blog-start .blog-content{ width: 100%; margin-left: 0px; } .full-blog-list-style-2 .blog-start .blog-content .blog-title h6 { margin-top: 20px; padding-top: 13px; } .full-blog-list-style-2 .blog-start .blog-content .more-blog { margin-top: 17px; } .full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link, .left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link, .right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link{ font-size: 14px; } /* left-right-full details blog css */ .style-2-full-blog-area .single-blog-content .single-b-title h4, .style-2-right-blog-details .single-blog-content .single-b-title h4, .style-2-left-blog-details .single-blog-content .single-b-title h4{ font-size: 18px; } .style-2-full-blog-area .single-blog-content .blog-comments h4, .style-2-right-blog-details .single-blog-content .blog-comments h4, .style-2-left-blog-details .single-blog-content .blog-comments h4{ font-size: 16px; } .style-2-full-blog-area .single-blog-content .comments-form h4, .style-2-right-blog-details .single-blog-content .comments-form h4, .style-2-left-blog-details .single-blog-content .comments-form h4{ font-size: 16px; } /* left right details blog css */ .style-2-right-column{ flex-direction: column-reverse; } .style-2-right-blog-details, .style-2-left-blog-details{ margin-top: 30px; } /* style-2 center blog css */ .right-area.style-2-center-blog.style-2{ margin-top: 30px; } .center-md{ padding: 0px 15px; } /* style-3 full-left-right grid blog css */ .full-blog-style-3 .blog-start{ width: calc(50% - 30px); } .blog-style-3-left-grid, .blog-style-3-right-grid{ margin-left: 0px; } .blog-style-3-left-grid .blog-start, .blog-style-3-right-grid .blog-start{ width: 100%; margin-left: 0px; } /* style-3 full-left-right list blog css */ .full-blog-list-style-3 { margin-left: -30px; } .full-blog-list-style-3 .blog-start { width: calc(50% - 30px); margin-left: 30px; flex-direction: column; } .full-blog-list-style-3 .blog-start .blog-image { width: 100%; } .full-blog-list-style-3 .blog-start .blog-content { width: 100%; margin-left: 0px; } .full-blog-list-style-3 .blog-start .blog-content .blog-title h6{ margin-top: 20px; padding-top: 14px; } .full-blog-list-style-3 .blog-start .blog-content p.blog-description{ margin-top: 17px; } .full-blog-list-style-3 .blog-start .blog-content .more-blog{ margin-top: 17px; } .full-blog-list-style-3 .blog-start .blog-content{ width: 100%; padding-top: 30px; margin-left: 0px; } .left-blog-list-style-3, .right-blog-style-3 { margin-left: 0px; } .left-blog-list-style-3 .blog-start, .right-blog-style-3 .blog-start{ width: 100%; margin-left: 0px; flex-direction: column; } .left-blog-list-style-3 .blog-start .blog-image, .right-blog-style-3 .blog-start .blog-image{ width: 100%; } .left-blog-list-style-3 .blog-start .blog-content, .right-blog-style-3 .blog-start .blog-content{ width: 100%; margin-left: 0px; } /* style-3 full-left-right blog details css */ .style-3-details{ flex-direction: column-reverse; } .left-blog-details, .right-blog-details{ margin-top: 30px; } .blog-page .full-blog-details .single-image-carousel .owl-dots{ bottom: 0px; } .full-blog-details .single-blog-content .single-b-title h4, .left-blog-details .single-blog-content .single-b-title h4, .right-blog-details .single-blog-content .single-b-title h4{ font-size: 18px; } .full-blog-details .single-blog-content .blog-comments h4, .left-blog-details .single-blog-content .blog-comments h4, .right-blog-details .single-blog-content .blog-comments h4{ font-size: 16px; } .full-blog-details .single-blog-content .comments-form h4, .left-blog-details .single-blog-content .comments-form h4, .right-blog-details .single-blog-content .comments-form h4{ font-size: 16px; } /* style-3 center blog css */ .center-right-area{ margin-top: 30px; } .center-md{ padding: 0px 15px; } /* style-5 full-left-right grid blog css */ .left-blog-area, .right-blog-area{ margin-top: 30px; } .full-blog-style-5 .blog-start{ width: calc(50% - 30px); } .left-blog-style-5, .right-blog-style-5{ margin-left: 0px; } .left-blog-style-5 .blog-start, .right-blog-style-5 .blog-start{ width: 100%; margin-left: 0px; } .full-blog-style-5 .blog-start .blog-image a img{ width: 100%; } .left-blog-style-5 .blog-start .blog-image a img, .right-blog-style-5 .blog-start .blog-image a img{ width: 100%; } /* style-5 full-left-right list blog css */ .full-blog-list-style-5 .blog-start .blog-image{ width: 45%; } .full-blog-list-style-5 .blog-start .blog-content{ width: calc(55% - 20px); } .left-blog-list-style-5, .right-blog-list-style-5 { margin-left: 0px; } .left-blog-list-style-5 .blog-start, .right-blog-list-style-5 .blog-start{ width: 100%; margin-left: 0px; margin-bottom: 20px; padding-bottom: 20px; } .left-blog-list-style-5 .blog-start .blog-image, .right-blog-list-style-5 .blog-start .blog-image{ width: 100%; } .left-blog-list-style-5 .blog-start .blog-image a img, .right-blog-list-style-5 .blog-start .blog-image a img{ width: 100%; } .left-blog-list-style-5 .blog-start .blog-content, .right-blog-list-style-5 .blog-start .blog-content{ width: 100%; margin-left: 0px; } /* style-5 full-left-right details blog css */ .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1, .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2{ width: 100%; margin-right: 0px; } .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2{ margin-top: 30px; } .blog-style-5-details .single-blog-content .single-b-title h4, .style-5-left-blog-details .single-blog-content .single-b-title h4, .style-5-right-blog-details .single-blog-content .single-b-title h4{ font-size: 18px; } .blog-style-5-details .single-blog-content .blog-info h4, .style-5-left-blog-details .single-blog-content .blog-info h4, .style-5-right-blog-details .single-blog-content .blog-info h4{ font-size: 16px; } .blog-style-5-details .single-blog-content .blog-comments h4, .style-5-left-blog-details .single-blog-content .blog-comments h4, .style-5-right-blog-details .single-blog-content .blog-comments h4{ font-size: 16px; } /* style-5 center blog css */ .style-5-center-blog{ margin-top: 30px; } .center-md{ padding: 0px 15px; } /* style-6 full-left-right grid css */ .blog-style-6-3-grid, .blog-style-6-left-3-grid, .blog-style-6-right-3-grid{ margin-top: -20px; } .blog-style-6-3-grid .blog-start{ width: calc(50% - 30px); margin-top: 20px; } .blog-style-6-left-3-grid, .blog-style-6-right-3-grid{ margin-left: 0px; } .blog-style-6-left-3-grid .blog-start, .blog-style-6-right-3-grid .blog-start{ width: 100%; margin-left: 0px; margin-top: 30px; } /* style-6 full-left-right list blog css */ .left-blog-list-style-6 .blog-start, .right-blog-list-style-6 .blog-start{ flex-direction: column; margin-bottom: 15px; padding-bottom: 15px; } .left-blog-list-style-6 .blog-start .blog-image, .right-blog-list-style-6 .blog-start .blog-image{ width: 100%; } .left-blog-list-style-6 .blog-start .blog-content, .right-blog-list-style-6 .blog-start .blog-content{ width: 100%; margin-left: 0px; } .full-blog-list-style-6 .blog-start .blog-content{ width: calc(50% - 20px); margin-left: 20px; } .full-blog-details-style-6 .single-blog-content .single-b-title h4, .left-blog-details-style-6 .single-blog-content .single-b-title h4, .right-blog-details-style-6 .single-blog-content .single-b-title h4{ font-size: 18px; } .full-blog-details-style-6 .single-blog-content .blog-comments h4, .left-blog-details-style-6 .single-blog-content .blog-comments h4, .right-blog-details-style-6 .single-blog-content .blog-comments h4{ font-size: 16px; } .full-blog-details-style-6 .single-blog-content .comments-form h4, .left-blog-details-style-6 .single-blog-content .comments-form h4, .right-blog-details-style-6 .single-blog-content .comments-form h4{ font-size: 16px; } /* full-left-right details blog css */ .style-6-right-column{ flex-direction: column-reverse; } .left-blog-details-style-6, .right-blog-details-style-6{ margin-top: 30px; } .right-blog-details-style-6 .single-blog-content .last-video, .left-blog-details-style-6 .single-blog-content .last-video{ flex-direction: column; margin-right: 0px; } .right-blog-details-style-6 .single-blog-content .last-video .video, .left-blog-details-style-6 .single-blog-content .last-video .video{ margin-top: 30px; margin-right: 0px; } .right-blog-details-style-6 .single-blog-content .last-video .video:first-child, .left-blog-details-style-6 .single-blog-content .last-video .video:first-child{ margin-top: 0px; } /* style-6 center blog css */ .center-md{ padding: 0px 15px; } .center-right-area{ margin-top: 30px; } /* style-7 full-left-right grid css */ .blog-style-7-3-grid .blog-start{ width: calc(50% - 30px); } .blog-style-7-left-grid-blog, .blog-style-7-right-grid-blog{ margin-left: 0px; } .blog-style-7-left-grid-blog .blog-start, .blog-style-7-right-grid-blog .blog-start{ width: 100%; margin-left: 0px; } .blog-style-7-left-grid-blog .blog-image a img, .blog-style-7-right-grid-blog .blog-start .blog-image a img{ width: 100%; } /* style-7 full-left-right list blog css */ .left-blog-list-style-6, .right-blog-list-style-6 { margin-left: 0px; } .left-blog-list-style-6 .blog-start, .right-blog-list-style-6 .blog-start{ width: 100%; margin-left: 0px; margin-bottom: 20px; padding-bottom: 20px; } .full-blog-list-style-7 .blog-start .blog-image{ width: 50%; } .full-blog-list-style-7 .blog-start .blog-content{ width: calc(50% - 20px); margin-left: 20px; } .blog-style-7-left-list-blog .blog-start, .blog-style-7-right-list-blog .blog-start{ flex-direction: column; } .blog-style-7-left-list-blog .blog-start .blog-image, .blog-style-7-right-list-blog .blog-start .blog-image{ width: 100%; } .blog-style-7-left-list-blog .blog-start .blog-content, .blog-style-7-right-list-blog .blog-start .blog-content{ width: 100%; margin-left: 0px; margin-top: 23px; } .blog-style-7-left-list-blog .blog-start .blog-image a img, .blog-style-7-right-list-blog .blog-start .blog-image a img{ width: 100%; } /* style-7 full-left-right blog details css */ .blog-style-7-right-column{ flex-direction: column-reverse; } .left-blog-details-style7, .right-blog-details-style7{ margin-top: 30px; } .full-blog-details-style-7 .single-blog-content .single-b-title h4, .left-blog-details-style7 .single-blog-content .single-b-title h4, .right-blog-details-style7 .single-blog-content .single-b-title h4{ font-size: 18px; } .full-blog-details-style-7 .single-blog-content .blog-comments h4, .left-blog-details-style7 .single-blog-content .blog-comments h4, .right-blog-details-style7 .single-blog-content .blog-comments h4{ font-size: 16px; } .full-blog-details-style-7 .single-blog-content .comments-form h4, .left-blog-details-style7 .single-blog-content .comments-form h4, .right-blog-details-style7 .single-blog-content .comments-form h4{ font-size: 16px; } .left-blog-details-style7 .single-blog-content .blog-img, .right-blog-details-style7 .single-blog-content .blog-img{ margin-left: 0px; flex-direction: column; } .left-blog-details-style7 .single-blog-content .blog-img .b-image1, .right-blog-details-style7 .single-blog-content .blog-img .b-image1{ width: 100%; margin-left: 0px; margin-top: 30px; } .left-blog-details-style7 .single-blog-content .blog-img .b-image1:first-child, .right-blog-details-style7 .single-blog-content .blog-img .b-image1:first-child{ margin-top: 0px; } /* style-7 cemter blog css */ .center-md { padding: 0px 15px; } /* order history page css */ .order-histry-area .order-history .profile { width: calc(100% - 30px); } .order-histry-area .order-history .order-info { width: calc(100% - 30px); margin-top: 30px; } /* profile page css */ .order-histry-area .order-history .profile-form { width: calc(100% - 30px); margin-top: 25px; } /* profile wishlist page css */ .order-histry-area .order-history .profile-wishlist { width: calc(100% - 30px); margin-top: 30px; } /* profile wishlist page css */ .order-histry-area .order-history .profile-tickets { width: calc(100% - 30px); margin-top: 30px; } } /*===================================== iphone css ======================================*/ @media (max-width: 767px){ .container{ padding-left: 15px; padding-right: 15px; } /* btn style css */ .btn-style1 { padding: 8px 25px; } .btn-style2 { padding: 8px 25px; } /* section padding css */ .section-t-padding{ padding-top: 50px; } .section-b-padding{ padding-bottom: 50px; } .section-tb-padding{ padding-top: 50px; padding-bottom: 50px; } /* section title css */ .section-title h2{ font-size: 20px; margin-bottom: 20px; } /* header top css */ .header-main-area .header-main .header-element.logo { width: 50%; } .header-main-area .header-main .header-element.search-wrap{ display: block; position: absolute; right: 15px; top: 15px; } .header-main-area .header-main .search-wrap input {height: 30px;} .header-main-area .header-main .search-wrap a {width: 30px;} .header-main-area .header-main .header-element.right-block-box { width: 50%; } /* carousel button css */ .h-t-products1 .trending-products .owl-nav button.owl-prev, .testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-prev{ left: -10px; } .h-t-products1 .trending-products .owl-nav button.owl-next, .testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-next{ right: -10px; } /* swiper button css */ .pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next { right: -15px; } .pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev { left: -15px; } /* top css */ .top1 ul.top-home li.top-home-li{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .top1 ul.top-home li.top-home-li.t-content{ display: none; } .top1 ul.top-home li.top-home-li .r-search{ display: block; } /* header top css */ .header-top .top-header{ padding: 10px 0px; } .header-top .top-header .top-h{ width: 50%; } .header-top .top-header .search{ display: none; } .header-top .top-header .top-h.account a.h-icn i{ font-size: 20px; } .header-top .top-header .top-h.account .head-icon{ margin-left: 15px; } .header-top .top-header .top-h.account .head-icon span.counter{ left: 11px; } /* slider css */ .slider .home-slider.owl-carousel .owl-item:nth-child(1) .img-back{ background-position: right 60% bottom; } .slider .home-slider.owl-carousel .owl-item:nth-child(2) .img-back{ background-position: left 65% bottom; } .slider .home-slider .img-back .h-s-content{ width: 80%; bottom: 40%; transform: translateY(40%); } .slider .home-slider .img-back .h-s-content.slide-c-l{ left: 5%; } .slider .home-slider .img-back .h-s-content.slide-c-r{ right: 5%; } .slider .home-slider .img-back .h-s-content.slide-c-c{ left: 5%; right: 5%; } .slider .home-slider .img-back .h-s-content span{ font-size: 16px; } .slider .home-slider .img-back .h-s-content h1{ font-size: 28px; margin-top: 13px; } .slider .home-slider .img-back .h-s-content a { margin-top: 18px; } .slider .home-slider.owl-theme .owl-nav{ display: none; } /* two banner css */ .t-banner1 .home-offer-banner{ margin-left: -15px; } .t-banner1 .home-offer-banner .o-t-banner{ width: calc(100% - 15px); margin-left: 15px; margin-top: 15px; } .t-banner1 .home-offer-banner .o-t-banner:first-child{ margin-top: 0px; } .t-banner1 .home-offer-banner .o-t-banner .o-t-content{ left: 15px; width: 60%; } .t-banner1 .home-offer-banner .o-t-banner .o-t-content a{ margin-top: 12px; } /* category image css */ .home-category.owl-carousel .owl-nav button{ opacity: 1; visibility: visible; } .home-category.owl-carousel .owl-nav button.owl-prev{ left: -10px; } .home-category.owl-carousel .owl-nav button.owl-next{ right: -10px; } /* trending product css */ .tred-pro .pro-icn a.w-c-q-icn i{ width: 35px; height: 35px; font-size: 14px; } .caption .pro-price span.new-price{ display: block; } .caption{ padding-top: 10px; } .caption .rating{ margin-top: 8px; } /* quick view css */ .quick-view .modal .modal-dialog{ max-width: 570px; max-height: 100%; display: flex; overflow: auto; } .quick-view .modal .modal-dialog .modal-content .quick-veiw-area{ flex-direction: column; } .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image{ width: 100%; } .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption{ width: 100%; margin-left: 0px; margin-top: 15px; } .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption h4{ font-size: 16px; } .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price{ margin-top: 7px; } .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating{ margin-top: 8px; } /* deal countdown css */ .home-countdown1 .back-img{ height: 350px; } .home-countdown1 .back-img .deal-content span.deal-c{ font-size: 14px; } .home-countdown1 .back-img .deal-content h2{ margin-top: 5px; font-size: 18px; } .home-countdown1 .back-img .deal-content ul.contdown_row{ margin-top: 11px; } .home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section{ width: 60px; height: 60px; } .home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_timer{ font-size: 20px; } .home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section:after{ font-size: 20px; } .home-countdown1 .back-img .deal-content a{ margin-top: 18px; } /* our product tab css */ .home-pro-tab{ padding: 0px; } .our-products-tab ul.nav.nav-tabs{ display: grid; text-align: center; margin-top: 20px; margin-bottom: 20px; } .our-products-tab ul.nav.nav-tabs li.nav-item{ margin-right: 0px; margin-bottom: 10px; } .our-products-tab ul.nav.nav-tabs li.nav-item:last-child{ margin-bottom: 0px; } .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{ margin-right: 5px; } .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{ margin-left: 5px; } .tab-product .tred-pro .Pro-lable span.p-text, .tab-product .tred-pro .Pro-lable span.p-discount, .tred-pro .Pro-lable span.p-text, .tred-pro .Pro-lable span.p-discount{ font-size: 12px; padding: 1px 5px 1px 12px; } .h-t-pro .caption{ padding-top: 10px; } .caption .pro-price span.new-price{ display: block; } /* testimonial css */ .testimonial-bg1 .testi-m .testimonial-area{ padding: 15px; } .testimonial-bg1 .testi-m .testimonial-area:after{ top: 15px; } .testimonial-bg1 .testi-m .testimonial-area p{ margin-top: 6px; } .testimonial-bg1 .testi-m .testimonial-area .testi-name{ margin-top: 5px; } /* blog css */ .blog1 .home-blog .blog-start .blog-content p.blog-description{ margin-top: 8px; } .blog1 .all-blog{ margin-top: 20px; } /* news letter css */ .news-letter1 .home-news h2{ font-size: 20px; } .news-letter1 .home-news form{ display: flex; flex-direction: column; align-items: center; margin-top: 12px; border-radius: 0; overflow: unset; } .news-letter1 .home-news form button{ display: none; margin-top: 20px; position: unset; } .news-letter1 .home-news form button.news-sub{ display: block; } /*-------------------------- Footer css ---------------------------*/ /* service css */ .footer-service ul.service-ul{ margin-top: -15px; } .footer-service ul.service-ul li.service-li{ width: calc(50% - 15px); margin-top: 15px; flex-direction: row; } .footer-service ul.service-ul li.service-li a{ margin-bottom: 0; margin-right: 15px; } .footer-service ul.service-ul li.service-li a::before{ left: auto; bottom: 50%; width: 15px; height: 2px; margin: 0 auto; } .footer-service ul.service-ul li.service-li:hover a::before{ right: -15px; bottom: auto; } /* company detail css */ .f-logo ul.footer-ul li.footer-li{ width: calc(50% - 15px); padding-right: 0px; } .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li h6{ font-size: 14px; } /* newslatter popup css */ .vegist-popup .modal-dialog{ padding: 15px; } .vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter{ padding: 30px; } /* about page css */ .about-content .about-title{ width: 100%; } .about-content .about-title h1{ font-size: 18px; } .about-counter .text-center .count-title{ font-size: 30px; font-weight: 600; } .about-counter .text-center .count-text { margin-top: 18px; } .about-counter .text-center .counter { padding-bottom: 8px; } /* footer bottom css */ .footer-link { margin-top: -30px; } .footer-link .f-link { width: calc(50% - 30px); margin-top: 30px; } /* billing page css */ .billing-area .billing-title{ margin-top: 8px; } .billing-area .billing-title:first-child{ margin-top: 0px; } .billing-area .billing-title h4{ font-size: 16px; } .billing-area .billing-address-1 ul.add-name{ margin-left: 0px; } .billing-area .billing-address-1 ul.add-name li.billing-name{ width: 100%; margin-left: 0px; } .billing-area .billing-address-1 ul.billing-locatio{ margin-left: 0px; } .billing-area .billing-address-1 ul.billing-locatio li.billing-info{ width: 100%; margin-left: 0px; } .billing-area .billing-address-1 ul.country-info{ margin-left: 0px; } .billing-area .billing-address-1 ul.country-info li.billing-country{ width: 100%; margin-left: 0px; margin-bottom: 15px; } .billing-area .next-button { margin-top: 15px; } .billing-area .next-button a{ padding: 6px 10px; font-size: 13px; } /* cancellation page css */ .cancellation-title h1{ font-size: 18px; } /* cart page css */ .cart-area .cart-details .cart-item span.cart-head{ font-size: 14px; font-weight: 600; } .cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image{ width: 30%; margin-right: 10px; } .cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image a img{ max-width: 100%; } .cart-area .cart-details .cart-all-pro .cart-pro .pro-details{ width: 70%; } .cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4{ font-size: 14px; } .cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop{ font-size: 13px; } .cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.cart-pro-price{ font-size: 13px; } .cart-area .cart-details .cart-all-pro .qty-item{ width: 55%; } .cart-area .cart-details .cart-all-pro .qty-item .center .plus-minus a{ padding: 0px 10px; } .cart-area .cart-details .cart-all-pro .qty-item .center .plus-minus input{ padding: 6px 10px; } .cart-area .cart-details .other-link ul.c-link{ flex-direction: column; } .cart-area .cart-details .other-link ul.c-link li.cart-other-link{ margin-top: 11px; } .cart-area .cart-details .other-link ul.c-link li.cart-other-link:first-child{ margin-top: 0px; } /* cart style-3 css */ .cart-style-3 h2.cart-main-title{ font-size: 20px; } .cart-style-3 .recive-details form .form-1 ul{ margin-left: 0px; flex-direction: column; } .cart-style-3 .c-total .recive-details form .form-1 ul li{ width: 100%; margin-left: 0px; margin-top: 15px; } .cart-style-3 .c-total .recive-details form .form-1 ul li:last-child { margin-top: 0px; } .cart-style-3 .recive-details form .form-1 ul li a { margin-top: 20px; } .cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area{ margin-left: 0px; flex-direction: column; } .cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments{ width: 100%; margin-left: 0px; } .cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments a.btn-style1{ margin-top: 24px; } /* coming soon page css */ .coming-soon-area .coming-soon-image ul.coming-soon{ padding-top: 10px; padding-left: 10px; padding-right: 10px; } .coming-soon-area .coming-soon-image .coming-timer{ width: 100%; padding: 0px 15px; } .coming-soon-area .coming-soon-image .coming-timer p.coming-slogan{ margin-bottom: 15px; font-size: 15px; } .coming-soon-area .coming-soon-image .coming-timer h3.coming-soon-title{ font-size: 30px; } .coming-soon-area .coming-soon-image .coming-timer span.subscribe{ font-size: 15px; margin-top: 15px; margin-bottom: 15px; } .coming-soon-area .coming-soon-image ul.contdown_row{ bottom: 29%; right: 0px; left: 0px; display: flex; justify-content: center; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section{ width: 80px; height: 65px; margin-top: 0px; margin-right: 5px; border-radius: 20px 20px 20px 0px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_timer{ font-size: 18px; font-weight: 600; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section:last-child{ margin-right: 0px; } .coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_title{ margin-top: 3px; font-size: 15px; font-weight: 400; } .coming-soon-area .coming-soon-image span.subscribe{ margin-top: 13px; font-weight: 400; } /* faq page css */ .faq-title h1{ font-size: 20px; } .faq-box{ margin-left: 0px; } .faq-box ul.faq-ul li.faq-li h3{ font-size: 16px; } .faq-box ul.faq-ul li.faq-li span.faq-desc{ font-size: 13px; } /* forgot password page css */ .forgat-password-area{ width: 100%; } .forgat-password-area .forgot-p span.forgot{ padding: 10px; } .forgat-password-area .forgot-p a.forgot-link{ padding: 10px; font-size: 13px; } .forgat-password-area .forgot-p a.forgot-link span{ padding: 4px 10px; } .forgat-password-area .forgot-p a.forgot-link span i{ font-size: 13px; } /* order complete page css */ .order-area .order-delivery ul.delivery-payment { margin: -17px 0px 0px -15px; } .order-area .order-delivery ul.delivery-payment li { width: calc(100% - 15px); margin: 17px 0px 0px 15px; border-right: none; } /* track page css */ .track-area .track-price ul.track-order{ flex-direction: column; align-items: flex-start; margin-top: -6px; } .track-area .track-price ul.track-order li { margin-top: 6px; } .track-area .track-price ul.track-order li h4{ font-size: 16px; } .track-area .track-price ul.track-order li span.track-status{ font-size: 16px; } .track-area .track{ margin-bottom: 50px; margin-top: 40px; height: 4px; } .track-area .track .step{ margin-top: -14px; } .track-area .track .text{ font-size: 13px; } .track-area .track-main { padding-top: 30px; margin-top: 23px; } .track-area .track-main .track:before { height: 100%; width: 7px; left: 15px; } .track-area .track-main .track { flex-direction: column; height: 100%; margin-top: 0px; margin-bottom: 0px; } .track-area .track-main .track .step { width: 100%; display: flex; align-items: center; margin-top: 30px; } .track-area .track-main .track .step::before { width: 7px; height: 100%; left: 15px; top: 100%; } .track-area .track-main .track .step:first-child { margin-top: 0px; } .track-area .track-main .track .step .text { margin-top: 0px; margin-left: 20px; } /* contact page css */ .map-area .map-title h1{ font-size: 18px; margin-bottom: 20px; } .map-area .map-details{ margin-top: -30px; } .map-area .map-details .contact-info{ width: 100%; margin-top: 30px; } .map-area .map-details .contact-info .contact-details a { margin-top: 14px; } .map-area .map-details .contact-info .information{ margin-left: 0px; } .map-area .map-details .contact-info .information .contact-in ul.info-details li i{ margin-right: 5px; } /* payment page css */ .payment-title h1{ font-size: 18px; margin-bottom: 20px; } /* return page css */ .return-title h1{ font-size: 18px; margin-bottom: 20px; } /* terms condition page css */ .terms-content ul.terms-policy li h2{ font-size: 16px; } .terms-content ul.terms-policy li p.trems-desc{ padding: 5px 10px 10px 17px; } /* wishlist page css */ .wishlist-area .wishlist-details .wishlist-item span.wishlist-head{ font-size: 14px; font-weight: 600; } .wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .wishlist-pro-image{ width: 30%; } .wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .wishlist-pro-image a img{ max-width: 100%; } .wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details{ width: 70%; } .wishlist-area .wishlist-details .wishlist-all-pro .qty-item{ width: 50%; display: block; } .wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist{ text-align: left; } /* sitemap page css */ .sit-map-area ul.site-map-main{ width: 100%; } .sit-map-area ul.site-map-main:nth-child(2), .sit-map-area ul.site-map-main:nth-child(3){ margin-top: 20px; } .sit-map-area ul.site-map-main li.site-main-title{ margin-left: 15px; } .sit-map-area ul.site-map-main li.site-main-title ul.site-main-link{ margin-left: 15px; } .sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link{ margin-left: 15px; } /* fnf page css */ .fnf-area h1.fnf-title{ font-size: 100px; } .fnf-area a.back-home{ padding: 7px 12px; font-size: 13px; } /* register page css */ .register-area{ flex-direction: column; } .register-area .register-box{ width: 100%; } .register-area .register-account{ width: calc(100% - 0px); margin-left: 0px; } .register-area .register-box form input{ margin-top: 20px; } .register-area .register-box a.btn-style1{ margin-top: 20px; } .register-area .register-account h4{ margin-top: 30px; } .register-area .register-account a.ceate-a{ margin-top: 20px; } .register-area .register-account .register-info a.terms-link{ margin-top: 20px; } /* login page css */ .login-area{ flex-direction: column; } .login-area .login-box{ width: 100%; } .login-area .login-account{ width: calc(100% - 0px); margin-left: 0px; } .login-area .login-box form label{ margin-top: 20px; } .login-area .login-box a.btn-style1{ margin-top: 20px; } .login-area .login-box a.re-password{ margin-top: 20px; } .login-area .login-account h4{ margin-top: 23px; } .login-area .login-account a.ceate-a{ margin-top: 20px; } /* shipping page css */ .shipping-title h1{ font-size: 18px; margin-bottom: 20px; } /* header style-1 prosuct css */ .header-style-pro{ margin-left: -15px; } .header-style-pro .header-pro{ width: calc(50% - 15px); margin-left: 15px; margin-top: 20px; } .header-style-pro .header-pro:nth-child(3), .header-style-pro .header-pro:nth-child(4){ margin-top: 20px; } /* footer style-1 products list css */ .footer-style-1-pro .header-pro{ flex-direction: column; } .footer-style-1-pro .header-pro .tred-pro{ width: 100%; } .footer-style-1-pro .header-pro .caption{ width: 100%; margin-left: 0px; margin-top: 15px; } .footer-style-1-pro .header-pro .caption .pro-price{ margin-top: 12px; } .footer-style-1-pro .header-pro .caption .pro-icn{ margin-top: 13px; } /* checkout page css */ .checkout-area{ margin-left: 0px; } .checkout-area .billing-area{ width: 100%; margin-left: 0px; } .checkout-area .order-area{ width: 100%; margin-left: 0px; } .checkout-area .billing-area form{ padding: 15px; } .checkout-area .billing-area form ul.billing-ul{ margin-top: 15px; } .checkout-area .order-area{ margin-top: 30px; } .checkout-area .order-area a.btn-style1{ margin-top: 20px; } /* ckeckout style-2 css */ .checkout-style-2 .order-area{ margin-left: 0px; flex-direction: column; } .checkout-style-2 .order-area .check-pro{ position: unset; width: 100%; margin-left: 0px; } .checkout-style-2 .order-area .order-history { width: 100%; margin-top: 30px; margin-left: 0px; } .checkout-style-2 .order-area ul.order-history{ width: 100%; margin-left: 0px; margin-top: 20px; } .checkout-style-2 .billing-area form h2{ font-size: 18px; } .checkout-style-2 .billing-area form ul.billing-ul{ margin-top: 0px; } .checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li{ width: 100%; margin-left: 0px; margin-top: 15px; } .checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li:first-child{ width: 100%; margin-top: 0px; } .checkout-style-2 .billing-area .billing-details form h2{ font-size: 18px; } .checkout-style-2 .order-area .check-pro h2{ font-size: 18px; } .checkout-style-2 .billing-area .billing-details{ margin-top: 0px; padding-top: 0px; } .checkout-style-2 .order-area ul.order-history li.order-details span{ font-size: 14px; } /* checkout style-3 css */ .check-3-start .check-out-3 .check-pro h2, .check-3-start .check-out-3 .check-add h2, .check-3-start .check-out-3 .pay-method h2, .check-3-start .check-out-3 .pay-method h2{ font-size: 16px; } /* account page css */ /* payment css */ .account-title h1{ font-size: 18px; margin-bottom: 20px; } .account-area{ flex-direction: column; } .account-area .account{ width: 100%; } .account-area .account h4{ margin-bottom: 10px; } .account-area .account-detail{ width: 100%; margin-top: 15px; } .account-area .account-detail h4{ margin-bottom: 10px; } /* address page css */ .add-area .address-content ul.address-input{ flex-direction: column; } .add-area .address-content ul.address-input li.type-add{ width: calc(100% - 30px); margin-top: 15px; } .add-area .address-content label.check{ margin-top: 20px; margin-bottom: 0px; } .add-area .address-content .add-link{ margin-top: 20px; } /* other page filter css */ .all-filter .filter-tag ul.all-tag{ height: unset; } .all-filter .categories-page-filter h4.filter-title, .all-filter .price-filter h4.filter-title, .all-filter .pro-size h4.filter-title, .all-filter .filter-tag h4.filter-title, .all-filter .vendor-filter h4.filter-title{ display: none; } .all-filter .categories-page-filter a.filter-link, .all-filter .price-filter a.filter-link, .all-filter .pro-size a.filter-link, .all-filter .filter-tag a.filter-link, .all-filter .vendor-filter a.filter-link{ display: block; padding-bottom: 26px; line-height: 1; font-weight: 600; color: #000; } .all-filter .vendor-filter ul.all-vendor { border-top: 1px solid #eee; } .all-filter .categories-page-filter a.filter-link[aria-expanded="true"], .all-filter .price-filter a.filter-link[aria-expanded="true"], .all-filter .pro-size a.filter-link[aria-expanded="true"], .all-filter .filter-tag a.filter-link[aria-expanded="true"], .all-filter .vendor-filter a.filter-link[aria-expanded="true"]{ color: #f5ab1e; } .all-filter .categories-page-filter a.filter-link[aria-expanded="true"] i, .all-filter .price-filter a.filter-link[aria-expanded="true"] i, .all-filter .pro-size a.filter-link[aria-expanded="true"] i, .all-filter .filter-tag a.filter-link[aria-expanded="true"] i, .all-filter .vendor-filter a.filter-link[aria-expanded="true"] i{ transform: rotate(180deg); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .all-filter .categories-page-filter a.filter-link i, .all-filter .price-filter a.filter-link i, .all-filter .pro-size a.filter-link i, .all-filter .filter-tag a.filter-link i, .all-filter .vendor-filter a.filter-link i{ float: right; font-size: 18px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .all-filter .categories-page-filter ul.all-option.collapse:not(.show), .all-filter .price-filter ul.all-price.collapse:not(.show), .all-filter .pro-size ul.all-size.collapse:not(.show), .all-filter .filter-tag ul.all-tag.collapse:not(.show), .all-filter .vendor-filter ul.all-vendor.collapse:not(.show){ display: none; } .all-filter .categories-page-filter ul.all-option, .all-filter .price-filter ul.all-price, .all-filter .pro-size ul.all-size, .all-filter .filter-tag ul.all-tag, .all-filter .vendor-filter ul.all-vendor { margin-bottom: 28px; } .all-filter .filter-banner a.grid-banner { margin-top: 0px; } /* list product css */ .grid-4-product .grid-list-select{ flex-direction: column; } .grid-4-product .grid-list-select ul:last-child{ margin-top: 15px; } .list-product .list-items{ flex-direction: column; } .list-product .list-items .tred-pro{ width: 100%; } .list-product .list-items .caption{ width: 100%; margin-top: 15px; margin-left: 0px; } .list-product .list-items .caption p.list-description{ margin-top: 6px; } .list-product .list-items .caption .rating{ margin-top: 15px; } .list-product .list-items .caption .pro-price{ margin-top: 14px; } /* grid list icn css */ .grid-4-product .grid-list-select ul.grid-list li.colloction-icn.three-grid, .grid-4-product .grid-list-select ul.grid-list li.colloction-icn.four-grid{ display: none; } /* grid product css */ .grid-list-banner{ margin-top: 30px; } .grid-list-banner .grid-banner-content{ width: 55%; margin-left: 15px; } .grid-list-area .grid-list-select{ flex-direction: column; } .grid-list-area .grid-list-select ul.grid-list-selector { margin-top: 14px; } .grid-list-area .grid-pro ul.grid-product{ margin-left: -15px; } .grid-list-area .grid-pro ul.grid-product li.grid-items{ width: calc(50% - 15px); margin-left: 15px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro{ margin-top: 20px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .caption{ padding-top: 10px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating{ margin-top: 7px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price{ margin-top: 10px; } .grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price{ display: block; } /* grid product css */ .grid-2-product .grid-list-select{ flex-direction: column; } .grid-2-product .grid-pro ul.grid-product{ margin-left: -15px; } .grid-2-product .grid-pro ul.grid-product li.grid-items{ width: calc(50% - 15px); margin-left: 15px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro{ margin-top: 20px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .caption{ padding-top: 10px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating{ margin-top: 7px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price{ margin-top: 10px; } .grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price{ display: block; } /* 4-grid product css */ .grid-4-product .grid-pro ul.grid-product{ margin-left: -15px; } .grid-4-product .grid-pro ul.grid-product li.grid-items{ width: calc(50% - 15px); margin-left: 15px; } /* product page css product css */ .pro-page .pro-image .larg-image a.long-img { margin-bottom: 0px; } .pro-releted .section-title h2{ font-size: 18px; margin-bottom: 20px; } .pro-page .pro-image{ flex-direction: column; } .pro-info{ padding-right: 15px; margin-top: 15px; } .pro-page .pro-image .pro-info .pro-price span.new-price{ font-size: 14px; } .pro-page .pro-shipping { flex-direction: column; } .pro-page .pro-shipping .product-service { width: 100%; margin-left: 0px; } .pro-page .pro-shipping .product-service:first-child { width: 100%; } .pro-page-content .pro-page-tab ul.nav.nav-tabs{ flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px; } .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item{ margin: 0 auto; } .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item:last-child{ margin: auto; } .pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content h4{ font-size: 14px; } .pro-page-content .pro-page-tab .tab-content .tab-pane h4.reviews-title{ text-align: center; } .pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews.t-desk-2{ text-align: center; } .pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description li{ font-size: 13px; } /* search page css */ .search-title{ margin-bottom: 30px; } .search-title h3{ font-size: 18px; } .search-pro-area{ margin-left: -15px; } .search-pro-area .search-pro-items{ width: calc(50% - 15px); margin-left: 15px; } .style-2-search-pro-area{ margin-left: -15px; } .style-2-search-pro-area .search-pro-items{ width: calc(50% - 15px); margin-left: 15px; margin-top: 20px; } .style-2-search-pro-area .search-pro-items .search-caption h4{ font-size: 14px; } .style-2-search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price{ display: block; font-size: 15px; } /* search left column css */ .search-selector{ margin-top: 20px; margin-bottom: 20px; } .search-selector ul{ flex-direction: column; } .search-selector ul li.search-pro-select{ margin-top: 20px; } .search-category{ margin-bottom: 25px; } /* style-2 search css */ .style-2-search-pro-area .search-pro-items:nth-child(3){ margin-top: 20px; } /* style-2 list search product css */ .style-2-list-search-pro-area{ margin-left: -15px; } .style-2-list-search-pro-area .search-pro-items{ flex-direction: column; width: calc(50% - 15px); margin-left: 15px; margin-top: 10px; } .style-2-list-search-pro-area .search-pro-items:nth-child(2){ margin-top: 0px; } .style-2-list-search-pro-area .search-pro-items .search-img{ width: 100%; } .style-2-list-search-pro-area .search-pro-items .search-img a{ width: 100%; } .style-2-list-search-pro-area .search-pro-items .search-img a img{ width: 100%; } .style-2-list-search-pro-area .search-pro-items .search-caption{ width: 100%; margin-top: 10px; margin-left: 0px; } .style-2-list-search-pro-area .search-pro-items .search-caption p.search-pro-desc{ font-size: 13px; height: 96px; overflow: hidden; } .style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn a.w-c-q-icn i{ width: 35px; height: 35px; font-size: 14px; } /* style-1 full blog grid css */ .blog-style-1-full-grid{ margin-left: 0px; margin-top: -30px; } .blog-style-1-full-grid .blog-start{ width: 100%; margin-top: 30px; margin-left: 0px; } .blog-style-1-full-grid .blog-start .blog-content p.blog-description{ margin-top: 13px; } .blog-style-1-full-grid .blog-start .blog-content a.read-link{ margin-top: 12px; } /* left-right blog grid css */ .right-b{ flex-direction: column-reverse; } .blog-style-1-left-grid, .blog-style-1-right-grid{ margin-top: 0px; } .blog-style-1-left-grid .blog-start, .blog-style-1-right-grid .blog-start{ margin-top: 30px; } .blog-style-1-left-grid .blog-start .blog-content, .blog-style-1-right-grid .blog-start .blog-content { padding: 20px; } .blog-style-1-left-grid .blog-start .blog-content p.blog-description, .blog-style-1-right-grid .blog-start .blog-content p.blog-description{ margin-top: 13px; } .blog-style-1-left-grid .blog-start .blog-content a.read-link, .blog-style-1-right-grid .blog-start .blog-content a.read-link{ margin-top: 12px; } /* style-1 left blog list css */ .blog-style-2-right-column{ flex-direction: column-reverse; } .blog-style-1-left-list-blog, .blog-style-1-right-blog{ margin-left: -20px; margin-top: 0px; } .blog-style-1-left-list-blog .blog-start, .blog-style-1-right-blog .blog-start{ width: calc(50% - 20px); margin-left: 20px; } .blog-style-1-left-list-blog .blog-start:nth-child(1), .blog-style-1-right-blog .blog-start:nth-child(1){ margin-top: 30px; } .blog-style-1-left-list-blog .blog-start .blog-post, .blog-style-1-right-blog .blog-start .blog-post{ flex-direction: column; } .blog-style-1-left-list-blog .blog-start .blog-image, .blog-style-1-right-blog .blog-start .blog-image{ width: 100%; } .blog-style-1-left-list-blog .blog-start .blog-content, .blog-style-1-right-blog .blog-start .blog-content{ width: 100%; padding-left: 0px; } /* full-left-right details css */ .blog-style-1-details .single-blog-content .single-b-title h4, .blog-style-1-left-details .single-blog-content .single-b-title h4, .blog-style-1-right-details .single-blog-content .single-b-title h4{ font-size: 16px; } .blog-style-1-details .single-blog-content .blog-description .blog-image-description p.bold-description, .blog-style-1-left-details .single-blog-content .blog-description .blog-image-description p.bold-description, .blog-style-1-right-details .single-blog-content .blog-description .blog-image-description p.bold-description{ font-size: 14px; font-weight: 600; } /* style-1 center blog css */ .cetner-blog-area .blog-start:nth-child(1){ margin-top: 30px; } /* style-2 left-right-full grid blog css */ .right-style-2, .list-right-c{ flex-direction: column-reverse; } .full-blog-style-2{ margin-top: -30px; margin-left: 0px; } .left-style-2-blog, .right-style-2-blog{ margin-left: 0px; margin-top: 0px; } .full-blog-style-2 .blog-start, .left-style-2-blog .blog-start, .right-style-2-blog .blog-start{ width: 100%; margin-left: 0px; } .full-blog-style-2 .blog-start .blog-content, .left-style-2-blog .blog-start .blog-content, .right-style-2-blog .blog-start .blog-content { padding-top: 20px; } .full-blog-style-2 .blog-start .blog-content .blog-title h6, .left-style-2-blog .blog-start .blog-content .blog-title h6, .right-style-2-blog .blog-start .blog-content .blog-title h6{ margin-top: 16px; padding-top: 9px; } .full-blog-style-2 .blog-start .blog-content p.blog-description, .left-style-2-blog .blog-start .blog-content p.blog-description, .right-style-2-blog .blog-start .blog-content p.blog-description{ margin-top: 6px; } .full-blog-style-2 .blog-start .blog-content .more-blog, .left-style-2-blog .blog-start .blog-content .more-blog, .right-style-2-blog .blog-start .blog-content .more-blog{ margin-top: 7px; } .full-blog-style-2 .blog-start .blog-content .more-blog a.read-link, .left-style-2-blog .blog-start .blog-content .more-blog a.read-link, .right-style-2-blog .blog-start .blog-content .more-blog a.read-link{ font-size: 14px; } /* style 2 left-right-full list blog css */ .left-blog-list-style-2, .right-blog-list-style-2, .full-blog-list-style-2 { margin-left: -20px; } .left-blog-list-style-2, .right-blog-list-style-2 { margin-top: 30px; } .left-blog-list-style-2 .blog-start, .right-blog-list-style-2 .blog-start { width: calc(50% - 20px); margin-left: 20px; } .full-blog-list-style-2 .blog-start{ width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px; padding-bottom: 20px; } .left-blog-list-style-2 .blog-start, .right-blog-list-style-2 .blog-start{ margin-bottom: 20px; padding-bottom: 20px; } .full-blog-list-style-2 .blog-start .blog-image{ width: 100%; } .full-blog-list-style-2 .blog-start .blog-content{ width: 100%; margin-left: 0px; } /* style 2 left-right-full details blog css */ .style-2-full-blog-area .single-blog-content .blog-description .blog-image-description p.bold-description, .style-2-right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description, .style-2-left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description{ font-size: 14px; font-weight: 600; } /* style 2 center blog css */ .cetner-blog-style-2 .blog-start:nth-child(1) { margin-top: 30px; } /* style-3 full-left-right grid blog css */ .right-column{ flex-direction: column-reverse; } .style-3-right-column{ flex-direction: column-reverse; } .full-blog-style-3{ margin-top: -30px; margin-left: 0px; } .full-blog-style-3 .blog-start{ width: 100%; margin-top: 24px; margin-left: 0px; } .blog-style-3-left-grid, .blog-style-3-right-grid{ margin-top: 0px; } .full-blog-style-3 .blog-start .blog-content, .blog-style-3-left-grid .blog-start .blog-content, .blog-style-3-right-grid .blog-start .blog-content { padding-top: 20px; } .full-blog-style-3 .blog-start .blog-content .blog-title h6, .blog-style-3-left-grid .blog-start .blog-content .blog-title h6, .blog-style-3-right-grid .blog-start .blog-content .blog-title h6 { margin-top: 16px; padding-top: 10px; } .full-blog-style-3 .blog-start .blog-content p.blog-description, .blog-style-3-left-grid .blog-start .blog-content p.blog-description, .blog-style-3-right-grid .blog-start .blog-content p.blog-description{ margin-top: 7px; } .full-blog-style-3 .blog-start .blog-content .more-blog, .blog-style-3-left-grid .blog-start .blog-content .more-blog, .blog-style-3-right-grid .blog-start .blog-content .more-blog { margin-top: 7px; } .full-blog-style-3 .blog-start .blog-content .more-blog a.read-link, .blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link, .blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link{ font-size: 14px; } /* style-3 full-left-right list blog css */ .full-blog-list-style-3, .left-blog-list-style-3, .right-blog-style-3 { margin-left: -20px; } .left-blog-list-style-3, .right-blog-style-3 { margin-top: 30px; } .left-blog-list-style-3 .blog-start, .right-blog-style-3 .blog-start{ width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px; padding-bottom: 20px; } .full-blog-list-style-3 .blog-start{ width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px; padding-bottom: 20px; } .full-blog-list-style-3 .blog-start .blog-image{ width: 100%; } .full-blog-list-style-3 .blog-start .blog-content{ width: 100%; margin-left: 0px; } /* style-3 full-left-right blog details css */ .full-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description, .left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description, .right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description{ font-size: 14px; font-weight: 600; } .full-blog-details .single-blog-content .b-link, .left-blog-details .single-blog-content .b-link, .right-blog-details .single-blog-content .b-link{ margin-top: 20px; } /* style-3 center blog css */ .cetner-blog-style-3 .blog-start:nth-child(1) { margin-top: 30px; } /* style-5 full-left-right grid blog css */ .single-image-5 a img.image-lg{ display: none; } .single-image-5 a img.image-xs{ display: block; } .style-5-right-column{ flex-direction: column-reverse; } .details-b{ flex-direction: column-reverse; } .full-blog-style-5{ flex-direction: column; margin-left: 0px; } .full-blog-style-5{ margin-top: -30px; } .left-blog-style-5, .right-blog-style-5{ margin-top: 0px; } .full-blog-style-5 .blog-start, .left-blog-style-5 .blog-start, .right-blog-style-5 .blog-start{ margin-top: 30px; } .left-blog-style-5, .right-blog-style-5{ margin-top: 0px; } .full-blog-style-5 .blog-start{ width: 100%; margin-left: 0px; } .left-blog-style-5 .blog-start, .right-blog-style-5 .blog-start{ width: 100%; } .full-blog-style-5 .blog-start .blog-image a img{ width: 100%; } .full-blog-style-5 .blog-start .blog-content .blog-title h6, .left-blog-style-5 .blog-start .blog-content .blog-title h6, .right-blog-style-5 .blog-start .blog-content .blog-title h6 { margin-top: 13px; } .full-blog-style-5 .blog-start .blog-content p.blog-description, .left-blog-style-5 .blog-start .blog-content p.blog-description, .right-blog-style-5 .blog-start .blog-content p.blog-description { margin-top: 6px; } .full-blog-style-5 .blog-start .blog-content .more-blog, .left-blog-style-5 .blog-start .blog-content .more-blog, .right-blog-style-5 .blog-start .blog-content .more-blog { margin-top: 7px; } /* style-5 full-left-right list blog css */ .full-blog-list-style-5 .blog-start{ flex-direction: column; margin-bottom: 20px; padding-bottom: 20px; } .left-blog-list-style-5, .right-blog-list-style-5{ margin-top: 30px; } .full-blog-list-style-5, .left-blog-list-style-5, .right-blog-list-style-5 { margin-left: -20px; } .full-blog-list-style-5 .blog-start, .left-blog-list-style-5 .blog-start, .right-blog-list-style-5 .blog-start { width: calc(50% - 20px); margin-left: 20px; } .full-blog-list-style-5 .blog-start .blog-image a img{ width: 100%; } .full-blog-list-style-5 .blog-start .blog-image{ width: 100%; } .full-blog-list-style-5 .blog-start .blog-content{ width: 100%; margin-left: 0px; } .full-blog-list-style-5 .blog-start .blog-content .blog-date-comment{ background-color: #f5ab1e; padding: 8px 10px; } .full-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date, .full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a { color: #fff; } .full-blog-list-style-5 .blog-start .blog-content .blog-title h6, .left-blog-list-style-5 .blog-start .blog-content .blog-title h6, .right-blog-list-style-5 .blog-start .blog-content .blog-title h6{ margin-top: 23px; } .full-blog-list-style-5 .blog-start .blog-content p.blog-description, .left-blog-list-style-5 .blog-start .blog-content p.blog-description, .right-blog-list-style-5 .blog-start .blog-content p.blog-description { margin-top: 16px; } .full-blog-list-style-5 .blog-start .blog-content .more-blog, .left-blog-list-style-5 .blog-start .blog-content .more-blog, .right-blog-list-style-5 .blog-start .blog-content .more-blog { margin-top: 15px; } /* style-5 full-left-right details blog css */ .details-b{ flex-direction: column-reverse; } .style-5-b-details .single-image{ display: none; } .style-5-left-blog-details .single-blog-content .full-image, .style-5-right-blog-details .single-blog-content .full-image{ display: block; margin-top: 30px; margin-bottom: 24px; } .blog-style-5-details .single-blog-content .blog-description .blog-image-description img, .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img{ width: 50%; } .blog-style-5-details .single-blog-content .blog-description .blog-image-description, .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description{ flex-direction: column; } .blog-style-5-details .single-blog-content .blog-description .blog-image-description img.b-image-1, .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1{ width: 100%; margin-left: 0px; } .blog-style-5-details .single-blog-content .blog-description .blog-image-description img.b-image-2, .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2{ width: 100%; margin-top: 30px; } .blog-style-5-details .single-blog-content .blog-description .blog-image-description p.bold-description, .style-5-left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description, .style-5-right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description{ font-size: 14px; font-weight: 600; } .blog-style-5-details .single-blog-content .blog-info h4, .style-5-left-blog-details .single-blog-content .blog-info h4, .style-5-right-blog-details .single-blog-content .blog-info h4{ font-size: 14px; } .blog-style-5-details .single-blog-content .blog-info p, .style-5-left-blog-details .single-blog-content .blog-info p, .style-5-right-blog-details .single-blog-content .blog-info p{ font-size: 14px; } /* style-5 center blog css */ .cetner-blog-style-5{ margin-top: 30px; } .cetner-blog-style-5 .blog-start{ margin-top: 20px; } .cetner-blog-style-5 .blog-start .blog-content .blog-title h6{ margin-top: 13px; } .cetner-blog-style-5 .blog-start .blog-content p.blog-description{ margin-top: 6px; } .cetner-blog-style-5 .blog-start .blog-content .more-blog{ margin-top: 7px; } /* style-6 full-left-right grid css */ .blog-style-6-3-grid{ margin-left: 0px; } .blog-style-6-left-3-grid, .blog-style-6-right-3-grid{ margin-left: 0px; margin-top: 0px; } .blog-style-6-3-grid .blog-start{ width: 100%; margin-left: 0px; } .blog-style-6-3-grid .blog-start .blog-content .blog-title h6, .blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6, .blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 { padding-top: 13px; } .blog-style-6-3-grid .blog-start .blog-content p.blog-description, .blog-style-6-left-3-grid .blog-start .blog-content p.blog-description, .blog-style-6-right-3-grid .blog-start .blog-content p.blog-description{ margin-top: 6px; } .blog-style-6-3-grid .blog-start .blog-content .more-blog, .blog-style-6-left-3-grid .blog-start .blog-content .more-blog, .blog-style-6-right-3-grid .blog-start .blog-content .more-blog{ margin-top: 7px; } /* style-6 full-left-right list blog css */ .full-blog-list-style-6 .blog-start{ flex-direction: column; } .left-blog-list-style-6, .right-blog-list-style-6{ margin-top: 30px; } .full-blog-list-style-6, .left-blog-list-style-6, .right-blog-list-style-6 { margin-left: -20px; } .full-blog-list-style-6 .blog-start, .left-blog-list-style-6 .blog-start, .right-blog-list-style-6 .blog-start { width: calc(50% - 20px); margin-left: 20px; } .full-blog-list-style-6 .blog-start .blog-image{ width: 100%; } .full-blog-list-style-6 .blog-start .blog-content, .left-blog-list-style-6 .blog-start .blog-content, .right-blog-list-style-6 .blog-start .blog-content{ width: 100%; margin-left: 0px; padding-top: 23px; } /* style-6 full-left-right blog details css */ .full-blog-details-style-6 .single-blog-content .last-video, .left-blog-details-style-6 .single-blog-content .last-video, .right-blog-details-style-6 .single-blog-content .last-video{ margin-right: 0px; flex-direction: column; } .full-blog-details-style-6 .single-blog-content .last-video .video:first-child, .left-blog-details-style-6 .single-blog-content .last-video .video:first-child, .right-blog-details-style-6 .single-blog-content .last-video .video:first-child { margin-top: 0px; } .full-blog-details-style-6 .single-blog-content .last-video .video, .left-blog-details-style-6 .single-blog-content .last-video .video, .right-blog-details-style-6 .single-blog-content .last-video .video{ width: 100%; margin-right: 0px; margin-top: 30px; line-height: 0; } .full-blog-details-style-6 .single-blog-content .last-video .video iframe, .left-blog-details-style-6 .single-blog-content .last-video .video iframe, .right-blog-details-style-6 .single-blog-content .last-video .video iframe{ width: 100%; } .full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description, .left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description, .right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description{ font-size: 14px; font-weight: 600; } .full-blog-details-style-6 .single-blog-content .b-link, .left-blog-details-style-6 .single-blog-content .b-link, .right-blog-details-style-6 .single-blog-content .b-link{ margin-top: 20px; } /* style-6 center blog css */ .cetner-blog-style-6 .blog-start:nth-child(1) { margin-top: 30px; } /* style-7 full-left-right grid css */ .blog-style-7-3-grid{ margin-left: 0px; } .blog-style-7-left-grid-blog, .blog-style-7-right-grid-blog{ margin-left: 0px; margin-top: 0px; } .blog-style-7-3-grid .blog-start, .blog-style-7-left-grid-blog .blog-start, .blog-style-7-right-grid-blog .blog-start{ width: 100%; margin-top: 20px; margin-left: 0px; } .blog-style-7-3-grid .blog-start .blog-image a img, .blog-style-7-left-grid-blog .blog-image a img, .blog-style-7-right-grid-blog .blog-start .blog-image a img{ width: 100%; } .blog-style-7-3-grid .blog-start .blog-content .blog-title h6, .blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6, .blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 { padding-top: 13px; } .blog-style-7-3-grid .blog-start .blog-content p.blog-description, .blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description, .blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description{ margin-top: 6px; } .blog-style-7-3-grid .blog-start .blog-content .more-blog, .blog-style-7-left-grid-blog .blog-start .blog-content .more-blog, .blog-style-7-right-grid-blog .blog-start .blog-content .more-blog{ margin-top: 7px; } /* style-7 full-left-right list blog css */ .full-blog-list-style-7 .blog-start{ flex-direction: column; margin-bottom: 20px; padding-bottom: 20px; } .blog-style-7-left-list-blog .blog-start, .blog-style-7-right-list-blog .blog-start{ margin-bottom: 20px; padding-bottom: 20px; } .blog-style-7-left-list-blog .blog-start:first-child, .blog-style-7-right-list-blog .blog-start:first-child{ margin-top: 30px; } .full-blog-list-style-7 .blog-start .blog-image{ width: 100%; } .full-blog-list-style-7 .blog-start .blog-content{ width: 100%; margin-left: 0px; margin-top: 21px; } /* style-7 full-left-right 3 blog details css */ .full-blog-details-style-7 .single-blog-content .blog-img, .left-blog-details-style7 .single-blog-content .blog-img, .right-blog-details-style7 .single-blog-content .blog-img{ margin-left: 0px; flex-direction: column; } .full-blog-details-style-7 .single-blog-content .blog-img .b-image1, .left-blog-details-style7 .single-blog-content .blog-img .b-image1, .right-blog-details-style7 .single-blog-content .blog-img .b-image1{ width: 100%; margin-left: 0px; margin-top: 30px; } .full-blog-details-style-7 .single-blog-content .blog-img .b-image1:first-child, .left-blog-details-style7 .single-blog-content .blog-img .b-image1:first-child, .right-blog-details-style7 .single-blog-content .blog-img .b-image1:first-child{ margin-top: 0px; } .full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description img, .left-blog-details-style7 .single-blog-content .blog-description .blog-image-description img, .right-blog-details-style7 .single-blog-content .blog-description .blog-image-description img{ width: 50%; } .full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description p.bold-description, .left-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description, .right-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description{ font-size: 14px; font-weight: 600; } /* style-7 center blog css */ .center-blog-style-7 .blog-start:nth-child(1) { margin-top: 30px; } } @media (max-width: 479px) { /* banner grid css */ .t-banner1 .home-offer-banner .o-t-banner .o-t-content h6 { font-size: 16px; } .t-banner1 .home-offer-banner .o-t-banner .o-t-content a { margin-top: 14px; } /* deal of the day css */ .home-countdown1 .back-img { background-position: left 40% bottom; } /* newslatter */ .news-letter1 .home-news { width: 100%; } .footer-service ul.service-ul li.service-li { width: calc(100% - 15px); } /* footer bottom css */ .f-logo ul.footer-ul { margin-left: 0px; } .f-logo ul.footer-ul li.footer-li.footer-logo { width: 100%; margin-left: 0px; } .f-logo ul.footer-ul li.footer-li { width: 100%; margin-left: 0px; } .footer-link { margin-top: 0px; } .footer-link .f-link{ width: calc(100% - 15px); margin-top: 15px; } .footer-link .f-link:first-child{ margin-top: 0px; } .footer-link .f-link h2.h-footer{ display: none; } .footer-link .f-link a.h-footer{ font-size: 14px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .footer-link .f-link a.h-footer[aria-expanded="true"] i::before{ content: "\f106"; } .footer-link .f-link .collapse:not(.show){ display: none; } .footer-link .f-link ul.f-link-ul{ padding-top: 10px; } /* order history page css */ .order-histry-area .order-history .order-info { overflow-x: auto; } .order-histry-area .order-history .order-info .table { min-width: 540px; } /* profile page css */ .order-histry-area .order-history .profile-form form { margin-top: -15px; } .order-histry-area .order-history .profile-form form ul.pro-input-label { margin-top: 0px; } .order-histry-area .order-history .profile-form form ul.pro-input-label li { width: calc(100% - 30px); margin-top: 15px; } .order-histry-area .order-history .profile-form form ul.pro-submit { flex-direction: column; padding-top: 28px; } .order-histry-area .order-history .profile-form form ul.pro-submit li { margin-top: 24px; } .order-histry-area .order-history .profile-form form ul.pro-submit li:first-child { margin-top: 0px; } /* tickets page css */ .order-histry-area .order-history .profile-tickets { overflow-x: auto; } .order-histry-area .order-history .profile-tickets .table { min-width: 630px; } /* blog page css */ /* style-1 left right list blog css */ .blog-style-1-left-list-blog, .blog-style-1-right-blog { margin-left: 0px; } .blog-style-1-left-list-blog .blog-start, .blog-style-1-right-blog .blog-start { width: 100%; margin-left: 0px; } .blog-style-1-left-list-blog .blog-start .blog-content, .blog-style-1-right-blog .blog-start .blog-content { margin-top: 13px; } .blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit, .blog-style-1-right-blog .blog-start .blog-content .date-comm-adit { margin-top: 9px; padding-top: 16px; } .blog-style-1-left-list-blog .blog-start .blog-content p.blog-description, .blog-style-1-right-blog .blog-start .blog-content p.blog-description { margin-top: 13px; } .blog-style-1-left-list-blog .blog-start .blog-content a.read-link, .blog-style-1-right-blog .blog-start .blog-content a.read-link { margin-top: 10px; } /* style-1 full list blog */ .blog-style-1-list { margin-left: 0px; } .blog-style-1-list .blog-start { width: 100%; margin-left: 0px; } .blog-style-1-list .blog-start .blog-content { margin-top: 13px; } .blog-style-1-list .blog-start .blog-content .date-comm-adit { margin-top: 9px; padding-top: 15px; } .blog-style-1-list .blog-start .blog-content p.blog-description { margin-top: 13px; } .blog-style-1-list .blog-start .blog-content a.read-link { margin-top: 10px; } /* style-1 cenetr blog css */ .cetner-blog-area .blog-start .blog-content { padding: 20px; } .cetner-blog-area .blog-start .blog-content p.blog-description { margin-top: 11px; } .cetner-blog-area .blog-start .blog-content a.read-link { margin-top: 10px; } /* style-2 left right list blog css */ .left-blog-list-style-2, .right-blog-list-style-2, .full-blog-list-style-2 { margin-left: 0px; } .full-blog-list-style-2 .blog-start, .left-blog-list-style-2 .blog-start, .right-blog-list-style-2 .blog-start { width: 100%; margin-left: 0px; } .left-blog-list-style-2 .blog-start .blog-content, .right-blog-list-style-2 .blog-start .blog-content { padding-top: 20px; } .left-blog-list-style-2 .blog-start .blog-content .blog-title h6, .right-blog-list-style-2 .blog-start .blog-content .blog-title h6 { margin-top: 16px; padding-top: 9px; } .left-blog-list-style-2 .blog-start .blog-content p.blog-description, .right-blog-list-style-2 .blog-start .blog-content p.blog-description { margin-top: 7px; } .left-blog-list-style-2 .blog-start .blog-content .more-blog, .right-blog-list-style-2 .blog-start .blog-content .more-blog { margin-top: 8px; } /* full list blog css */ .full-blog-list-style-2 .blog-start .blog-content { padding-top: 20px; } .full-blog-list-style-2 .blog-start .blog-content .blog-title h6 { margin-top: 16px; padding-top: 9px; } .full-blog-list-style-2 .blog-start .blog-content p.blog-description { margin-top: 6px; } .full-blog-list-style-2 .blog-start .blog-content .more-blog { margin-top: 7px; } /* style-2 cenetr blog css */ .cetner-blog-style-2 .blog-start .blog-content { padding-top: 20px; } .cetner-blog-style-2 .blog-start .blog-content .blog-title h6 { margin-top: 16px; padding-top: 9px; } .cetner-blog-style-2 .blog-start .blog-content p.blog-description{ margin-top: 6px; } .cetner-blog-style-2 .blog-start .blog-content .more-blog{ margin-top: 7px; } /* full left right list blog css */ .full-blog-list-style-3, .left-blog-list-style-3, .right-blog-style-3 { margin-left: 0px; } .full-blog-list-style-3 .blog-start, .left-blog-list-style-3 .blog-start, .right-blog-style-3 .blog-start { width: 100%; margin-left: 0px; } .full-blog-list-style-3 .blog-start .blog-content, .left-blog-list-style-3 .blog-start .blog-content, .right-blog-style-3 .blog-start .blog-content { padding-top: 20px; } .full-blog-list-style-3 .blog-start .blog-content .blog-title h6, .left-blog-list-style-3 .blog-start .blog-content .blog-title h6, .right-blog-style-3 .blog-start .blog-content .blog-title h6 { margin-top: 16px; padding-top: 9px; } .full-blog-list-style-3 .blog-start .blog-content p.blog-description, .left-blog-list-style-3 .blog-start .blog-content p.blog-description, .right-blog-style-3 .blog-start .blog-content p.blog-description { margin-top: 7px; } .full-blog-list-style-3 .blog-start .blog-content .more-blog, .left-blog-list-style-3 .blog-start .blog-content .more-blog, .right-blog-style-3 .blog-start .blog-content .more-blog { margin-top: 7px; } /* style-3 center blog css */ .cetner-blog-style-3{ margin-top: 30px; } .cetner-blog-style-3 .blog-start .blog-content { padding-top: 20px; } .cetner-blog-style-3 .blog-start .blog-content .blog-title h6{ margin-top: 16px; padding-top: 10px; } .cetner-blog-style-3 .blog-start .blog-content p.blog-description{ margin-top: 7px; } .cetner-blog-style-3 .blog-start .blog-content .more-blog{ margin-top: 7px; } /* full left right details blog css */ .style-2-full-blog-area .single-blog-content .blog-description .blog-image-description img, .style-2-right-blog-details .single-blog-content .blog-description .blog-image-description img, .style-2-left-blog-details .single-blog-content .blog-description .blog-image-description img{ width: 100%; margin-right: 0px; margin-bottom: 23px; } .style-2-full-blog-area .single-blog-content .date-edit-comments, .style-2-right-blog-details .single-blog-content .date-edit-comments, .style-2-left-blog-details .single-blog-content .date-edit-comments{ flex-direction: column; align-items: flex-start; } .style-2-full-blog-area .single-blog-content .date-edit-comments span.date, .style-2-right-blog-details .single-blog-content .date-edit-comments span.date, .style-2-left-blog-details .single-blog-content .date-edit-comments span.date{ } .style-2-full-blog-area .single-blog-content .date-edit-comments span.blog-edit, .style-2-right-blog-details .single-blog-content .date-edit-comments span.blog-edit, .style-2-left-blog-details .single-blog-content .date-edit-comments span.blog-edit{ margin-top: 14px; margin-bottom: 14px; } .style-2-full-blog-area .single-blog-content .single-b-title h4, .style-2-right-blog-details .single-blog-content .single-b-title h4, .style-2-left-blog-details .single-blog-content .single-b-title h4{ font-size: 16px; } /* style-3 full left right details blog css */ .full-blog-details .single-blog-content .date-edit-comments, .left-blog-details .single-blog-content .date-edit-comments, .right-blog-details .single-blog-content .date-edit-comments{ flex-direction: column; align-items: flex-start; } .full-blog-details .single-blog-content .blog-description .blog-image-description img, .left-blog-details .single-blog-content .blog-description .blog-image-description img, .right-blog-details .single-blog-content .blog-description .blog-image-description img{ width: 100%; margin-bottom: 23px; margin-left: 0px; } .full-blog-details .single-blog-content .single-b-title h4, .left-blog-details .single-blog-content .single-b-title h4, .right-blog-details .single-blog-content .single-b-title h4{ font-size: 16px; } .full-blog-details .single-blog-content .date-edit-comments span.blog-edit, .left-blog-details .single-blog-content .date-edit-comments span.blog-edit, .right-blog-details .single-blog-content .date-edit-comments span.blog-edit{ margin-top: 14px; margin-bottom: 14px; } .full-blog-details .single-blog-content .blog-description, .left-blog-details .single-blog-content .blog-description, .right-blog-details .single-blog-content .blog-description { margin-top: 21px; } /* full left right details blog css */ .details-blog-carousel .blog-start .blog-content { padding-top: 17px; } .details-blog-carousel .blog-start .blog-content .blog-title h6 { padding-top: 9px; margin-top: 11px; } .details-blog-carousel .blog-start .blog-content p.blog-description{ margin-top: 5px; font-size: 13px; } .details-blog-carousel .blog-start .blog-content .more-blog{ margin-top: 7px; } .details-blog-carousel .blog-start .blog-content .more-blog a.read-link { font-size: 14px; } /* style-5 full left right blog css */ .full-blog-list-style-5, .left-blog-list-style-5, .right-blog-list-style-5 { margin-left: 0px; } .full-blog-list-style-5 .blog-start, .left-blog-list-style-5 .blog-start, .right-blog-list-style-5 .blog-start { width: 100%; margin-left: 0px; } .full-blog-list-style-5 .blog-start .blog-content .blog-title h6, .left-blog-list-style-5 .blog-start .blog-content .blog-title h6, .right-blog-list-style-5 .blog-start .blog-content .blog-title h6 { margin-top: 13px; } .full-blog-list-style-5 .blog-start .blog-content p.blog-description, .left-blog-list-style-5 .blog-start .blog-content p.blog-description, .right-blog-list-style-5 .blog-start .blog-content p.blog-description { margin-top: 6px; } .full-blog-list-style-5 .blog-start .blog-content .more-blog, .left-blog-list-style-5 .blog-start .blog-content .more-blog, .right-blog-list-style-5 .blog-start .blog-content .more-blog { margin-top: 7px; } /* full left right details blog css */ .blog-style-5-details .single-blog-content .single-b-title h4, .style-5-left-blog-details .single-blog-content .single-b-title h4, .style-5-right-blog-details .single-blog-content .single-b-title h4{ font-size: 15px; } .blog-style-5-details .single-blog-content .date-edit-comments, .style-5-left-blog-details .single-blog-content .date-edit-comments, .style-5-right-blog-details .single-blog-content .date-edit-comments{ flex-direction: column; align-items: flex-start; } .blog-style-5-details .single-blog-content .date-edit-comments span.date, .style-5-left-blog-details .single-blog-content .date-edit-comments span.date, .style-5-right-blog-details .single-blog-content .date-edit-comments span.date{ margin-right: 0px; } .blog-style-5-details .single-blog-content .date-edit-comments span.blog-edit, .style-5-left-blog-details .single-blog-content .date-edit-comments span.blog-edit, .style-5-right-blog-details .single-blog-content .date-edit-comments span.blog-edit{ margin-top: 14px; margin-bottom: 14px; margin-right: 0px; } .blog-style-5-details .single-blog-content .blog-description, .style-5-left-blog-details .single-blog-content .blog-description, .style-5-right-blog-details .single-blog-content .blog-description { margin-top: 21px; } /* style-6 full left right blog list css */ .full-blog-list-style-6, .left-blog-list-style-6, .right-blog-list-style-6 { margin-left: 0px; } .full-blog-list-style-6 .blog-start, .left-blog-list-style-6 .blog-start, .right-blog-list-style-6 .blog-start { width: 100%; margin-left: 0px; } .full-blog-list-style-6 .blog-start .blog-content, .left-blog-list-style-6 .blog-start .blog-content, .right-blog-list-style-6 .blog-start .blog-content { padding-top: 13px; } .full-blog-list-style-6 .blog-start .blog-content p.blog-description, .left-blog-list-style-6 .blog-start .blog-content p.blog-description, .right-blog-list-style-6 .blog-start .blog-content p.blog-description { margin-top: 6px; } .full-blog-list-style-6 .blog-start .blog-content .more-blog, .left-blog-list-style-6 .blog-start .blog-content .more-blog, .right-blog-list-style-6 .blog-start .blog-content .more-blog { margin-top: 7px; } /* style-6 center blog css */ .cetner-blog-style-6{ margin-top: 30px; } .cetner-blog-style-6 .blog-start{ margin-top: 20px; } .cetner-blog-style-6 .blog-start .blog-content { padding-top: 13px; } .cetner-blog-style-6 .blog-start .blog-content p.blog-description{ font-size: 13px; margin-top: 5px; } .cetner-blog-style-6 .blog-start .blog-content .more-blog{ margin-top: 5px; } .full-blog-details-style-6 .single-blog-content .single-b-title h4, .left-blog-details-style-6 .single-blog-content .single-b-title h4, .right-blog-details-style-6 .single-blog-content .single-b-title h4{ font-size: 16px; } .full-blog-details-style-6 .single-blog-content .date-edit-comments, .left-blog-details-style-6 .single-blog-content .date-edit-comments, .right-blog-details-style-6 .single-blog-content .date-edit-comments{ flex-direction: column; align-items: flex-start; } .full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit, .left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit, .right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit{ margin-top: 14px; margin-bottom: 14px; } /* style-6 full left right details blog css */ .full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img, .left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img, .right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img{ width: 100%; margin-left: 0px; margin-bottom: 24px; } /* style-7 full left right blog scc */ .full-blog-list-style-7 .blog-start .blog-content, .blog-style-7-left-list-blog .blog-start .blog-content, .blog-style-7-right-list-blog .blog-start .blog-content { margin-top: 13px; } .full-blog-list-style-7 .blog-start .blog-content p.blog-description, .blog-style-7-left-list-blog .blog-start .blog-content p.blog-description, .blog-style-7-right-list-blog .blog-start .blog-content p.blog-description { margin-top: 6px; } .full-blog-list-style-7 .blog-start .blog-content .more-blog, .blog-style-7-left-list-blog .blog-start .blog-content .more-blog, .blog-style-7-right-list-blog .blog-start .blog-content .more-blog { margin-top: 7px; } /* details blog css */ /* full left right details blog css */ .blog-style-1-details .single-blog-content .date-edit-comments, .blog-style-1-left-details .single-blog-content .date-edit-comments, .blog-style-1-right-details .single-blog-content .date-edit-comments{ flex-direction: column; align-items: flex-start; } .blog-style-1-details .single-blog-content .blog-description .blog-image-description img, .blog-style-1-left-details .single-blog-content .blog-description .blog-image-description img, .blog-style-1-right-details .single-blog-content .blog-description .blog-image-description img{ width: 100%; margin-left: 0px; margin-bottom: 23px; } .blog-style-1-details .single-blog-content .date-edit-comments span.blog-edit, .blog-style-1-left-details .single-blog-content .date-edit-comments span.blog-edit, .blog-style-1-right-details .single-blog-content .date-edit-comments span.blog-edit{ margin-top: 14px; margin-bottom: 14px; margin-right: 0px; } /* style-7 center blog css */ .center-blog-style-7 .blog-start{ margin-top: 20px; } .center-blog-style-7 .blog-start .blog-content { padding-top: 13px; } .center-blog-style-7 .blog-start .blog-content p.blog-description{ margin-top: 6px; } .center-blog-style-7 .blog-start .blog-content .more-blog{ margin-top: 7px; } } @media (max-width: 320px){ /* btn style css */ .btn-style1{ padding: 6px 15px; font-size: 13px; } /* header css (cart & menu) */ .header-bottom-area .main-menu-area{ left: -255px; width: 255px; } .mini-cart{ right: -265px; width: 265px; } /* grid banner css */ .t-banner1 .home-offer-banner .o-t-banner .o-t-content{ width: 75%; } .t-banner1 .home-offer-banner .o-t-banner .o-t-content h6{ font-size: 16px; } .t-banner1 .home-offer-banner .o-t-banner .o-t-content a{ margin-top: 8px; } }