:root{--primary-dark:#002444;--primary-blue:#00cede;--primary-purple:#7580ef;--text-light:#1b507e;--light-gray:#f8f8f9}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1200px) and (max-width:1399px){.download-app .text .inner{margin:auto;width:70%;transform:scale(.9)}}@media (min-width:992px) and (max-width:1199px){section{padding:80px 0}.hero-caption h1{font-size:60px}.hero .search-box{transform:scale(.9)}.categories{margin:0 0 80px}.categories ul li{margin:0 20px 0 0}.categories ul li:after{margin:0 0 0 20px}.featured-title{font-size:60px;line-height:90px}article{margin:0 0 100px}article .title{font-size:40px;line-height:50px}article .brief{font-size:18px}.read-more{font-size:18px;background-size:20px 21px;background-position:right 6px;padding:0 30px 0 0}article.featured{padding:80px}article.featured .title{font-size:42px;padding:0 10%}.subscribe{padding:70px;background-size:50%}.subscribe .title{font-size:42px;line-height:50px}.subscribe .desc{font-size:18px}.subscribe .email input{padding:20px}.subscribe .email .btn{padding:15px 50px}.download-app .text{padding:4rem}.download-app .text .inner{margin:auto;width:90%}.download-app .text h3{font-size:37px;margin:0 0 20px}.download-app .text p{font-size:18px;margin:0 0 20px}.app-btns .btn{width:80%;font-size:18px;padding:15px 20px;margin:0 0 20px}.app-btns .btn img{width:30px}.footer-links .widget-title{font-size:15px}.footer-links a{font-size:15px;margin:0 0 30px}article.detail .title{font-size:60px;line-height:80px;margin:0 0 50px}article.detail figure{margin:0 0 60px}article.detail h2{font-size:39px}article.detail h3{font-size:32px}article.detail h4{font-size:26px}article.detail h5{font-size:21px}article.detail p{font-size:18px}article.detail li{font-size:18px}.post-author .top .name{width:65%}.post-author .top .name h5{font-size:17px}}@media (min-width:768px) and (max-width:991px){section{padding:60px 0}.navbar-brand{width:150px}.navbar-toggler:focus{box-shadow:none}.qr-code{display:none}.header-right .btns .btn{height:55px;line-height:22px}.hero-caption h1{font-size:50px;margin:0 0 30px}.hero .search-box{transform:scale(.8)}.categories{margin:0 0 40px;background:0 0}.categories ul{flex-wrap:wrap}.categories ul li{margin:0 15px 15px 0 !important}.categories ul li:after{margin:0 0 0 20px;display:none}.categories ul li a{font-size:14px;background:var(--light-gray);color:var(--primary-dark);padding:5px 15px 7px;line-height:20px;border-radius:30px}.categories ul li a:hover,.categories ul li a.active{background:var(--primary-dark);color:var(--primary-blue)}.featured-title{font-size:50px;line-height:70px}article{margin:0 0 100px}article .image{width:35%;display:none}article.featured .image{display:block}article .text{width:100%}article .text .mobile-image{display:block;width:100%}article .title{font-size:40px;line-height:50px}article .brief{font-size:18px}.read-more{font-size:18px;background-size:20px 21px;background-position:right 6px;padding:0 30px 0 0}article.featured{padding:80px}article.featured .title{font-size:40px;padding:0 5%}.subscribe{padding:50px;background-size:50%}.subscribe .inner{width:60%}.subscribe .title{font-size:42px;line-height:50px}.subscribe .desc{font-size:18px}.subscribe .email input{padding:20px}.subscribe .email .btn{padding:15px 50px}.download-app{flex-wrap:wrap}.download-app .image{width:100%}.download-app .text{width:100%;padding:4rem}.download-app .text .inner{margin:auto;width:90%}.download-app .text h3{font-size:37px;line-height:46px;margin:0 0 20px}.download-app .text p{font-size:18px;margin:0 0 20px}.app-btns .btn{width:100%;font-size:18px;padding:15px 20px;margin:0 0 20px}.app-btns .btn img{width:30px}.footer-links .widget-title{font-size:15px}.footer-links a{font-size:15px;margin:0 0 30px}article.detail{width:65%}article.detail .title{font-size:45px;line-height:60px;margin:0 0 40px}article.detail figure{margin:0 0 50px}article.detail h2{font-size:35px}article.detail h3{font-size:28px}article.detail h4{font-size:22px}article.detail h5{font-size:20px}article.detail p{font-size:18px;line-height:24px}article.detail li{font-size:18px;line-height:24px}article.detail .conclusion h3{font-size:40px}.sidebar{width:30%}.post-author .top .avatar{width:50px}.post-author .top .name{width:70%}.post-author .top .name h5{font-size:15px}.post-author .top .name span{font-size:14px}}@media (max-width:767px){section{padding:60px 0}.container{padding:0 20px}header{padding:10px 0 0}.navbar-brand{width:160px;order:1}.navbar-toggler{order:2}.navbar-collapse{order:3}.navbar .dropdowns{order:4}.navbar-nav{padding:30px 0 0;margin:10px 0 0 !important;border-top:2px solid var(--light-gray)}.navbar-nav .menu-item{margin:10px 0;padding:25px 20px;background:var(--light-gray);border-radius:18px}.navbar-nav .menu-item>a{font-size:18px;position:relative;display:flex;justify-content:space-between}.navbar-nav .menu-item>a:after{content:'';background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/icon-plus.svg) center center no-repeat;width:20px;height:22px}.navbar-nav .menu-item.clicked>a:after{background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/icon-minus.svg) center center no-repeat}.qr-code{display:none}.header-right{width:100%;margin:10px 0 0;order:5}.header-right .btns{display:none}.header-right .app-btns{width:100%;margin:20px 0 0}.header-right .app-btns .btn{width:100%;padding:20px 30px}.header-right .app-btns .btn.btn-google img{width:25px}.dropdown-sec{background:0 0;width:100% !important;position:static;border:none;padding:20px 0 0}.dropdown-sec ul li{width:100% !important;margin:0 0 20px !important}.dropdown-sec ul li a{padding:10px}.hero{padding:40px 0}.hero-caption{text-align:left}.hero-caption h1{font-size:36px;margin:0 0 40px}.hero-caption h1:before{display:none}.hero .search-box{width:100%}.hero .search-box input[type=text]{font-size:18px;padding:22px 30px}.categories{margin:0 0 40px;background:0 0}.categories ul{flex-wrap:wrap}.categories ul li{margin:0 15px 15px 0 !important}.categories ul li:after{margin:0 0 0 20px;display:none}.categories ul li a{font-size:14px;background:var(--light-gray);color:var(--text-light);padding:5px 15px 7px;line-height:20px;border-radius:30px}.categories ul li a:hover,.categories ul li a.active{background:var(--primary-dark);color:#00cede}.featured-title{font-size:36px;line-height:56px;margin:0 0 20px;text-align:left}.posts-sec{padding:0 10px}article{margin:0 0 100px}article .image{width:35%;display:none}article .image img{border-radius:24px}article .items .reading-time{font-size:14px}article .items .category{font-size:14px}article .text{width:100%}article .text .mobile-image{display:block;width:100%}article .title{font-size:31px;line-height:38px}article .brief{font-size:18px;line-height:26px}.read-more{font-size:14px;background-size:20px 21px;background-position:right 6px;padding:0 30px 0 0}article.featured{padding:60px 20px;margin:0 -20px 100px;border-radius:0}article.featured .items{margin:0 0 20px}article.featured .image{display:block}article.featured .title{font-size:31px;line-height:38px;padding:0 5%;text-align:left}article.detail .conclusion h3{font-size:31px}article.detail p iframe,.text-sec p iframe{width:100%;height:250px}.pagination-sec{margin:0 0 100px}.pagination-sec .page-numbers{display:inline-flex;justify-content:center;align-items:center;background:var(--light-gray);width:54px;height:54px;border-radius:54px;font-size:16px;font-weight:600;color:var(--primary-dark);margin:0 5px}.pagination-sec .page-numbers:hover{background:var(--primary-purple);color:#fff}.pagination-sec .page-numbers.current{background:var(--primary-dark);color:#fff}.pagination-sec .page-numbers.btn-scroll-top{width:auto;padding:10px 40px;margin:40px 0 0}.pagination-sec .page-numbers.btn-scroll-top i{margin:0 10px 0 0}.subscribe{padding:50px 30px 360px;background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/bg-subscribe-mobile.png) center bottom no-repeat var(--primary-dark);border-radius:32px}.subscribe .inner{width:100%}.subscribe .title{font-size:31px;line-height:40px}.subscribe .desc{font-size:18px}.subscribe .email{width:100%}.subscribe .email input{padding:30px 20px;border-radius:10px}.subscribe .email .btn{padding:15px 50px}.subscribe.success{padding:60px 30px 170px}.subscribe.success .inner{width:150%}.download-app{flex-wrap:wrap}.download-app .image{width:100%}.download-app .text{width:100%;padding:4rem 2rem}.download-app .text .inner{margin:auto;width:100%}.download-app .text h3{font-size:31px;line-height:40px;margin:0 0 20px}.download-app .text p{font-size:18px;line-height:24px;margin:0 0 30px}.app-btns .btn{width:100%;font-size:18px;padding:20px;margin:0 0 20px}.app-btns .btn img{width:30px}footer .top{margin:0}footer .top .inner{flex-wrap:wrap}.footer-links{width:100%;margin:0 0 30px;border-bottom:2px solid var(--light-gray)}.footer-links:last-child{margin:0}.footer-links .widget-title{font-size:18px;display:flex;justify-content:space-between;align-items:center;position:relative;cursor:pointer;user-select:none}.footer-links .widget-title:after{content:'';background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/icon-plus.svg) center center no-repeat;width:20px;height:22px}.footer-links.open .widget-title:after{background:url(//cardtonic.com/read/wp-content/themes/index/css/../img/icon-minus.svg) center center no-repeat}.qr-code{display:none}.footer-links .menu-footer-menu-1-container,.footer-links .menu-social-links-container{display:none}.footer-links a{font-size:15px;margin:0 0 30px}.copyright{width:100%;text-align:center}footer .bottom .social-links{display:none}article.detail{width:100%;margin:50px 0}article.detail .title{font-size:41px;line-height:50px;margin:0 0 30px}article.detail figure{margin:0 0 50px;width:100% !important}article.detail figure img{width:100% !important}article.detail h2{font-size:26px}article.detail h3{font-size:21px}article.detail h4{font-size:28px}article.detail h5{font-size:16px}article.detail p{font-size:14px;line-height:24px;margin:0 0 30px;width:100%}article.detail li{font-size:14px;line-height:24px}.sidebar{width:100%;margin:0 0 80px}.sidebar-block h4{font-size:30px;font-weight:600}.post-author .top{padding:20px;background:var(--light-gray);border-radius:16px}.post-author .top .avatar{width:64px}.post-author .top .name{width:77%}.post-author .top .name h5{font-size:18px}.post-author .top .name span{font-size:14px}.rp4wp-related-posts .widget-title{font-size:31px;font-weight:600;color:var(--primary-dark)}.rp4wp-related-posts a{font-size:14px;font-weight:600}.hero-404 .hero-caption{margin:0 0 80px}.hero-404 h1{font-size:41px;line-height:56px;margin:0 0 30px}.hero-404 p{width:100%;font-size:24px;line-height:32px}.hero-404 .btn{width:100%;padding:30px 40px;font-size:16px}.hero-404 .col-sm-5 img{padding:0 10%}}