/* Tablet Layout */ @media (min-width: 768px) and (max-width: 991px) { .breadcrumb { padding: 140px 0 70px; } .breadcrumb h1 { font-size: 42px; } .banner-title { padding: 150px 0 80px; } .banner-title h1 { font-size: 28px; line-height: 42px; } .header .nav li { margin-right: 5px; } .header .nav .dropdown { width: 170px; } .header .nav li .dropdown li a { font-size: 13px; } .header .button,.about-app .app-img, .faq-image,.tab-image,.app-hero .app-slider-inner, .app-hero.style2 .image-mockup{ display:none; } .app-hero, .app-hero .app-hero-block{ height:550px; } .app-hero .app-hero-content h1 { font-size: 34px; line-height: 44px; } .app-hero .app-hero-content p { font-size: 14px; } .app-hero.style2 .app-hero-content p{ padding-right:100px; } .app-hero.style2 .button .btn { padding: 14px 28px; } .app-hero.style3 .app-mockup{ display:none; } .countdown .single-count i { display: inline-block; margin: 0; top: auto; } .countdown .info { text-align: center; display: block; margin-top: 15px; } .countdown .info h3 { font-size: 22px; } .video-showcase { padding: 80px 0; } .video-showcase::before, .video-showcase::after { -webkit-clip-path: circle(47.5% at 91% 34%); clip-path: circle(47.5% at 93.98% 50.02%); } .app-screenshot .mobile-mockup img { max-width: 292px; } .testimonials .test-nav a.pager-item:nth-child(1) { top: 40%; left: 40%; } .testimonials .test-nav a.pager-item:nth-child(2) { top: 19%; left: 10%; } .testimonials .test-nav a.pager-item:nth-child(3) { top: 19%; left: auto; right: 10%; } .testimonials .test-nav a.pager-item:nth-child(4) { top: auto; left: 10%; bottom: 22%; } .testimonials .test-nav a.pager-item:nth-child(5) { top: auto; left: 54%; bottom: 10%; } .testimonials .test-nav a.pager-item:nth-child(6) { top: 54%; right: 0%; left: auto; } .tab-features .nav-main .nav-tabs li a { padding: 15px 15px; font-size: 13px; } .download-app .section-title h2 { font-size: 24px; } .download-app .app-mockup { margin-top: 45px; } .news-blog.single .single-image { margin-bottom: 20px; } .news-blog.single .image-gallery .col-12:last-child .single-image{ margin:0; } } /* Mobile Layout */ @media only screen and (max-width: 767px) { .breadcrumb { padding: 90px 0px 40px; } .breadcrumb ul { margin-bottom: 5px; } .breadcrumb h1 { font-size: 25px; } .banner-title { padding: 100px 0px 50px; } .banner-title h1 { font-size: 20px; line-height: 30px; } .news-blog.archive .pagination { margin: 48px 0 0; } .news-blog.archive .pagination li { margin-top: 2px; } .news-blog.archive .pagination li a, .news-blog.archive .pagination .page-item span{ width: 40px; height: 40px; line-height: 40px; } .news-blog.single .blog-info blockquote { padding: 20px; font-size: 15px; } .news-blog.single .single-image { margin-bottom: 20px; } .news-blog.single .image-gallery .col-12:last-child .single-image{ margin:0; } .news-blog.single .share-p-arrow { text-align: center; } .news-blog.single .s-share { float: none; margin-bottom: 15px; } .news-blog.single .prev-next { float: none; } .news-blog.single .author-left { float: none; width: 100%; text-align: left; border: none; } .news-blog.single .author-left h4 { margin-bottom: 10px; } .news-blog.single .author-content .button { margin-top: 15px; } .news-blog.single .single-comment .content { padding-left: 80px; } .news-blog.single .single-comment.reply { margin-left: 0px; } .news-blog.single .author-content { float: none; width: 100%; } .section-title h2 { font-size: 25px; } .mobile-menu { display: block; } .header { padding: 10px 0; } .header .logo { margin: 0; margin-top: 10px; } .slicknav_menu { background: transparent; padding: 0; } .slicknav_nav { background: #fff; margin-top: 48px; } .slicknav_nav a { text-decoration: none; color: #2E303C; } .slicknav_nav li a i{ display:none; } .header .button,.about-app .app-img, .faq-image,.tab-image,.app-slider-inner, .main-menu,.testimonials .test-nav,.download-app .app-mockup, .app-hero.style2 .image-mockup{ display:none; } .header .slicknav_btn { margin: 0; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin: -28px 0px 0 0px; border-radius: 0px; } .header .slicknav_btn:hover{ background:#2E303C; } .header .slicknav_menu .slicknav_icon-bar { background: #2E303C; box-shadow: none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease; } .header .slicknav_btn:hover .slicknav_icon-bar{ background:#fff; } .header .slicknav_nav { background: #fff; margin-top: 7px; padding: 5px 0; -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.35); box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3); } .header .slicknav_nav a { text-decoration: none; color: #2E303C; border-radius: none; background: transparent; font-weight: 400; } .header .slicknav_nav a:hover, .header .slicknav_nav a:active{ color:#fff; } .header .slicknav_item:hover a{ color:#fff; } .header .slicknav_nav { background: #fff; } .header .slicknav_nav li a i{ display:none; } .header .slicknav_nav ul { border-left: 1px solid #ccc; } .header .slicknav_nav .slicknav_arrow { float: right; } .header.sticky.active { padding: 10px 0; } .header.style2.sticky.active .slicknav_btn{ background:#fff; } .header.style2.sticky.active .slicknav_menu .slicknav_icon-bar{ background:#2E303C; } .header.style2.sticky.active .slicknav_nav a:hover, .header.style2.sticky.active .slicknav_nav a:active{ color:#fff; } .header.style2.sticky.active .slicknav_item:hover a{ color:#fff; } .header .button,.about-app .app-img, .faq-image,.tab-image,.app-slider-inner, .main-menu,.testimonials .test-nav,.download-app .app-mockup, .app-hero.style2 .image-mockup{ display:none; } .app-hero .app-hero-content .btn { margin: 0; padding: 10px 16px; font-size: 13px; } .header .download { display: none; } .app-hero .app-hero-content .inline.middle { margin: 0 5px; } .app-hero .app-hero-content .btn:last-child{ margin:0; } .app-hero.style2{ overflow:hidden; } .app-hero.style2 h1 span{ font-size:18px; } .app-hero.style2 h1 { font-size: 28px; line-height: 38px; } .app-hero.style3 .button .btn { padding: 12px 20px; } .app-hero.style3 .button .btn.icon { margin-right: 10px; font-size: 30px; } .testimonials .testimonials-slider { padding: 70px 0px; } .tab-features .btn { padding: 14px 25px; } .app-hero,.app-hero .app-hero-block{ height: 500px; } .app-hero .app-hero-content { margin-top: 67px; } .app-hero .app-hero-content h1 { font-size: 26px; line-height: 32px; } .app-hero .owl-dots { bottom: -15px; } .app-hero.style2 .button .btn { margin-right: 10px; padding: 14px 20px; } .app-hero.style2 .button .btn:last-child{ margin:0; } .countdown .single-count i { display: inline-block; margin: 0; top: auto; } .countdown .info { text-align: center; display: block; margin-top: 15px; } .countdown .info h3 { font-size: 22px; } .about-app .about-list li { font-size: 13px; } .about-app .button .btn { margin-right: 15px; padding: 15px 22px; font-size: 13px; } .news-blog .owl-controls .owl-dots { margin-top: 10px; text-align: center; } .video-showcase { padding: 80px 0; } .video-showcase::before, .video-showcase::after { display:none; } .app-screenshot .mobile-mockup img { max-width: 320px; } .app-screenshot .slider-image { padding: 8px 30px; } .app-screenshot .slider-button { margin-top: 70px; } .testimonials .test-nav a.pager-item { position: relative; top: 0 !important; left: 0 !important; z-index: 299; transition: all 0.3s ease; } .testimonials .test-nav { position: relative; width: 100%; height: 100%; background: #fff; } .tab-features .nav-main .nav-tabs li a { padding: 15px 15px; font-size: 13px; } .download-app .section-title h2 { font-size: 24px; } .download-app .app-mockup { margin-top: 45px; } .download-app .button .btn { padding: 12px 12px 12px 70px; } .download-app .button .btn.icon { font-size: 35px; } .footer { margin-top: 0px; } .footer .footer-top{ padding-top:80px; } .footer .newslatter { top: 0; margin-bottom: 0; } } /* Mobile Layout */ @media (max-width: 420px) { }