/* CSS Document */

@media screen and (max-width: 360px) {
	#about {
  		margin-top: 107px;
	}
	.slick-dots {
  		bottom: 40px !important;
	}
	.slideshow .slide img{
		-o-object-fit: cover;
		object-fit:cover;
		height:300px;
	}
	.box-benefit.text.research {
  		height: 487px;
	}
	.box-benefit.text {
  		height: 500px;
	}
	
	
	/* Agent Page */
	#agent-header {
		background-position: 92% top !important;
	}
	
	
	
	/* About Page */
	.article {
  		width: 330px !important;
  		margin-left: -53px !important;
	}
	
	/* ARtikel */
	.image-main-artikel {
  		padding-left: 15px;
  		padding-right: 15px;
	}
	.content-teks-artikel {
  		padding-left: 15px;
  		padding-right: 15px;
	}
	.row-full.agent-pulau {
  		width: 95% !important;
	}
	
	
}



@media screen and (max-width: 600px) {
	.slick-list {
  		height: 274px;
	}
	.slick-dotted.slick-slider {
  		height: 274px !important;
	}
	#top-nav .menu-toggle {
  		margin-top: 10px;
	}
	.btn-beli {
  		top: 265px;
  	}
	.imageslider-objectfit {
		width:100%;
		height:275px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.title-slide {
  		left: 18% !important;
		top: 50% !important;
  	}
	.title-slide.kedua {
		left: -15% !important;
	}
	.title-slide h1 {
  		font-size: 14px !important;
	}
	#hero-area #hero-cover {
		height: 28vh;
	}
	.slick-dots {
		bottom: 5px !important;
	}
	#about .about-pic {
  		width: 85%;
  		margin: 0;
	}
	#about {
		height: 570px;
		background-size: 141%;
		background-position: bottom right;
	}
	.desc-top .section-title {
  		font-size: 19px;
  	}
	#services .services-item.mutu1 {
  		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
	}
	#services .services-item.mutu6 {
  		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
	}
	#services .services-item.mutu3 {
		border-top-right-radius: 0px;
	}
	#services .services-item.mutu4 {
		border-bottom-left-radius: 0px;
	}
	.container-ct {
		width: 100% !important;
	}
	.row-half {
		width: 100%;
	}
	.box-benefit.image.research {
		margin-top: -888px;
	}
	.box-benefit.text.research {
		margin-top: 485px;
	}
	.box-benefit {
  		height: 450px;
		background:none;
  	}
	.box-benefit.image.mutu {
		margin-top: 40px;
	}
	.box-benefit.text {
		margin-top: -40px;
	}
	#hire-me {
  		padding-top: 74px;
	}
	.btn-blue {
		position:relative;
	}
	#blog .blog-wrapper .blog {
		margin-top: 30px;
	}
	.popup {
		height:unset !important;
	}
	.popup-detail-image {
  		width: 100% !important;
  	}
	.popup-detail-desc {
  		width: 100% !important;
  	}
	#footer .footer-top ul {
  		width: 100%;
  		text-align: center;
	}
	
	
	/* Agent Page */
	#agent-header {
		background-position: 94% top;
	}
	table td p {
		font-family: Arial, sans-serif;
		letter-spacing: 0;
		line-height: 16px;
		padding-top: 10px;
		padding-bottom: 20px;
		padding-right:5px;
	}
	.tabz .tabz-long {
  		width: 100%  !important;
  		line-height: 14px;
	  	padding-top: 10px;
	}
	
	
	/* About Page */
	.article {
  		width: 370px;
		margin-left: -87px;
  	}
	.imagez {
  		width: 100%;
  	}
	
	/*artikel */
	.image-main-artikel {
		width: 100%;
	}
	.content-teks-artikel {
  		width: 100%;
	}
	.judul-artikel {
  		font-size: 24px;
		line-height: 28px;
	}
	.container-ct {
		height: 80px;
		scale: 80%;
	}
	.row-full.agent-pulau {
  		width: 100%;
	}
	.btn-shopee {
		width: 120px;
	}
	.row-full.agent-pulau table td{
		line-height: 24px !important;
		padding-bottom: 20px;
	}
	
	
	
}





/* iPads */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
	
	/* HomePage */
	#top-nav .menu-toggle {
  		margin-top: 15px;
	}
	.title-slide {
  		left: 19% !important;
  	}
	.imageslider-objectfit {
		width:100%;
		height:600px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.title-slide.kedua {
		left: 10% !important;
	}
	.title-slide.keempat {
		left: -10% !important;
	}
	#services .services-item.mutu2 {
		border-top-right-radius: 50px;
	}
	#services .services-item.mutu3 {
		border-top-right-radius: 0px;
	}
	#services .services-item.mutu4 {
		border-bottom-left-radius: 0px;
	}
	#services .services-item.mutu5 {
		border-bottom-left-radius: 50px;
	}
	.box-benefit.image img {
		-o-object-fit: cover;
		object-fit: cover;
		height: 506px;
	}
	.box-benefit {
		height: 506px;
	}
	.slick-dots {
		bottom: 14px !important;
	}
	.slick-list {
  		height: 540px !important;
	}
	.slick-dotted.slick-slider {
  		height: 540px !important;
	}
	#hero-area #hero-cover {
		height: 48vh;
	}
	#about .about-pic {
  		width: 35%;
  		margin: 0;
	}
	#about {
		background-size: 135%;
		background-position: bottom center;
	}
	.info-telp {
  		font-size: 24px;
  	}
	.btn-blue {
		position:relative;
	}
	#blog .blog-wrapper .blog {
		margin-top: 40px;
	}
	.popup {
		height:unset !important;
	}
	
	
	/* Agent Page */
	.tabz .tabz-long {
  		width: 26% !important;
	}
	.tabz label {
  		width: 12% !important;
	}
	
	
	/* About Page */
	.article {
  		width: 760px ;
  		margin-left: -132px;
	}
	
	/* Artikel page*/
	.image-main-artikel {
  		width: 100%;
  	}
	.content-teks-artikel {
  		width: 100%;
  	}
	.row-full.agent-pulau {
  		margin: 0 auto;
  		width: 70%;
	}
	
	
	
	
}


/* iPad Bang ADam 1024 x 1366 */
@media (width: 1024px) {
	.title-slide.kedua {
  		left: 14% !important;
	}
	#services .services-item.mutu2 {
  		border-top-right-radius: 0px;
	}
	#services .services-item.mutu3 {
  		border-top-right-radius: 50px;
	}
	#services .services-item.mutu4 {
  		border-bottom-left-radius: 50px;
	}
	#services .services-item.mutu5 {
  		border-bottom-left-radius: 0px;
	}
	#hero-area #hero-cover {
  		height: 40vh;
	}
	#about {
		margin-top: 6px;
	}
	
	/* Artikel page*/
	.image-main-artikel {
  		width: 90%;
  	}
	.content-teks-artikel {
  		width: 90%;
  	}
	.row-full.agent-pulau {
  		width: 60%;
  		margin-left: 218px;
	}
	
	
	
	
	
}

@media all and (min-width:1280px){

}


@media all and (min-width:1440px){
	.container {
  		max-width: 1280px !important;
	}
	#top-nav .logo-wrapper {
		margin-left: 10px;
	}
}