﻿@charset "utf-8";

@media only screen and (min-width : 1200px) {
    .bloghomerightbox, .blogdetrightbox { padding-left: 20px; }
    .blogsbox { margin: 0px 0px 45px 0px; }

    /*******socialmediasharing blog*******/
    .bloghomesharebutton { margin-top: 25px; }

    .defnition_box { margin: 0 20px 40px; }
    /***static***/
    .staticsec > h3:after { width: 125px; }
    .staticsec > h3 { font-size: 25px; line-height: 28px; }
    .staticsec > h4 { font-size: 20px; line-height: 22px; }
    .lgbulletbox > h5 { font-size: 17px; line-height: 18px; }
    .staticnav li > a { font-size: 20px; line-height: 22px; }
    /*About Us*/
    .aboutusImgHolder { margin-top: 55px; }
    .stat_aboutus { margin-top: 50px; }
    /*blog*/
    .blogsboxcnt > h2 > a { font-size: 25px; }

    /*login*/
    .tabmenubx > .nav-tabs > li > a { font-size: 18px; line-height: 22px; }
    /*subscription*/
    .cart_checkout { text-align: center; }
    .enable-notification { min-height:480px;}
}

@media screen and (min-width: 1400px) {
    .staticsec > h3 { font-size: 30px; line-height: 32px; padding-bottom: 18px; }
    .padRight { padding-right: 30px; }
    .padLeft { padding-left: 30px; }
}

@media screen and (min-width: 1600px) {
    /*About Us*/
    .stat_aboutus { padding-left: 30px; }
    .aboutusImgHolder { margin-top: 50px; }
}

@media only screen and (max-width: 1024px) {
    .menuopenclose { display: block; }
    .staticbg, .fix .staticbg { padding-top: 80px; }
}

@media only screen and (max-width: 992px) {
    .staticbg { margin-bottom: 20px; }
    .static_testimonials { margin: 30px 0px; }
    /***Blog***/
    .blogsbox { height: auto; min-height: auto; margin: 0px 0px 35px 0px; }
    .blogsboximg { right: 0; text-align: center; top: 25px; }
    .blogsboximg > img { display: inline-block; }
    .blogsboxcnt { text-align: center; }
    .blogsboxcnt > h2, .blogsboxcnt > div { text-align: left; }
    .blogcategories span { display: block; }
    .bloginnerdetails > h1 { font-size: 28px; line-height: 32px; }
    .smbloghedlight { font-size: 22px; line-height: 24px; }
    .innermaincont { margin-top: 80px; }
    .blogHImgWrapper { max-width: 400px; margin: 0 auto 20px auto; }
    .blogHImgWrapper > img { max-height: none; }
    .blogsboxcnt.inner-blog .blogHImgWrapper { float: none; width: 100%; margin-right: 20px; margin-bottom: 20px; margin: 0px auto 20px; }
    /***static***/
    .padRight { padding-right: 15px; }
    .padLeft { padding-left: 15px; }
    .staticnav li > a { font-size: 17px; line-height: 20px; }
    .staticnav li { margin: 0px 10px; padding: 10px 3px; }
    .staticwrapperinner { padding: 0px 0px 30px; }
    .techleftimg, .contraleftimg, .fundleftimg, .derileftimg { max-width: 250px; margin-bottom: 25px; }
    .static-topsec h4 { font-size: 28px; line-height: 34px; }
    /*About Us*/
    .aboutusImgHolder { margin: 80px auto 30px auto; max-width: 250px; }
    .aboutusImgHolder > em { top: -30px; left: -20px; transform: scale(1.3); }
    .stat_aboutus { margin-top: 0px; padding: 25px 0px 0px 0px;}
    /*.stat_aboutus .static-topsec > h4 { text-align: center;  }*/
    .testimonialimg { max-width: 250px; margin-bottom: 25px; }
    /*login*/
    .loginwrapper { max-width: 700px; margin: 0px auto; }
    .tabmenubx > .nav-tabs > li > a { padding: 10px 15px; }
    /*subscription*/
    .cart_checkout { padding-bottom: 50px; text-align: center; }
    .cart_checkout > a { left: 50%; right: initial; margin-left: -62.5px; }
    .cart_items_box { margin-right: 0; }

    /*Contact us*/
    .contactsec { padding-top: 50px; }
    .contactsec .ItmBx { width:33.33%; float:left;margin-bottom: 15px; }

    /*How to subscribe*/
    .howtosubcribecnt > div ol > li em.howtosubcribeimages { max-width:500px;}

}

