@media (max-width:1199px){

	.content-nav-margin {
	    margin-top: 78px !important;
	}

	.headpage {
	   	margin: 0 0 30px;
	    padding: 15px 0;
	}
		.headpage h4 {
		    font-size: 22px;
		}

	#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: #000;
			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(255, 255, 255, 1);
		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;
			color: #fff;
		}
			#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: 80px;
			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;
		}

	.section .backdrop.round-right{
		border-top-right-radius: 50px;
	}
	.section .backdrop.round-left {
    	border-top-left-radius: 50px;
	}
	.section .backdrop.round-b-left {
    	border-bottom-left-radius: 50px;
	}
	.section.use-pad, .section .backdrop {
    	padding: 60px 0;
	}
	.section-contact {
	    background-position: center -100px;
	    background-size: 300px auto;
	}

	.section .title{
	    font-size: 34px;
	    margin: 0 0 25px;
	}
	.section .subtitle {
	    font-size: 20px;
	}
	.section .content {
    	font-size: 14px;
	}
	.section .content p {
    	margin: 0 0 15px;
	}

	.carousel .slick-dots {
	    margin: 10px 0 0;
	}

	.event-slider .item {
	    width: 100%;
	    height: auto;
	}
		.event-slider .item .poster {
		    display: block;
		    float: unset;
		    width: 100%;
		    height: auto;
		}
		.event-slider .item content {
		    display: block;
		    float: unset;
		    width: 100%;
		    font-size: 14px;
		}
		.event-slider .item content table tr td {
		    padding-right: 10px;
		}
		.event-slider .item content .subtitle,
		.event-slider .item content h5 {
		    font-size: 18px;
		}
		.event-slider .item content h5 {
		    margin-bottom: 15px;
		}

		.event-slider .slick-dots {
		    margin: 10px 0 0;
		}

	.btn-contact {
	    margin: 0px 7px;
	    height: 35px;
	    width: 35px;
	}
	.btn-contact-small {
	    width: 33px;
	    height: 33px;
	}
	.btn-contact-separator {
	    height: 75px;
	}

	.team-slider {
	    background: none;
	    padding-left: 0;
	    padding-right: 0;
	    margin-bottom: 50px;
	}
		.team-slider, 
		.team-slider .item {
		    height: auto;
		}
		.team-slider .poster{
			text-align: center;
		}
		.team-slider .poster, 
		.team-slider .info {
		    display: block;
		    float: unset;
		    width: 100%;
		}
		.team-slider content {
		    top: auto;
		    transform: translateY(0);
		}
		.team-slider .poster .round {
		    width: 280px;
		    height: 280px;
		    position: relative;
		    top: auto;
		    left: auto;
		    transform: translate(0);
		    display: inline-block;
		}
		.team-slider .title{
			font-size: 24px;
		}
		.team-slider .name{
			font-size: 20px;
		}

	.team-slider .slick-dots {
	    bottom: -50px;
	    margin: 0;
	}

	.box-info {
	    height: auto;
	}
		.box-info .poster {
		    height: 350px;
		}

	.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-yellow {
		padding: 20px;
	}

	.box-payment-no {
	    width: 100%;
	}
}

@media (max-width:991px){

	#content-about{
		background: transparent;
	}

	#hero-slider {
	    height: 150vw;
	}
		#hero-slider .slick-arrow{
			display: none;
		}
		#hero-slider .slick-slide .poster {
		    width: auto;
		    height: 100%;
		    left: 50%;
        	transform: translateX(-50%);
    	}
		/*#hero-slider .slick-list,
		#hero-slider .slick-track,
		#hero-slider .slick-slide {
		    overflow: visible;
		}*/
		#hero-slider .overlay {
		    width: 90%;
		}
		#hero-slider .overlay h3,
		#hero-slider .overlay h5 {
		    font-size: 32px;
		    margin: 0 0 20px;
		}
		#hero-slider .overlay h5 {
		    font-size: 18px;
		    margin: 0 10px 30px;
		}
}