@media (max-width: 767px) {
	/*.secondary_myorder_apps {
		position: static !important;
		margin-top: 0px !important;
	}*/
	.secondary_myorder_apps {
    	margin-top: -80px !important;
	}
	.suggest-user {
		display: block !important;
	}
	.navbar-myorder-apps .main-menu .navbar-nav {
	    background: #fff;
	    border: 1px solid #eaeaea;
	    padding-bottom: 10px;
	    margin-bottom: 20px;
	}
	.navbar-myorder-apps .main-myorder .navbar-nav>li>a {
	    margin: 5px 0 !important;
	}
	.navbar-myorder-apps ul ul li ul {
		position: static !important;
		margin-left: 1px !important;
		min-width: 315px !important;
		margin-top: -5px !important;
		display: block;
		background: #f0f0f0;
	}
	.navbar-myorder-apps ul ul li ul li {
		padding-left: 20px;
	}
	body#beranda-pay    a#beranda-pay,
	/*body#about-pay      a#about-pay,*/
	/*body#variant-pay    a#variant-pay,*/
	/*body#harga-pay      a#harga-pay,*/
	/*body#faq-pay        a#faq-pay,*/
	body#integrasi-pay   a#integrasi-pay,
	body#fee-pay         a#fee-pay,
	body#api-pay         a#api-pay,
	body#fee-donasi      a#fee-donasi,
	body#news-pay        a#news-pay,
	body#klien-pay       a#klien-pay
	{
	  width: 110px !important;
	}
	/* Slider WCU */
	.myorder-carausel .carousel-caption {
    	position: static;
	}
	.myorder-carausel .carousel-caption-title p {
    	font-size: 16px !important;
    	font-weight: 700;
    	color: #444 !important;
	}
	.myorder-carausel .carousel-caption-title {
    	padding-bottom: 0px;
    	padding-top: 15px;
	}
	.myorder-carausel .carousel-caption-detail {
		font-size: 14px;
		line-height: 1.5;
	}
	.myorder-carausel .carousel-caption-detail p {
		color: #444 !important;
	}
	.myorder-carausel .carousel-inner {
		background: #eaeaea;
	}
	.myorder-carausel .carousel-caption-text {
		text-align: center;
	}
	.myorder-carausel .carousel-inner-img-mobile {
		display: block !important;
	}
	.myorder-carausel .carousel-indicators {
		display: none;
	}
	.myorder-carausel .glyphicon {
    	opacity: 1;
	}
	.myorder-carausel .carousel-caption {
		display: block;
    	margin: 0 auto;
	}
	.myorder-carausel .carousel-caption-cta {
    	padding-top: 10px;
    	padding-bottom: 10px; 
	}
	.myorder-carausel .carousel-caption-cta a {
		padding: 0px;
		font-size: 12px;
		padding: 9px 19px;
		color: #fff;
	}
	/* End Slider WCU */
	.demo-request-myorder-2 {
		width: 100px !important;
	}
	.logo-product-myorder {
	    height: 30px;
    	margin-top: 7px;
	}
	.navbar-myorder-apps .main-menu .navbar-nav li>.dropdown-menu {
	    margin-top: -10px !important;
	    margin-bottom: 15px !important;
	    margin-left: -10px;
	    border: none !important;
	}
	.navbar-myorder-apps .main-menu .navbar-nav li>.dropdown-menu {
   		top: 0px;
	}
	.navbar-myorder-apps .main-menu .navbar-nav li>.dropdown-menu {
    	min-width: 325px !important;
	}
	.btn-my-profit {
  		display: block;
	}
	.btn-my-profit a {
		position: absolute;
	    margin-top: -55px;
	    margin-left: 200px;
	    background: #da2827;
	    padding: 4px 20px;
	    font-size: 12px;
	    color: #fff;
	    border-radius: 50px;
	    font-weight: 600;
	}
	a#keunggulan-myorder-apps-1 {
	    display: none;
	}
	#header-myorder-apps {
		background: url(../images/assets/pay/header-pay-mobile.jpg) no-repeat center;
		background-size: cover;
	    padding-top: 50px;
	    padding-bottom: 50px;
	    margin-top: 0px;
	}
	#myorder-apps-type {
    	padding-top: 40px;
    }
	.hma-text .hma-title {
		font-size: 20px;
	}
	.hma-img {
		display: none;
	}
	.hma-about-text {
    	padding-left: 0px;
    	padding-top: 30px;
	}
	.software-bisnisku-cta .container {
    	width: 100%;
	}
	.maf-text-2 {
    	padding-left: 0px; 
	}
	.maf-text {
		padding-right: 0px;
	}
	.myorder-apps-title,
	.service-center-title {
    	font-size: 25px;
	}
	.myorder-apps-fitur-mobile {
		display: block !important;
	}
	.myorder-apps-fitur-desktop {
		display: none !important;
	}
	.wcu-text-box-blue {
    	background: transparent none repeat scroll 0 0;
    	color: #333;
	}
	.wcu-text-box-blue .wcu-text-box-icon {
    	color: #42a4ff;
	}
	.acc_info_surabaya {
    	margin-top: 45px;
    	padding-bottom: 30px;
	}


	.pay-about-img {
    	padding-right: 0px;
	}
	.pay-keuntungan {
    	padding-top: 30px;
    	padding-bottom: 30px;
    }
    .pay-varian-static-img {
    	padding-left: 0px;
    	padding-bottom: 40px;
	}
	.pay-varian-dinamis-img {
    	padding-right: 0px;
	}
	.pay-ilustrasi-img {
     	padding-right: 0px; 
    	padding-bottom: 20px;
	}
	.pay-turis-img {
		padding-left: 0px; 
    	padding-bottom: 30px;
    	margin-top: 40px;
	}

	.myprofit-pricing-faq-box {
		height: auto;
	}
	.my_campus_info_surabaya {
	    margin-top: 5px;
	    padding-bottom: 20px;
	}
	.pay-turis {
    	padding-top: 0px;
    }


    .pay-pasal-detail-img {
     	padding-left: 0px; 
	}
	.pay-pasal-qris-img {
    	padding-right: 0px;
	}

	.kmd-box-text p {
  		padding-top: 0px;
	}
	.pasal-about-img {
    	padding-right: 0px;
	}

	.integrasi-pay-img {
    	padding-left: 0px; 
	}
	.pay-about {
    	padding-bottom: 40px;
	}
	.pay-varian-dinamis-2-img {
    	padding-left: 0px;
	}
	.pay-varian-dinamis-2-text-desc {
    	padding-top: 30px;
	}
	.pay-varian-static-text {
    	padding-top: 0px;
	}
	.pay-varian-dinamis {
    	padding-top: 5px;
	}

	.pricing-qren-white {
    	height: 6px;
	}


	.header-api {
	  background: url('../images/assets/pay/header-api-mobile.png') !important;
	  background-size: cover;
	  padding-top: 40px;
	  padding-bottom: 40px;
	}
	.header-api-img {
	    display: none;
	}
	.kad1-img {
	    padding-right: 0px; 
	    margin-bottom: 30px;
	}
	.kad1-text-title-2 {
		margin-bottom: 20px;
	}

	.kad2-desktop {
		display: none;
	}
	.kad2-mobile {
		display: block;
	}
	.kad2-img {
	    padding-left: 0px;
	}
	.simulasi-api {
		padding-top: 0px;
	}
	.simulasi-api-box .row {
    	padding-left: 0px; 
    	padding-right: 0px;
    }
    .profit-digital {
    	padding-bottom: 20px;
    }
    .modal-map-hardware .modal-footer {
	    text-align: left;
	}
	.kad1-text-desc-ul {
		margin-top: -10px;
	}
	.qris-fee-text-icon i {
    	font-size: 30px;
	}
	.qris-fee-text-desc {
    	padding-left: 40px;
	}

	.pcvc-img {
    	padding-right: 0px;
    	margin-bottom: 30px;
	}
	.box-step-1-height {
    	height: 0px;
	}

	.donasi-about-img {
    	padding-right: 0px;
    	margin-bottom: 30px;
	}
	.ptbd-img {
    	margin-bottom: 30px;
	}
	.header-donasi-text {
    	padding-top: 0px; 
	}
	.header-donasi-img {
    	display: none;
	}

	.pfbd-title {
		line-height: 1.3;
	}
	.pfbd-title a {
    	font-size: 16px;
    }
    .search_add_on form input {
    	width: 300px;
	}

	.pjsp-text {
    	padding-right: 0px; 
	}
	.dokumentasi-api {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.skema-settlement p {
    	font-size: 9px;
    	line-height: 1.5;
	}
	.video-myorder-img {
    	padding-top: 40px;
	}

	.before-after-qris .pay-turis-text {
	    padding-top: 0px; 
	}
	.pay-keuntungan-merchant-text ul {
		margin-left: -20px;
		padding-top: 20px;
	}


	/* Cashback */
	.cashback {
	    padding-bottom: 40px;
	}
	.about-payg .row {
	    padding: 20px;
	}
	.about-payg-img img {
		display: none;
	}
	#modal-cashback .modal-dialog {
  		width: auto !important;
	}
	#modal-cashback .csf-link a {
    	padding: 10px 15px;
    	font-size: 11px;
	}
	/* End Cashback */

	.cta-fitur-my-profit-bottom {
		text-align: center;
	}
	.cta-fitur-regristasi-download-wa .cta-fitur-regristasi-download-wa-1 {
     	padding-left: 0px; 
	}


	.title_header_blog {
    	padding-top: 70px;
	}
	.bd-detail-desc {
    	height: auto;
	}
	.title-header-detail-blog p {
    	font-size: 25px;
	}
	.pbd-detail-video img {
	    max-height: 300px;
	    width: 100%;
	}

	.coab-detail-img {
    	padding-left: 0px; 
	}
	.coab-detail-teks {
    	text-align: center;
	}

	.dab-link a {
		padding: 12px 10px;
    	font-size: 14px;
	}

	.sk-box-img {
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 50px;
	}

	.event-parent .bd-detail-cta a {
    	font-size: 12px;
	}
	.event-parent .bd-detail-cta .bd-detail-cta-registrasi {
    	margin-right: 4px;
    	margin-bottom: 10px;
	}
}


