@media (max-width: 767px) {
	.secondary_cookcook {
		margin-top: -132px !important;
	}
	.navbar-cookcook .main-menu .navbar-nav li>.dropdown-menu {
    	min-width: 450px !important;
	}
	.navbar-cookcook .main-menu .navbar-nav li>.dropdown-menu {
    	top: 0px;
	}
	.navbar-cookcook .main-menu .navbar-nav li>.dropdown-menu {
	    margin-top: -10px !important;
	    margin-bottom: 15px !important;
	    border: none !important;
	}
	ul.dropdown-menu.dropdown-menu-others {
    	margin-left: -28px;
	}

	.logo-product-cookcook {
    	height: 40px;
    	margin-top: 0px;
	}
	.main-cookcook .navbar-nav>li>a {
	    margin: 5px 0 !important;
	}
	.main-cookcook .navbar-nav {
     	background: #fff; 
     	border: 1px solid #eaeaea;
     	margin-bottom: 20px;
	}
	.demo-request-cookcook {
    	text-align: center !important;
    	width: 160px !important;
    }
    .icon-tentang_payroll {
		width: calc(100%/2 - 5px) !important;
    	display: inline-block !important;
    	text-align: center !important;
    	vertical-align: top !important;
    	margin-top: 20px !important;
	}

	.header-payg-text {
	    padding-top: 80px;
	}
	.hpt-title {
    	font-size: 30px;
	}
	.header-payg {
    	padding-bottom: 80px;
	}

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

	.inact-header-page {
    	padding-top: 75px;
    	padding-bottom: 75px;
	}

	.fasilitas-intermed-text {
     	padding-left: 0px; 
	}

	.sph-pricing-parent {
  		padding-right: 0px;
  		padding-top: 0px;
	}

	.suggest-user {
        display: block;
    }
}


@media (min-width: 768px) and (max-width: 1023px) {
	.acc_info_surabaya {
    	margin-top: 20px;
    	padding-bottom: 30px;
	}
	.inact-header-page {
    	padding-top: 100px;
    	padding-bottom: 100px;
	}
	.fasilitas-intermed-text {
     	padding-left: 0px; 
	}
	.sph-pricing-parent {
  		padding-right: 0px;
	}

	.suggest-user {
        display: block;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	
}