/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2021 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) {

}

/* 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) {


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

}

/* Start mobile responsive */
@media only screen and (max-width : 991px) {

	/*dashboard - address*/
	.address{
		flex-direction: column;
	}
	.address-action{
		width: 100%;
		justify-content: flex-end;
		align-items: flex-end;
	}

	/*tabs*/
	.tabsquare-mjk-nav{
		display: block;
		width: 100%;
	}
	.tabsquare-mjk-nav .nav-tabs{
		width: 100%;
		z-index: 1;
		position: relative;
	}

	/*checkout*/
	.cost-breakdown{
		padding: 15px;
		background-color: #f2f2f2;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		margin-bottom: 50px;
	}
	.cost-breakdown .form-text-group .form-text-desc{
		padding-left: 15px;
	}

	/*expedition checkout*/
	.expedition-select-action{
		justify-content: flex-end;
	}

	/*dashboard profile*/
	.profiledashset-desc-group-head{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.profiledashset-desc{
		width: 100%;
		order: 2;
	}
	.profiledashset-desc-status{
		width: 100%;
		order: 1;
	}
	
}

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

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

	/*cart card product*/
	.card-product-simple-group{
		flex-direction: column;
	}
	.card-product-simple .caps-img{
		width: 70px;
	}
	.card-product-simple .caps-img img{
		width: 70px;
	}
	.card-product-simple .caps-desc{
		padding: 0 15px 0;
	}
	.card-product-simple .caps-desc h3{
		font-size: 12px;
		font-weight: 500;
	}
	.card-product-simple .caps-desc h5{
		font-size: 12px;
	}
	.caps-action{
		flex: 1;
		width: 100%;
	}
	.caps-desc-secondary{
		flex: 1;
		width: 100%;	
	}
	.caps-desc-third{
		width: 100%;
		padding-top: 10px;
	}
	.caps-desc-third-price{
		width: auto;
		padding-right: 20px;
	}
	.caps-desc-third-action{
		width: auto;
	}
	.card-product-simple-box.withcheckbox .card-product-simple-group{
		flex-direction: row;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
	
	/*card product*/
	.card-product-label h5{
		font-size: 8px;
	}
	.card-product-desc-name{
		padding: 15px 0 0;
	}
	.card-product-desc-name h3{
		font-size: 12px;
		font-weight: 500;
	}
	.card-product-desc-price{
		padding: 0 0 10px;
	}
	.card-product-desc-price h4.strikethrough{
		font-size: 10px;
	}
	.card-product-action .btn-mjk{
		padding: 10px;
		line-height: 1.4;
		font-size: 11px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*tab*/
	.tab-mjk-nav{
		margin-bottom: 0;
		padding-bottom: 20px;
	}
	.tab-mjk-nav .nav-link{
		border: 1px solid var(--grey-300);
		border-radius: 6px;
		padding: 5px 10px 5px;
		line-height: 1.1;
		margin: 0 5px 10px 5px;
	}
	.tab-mjk-nav .nav-link:hover{
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
	}

	/*dashboard*/
	.tabsquare-mjk-nav .nav-tabs .nav-link{
		min-width: 150px;
	}
	.tabsquare-mjk-nav .nav-tabs .nav-item{
		margin-right: 0;
		width: 50%;
	}
	
	/*dashboard - order history*/
	.ohi-box .ohi-info{
		flex-direction: column;
	}
	.ohi-box .ohi-info .ohi-info-code,
	.ohi-box .ohi-info .ohi-info-status,
	.ohi-box .ohi-info .ohi-info-total{
		width: 100%;
	}

	.wiztrack-item .wiztrack-item-desc{
		flex-direction: column;
		width: 100%;
	}
	.wiztrack-item .wiztrack-item-desc .wiztrack-item-desc-date{
		width: 100%;
		margin-bottom: 5px;
	}
	.wiztrack-item .wiztrack-item-desc .wiztrack-item-desc-note p{
		margin-bottom: 5px;
	}
	.wiztrack-item .wiztrack-item-desc .wiztrack-item-desc-note p:last-child{
		margin-bottom: 20px;
	}

}

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

}

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

	/*profile seller*/
	.profile-seller-box{
		justify-content: space-between;
		flex-wrap: nowrap;
	}

	/*dashboard profile*/
	.profiledashset{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.profiledashset-img{
		padding: 10px;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	}
	.profiledashset-img img{
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
	}
	.profiledashset-desc{
		justify-content: center;
		align-items: center;
		padding: 10px;
	}
	.profiledashset-desc-status{
		padding: 10px;
		justify-content: center;
		align-items: center;
	}
	.profiledashset-desc-group-footer{
		padding: 10px 10px 15px 10px;
	}
	.tipmood-list{
		justify-content: center;
	}

	/*dashboard - address*/
	.address-desc .form-text-group .form-text-label label{
		font-weight: 600;
	}
	.address-desc .form-text-group .form-text-desc{
		padding-left: 15px;
	}

	/*dashboard - order history*/
	.ohi-box .ohi-action .ohi-action-col:first-child{
		justify-content: flex-end;
		margin-bottom: 10px;
	}
	.orderitemset-product .card-product-simple-box{
		flex-direction: column;
	}
	.orderitemset-product-total{
		flex-direction: row;
		justify-content: flex-end;
		flex-wrap: wrap;
		width: 100%;
		align-items: center;
		padding: 15px 0 0 0;
		border: none;
	}
	.orderitemset-product-total h3{
		width: auto;
		text-align: right;
	}
	.orderitemset-product-total h4{
		width: auto;
		text-align: right;
		margin: 0;
	}
	.orderitemset-product-total .btn{
		width: 100%;
	}

}

@media only screen and (max-width : 480px) {
	
	/*Product item*/
	.caps-note-group{
		flex-direction: column;
	}
	.caps-note-group .form-group-mjk{
		width: 100%;
		margin-bottom: 10px;
	}
	.card-product-simple .caps-desc{

	}

	/*product*/
	.product-desc-box .product-desc-action{
		flex-direction: column;
		align-items: flex-end;
		margin: 30px 0 0 0;
	}
	.product-desc-box .product-desc-action .btn-mjk{
		margin: 0 0 10px 0;
		width: 100%;
	}

	/*dashboard*/
	.tabsquare-mjk-nav .nav-tabs .nav-item{
		width: 100%;
	}

}

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

	/*product item*/
	.caps-desc-third{
		flex-direction: column;
		align-items: flex-end;
	}
	.caps-desc-third-price{
		padding-right: 0;
		margin-bottom: 10px;
		width: 100%;
		align-items: flex-end;
	}
	.caps-desc-third-action{
		width: 100%;
		align-items: flex-end;
	}

	/*expedition*/
	.expedition-select{
		flex-direction: column;
		padding: 15px;
	}
	.expedition-select-price{
		width: 100%;
	}

}

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

}

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