@charset "utf-8"; /* CSS Document */ /* =============================== Fix for horizontal overflow on mobile =============================== */ html, body { max-width: 100vw; overflow-x: hidden; } *, *::before, *::after { box-sizing: border-box; } /***************************************************************** responsive ******************************************************************/ /* REMOVE THIS FROM CSS: (Put it in your HTML instead) */ @media only screen and (max-width: 1200px) { .plan h4 { padding-top: 100px; } .stat_det { margin-left: 0; } .stat_det li { display: inline-block; padding-left: 17px; } } @media only screen and (max-width: 1199px) { .plan { border: 2px solid #f1c496; } .bg_inner { background: #122f67; padding: 1px 0; } .bg_inner .smart_app { padding: 0; } .nav > li > a { padding: 10px 8px; } .payment_block li { padding-right: 12px; } .bg_inner .smart_app .heading h4 { color: #fff !important; } .live_chat { padding-left: 0; } .live_chat { display: inline-block; padding-top: 0; } .navbar-inverse .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; } .navbar-inverse .navbar-nav > li > a { font-size: 13px; } .navbar-right { margin-top: 35px; } .banner_content { padding-top: 180px; } .banner_content .fs-60 { font-size: 44px; } .banner-img { padding-top: 84px; } .live_stats::after { display: none; content: inherit; } .live_stats { padding: 34px 0; } .stat_det li { padding-right: 6px; padding-left: 0; } .stat_det li::after { display: none; content: inherit; } .stat_det { padding-top: 30px; } .bg_2 { background: #122f67; padding: 50px 0; } .data_det p { color: #fff; } .data_det h5 { color: #fff !important; } .calc_block { padding: 40px 0px; } .calc_box li { margin-right: 0; } .total { padding-left: 0; } .calc_box select { min-width: 143px; } .bg_4 { height: inherit; padding-top: 65px; background: #122f67; } .certify a { margin-bottom: 0; margin-left: 0; text-align: center; } .list_det li { line-height: 46px; font-size: 15px; color: #fff; } .list_det li i { background: #f1c49b; color: #fff; } .smart_app.wow.fadeInLeft { color: #fff !important; } .bg_7::after { display: none; content: inherit; } .bg_6 { background: #122f67; } .plan h4 { padding-top: 0; } .calc_block { background: #fff; } .calc_block { padding: 24px 0px; background: #fff; } .total h4 { font-size: 28px; } .price li span { color: #fff; } .price li i { color: #fff; } .plan span { color: #fff; } .plan { margin-top: 480px; } .bg_7 { background: #122f67; } .plan { margin-bottom: 28px; } .inner_admin .live_chat { display: inline-block; float: none; text-align: center; width: 100%; } .left_inner { text-align: center; } .inner_header.navbar-inverse .navbar-nav > li > a { padding-right: 14px; } .header_links.navbar-right { margin-top: 0; } .live_stats { padding: 26px 0; } .header_links.navbar-right { float: none !important; margin-right: -15px; } .inv_list.owl-carousel .owl-dots.disabled, .inv_list.owl-carousel .owl-nav.disabled { right: 94px; } } @media only screen and (max-width: 991px) { .referral_link { padding-bottom: 21px; } .header_links li::after { display: none; content: inherit; } .inner_bg2 { padding: 16px 0; } .inner_head { right: 150px; top: 95px; } .bg_3 { margin-top: 0 !important; } .bg_3 { padding-top: 40px; padding-bottom: 40px; } .navbar-right { float: none !important; margin-right: 0; text-align: center; width: 100%; display: inline-block; } .navbar-right { margin-top: 16px; } .live_chat li { display: inline-block; padding-left: 0; } .live_chat li a { font-size: 12px; } .navbar-header { float: none; width: 100%; text-align: center; margin: auto; } .logo img { margin: auto; } .navbar-inverse .navbar-nav > li > a { text-transform: capitalize; } .banner-img { padding-top: 124px; } .banner-img img { margin: auto; } .banner_content { padding-top: 23px; padding-bottom: 30px; } .data_det { display: inline-block; width: 100%; text-align: left; } .ic_sol { padding: 22px; background: #f1c49b; margin-top: 30px; } .data_det.pt-40 { padding-top: 0; } .bg_3 { margin-top: 96px; } .smart_app .heading h4 { color: #fff !important; } .affiliations .text-right { text-align: left; } .referral { text-align: left; width: 100%; } .heading::after { display: none; content: inherit; } .ply_vdo span { display: block; } .acc_detail { width: 100%; } .ply_vdo span { left: 0; } } @media only screen and (max-width: 767px) { .calc_box li { margin-right: 0; width: 100%; } .ic_calc { display: none !important; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #000000; } .inner_admin .live_chat { padding-top: 0; padding-left: 0; } .live_chat li { display: inline-block; width: inherit !important; padding-top: 0px; } .inner_pg .live_chat { padding-top: 0; } .admin_link { width: 100%; text-align: center; } .navbar-nav { margin: 0; } header { position: relative; background: #f0e4d8; } .navbar { margin-bottom: 0; } .navbar-toggle { margin-top: 23px; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: transparent; } .navbar-inverse .navbar-nav > li > a { padding: 8px 0; } .live_chat li { display: inline-block; width: 100%; padding-top: 8px; } .banner-img { padding-top: 12px; } .stat_det li { padding: 16px 6px; } .stat_det { padding-top: 2px; } .navbar-inverse .navbar-toggle { border-color: #fff; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #122f67; } .inner_header .navbar-toggle { margin-top:0 !important; } .inner_header.navbar { margin-top: 12px; } .dropdown-menu li { text-align: center; } .inv_list.owl-carousel .owl-dots.disabled, .inv_list.owl-carousel .owl-nav.disabled { display: none; } } @media only screen and (max-width:600px) { .payment_block li { padding-right: 3px; } .calc_box li { margin-right: 0; margin: 11px 0; } .bg_3 .col-xs-6 { width:100%; } .referral li { margin-right: 51px; } .fs-45 { font-size: 37px; } .list_det li i { margin-right: 5px; } .works { padding-bottom: 24px; } .inner_head.abt { padding-top: 24px; } } @media only screen and (max-width: 520px) { .ply_vdo { display: none; } .check_block { float: none; text-align: center; width: 100%; } .submit_btn { text-align: center !important; width: 100%; } .referral_link { padding-top: 10px; } .inner_head { right: 0; top: 0; position: relative; text-align: center; padding-top: 30px; } .bg_3 { padding-top: 25px; padding-bottom: 23px; } .certify a { margin-top: 23px; } .inner_pg .live_chat { float: none; padding-top: 10px; } .stat_det li { padding-left: 0; width: 100%; padding: 12px 0; rte: ce; text-align: center; } .referral li { margin-right: 0; width: 100%; padding: 19px 0; } .referral { padding-top: 0; } .banner_content .fs-60 { font-size: 28px; } .btn_app li { margin-top: 15px; } .list_det li { line-height: 38px; font-size: 13px; color: #fff; } .referral h4 { font-size: 55px; color: #fff; font-weight: 300; display: inline-block; width: inherit; height:inherit; border-radius: inherit; padding: 10px 0; } .referral span { text-align: center; } .bg_4 { padding-top: 20px; } .inner_pg { height: inherit; background: #fff; } .bal_det h3 { font-size: 50px; } } @media only screen and (max-width: 480px) { #area_chart { border: inherit; padding-top: 40px; } } @media only screen and (max-width: 420px) { } @media only screen and (max-width: 360px) { } @media only screen and (max-width: 320px) { } img { max-width: 100%; height: auto; } @media only screen and (max-width: 767px) { .plan { margin-top: 40px !important; /* or even 0 if needed */ } }