@media only screen and (max-width: 767px) {
    .staticpghead { padding: 15px 0; }
    .staticpgbrdcrum { text-align: left; padding: 0px 0px 15px 0; }
    .bredcrumb_wrapper { padding: 15px 0px 0px; }
    .bredcrumb_wrapper .h40 { padding: 0 0 30px 0; font-size: 20px; line-height: 20px; }
    .btn-page-head {top: 0px;margin-bottom:15px; }
    /*login*/
    .modal_btn > .loginbtn, .modal_btn > .loginclear { display: block; margin: 5px 0px; }
    /***Blog***/
    .blogsbox { margin: 0px 0px 30px 0px; }
    .bloginnerdetails > h1 { font-size: 22px; line-height: 28px; text-align: center; }
    .smbloghedlight { font-size: 21px; line-height: 24px; }
    .paginationNews > ul { margin-bottom: 25px; }
    .bloginnerdetails > .blogsboxcnt { font-size: 16px; line-height: 24px; }
    .blogHImgWrapper { max-width: 350px; }

    /*******socialmediasharing blog*******/
    .bloghomesharebutton { text-align: center; }
    .bloghomesharebutton .whatsapp > a > i.fa-whatsapp:before { left: -7px; }
    /***static***/
    .staticmenuwrap { padding: 10px 0px; }
    .staticwrapperinner { padding: 25px 0px; }
    .staticmenu { position: relative; }
    .staticnav li.active > a:after { width: 0px; height: 0px; }
    .staticnav { display: none; top: 28px; left: 0px; width: 100%; background-color: #fff; }
    .open > .staticnav { display: block; }
    .staticnav li { display: block; text-align: left; padding: 0px; margin: 0; }
    .staticnav li:hover > a { color: #30B5B1; }
    .staticnav li > a { display: block; text-align: left; font-size: 17px; line-height: 20px; padding: 5px 10px; text-transform: uppercase; }
    .staticnav li.active > a { display: none; }
    .staticddrbx { cursor: pointer; display: block; padding: 5px 25px 5px 10px; text-transform: capitalize; font-size: 22px; font-family: 'signikasemibold'; line-height: 26px; text-transform: uppercase; position: relative; color: #FD6E3D; }
    .staticddrbx:after { content: "\f078"; position: absolute; top: 6px; right: 8px; font: normal normal normal 18px/1 FontAwesome; color: #36ADA8; }

    .lgbulletbox > i { font-size: 25px; line-height: 27px; border-radius: 15px 0px 15px 15px; }

    .static-topsec > p.big { font-size: 17px; line-height: 31px; }
    .static-topsec h4 { font-size: 26px; line-height: 30px; }
    .indicatesreqinfo { position: static; text-align: right; }
    /*About Us*/
    .aboutusImgHolder { max-width: 200px; }
    .static-topsec p, .static-subsec p { font-size: 17px; line-height: 28px; }
    /*client calls*/
    .calls_box { padding: 20px; }
    .call_values .calltype { width: 100%; display: block; margin: 0px; }
    .call_values .callvalues { width: 25%; margin: 15px 0px 0px 0px; }
    .call_values .callvalues.callclosed { width: 100%; }
    /*blog*/
    .blogsboxcnt .blogconwrapper p { font-size: 17px; line-height: 28px; }
    /*testimonials*/
    .testimonialsbox { padding: 285px 30px 30px 30px; text-align: center; }
    .testimboximg { left: 50%; margin-left: -112.5px; }
    .testiboxcnt > p { font-size: 16px; line-height: 28px; }
    /*login*/
    .login_table { border-top: 1px dashed #dbdbdb; border-left: 0px; }
    .regloginnew { padding: 30px 0px 15px; }
    .loginform .staticforms { text-align: center; }
    .loginform .staticforms label { text-align: left; }
    #login .loginform .staticforms, #forgotpword .loginform .staticforms { margin-bottom: 25px; }
    .tooltip_required > i { float: none; }
    .howtosubcribecnt .tooltip_required { text-align:left;}

    .signup_tooltip { position: static; text-align: right; margin-top: 10px; }
    .tabmenubx > .nav-tabs > li > a { padding: 15px 15px 15px 15px; font-size: 14px; line-height: 18px; margin-right: 5px; text-transform: capitalize; }
    .tabmenubx > .nav-tabs > li > a > span { top: initial; }
    .tabmenubx > .nav-tabs > li > a:before { display: none; }
    .loginform .staticforms { max-width: 350px; }
    /*postlogin*/
    .user-content-wrapper.open > .user-left-menu { width: 100%; z-index: 2;; }
    .user-content-wrapper.open { padding-left: 0px; }
    .subscriptionendarea > b { position: static; }
    /***Change Password***/
    .postlogin .changepwdmain { padding: 0 0 0 40px; }
    .postlogin .changepwdformsec > .staticforms { padding: 20px; }
    /*subscription*/
    .sub_pricing { padding: 0px; }
    .frequency_data > ul { padding: 25px; margin: 0px; }
    .frequency_data > ul > li { width: 100%; }
    .sub_pricing > .sub_price_hed { position: static; width: 100%; border-radius: 10px 10px 0px 0px; }
    .sub_pricing:before { left: 50%; right: initial; }
    .sub_pricing > .sub_price_hed { border: 0px; border-bottom: 1px solid #2da1d4; }
    .sub_pricing > a.addcart { left: 28px; right: initial; }
    .sub_pricing > a:not(.addcart) { right: 28px; }
    .cart_back { margin-top: 15px; }

    /***Cart***/
    .paymentdetpopup .modal-dialog { width: auto; }
    /*media*/
    .inner_menu_tabs > ul > li { margin-bottom: 10px;width:46%; }
    .media_gallery > img {max-height: -webkit-fill-available;max-width: -webkit-fill-available;}

    .paginationNews > ul > li > a {margin-right: 5px;width: 30px;height: 30px;line-height: 30px;}

    /*How to subscribe*/
    .howtosubcribecnt > div > b { font-size: 20px; line-height: 23px; }
    .howtosubcribecnt > div ul > li { font-size: 16px; line-height: 28px; }
    .howtosubcribecnt > div ol { margin: 8px 0 0 20px; }
    .howtosubcribecnt > div ol > li em.howtosubcribeimages { max-width:400px;}
}

@media only screen and (max-width: 479px) {

    .user-menu-content { padding: 15px; }

    /***static***/
    .staticwrapperinner { padding: 20px 0px; }
    .lgbulletbox > i { font-size: 20px; line-height: 22px; border-radius: 12px 0px 12px 12px; padding: 6px 12px; }
    .lgbulletbox { padding-left: 50px; }

    .static-topsec > p.big { font-size: 16px; line-height: 30px; }
    /***blog***/
    .blogcategories span { display: block; }
    .blogsboxcnt > p { display: none; }
    .bloginnerdetails > h1 { font-size: 25px; line-height: 28px; }
    .smbloghedlight { font-size: 19px; line-height: 23px; }
    .blogsboxcnt .blogconwrapper div.moreBtn > a { display: block; width: 100px; margin: 10px auto 0 auto; }
    .staticbtn { margin: 0; }
    .blogsboxcnt > h2 { padding-right: 0px; }
    .blogsboxcnt > h2 > span { position: static; display: block; text-align: right; margin-bottom: 10px; }
    .blogmktinfo > span { margin-bottom: 10px; }


    /*******socialmediasharing blog*******/
    .bloghomesharebutton { margin-top: 15px; }

    /*About Us*/
    .aboutusImgHolder { margin: 70px auto 30px auto; }
    /*client calls*/
    .calls_filter { max-width: 100%; }
    .calls_box { padding: 15px; }
    .call_values { margin-top: 18px; }
    .call_values .calltype { max-width: 100%; min-width: 100%; display: block; }
    .call_values .callvalues { max-width: 50%; min-width: 50%; }
    /*login*/

    .loginbox > .tab-content { padding: 15px 15px; }
    .tabmenubx > .nav-tabs { display: none; }
    .tabmenubx.open > .nav-tabs { display: block; }
    .tabmenubx > span { display: block; }
    .tabmenubx > .nav-tabs > li { float: none; display: block; width: 100%; }
    .tabmenubx > .nav-tabs > li.active { display: none; }
    .tabmenubx > .nav-tabs > li > a { text-align: left; margin: 0px; border-radius: 0px; }
    .loginbtn, .loginclear { display: block; margin: 15px 0px 0px; }

    /***Change Password***/
    .postlogin .changepwdformsec > .staticforms:before { width: 8px; left: -9px; }
    .postlogin .changepwdmain { padding: 0 0 0 20px; }
    .postlogin .changepwdformsec > .staticforms { padding: 10px; }
    .successmessage { font-size: 12px; }
    .sub_pricing > a.addcart { left: 5px; }
    .sub_pricing > a:not(.addcart) { right: 5px; }
    .sub_pricing > a > em { text-transform: capitalize; }

    /***Cart***/
    .cart_box { padding: 0; }
    .postlogin .table-bordered.tablenew th, .postlogin .table-bordered.tablenew td { padding: 10px 10px; font-size: 13px; }
    .cart_items_box { padding: 10px; }
    .postlogin .table-bordered.tablenew > tfoot b { font-size: 14px; }
    .footamtttl > .small { font-size: 10px; }
    .postlogin .table-bordered.tablenew .footamtttl > div > b { font-size: 13px; }
    .postlogin .table-bordered.tablenew .cartdelete { font-size: 15px; top: 8px; }
    .cartbtnsec { padding: 20px 0 10px; }
    .cartbtnsec a.btn { padding: 10px 20px; font-size: 13px; line-height: 10px; }
    .cart_total { padding: 10px; }
    .cart_total > b { font-size: 15px; line-height: 15px; }
    .cart_total > .item { padding: 10px; font-size: 13px; line-height: 15px; }
    .cart_total > .item.total { font-size: 15px; line-height: 15px; }
    .cart_final_total .btn-secondary { padding: 10px 40px 10px 15px; font-size: 13px; }
    .paymentdetpopup .modal-title { line-height: 30px; margin: 0 0 10px; font-size: 16px; }
    .cart_final_total > .table td, .cart_final_total > .table th { padding: 8px; }
    .cart_final_total > .table b { font-size: 14px; }
    .cart_final_total > .table b.amount { font-size: 18px; }
    .cart_final_total > .table b.amount > i { font-size: 15px; }
    .cart_final_total > .table span { font-size: 10px; }
    .paymentdetpopup .cart_total { padding: 10px 0; }
    .cart_final_total .btn-default { padding: 8px 10px 8px; font-size: 13px; }
    .paymentdetpopup .cart_final_total .btn-default { margin-right: 0; }
    .paymentdetpopup .cart_final_total .btn-default > i { font-size: 18px; left: 6px; margin-top: -10px; }
    .cart_final_total .btn-secondary > .fa-angle-double-right { font-size: 19px; margin-top: -11px; right: 12px; }
    .cart_items_box > .postlogin { padding: 0; border-bottom: none; }
    .paymentdetpopup .modal-header { padding: 15px 15px 0; }
    .paymentdetpopup .modal-header > em { width: 100px; height: 30px; margin-top: -15px; right: 15px; }
    .paymentdetpopup .modal-body { padding: 15px 0 0; }
    .paymentdetpopup .cart_final_total > .table { margin: 0 9px; }
    .paymentdetpopup .cart_final_total > .cart_total { padding: 15px 9px; }
    /*media*/
    .inner_menu_tabs > ul > li { width: 100%; }
    .inner_menu_tabs > ul > li > a { padding: 5px 20px; }
    .mediabox { padding: 20px 20px 105px; }
    .mediabox > .readmore { padding: 10px; height: initial; }
    .mediabox > .readmore > span { display: block; position: static; padding: 6px 0px 6px 35px; font-size: 14px; line-height: 30px;margin-bottom: 5px; }
    .mediabox > .readmore > span > em { top: 15px; left: 10px; }
    .mediabox > .readmore > .btn-third { position: static; }
    .media_gallery {height: 260px;width: 100%;}
    .media_gallery > .video > video { height: 260px;}
    
    /*investor disclosure*/
    .invstdisclosurewrap .stat_ul_list > li > b {font-size:17px;line-height:22px;}
    .invstdisclosurewrap .stat_ul_list > li > p { font-size:15px;line-height:25px;}
    .invstdisclosurewrap .dashtable > thead > tr > th {font-size:12px;line-height:20px;}
    .invstdisclosurewrap .hedtable {font-size:17px;line-height:22px;}
    .invstdisclosurewrap p.invsttblenote {padding:0 8px;}

    /*Contact us*/
    .contactsec .ItmBx { width:100%; float:none;margin-bottom: 25px; }
    .contactsec .ItmBx em.icon { margin: 0 auto 10px auto; }
    .staticforms .contact .staticformsbtngroup a.btn-default { padding: 8px 40px; }
    .staticforms .contact .staticformsbtngroup .btn-secondary { padding: 8px 40px; }
    
    /*Call Info*/
    #webviewcallinfo .stat_ul_list > li > p {font-size:15px;line-height:24px;}

    /*How to subscribe*/
    .howtosubcribecnt > div > b { font-size: 14px; line-height: 17px; }
    .howtosubcribecnt > div ul > li b { font-size: 14px; line-height: 26px; }
    .howtosubcribecnt > div ul > li { font-size: 14px; line-height: 26px; }
    .howtosubcribecnt > div ul > li > a { font-size: 14px; line-height: 17px; }
    .howtosubcribecnt > div ul > li:before { top: 3px; }
    .howtosubcribecnt > div { margin: 0 0 30px; }

    .howtosubcribecnt > div ol > li b { font-size: 14px; line-height: 26px; }
    .howtosubcribecnt > div ol > li { font-size: 14px; line-height: 26px;}
    .howtosubcribecnt > div ol > li > a { font-size: 14px; line-height: 17px; }
    .howtosubcribecnt > div ol > li::marker { font-size: 16px; }
    .howtosubcribecnt > div ol > li:hover::marker { font-size: 18px; }
}