@media (max-width: 380px ) {
	.hma-text .hma-cta a:nth-child(1) {
	    padding: 10px 20px;
	    font-size: 13px;
	}
	.hma-text .hma-cta a:nth-child(2) {
	    padding: 10px 10px;
	    font-size: 13px;
	}
	#myorder-apps-type {
    	padding-top: 60px;
	}
	.logo-product-myorder {
    	height: 30px;
	}
	.btn-my-profit a {
	    margin-top: -55px;
	    margin-left: 150px;
	    padding: 4px 10px;
	    font-size: 10px;
	}
	.pfbd-title {
    	padding-right: 10px;
    	height: 75px;
	}

	.search_add_on form input {
    	width: 250px;
	}

	.dab-link a {
    	padding: 12px 10px;
    	font-size: 11px;
	}
}


@media(min-width: 768px) and (max-width: 1023px) {
	.suggest-user {
		display: block !important;
	}
	.secondary_myorder_apps {
    	margin-top: -80px !important;
	}
	.demo-request-myorder {
    	padding: 0px 10px !important;
	}
	#header-myorder-apps {
		background: url(../images/assets/pay/header-pay-mobile.jpg) no-repeat center;
		background-size: cover;
	    padding-top: 70px;
	    padding-bottom: 70px;
	    margin-top: 0px;
	}
	.navbar-myorder-apps .main-menu .navbar-nav>li>a:not(.btn) {
    	font-size: 10px !important;
	}
	.navbar-myorder-apps .main-menu .navbar-nav>li {
	    margin-left: 15px;
	}

	.fitur-to-online-order-settlement img {
		display: block;
		margin: 0 auto;
	}

	.myorder-carausel .carousel-caption {
    	display: block !important;
	}
	.myorder-carausel .carousel-caption {
    	top: 5%;
    	left: 5%;
	}
	.myorder-carausel .carousel-indicators {
		display: none;
	}
	.myorder-carausel .carousel-caption-title p {
    	font-size: 16px;
	}
	.myorder-carausel .carousel-caption-detail p {
    	font-size: 14px;
	}
	.myorder-carausel .carousel-caption-title {
    	padding-bottom: 10px;
	}
	.myorder-carausel .carousel-caption-cta {
    	padding-top: 10px;
	}
	.myorder-carausel .carousel-caption-cta a {
	    font-size: 12px;
	    padding: 7px 20px;
	}

	.myorder-apps-fitur-mobile {
		display: block !important;
	}
	.myorder-apps-fitur-desktop {
		display: none !important;
	}
	.pay-about-img {
    	padding-right: 0px;
	}
	.pay-keuntungan {
    	padding-top: 30px;
    	padding-bottom: 30px;
    }
    .pay-varian-static-img {
    	padding-left: 0px;
    	padding-bottom: 40px;
	}
	.pay-varian-dinamis-img {
    	padding-right: 0px;
	}
	.pay-ilustrasi-img {
     	padding-right: 0px; 
    	padding-bottom: 20px;
	}
	.pay-turis-img {
		padding-left: 0px; 
    	padding-bottom: 30px;
	}
	.pay-pasal-detail-img {
     	padding-left: 0px; 
	}
	.pay-pasal-qris-img {
    	padding-right: 0px;
	}
	.kmd-box-text p {
  		padding-top: 0px;
	}
	.pasal-about-img {
    	padding-right: 0px;
	}
	.integrasi-pay-img {
    	padding-left: 0px; 
	}
	.pay-varian-dinamis-2-img {
    	padding-left: 0px;
	}
	.pay-varian-dinamis-2-text-desc {
    	padding-top: 30px;
	}
	.pay-varian-static-text {
    	padding-top: 0px;
	}
	.pay-varian-dinamis {
    	padding-top: 5px;
	}
	.pricing-qren iframe {
		margin-top: -87px;
		margin-bottom: -60px;
	}
	.pricing-qren-white {
    	height: 6px;
	}
	.myprofit-pricing-faq-box {
    	height: auto;
	}


	.logo-product-myorder {
	    height: 20px;
	    margin-top: 30px;
	}
	.header-api-text {
	    padding-top: 0px; 
	}
	.header-api {
	  background: url('../images/assets/pay/header-api-mobile.png') !important;
	  background-size: cover;
	  padding-top: 60px;
	  padding-bottom: 60px;
	}
	.header-api-img {
	    display: none;
	}
	.kad1-img {
	    padding-right: 0px; 
	    margin-bottom: 30px;
	}
	.kad1-text-title-2 {
		margin-bottom: 20px;
	}

	.kad2-desktop {
		display: none;
	}
	.kad2-mobile {
		display: block;
	}
	.kad2-img {
	    padding-left: 0px;
	}
	.simulasi-api {
		padding-top: 0px;
	}
	.simulasi-api-box .row {
    	padding-left: 0px; 
    	padding-right: 0px;
    }
    .profit-digital {
    	padding-bottom: 20px;
    }

    .profit-digital-box-text p {
	    font-size: 17px;
	}

	.respon-api-text {
	    padding-top: 26px;
	}

	.pcvc-img {
    	padding-right: 0px;
    	margin-bottom: 30px;
	}
	.box-step-1-height {
    	height: 0px;
	}

	.donasi-about-img {
    	padding-right: 0px;
    	margin-bottom: 30px;
	}

	.header-donasi-text {
    	padding-top: 0px; 
	}
	.header-donasi-img {
    	display: none;
	}
	.software-bisnisku-cta .container {
     	width: 100%; 
	}
	.pfbd-title {
		line-height: 1.3;
	}
	.pfbd-title a {
    	font-size: 16px;
    }
    .pjsp-text {
    	padding-right: 0px; 
	}
	.video-myorder-img {
    	padding-top: 40px;
	}

	.before-after-qris .pay-turis-text {
	    padding-top: 0px; 
	}
	.pay-keuntungan-merchant-text ul {
		margin-left: -20px;
		padding-top: 20px;
	}

	.sk-box-img {
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 50px;
	}

	.event-parent .bd-detail-cta a {
    	font-size: 12px;
	}
	.event-parent .bd-detail-cta .bd-detail-cta-registrasi {
    	margin-right: 4px;
    	margin-bottom: 10px;
	}

	#modal-cashback .modal-dialog {
  		width: auto !important;
	}
}

