@media (max-width: 767px) {
	.navbar-myaccounting .header{
		background: #fff !important;
		box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
    	-webkit-box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
    	-moz-box-shadow: 0 0 30px rgba(7,51,84,0.17)!important;
    	border-top: 1px solid #eaeaea;
	}
	.navbar-myaccounting .main-menu .navbar-nav {
		background: #fff !important;
		border: 1px solid #eaeaea;
    	margin-bottom: 20px;
	}
	.main-menu .navbar-myaccounting-nav>li>a:not(.btn){
		font-weight: normal !important;
	}
	.drmyaccounting {
		width: 140px !important;
		text-align: center !important;
	}

	body#myaccounting-produk         a#myaccounting-produk,
	body#myaccounting-features       a#myaccounting-features,
	body#myaccounting-harga          a#myaccounting-harga {
		width: 145px !important;
	}
	.main-menu .navbar-myaccounting-nav>li:hover>a, 
	.main-menu .navbar-myaccounting-nav>li.active>a {
    	background: none;
    	border-bottom: 2px solid #2dc7fb !important;
    	width: 145px;
	}
	.main-menu .nav .open>a, 
	.main-menu .nav .open>a:hover, 
	.main-menu .nav .open>a:focus {
	    background: none;
	    border-bottom: 2px solid #0072bc;
	    color: #444;
	}
	.navbar-myaccounting .navbar-nav .open .dropdown-menu>li>a {
	    text-align: left !important; 
	}
	.navbar-myaccounting .main-menu .navbar-nav li>.dropdown-menu { 
		margin-top: 0px !important;
		border: none !important;
	}
	.navbar-myaccounting .navbar-nav .open .dropdown-menu>li>a {
    	margin-left: -10px !important; 
    }
    .navbar-myaccounting .main-menu .navbar-nav li>.dropdown-menu {
	    margin-top: -10px !important;
	    margin-bottom: 15px !important;
	    margin-left: -10px;
	    border: none !important;
	}
	.navbar-myaccounting .main-menu .navbar-nav li>.dropdown-menu {
   		top: 0px;
	}
	.navbar-myaccounting .main-menu .navbar-nav li>.dropdown-menu {
    	min-width: 450px !important;
	}
    .navbar-myaccounting ul ul li ul {
		position: static !important;
		margin-left: 1px !important;
		min-width: 450px !important;
		margin-top: -5px !important;
		display: block;
		background: #f0f0f0;
	}

    .logo-product-myaccounting {
		height: 25px !important;
    	margin-top: 8px !important;
	}
    .pp_header {
    	margin-top: 0px;
    	padding-top: 100px;
    }
    .main-menu .navbar-myaccounting-nav>li>a:not(.btn){
    	color: #222;
    }
    .myaccounting-features-desktop {
    	display: none;
    }
    .myaccounting-features-mobile {
    	display: block;
    }
    .myaccounting-about-title {
    	padding-left: 0px;
    }
    .myaccounting-about {
    	padding-bottom: 40px;
    }
    .logo-myaccounting-desktop {
    	display: none;
    }
    .logo-myaccounting-mobile {
  		display: block;
	}
	.logo-myaccounting-mobile .logo-product {
  		height: 28px !important;
	}

	.header-page {
		margin-top: 0px;
		padding-top: 100px;
    	padding-bottom: 100px;
	}
	.myaccounting-features-second-detail {
		padding-right: 0px;
	}
	.keunggulan_acc_hr hr {
		display: none;
	}
	.keunggulan_acc_hr a {
		position: static;
		padding: 13px 30px;
		border: none;
	}
	.myaccounting-features-mobile-detail {
    	padding-top: 40px;
	}
	.mfd-box.mfd-box-2 .mfd-box-desc {
    	padding-left: 75px;
	}
	.mfd-box .mfd-box-icon {
		margin-left: 0px;
	}
	.myaccounting-excellence {
    	padding-top: 40px;
	}
	.versi-mobile {
  		display: block;
	}
	.versi-desktop {
  		display: none;
	}	


	.svp-table {
        overflow-x: scroll;
    }
    .add-ons-tambahan-img {
        padding-right: 0px; 
    }
    .svp-table-box {
        width: 130px;
    }
    .svp-table-box-parent {
        width: 250px;
    }
    .svp-table-box-parent {
        width: 250px;
    }
    .pricing-ps-beli, .pricing-ps-payg {
    	font-size: 9px;
    	padding: 9px 10px;
	}

	.acc_info_surabaya {
    	margin-top: 20px;
    	padding-bottom: 30px;
	}

	.fitur-img-logo img {
  		width: 100%;
	}

	.table-biaya {
    	overflow-x: scroll;
	}
	.table-biaya table thead tr td {
    	font-size: 17px;
	}

	.display-mobile, 
	.prd-box-mobile {
  		display: block;
	}
	.display-desktop,
	.prd-box-desktop {
  		display: none;
	}

	.pp_header.pp_header-2023-03-01 {
    	padding-top: 50px;
    	padding-bottom: 50px;
    	text-align: center;
	}
	.pp_image_detail {
    	display: none;
	}
	.pp_header-2023-03-01 .phd_2 p {
    	font-size: 30px;
	}
	.icon-tentang_payroll {
    	width: calc(100%/2 - 15px);
	}
	.sb-img img {
    	height: 50px;
	}
	.bfabt-left {
	    padding-left: 0px;
	}
	.bfabt-right {
	    padding-right: 0px;
	}
	.cta-page-home-2023-03-01-img {
    	display: none;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.logo-product-myaccounting {
		height: 25px !important;
    	margin-top: 25px !important;
	}
	.pp_header {
		padding-top: 100px;
	}
	.myaccounting-about-title {
		padding-left: 0px;
	}
	.myaccounting-about {
		padding-bottom: 40px;
	}
	.myaccounting-features-desktop {
    	display: none;
    }
    .myaccounting-features-mobile {
    	display: block;
    }

    .svp-table {
        overflow-x: scroll;
    }
    .add-ons-tambahan-img {
        padding-right: 0px; 
    }
    .svp-table-box {
        width: 130px;
    }
    .pricing-ps-beli, .pricing-ps-payg {
    	font-size: 9px;
    	padding: 9px 10px;
	}

	.acc_info_surabaya {
    	margin-top: 20px;
    	padding-bottom: 30px;
	}

	.table-biaya {
    	overflow-x: scroll;
	}
	.table-biaya table thead tr td {
    	font-size: 17px;
	}
	.display-mobile, 
	.prd-box-mobile {
  		display: block;
	}
	.display-desktop,
	.prd-box-desktop {
  		display: none;
	}
	.sb-img img {
    	height: 50px;
	}
	.cta-page-home-2023-03-01-img {
    	display: none;
	}
	.bfabt-left {
	    padding-left: 0px;
	}
	.bfabt-right {
	    padding-right: 0px;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.pricing-ps-beli, .pricing-ps-payg {
    	font-size: 9px;
    	padding: 9px 10px;
	}
	.pp_header-2023-03-01 .pp_header_detail {
    	padding-top: 0px; 
    	padding-bottom: 60px;
	}
}