/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2020 IMAJIKU.
*/


/* Desktop First Design */

/* Larger Devices, Wider Screens */
@media only screen and (min-width : 1700px) {
	
}

@media (min-width : 1500px) and (max-width: 1700px) {
	
}

@media only screen and (min-width : 1367px) {
	.bg-cloudsbig {
		background-size: cover;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	
}

@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width : 1024px) {
	
}

@media only screen and (max-width : 1024px) {
	/* = NAVBAR
	-------------------------------------------------------------*/
	#logo-center {
		width: 115px;
		height: 90px;
	}
	#logo-center img {
		width: 115px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 8px;
	}
	.navbar-default .navbar-nav>li:first-child>a {
		padding: 8px;
	}
	.navbar-default .navbar-nav>li:nth-last-of-type(-n+6)>a {
		padding-right:8px;
	}
	.shrink {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	/* = BANNER HOME
	-------------------------------------------------------------*/
	.banner-link {
		width: 100%;
		height: 100%; 
	}
	.banner-ads {
		width: 100%;
		height: 100%;  
	}

}

@media only screen and (max-width : 992px) {
	/* = NAVBAR
	-------------------------------------------------------------*/
	.navbar-default .navbar-nav>li {
		height: 70px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 5px;
	}
	.navbar-default .navbar-nav>li:first-child>a {
		padding: 5px;
	}
	.navbar-default .navbar-nav>li:nth-last-of-type(-n+6)>a {
		padding-right:5px;
	}
}

/* Start mobile responsive */
@media only screen and (max-width : 991px) {
	/* = NAVBAR
	-------------------------------------------------------------*/
	
	/*Home Slider*/
	.single-slide .slick-slide img{
		max-height: 335px;
	}
	.banner-link img{
		width: 100%;
		height: auto;
	}
	.banner-ads img{
		width: 100%;
		height: auto;
	}

}

/* Small Devices, Desktops */
@media only screen and (max-width : 812px) {
	
}

@media only screen and (max-width : 768px) {
	/* = NAVBAR
	-------------------------------------------------------------*/
	#logo-center {
		width: 75px;
		height: 90px;
		background: transparent;
	}
	#logo-center img {
		width: 70px;
		top: 12px;
		padding: 0 5px 8px;
	}
	.navbar-default .navbar-nav>li {
		height: 60px;
	}
	.navbar-nav.navbar-right {
		width: 45%;
	}
	.navbar-default .navbar-nav>li:first-child>a {
		padding-left: 0px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
	/* = NAVBAR
	-------------------------------------------------------------*/
	/*navbar dropdown*/
	.navbar-nav.navbar-left {
		width: 100%;
		flex-direction: column;
		justify-content: flex-start;
	}
	.navbar-nav.navbar-right {
		width: 100%;
		flex-direction: column;
		justify-content: flex-start;
	}
	.navbar-default .navbar-nav>li {
		justify-content: flex-start;
		display: block;
		width: auto;
		float: none;
		vertical-align: middle;
		height: auto;
		position: relative;
		align-items: center;
	}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		color: #ffffff;
	}
	.navbar-default .dropdown-mega .dropdown-menu {
		background-color: #ffffff;
	}
	.navbar-default .navbar-nav {
		height: auto;
		overflow-y: unset;
		margin: 0;
	}
	.navbar-default .navbar-nav:first-child {
		margin-top: 10px;
	}
	.navbar-default .navbar-nav>li:first-child>a {
		padding-left: 5px;
		text-align: left;
	}
	.navbar-default .navbar-toggle {
		font-size: 14px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 13px;
	}
	.dropdown .caret {
		display: block;
		float: right;
		margin-top: 8px;
	}
	.dropdown-mega .dropdown-menu a h5 {
		font-size: 14px;
	}
	.dropdown-mega .dropdown-menu .list-normal a {
		font-size: 12px;
	}

	/*dropdown full*/
	.navbar-default .navbar-collapse {
		position: fixed;
		top: 55px;
		width: 100%;
		left: 0;
		height: 100%;
		background-color: #f24036;
	}
	.navbar-mainmenu {
		height: calc(100vh - 150px);
		overflow-y: scroll;
		overflow-x: hidden;
		width: 100%;
		padding: 0 10px 30px 10px;
	}
	.dropdown-content {
		padding: 0 0px;
	}
	.dropdown-mega .dropdown-menu {
		padding: 15px 10px;
	}

	/*rotate arrow dropdown*/
	.dropdown-toggle[aria-expanded="true"] .caret{
		transform: rotate(180deg);
	}

	/*hamburger*/
	.navbar-default .navbar-toggle,
	.navbar-light .navbar-toggle,
	.navbar-dark .navbar-toggle{
		border:none;
		background: transparent;
		height: 55px;
		width: 55px;
		margin-top: 0px;
		padding: 10px 10px 15px 5px;
		margin-bottom: 0px;
	}
	.navbar-default .navbar-toggle .icon-bar{
		display: block;
		width: 30px;
		height: 3px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color: #fff;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		margin-top: 4px
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 5px;
	}
	.navbar-toggle:hover .icon-bar{
		background-color: #fff;
	}
	.navbar-toggle .top-bar {
		margin-top: 0;
	}
	.navbar-default .navbar-toggle .icon-bar {
		width: 26px;
		height: 2px;
	}
	.navbar-toggle[aria-expanded="true"]{
		padding-left: 5px;
	}
	.navbar-toggle[aria-expanded="true"] .top-bar {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform-origin: 10% 10%;
		-webkit-transform-origin: 10% 10%;
		-moz-transform-origin: 10% 10%;
	}
	.navbar-toggle[aria-expanded="true"] .middle-bar {
		opacity: 0;
	}
	.navbar-toggle[aria-expanded="true"] .bottom-bar {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform-origin: 10% 90%;
		-webkit-transform-origin: 10% 90%;
		-moz-transform-origin: 10% 90%;
	}
	.navbar-toggle[aria-expanded="false"] .top-bar {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
	}
	.navbar-toggle[aria-expanded="false"] .middle-bar {
		opacity: 1;
	}
	.navbar-toggle[aria-expanded="false"] .bottom-bar {
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
	}


	/*header login*/
	#headerlogin a {
		font-size: 11px;
		padding: 14px 0;
	}

	/*Home Slider*/
	.single-slide .slick-slide img{
		max-height: 340px;
	}
	.banner-link{
		margin-bottom: 20px;
	}
	.banner-link img{
		width: auto;
		height: 200px;
		max-height: 200px;
		margin: 0 auto 0 0;
	}
	.banner-ads{
		margin-bottom: 20px;
	}
	.banner-ads img{
		width: auto;
		height: 200px;
		max-height: 200px;
		margin: 0 0 0 auto;
	}

}

@media only screen and (max-width : 640px) {

}

@media only screen and (max-width : 575px) {

}

@media only screen and (max-width : 480px) {
	/*Home Slider*/
	.single-slide .slick-slide img{
		max-height: 300px;
	}
	.banner-link img{
		height: 180px;
		max-height: 180px;
	}
	.banner-ads img{
		height: 180px;
		max-height: 180px;
	}
}

@media only screen and (max-width : 375px) {
	.banner-link img{
		height: 130px;
		max-height: 130px;
	}
	.banner-ads img{
		height: 130px;
		max-height: 130px;
	}
	
}

@media only screen and (max-width : 320px) {
	
}