@media (max-width: 770px) and (min-width: 691px){
	.myorder-carausel .carousel-caption {
    	display: block !important;
	}
}

@media(min-width: 1024px) and (max-width: 1200px) {
	.myorder-carausel .carousel-caption {
    	top: 5%;
	}
	.carousel-caption-title p {
    	font-size: 16px;
	}
	.carousel-caption-detail p {
   		font-size: 16px;
    }
    .navbar-myorder-apps .main-menu .navbar-nav>li>a:not(.btn) {
    	font-size: 12px !important;
	}
	.pay-about-text {
     	padding-top: 0px; 
	}
	.pqdt-title {
		padding-top: 0px;
	}
	.integrasi-pay-text-box {
    	padding-top: 0px; 
	}
	.myprofit-pricing-faq-box {
    	height: 260px;
	}
	.pay-varian-static-text,
	.pay-varian-dinamis-text,
	.pay-varian-dinamis-2-text-desc {
    	padding-top: 0px; 
	}
	
	#header-myorder-apps {
	    padding-top: 90px;
	    padding-bottom: 90px;
	}


	.kad1-text {
	    padding-top: 0px; 
	}
	.kad2-text {
	    padding-top: 0px; 
	}

	.box-step-1-height {
    	height: 120px;
	}

	.logo-product-myorder {
	    height: 30px;
	    margin-top: 25px;
	}

	.langkah-link-box {
		height: 310px;
	}
	.pfbd-title a {
    	font-size: 16px;
    }

    .pjsp-text {
    	padding-top: 0px; 
	}
	.about-text-detail {
    	padding-top: 0px; 
	}

	.before-after-qris .pay-turis-text {
    	padding-top: 10px; 
	}

	.about-payg .row {
	    padding: 20px;
	}
	.about-payg-img img {
	    transform: translateY(-4%);
	}

	.event-parent .bd-detail {
    	height: 650px;
	}
}

@media(min-width: 1201px) and (max-width: 1250px) {
	.myorder-carausel .carousel-caption {
    	top: 14%;
	}
}

@media (min-width: 1700px) {
	.carousel-caption-title {
		padding-top: 80px;
	}
	.carousel-caption-title p {
		font-size: 55px !important;
	}
	.carousel-caption-detail p {
		font-size: 30px !important;
	}
}