@media (max-width:1199px){

	.link-green {
	    font-size: 14px;
	}
	.btn-green,
	.btn-brown,
	.btn-green-light,
	.btn-brown-light {
	    padding: 10px 24px;
	    font-size: 14px;
	}

	#sidemenu{
		position: fixed;
		z-index: 9;
		background: transparent;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		display: none;
	}
		#sidemenu .overlay{
			position: relative;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,.7);
			opacity: 0;
			visibility: hidden;
		}
		#sidemenu content{
			display: block;
			position: absolute;
			background: #fff;
			right: -100%;
			top: 0;
			height: 100%;
			padding: 70px 15px 20px;
			transition: all 0.5s ease-in;
		}
			#sidemenu content ul,
			#sidemenu content ul li{
				margin: 0;
				padding: 0;
				list-style: none;
				text-align: right;
			}
			#sidemenu content ul li{
				display: block;
				margin: 0 0 25px;
			}
				#sidemenu content ul li a{
					display: block;
					text-decoration: none;
					outline: none;
					font-size: 14px;
					font-weight: 600;
					color: var(--ku-quartz);
				}
				#sidemenu content ul li a.btn-green{
					color: #fff;
				}
		#sidemenu.open,
		#sidemenu.closing{
			visibility: visible;
		}
		#sidemenu.open .overlay{
			opacity: 1;
			visibility: visible;
		}
		#sidemenu.open content{
			right: 0;
		}
		#sidemenu.closing .overlay{
			opacity: 1;
			visibility: visible;
		}

	#sidemenu .search{
		position: relative;
		box-shadow: 0px 0px 4px rgba(109, 109, 109, 0.25);
		padding: 5px 35px 5px 5px;
		border-radius: 24px;
		margin: 0;
		overflow: hidden;
	}
		#sidemenu .search input{
			width: 100%;
			margin: 0;
			border: none;
			background: none;
			font-size: 14px;
		}
			#sidemenu .search input:focus{
				outline: none;
			}
		#sidemenu .search .btn-search{
			display: inline-block;
			width: 18px;
			height: 18px;
			background: transparent url(../images/icon-search.png) no-repeat center;
			background-size: 18px 18px;
			text-decoration: none;
			outline: none;
			position: absolute;
			top: 8px;
			right: 12px;
		}
		#sidemenu .btn-green-light{
			color: var(--ku-main-green);
		}

	#navbar{
		padding: 15px 0;
	}
		#navbar .logo img{
			width: 101px;
			height: auto;
		}
		#navbar .btn-menu{
			text-decoration: none;
			outline: none;
			display: inline-block;
			background: transparent url(../images/btn-menu.png) no-repeat center;
			background-size: 20px auto;
			width: 20px;
		}

	#footer {
	    padding: 25px 0;
	}
		#footer .others {
			margin: 0 3px 0 0;
			padding: 0 0 0 5px;
		}
			#footer .others.first{
				border: none;
				padding: 0;
			}
			#footer .others.last{
				margin: 0;
			}
}
@media (max-width:991px){

	#hero-slider {
	    height: 168vw;
	}
		#hero-slider .slick-arrow{
			display: none;
		}
	.img-konsultasi {
	    width: 234px;
	}

	.section {
	    padding: 30px 0;
	}
		.section .title {
		    font-size: 24px;
		    margin-bottom: 30px;
		}
		.section .title-small {
		    font-size: 20px;
		}
		.section .content {
		    font-size: 14px;
		}
		.section-logo {
		    background-size: 180px auto;
		}

	.services-slider .item .box h4 {
	    font-size: 20px;
	}
	.services-slider .item .box p{
		font-size: 14px;
	}
	.services-slider .item .box .poster {
	    height: 130px;
	}
		.services-slider .item .box .poster img{
			height: 100%;
			width: auto;
		}

	#overlap-carousel .wrap {
	    width: 170%;
	}
	.carousel .item .box {
	    background: #fff;
	    padding-bottom: 16px;
	}
		.carousel .item .box .poster {
		    height: 140px;
		    margin-bottom: 16px;
		}
		.carousel .item .box .poster img {
		    width: auto;
		    height: 100%;
		}
		.carousel .item .box .title{
			display: block;
			margin: 0;
			font-size: 14px;
			color: var(--ku-quartz);
		}
		.carousel .item .box h4 {
		    color: var(--ku-quartz);
		    font-size: 14px;
		    font-weight: 600;
		}

	.box-info {
	    box-shadow: none;
	    font-size: 14px;
	    height: auto !important;
	    margin-bottom: 20px;
	    overflow: hidden;
	}
		.box-info .poster {
		    min-height: 167px;
		}
		.box-info content {
		    padding: 15px 0 20px;
		}
		.box-info .link-brown{
			font-size: 14px;
		}
		.box-info:after{
			content: "";
			width: 120%;
			height: 1px;
			background: #c4c4c4;
			display: block;
			position: absolute;
			bottom: 0;
			left: -10%;
		}
		.box-info.noline:after{
			display: none;
		}

	.headpage {
	    padding: 30px 30px;
	    margin-bottom: 30px;
	}
		.headpage h4 {
		    font-size: 20px;
		}

	.form-filter input {
	    display: block;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.form-filter .btn-green {
	    display: block;
	    width: 100%;
	}

	.layanan-detail .poster,
	.layanan-detail .page-content {
	    float: none;
	    width: 100%;
	}
	.layanan-detail .poster{
		text-align: center;
		margin-bottom: 15px;
	}

	.page-subtitle2 {
	    font-size: 20px;
	}

	.list-psikolog ul li a span{
		display: inline-block;
		float: none;
		vertical-align: middle;
	}
		.list-psikolog ul li a span:nth-child(1){
			width: 60%;
		}
		.list-psikolog ul li a span:nth-child(2){
			float: none;
			width: 38%;
			padding: 10px 0 10px 10px;
			border-left: 1px solid #c4c4c4;
			vertical-align: middle;
			text-align: center;
		}

	.gallery-info {
	    padding: 0;
	}

	.psikolog .poster,
	.psikolog .info {
	    float: none;
	    width: 100%;
	}
	.psikolog .poster{
		text-align: center;
	}
	.psikolog .name,
	.psikolog .title {
	    font-size: 16px !important;
	}
	.psikolog .title {
		font-size: 14px !important;
	}
	.section .title-line {
	    font-size: 16px !important;
	}

	.table-jadwal {
	    font-size: 16px;
	}

	.modal-temu .modal-content {
	    padding: 20px 20px;
	}

	.box-list:after{
		content: "";
		display: block;
		height: 1px;
		background-color: #e6e6e6;
		position: absolute;
		bottom: 0;
		width: 120%;
		left: -10px;
	}
	.box-list .info,
	.box-list .poster {
		float: none;
	    width: 100%;
	    padding: 0;
	    position: relative;
	}
		.box-list .poster img {
		    width: 100%;
		    height: auto;
		}
	.box-list .info{
		padding-top: 15px;
	}

	.box-post{
		font-size: 14px;
	}
	.box-post .title {
	    font-size: 24px;
	}
	.box-post .nav a {
	    font-size: 14px;
	}

	.services-slider .slick-arrow {
		top: 40%;
		background-size: 36px 36px;
		width: 36px;
		height: 36px;
		left: 20px;
	}
	.services-slider .slick-next {
		left: auto;
		right: 20px;
	}

	.search-subtitle {
	    font-size: 20px;
	    margin: 0 0 16px;
	}
	.search-not-found .box {
	    font-size: 14px;
	    width: 80%;
	}
	.search-not-found .box img {
	    width: 80px;
	    height: auto;
	    margin: 0 0 16px;
	}

	.form-group-booking label {
		margin-bottom: 1rem;
	}

	.box-yellow {
		padding: 20px;
	}

	.modal-temu .btn-green-light .icon {
    top: 12px;
	}
}

@media (max-width:767px){

	.problem-age .btn-grey{
		margin: 0 0 15px;
		padding: 10px;
	}

	.problems-panel header {
    font-size: 16px;
    padding: 15px;
  }
  	.problems-panel header:after {
	    top: 7px;
	    right: 15px;
	    font-size: 28px;
	  }
	  .problems-panel content ul li label {
	    padding: 15px 35px 15px 15px;
	    font-size: 14px;
		}
		.problems-panel content ul li label .box {
	    width: 12px;
	    height: 12px;
	    right: 15px;
		}
			.problems-panel content ul li label .box:after {
		    top: -5px;
		    font-size: 14px;
		  }

}