@media (max-width: 800px){



	h1, h2, h1 *, h2 * {padding-top: 0; font-size: 24px; margin-bottom: 10px; line-height: 30px;}
	p {font-size: 13px; line-height: 20px; margin-bottom: 20px;}
	p i  {font-size: 13px;}


	.button-yellow-panah {padding: 5px 15px; font-size: 9px;}
	.button-yellow-panah::before {    width: 17px;
    height: 9px;}

    .link-blue {font-size: 11px;}
    .fs_three_nine {font-size: 24px; margin-bottom: 10px; line-height: 30px;}


    /*------------------------------------------------------------------*/




	
	


	body.home section#one div.slider-wrapper li.slide-item {height: 100vh;}

    body.home section#one div.slider-wrapper li.slide-item div.text-wrapper h1 {padding-top: 0px;}
    body.home section#one div.slider-wrapper li.slide-item div.text-wrapper p {line-height: 20px;}
    body.home section#one div.slider-wrapper div.img-mbl-wrapper-sldr {background-position: center center; background-size: auto 100%; background-repeat: no-repeat;}
    


    body.home section#one li div.img-mbl-wrapper-sldr {position: absolute; bottom: 0; }
    body.home section#one li .container {position: absolute;
    left: 0;
    right: 0;
    z-index: 55;}


  

    section#five div.img-mbl-wrapper {padding-top: 0;}


	body.home section.invest-plan h3 {font-size: 13px;}
    body.home form.narat-invest-simulation li div.left-side {font-size: 11px; line-height: 17px;}
    body.home form.narat-invest-simulation li > div.right-side {margin-bottom: 17px !important;}

    body.home form.narat-invest-simulation .right-side input,
    body.home form.narat-invest-simulation li div.select-wrapper a.list-item
    {font-size: 15px;}
    body.home form.narat-invest-simulation li div.select-wrapper::before {top: 6px;}


	body.home section#seven div#artic-wrapper > li > div span.category {margin-bottom: 0;}
    body.home section#seven div#artic-wrapper > li > div span.category > a {font-size: 12px; }
    body.home section#seven div#artic-wrapper > li h4 {margin-bottom: 0;}
    body.home section#seven div#artic-wrapper > li > div h4 > a {font-size: 20px; line-height: 26px;}


    /*------------------------------------------------------------------*/



    body.form-count-inv div.button-wrapper button:nth-child(1)  {    padding: 5px 15px;
    font-size: 9px;}
    body.form-count-inv main section div.container {padding: 80px 0 30px 0 !important;}
    body.form-count-inv form.narat-invest-simulation li > div.left-side {font-size: 11px; line-height: 17px;}
    body.form-count-inv form.narat-invest-simulation .right-side input,
    body.form-count-inv form.narat-invest-simulation li div.select-wrapper a.list-item {
    font-size: 15px;}

    body.form-count-inv form.narat-invest-simulation li div.select-wrapper::before {top: 6px;}

    body.form-count-inv div#table-header div > div b {font-size: 11px;
    line-height: 17px;}
    body.form-count-inv div#table-header > div span {    font-size: 15px; }


    body.form-count-inv div.table-content div#parameter div#left-side > p > span.big-type > span.big-type:first-child {font-size: 15px;
    line-height: 22px;}
    body.form-count-inv div.table-content div#parameter div span.big-type {    font-size: 15px; line-height: 22px; margin-bottom: 0px !important;}
    body.form-count-inv div.table-content div#parameter div#left-side input {font-size: 15px; line-height: 22px;}


    body.form-count-inv div.table-content div#result div   b {    font-size: 11px;
    line-height: 18px !important;}

    body.form-count-inv div.table-content div#result div .super-big-type {font-size: 15px; line-height: 25px; margin-bottom: 0;}


    body.form-count-inv div.table-content div#parameter div#right-side div.select-wrapper input {    font-size: 15px; padding: 0 30px 0 0px; margin-top: 15px;}
    body.form-count-inv div.table-content div#parameter div#right-side div.select-wrapper .list-wrapper * {font-size: 15px; line-height: 25px;}
    body.form-count-inv div.table-content div#parameter div#right-side div.select-wrapper::before {top: auto; bottom: 5px;}





    /*------------------------------------------------------------------*/


    body.investasi-benar section.banner h1, body.investasi-benar section.banner h2  {margin-bottom: 10px; line-height: 30px !important;}

	body.investasi-benar section#two div.headl-wrapper > div h2 {font-size: 13px;}
    body.investasi-benar section#two div.headl-wrapper > div p {    font-size: 20px;
    margin-bottom: 10px;
    line-height: 30px;}

    section#two div.list-wrapper > li > a {    font-size: 13px; margin-bottom: 5px;
    line-height: 20px; }

    section#two div.list-wrapper > li > ul > li > a {    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;}



    /*------------------------------------------------------------------*/
    

	body.investasi-benar.level-two div.quick-jump-mobile div.list-wrapper > li:first-child {margin-top: 20px;}
	body.investasi-benar.level-two div.quick-jump-mobile div.list-wrapper > li {    margin-bottom: 10px;}
	body.investasi-benar.level-two div.quick-jump-mobile div.list-wrapper > li > ul {margin-bottom: 10px;}



	/*------------------------------------------------------------------*/

	body.investasi-benar.level-three section div.two-cols div.small div.local-explorer div.intro p > a {font-size: 13px;
    margin-bottom: 5px;
    line-height: 20px; /*/*font-family: 'OpenSans-Bold';*/ font-family: 'TTProstoSansCondensed-Bold';*/ font-family: 'TTProstoSansCondensed-Bold';}

    body.investasi-benar.level-three section div.two-cols div.big div#txt-wrapper p.intro,
    body.investasi-benar.level-three section div.two-cols div.big div#txt-wrapper p.intro *
    {font-size: 18px;
    margin-bottom: 20px;
    line-height: 25px;}



    /*------------------------------------------------------------------*/



	body.sinar section#two div.container > div.responsive-width-small > p#headline {font-size: 18px; line-height: 25px; margin-bottom: 20px;}

	body.sinar section#three h2 {font-size: 24px !important; line-height: 30px;}
	body.sinar section#three li.card h3 {font-size: 13px;}

	body.sinar section#three li.card a {    font-size: 11px;}

	body.sinar section#four div.testi-box div.text p.words {font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;}

	body.sinar section#five > div.container {padding-top: 0;}
    body.sinar section#five > div.container:nth-child(2) div.text-wrapper p.h-one-sized,
    body.sinar section#five > div.container:nth-child(2) div.text-wrapper p.h-one-sized *
    {font-size: 24px !important;
    line-height: 30px !important;}

    body.sinar div.modal-overlay h1 {font-size: 24px;
    margin-bottom: 0;
    line-height: 20px;}
    body.sinar div.modal-overlay h2 {font-size: 20px; margin-bottom: 10px; line-height: 27px;}





	/*------------------------------------------------------------------*/



    body.reksa-dana.level-one section.konten div.container li div.txt h3 {font-size: 15px; line-height: 20px;}






	/*------------------------------------------------------------------*/


	body.rd-products.level-two section#big-details div.container > div.button-wrapper > a {padding: 5px 10px;}

	body.rd-products.level-two section div.container h2 {font-size: 11px; line-height: 16px;}
    
    body.rd-products.level-two section#big-details div.container div#chart-wrapper div.desc {font-size: 13px;}

    body.rd-products.level-two section#small-details div.container div.right-side p.alokasi-sektor > span {font-size: 13px;}

	body.rd-products.level-two section div.container div.rincian ul li {font-size: 13px;}

	body.rd-products.level-two section div.container div.rincian .caption {font-size: 12px;}



	/*------------------------------------------------------------------*/

	body.publications.level-one section#featured-publ div.container span.category > a {
    font-size: 12px;}

    body.publications.level-one section#featured-publ div.container li.item:nth-child(1) h2 > a {    font-size: 30px;
    line-height: 35px;}

    body.publications.level-one section div.container span.category > a {font-size: 12px;}


    /*------------------------------------------------------------------*/

	body.publications.level-two section.konten div.container h3 {font-size: 24px; line-height: 28px; margin-bottom: 20px;}
	body.publications.level-two section.konten div.container h4 {font-size: 16px; line-height: 20px; margin-bottom: 15px;}


	/*------------------------------------------------------------------*/


	body.about-us #two h2 {margin-bottom: 40px !important;}
	body.about-us #two h2, body.about-us #two h2 *  {    font-size: 20px !important;
    margin-bottom: 10px;
    line-height: 25px !important;}
    body.about-us #two p, body.about-us #two p * {    font-size: 13px !important;
    line-height: 20px;
    margin-bottom: 20px;}


    body.about-us section#three div.item-box div.text-wrapper > div h2 > span.name {font-size: 18px;}
    body.about-us section#three div.item-box div.text-wrapper > div h2 > span.title {font-size: 12px;}

    body.about-us section#komisaris .container {padding-top: 40px;}
    body.about-us section#komisaris .container h1 {margin-bottom: 30px;}
    body.about-us section#komisaris div.item-wrapper > li div.text h2 {font-size: 18px;}
    body.about-us section#komisaris div.item-wrapper > li div.text p {font-size: 12px;}


    body.about-us section#four div.item-wrapper > li div.text h2 {font-size: 15px;
    line-height: 20px;}


    body.about-us section#six div.container h3 {padding-top: 0;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;}


}


@media (max-width: 580px){
    
    body.reksa-dana section.banner {background-position: 50% 100%; position: relative;}

    body.reksa-dana section.banner .img-mbl-wrapper-bnr {display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; background-image: none !important; }

    body.reksa-dana section.banner div.container {position: relative; top: 15px;}


}