/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2023 IMAJIKU.
*/

/* =RESPONSIVE DESKTOP
-------------------------------------------------------------*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	
	/*resource magazine*/
	#resource-magazine .bg-splitter {
		height: 30rem;
		margin-top: 160px;
	}

	/*banner*/
	.widget-sponsorchild-box{
		margin: 10px auto 10px;
	}
	.sponsorchildwidget-box{
		bottom: 10px;
	}
	.widget-donation-box{
		top: unset;
		bottom: 15px;
	}

	/*banner*/
	.banner-rog{
		height: 561px;
		max-height: 561px;
	}
	.img-banner-rog{
		object-fit: cover;
		height: 100%;
	}

	/*banner content simple*/
	.secbanner-simple{
		height: 400px;
		max-height: 400px;
	}
	.img-secbanner-simple{
		object-fit: cover;
		height: 100%;
	}

	.widget-donation-box.variant-chosen{
		top: 20px;
	}

}

@media only screen and (min-width: 1200px) {
	
	/*header*/
	.btn-nav-caret-simple.show{
		display: none !important;
	}
}

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

@media only screen and (max-width : 1024px) {
	/*card*/
	.docard {
		width: 100%;
	}
	.card-mjk-instagram iframe {
		width: 290px;
		height: 388px;
	}
	/*card summer v4*/
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer {
		height: 100%;
	}
	.card-mjk-summer-img img {
		object-fit: cover;
	}
	/*career*/
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc {
		height: 462px;
		overflow-y: scroll;
	}
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc-title h2 {
		font-size: 26px;
	}
	/*home*/
	/*home 4 slider*/
	.card-mjk-primary .card-mjk-box {
		width: 100%;
	}
	/*card*/
	.card-mjk-primary .card-mjk-box {
		width: 100%;
	}
	.card-mjk-primary .card-mjk-img {
		width: 100%;
		height: 100%;
	}
	
	/*career*/
	.slider-person-prev {
		left: -35px;
	}
	.slider-person-next {
		right: -5px;
	}

	/*asmathope*/
	.section-banner{
		height: 500px;
	}
	.cos-overlay-text{
		width: 50%;
		bottom: 30px;
	}
	.cos-overlay-text img{
		height: 45px !important;
	}
	.cos-overlay-text h1{
		font-size: 20px;
	}
	.cos-overlay-text h3{
		font-size: 16px;
	}
	.cos-btn-donate{
		padding: 8px 20px 8px;
		font-size: 16px;
	}

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

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

	.hide-for-desktop{
		display: flex !important;
	}
	.hide-for-mobile{
		display: none !important;
	}

	.title-page-box{
		padding: 20px 0 20px;
	}
	.section{
		padding: 30px 0 30px;
	}
	.section:last-child{
		padding-bottom: 5%;
	}

	/*home*/
	.section-top{
		margin-top: 50px;
	}
	.section-top.variant-normal{
		margin-top: 50px;
	}

	/*banner*/
	.banner-top,
	.banner-top.variant-2{
		margin-top: 50px;
	}

	/*banner*/
	.section-banner-widget{
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		height: auto;
		padding: 20px 0 20px;
	}
	.sponsorchildwidget-box{
		position: relative;
		bottom: unset;
		right: unset;
	}

	/*breadcrumb*/
	.breadcrumb-box{
		display: none;
	}
	.breadcrumb .breadcrumb-item{
		font-size: 13px;
	}
	.card-mjk-article .card-mjk-desc h3{
		font-size: 20px;
	}

	/*general card wording size*/
	.card-mjk-fall-desc h3,
	.card-mjk-summer-desc h3{
		font-size: 18px !important;
	}
	.card-mjk-fall-desc p,
	.card-mjk-summer-desc p{
		font-size: 14px !important;
	}

	/*card fall VERSION horizontal*/
	.card-mjk-fall-box.horizontal .card-mjk-fall{
		flex-direction: row;
		height: auto;
	}
	.card-mjk-fall-box.horizontal .card-mjk-fall .card-mjk-fall-img{
		width: 50%;
		height: 100%;
	}
	.card-mjk-fall-box.horizontal .card-mjk-fall .card-mjk-fall-desc{
		width: 50%;
	}	

	/*card summer VERSION horizontal*/
	/*card summer v1*/
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer {
		flex-direction: row;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer .card-mjk-summer-img {
		width: 50%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer .card-mjk-summer-desc {
		width: 50%;
	}
	/*card summer v2*/
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer {
		flex-direction: row;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer .card-mjk-summer-img {
		width: 50%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer .card-mjk-summer-desc {
		width: 50%;
	}
	/*card summer v3*/
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer {
		flex-direction: row;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer .card-mjk-summer-img {
		width: 50%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer .card-mjk-summer-desc {
		width: 50%;
	}
	/*card summer v4*/
	.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer {
		flex-direction: column;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer .card-mjk-summer-img {
		width: 100%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer .card-mjk-summer-desc {
		width: 100%;
		margin-top: 30px;
		margin: 0;
	}
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-img {
		padding-top: 0;
	}
	.card-mjk-single-box .card-mjk-single-action h4 {
		line-height: 30px;
		font-size: 18px;
	}
	/*home*/
	.home-intro-intro{
		padding-left: 0;
	}
	.highlight-category-item{
		padding: 0 15px 0;
	}
	.highlight-category-item h2{
		font-size: 16px;
	}
	.highlight-category-icon{
		height: 70px;
		width: 70px;
	}
	.highlight-category-icon i{
		font-size: 24px;
		line-height: 75px;
	}

	.section-home-sponsor .title h1,
	.section-home-work .title h1,
	.section-home-article .title h1{
		font-size: 24px;
	}

	/*stories*/
	.card-mjk-fall-box.headline .card-mjk-fall{
		/*height: 350px;*/
	}
	.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-img,
	.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-desc{
		width: 50%;
	}

	/*dashboard volunteer*/
	.box-summary-volunteer ul li {
		flex-direction: column;
		text-align: center;
	}
	.box-summary-volunteer .box-why-volunteer-lf {
		margin: 0
	}
	.form-space-between {
		justify-content: flex-start;
	}
	.profile-header-desc h3{
		font-size: 22px;
	}

	/*contact*/
	.contact-desc ul li, .contact-desc ul li a {
		font-size: 16px;
		margin-bottom: 0;
	}
	.contact-desc h3 {
		margin-bottom: 15px;
		font-size: 22px;
	}
	/*campaign*/
	.banner-top.campaign{
		height: auto;
		max-height: unset;
		background-color: #ffffff;
	}
	.banner-top.campaign img{
		height: 100%;
	}
	.banner-top.campaign .banner-caption{
		position: relative;
		top: 0;
		bottom: unset;
		right: unset;
		margin: 0 0 0 auto;
		width: 100%;
		height: auto;
		padding: 20px;
	}

	.section-campaign-intro{
		padding: 50px 0 50px;
	}
	.kocard .kocard-img{
		width: 145px;
		height: 145px;
	}
	.kocard.kocard-simple .kocard-img img{
		margin-top: 50px;
	}
	.kocard .kocard-img i{
		line-height: 145px;
	}
	.kocard.kocard-simple{
		margin-bottom: 30px;
	}

	/*footer*/
	.contact-desc .foo-social-network{
		align-items: flex-start;
		margin-left: 30px;
	}
	.contact-desc ul li, 
	.contact-desc ul li a{
		font-size: 14px;
	}
	/*birthday pledge campaign*/
	.profile-sidebar-birthday {
		padding:20px;
	}
	.profile-sidebar-birthday .profile-header-img img {
		width: 60px;
		height: 60px;
	}
	.profile-sidebar-birthday .profile-header-desc h3 {
		font-size: 18px;
	}
	.profile-header-desc h4 {
		font-size: 14px;
	}
	.btn-facebook-v2 {
		font-size: 14px;
	}
	.btn-twitter {
		font-size: 14px;
	}
	.btn-wa {
		font-size: 14px;
	}
	.benefactor-birthday ul {
		padding-left: 0;
	}
	.benefactor-list-desc h3 {
		font-size: 16px;
	}
	.benefactor-list-desc h4 {
		font-size: 14px;
	}
	.benefactor-list-desc h5 {
		font-size: 13px;
	}

	/*testimonial*/
	.sponsor-testimonial{
		height: auto;
	}

	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-desc {
		padding: 20px 25px;
	}

	/*resource magazine*/
	#resource-magazine .bg-splitter {
		margin-top: 200px;
	}

	/*update 23-09-2020*/
	.video-thumb-mini-box{
		height: auto;
	}
	.video-thumb-mini{
		position: relative;
		width: 65%;
	}

	/*invoice*/
	.invoice-header-recipient{
		width: 90%;
	}

	/*user management box*/
	.user-type-card-box{
		height: 120px;
	}
	.user-type-label{
		top: 15px;
	}
	.user-type-box{
		padding: 65px 15px 15px 15px;
	}

	/*general register*/
	.user-type-label h4{
		font-size: 12px;
	}
	.user-type-desc h3{
		font-size: 16px;
	}

	/*donation v2*/
	.banner-top-donation-review{
		height: unset !important;
	}

	/*asmathope*/
	.section-banner{
		margin-top: 50px;
	}
	
	.cos-title-big-1{
		width: 220px;
		margin: 0 auto 30px;
	}
	.section-landpage-program .cos-title-big-1{
		width: 220px;
		max-width: unset;
	}

	.cplfull-lines{
		display: none;
		right: 0px;
	}
	.cos-program-lines-left{
		left: 0;
	}
	.cos-program-lines-right{
		right: 0;
	}
	.cos-program-lines-left,
	.cos-program-lines-right{
		width: 128px;
	}
	.cos-program-item{
		margin-bottom: 30px;
		width: 100%;
	}
	.cos-program-item.cpi-a .cos-program-lines-left{
		display: none;
	}
	.cos-program-item.cpi-a .cos-program-lines-right{
		display: none;
	}
	.cos-program-item.cpi-b .cos-program-lines-left{
		display: none;
	}
	.cos-program-item.cpi-b .cos-program-lines-right{
		display: none;
	}
	.cos-program-item.cpi-c .cos-program-lines-left{
		display: none;
	}
	.cos-program-item.cpi-c .cos-program-lines-right{
		display: none;
	}
	.landpage-related-box{
		width: 100%;
	}

	.feature-quantity-item{
		padding: 0 20px 0;
	}
	.feature-quantity-item h4{
		font-size: 32px;
	}
	.feature-quantity-item h3{
		font-size: 14px;
	}

	.post-article-chorus ul{
		flex-direction: column;
	}
	.post-article-chorus li{
		height: auto !important;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
		border-left: 3px solid #dddddd;
		padding-left: 15px;
		margin-bottom: 15px;
	}

	/*sinergi*/
	.bohero-img {
		/*height: auto;*/
		max-height: 100%;
	}
	.bohero-caption-box{
		width: 80%;
	}
	.bohero-caption-desc h1,
	.bohero-caption-desc h2,
	.bohero-caption-desc h3{
		font-size: 18px;
		line-height: 1.2;
	}
	.bohero-caption-desc p{
		font-size: 13px;
		line-height: 1;
	}
	.bohero-caption-action .btn{
		padding: 3px 20px 2px; 
		min-height: 30px;
		font-size: 14px;
	}

	/*card fall versin 1 variant horizontal mobile*/
	.card-mjk-fall-box.mod-horizontalmobile{
		box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	}
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall{
		flex-direction: row;
	}
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall-img{
		width: 150px;
	}
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall-desc{
		width: 100%;
		flex: 1;
		padding: 15px;
	}
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall-desc h3{
		font-size: 16px;
		height: unset !important;
	}
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall-desc h4{
		font-size: 14px;
	}
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall-desc p{
		height: unset !important;
	}
	.card-mjk-fall-box.mod-horizontalmobile .mod-cfd-action{
		display: flex;
		justify-content: flex-start;
		text-align: left;
		margin-top: 15px !important;
	}
	.card-mjk-fall-box.mod-horizontalmobile .btn-mjk{
		padding: 3px 20px 2px;
		min-height: 30px;
		font-size: 14px;
	}

	/*faq sponsorchild*/
	.roaming-scfaq-desktop{
		display: none;
		visibility: hidden;
	}
	.roaming-scfaq-mobile{
		display: block;
		visibility: visible;
	}

	/*widget donation*/
	.widget-donation-box{
		position: relative;
		top: unset;
		bottom: unset;
		right: unset;
	}
	/*widget chosen*/
	.section-banner-widget-chosen{
		position: relative;
		top: unset;
		left: unset;
		height: unset;
	}
	.widget-donation-box.variant-chosen{
		position: relative;
		top: unset;
		bottom: unset;
		right: unset;
		left: unset;
	}

	/*asmat hope v3*/
	.shared-icon-list-v2-float .shared-icon-list-v2{
		padding: 10px;
	}
	.shared-icon-list-v2-float .shared-icon-list-v2 ul{
		justify-content: flex-end;
	}
	.shared-icon-list-v2-float .shared-icon-list-v2 .icon2sim-box{
		width: 35px;
		height: 35px;
	}
	.shared-icon-list-v2-float .shared-icon-list-v2 .icon2sim-box i{
		font-size: 18px;
	}

	/*floating left variant 3*/
	.shared-icon-list-v2-float.variant-3{
		background-color: #ffffff;
		height: unset;
	}
	.shared-icon-list-v2-float.variant-3 .shared-icon-list-v2{
		position: relative;
		left: unset;
		bottom: unset;
		padding: 15px 20px 0;
	}
	.shared-icon-list-v2-float.variant-3 .shared-icon-list-v2 .icon2sim-box{
		background-color: #F37020;
	}

	/*procurement*/
	.bocard-roam-box.variant-3 .bocard-roam-desc-title h3, 
	.bocard-roam-box.variant-3 .bocard-roam-desc-price h4, 
	.bocard-roam-box.variant-3 .bocard-roam-desc-price h5{
		font-size: 14px;
	}
	.bocard-roam-desc-title h3{
		font-size: 14px;
	}

	/*chosen*/
	.shared-icon-list-v2-float.variant-chosen{
		background-color: #ffffff;
		height: unset;
	}
	.shared-icon-list-v2-float.variant-chosen .shared-icon-list-v2{
		position: relative;
		left: unset;
		bottom: unset;
		padding: 15px 20px 0;
	}
	.shared-icon-list-v2-float.variant-chosen .shared-icon-list-v2 .icon2sim-box{
		background-color: #F37020;
	}

	/*	mission & value*/
	.faq-rog-box.desktop{
		display: none;
		visibility: hidden;
	}
	.faq-rog-box.mobile{
		display: block;
		visibility: visible;
	}
	.accordion-rog-body{
		padding: 15px 20px 15px;
	}

	/* card */
	.bocard-mjk-desc h1,
	.bocard-mjk-desc h2{
		font-size: 22px;
	}
	.bocard-mjk-desc h3,
	.bocard-mjk-desc h4{
		font-size: 20px;
	}

}

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

	/*hero slider*/
	.myslider-mjk-dots.hero-dots{
		bottom: 5px;
	}

	/*public volunteer*/
	.input-date-v1-col .select-mjk-box {
		min-width: 95px;
	}
	/*card-mjk-single-box cardfor-v2*/
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-img {
		height: 300px;
		left: 0;
		width: 100%;
	}
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-desc {
		height: auto;
		margin-bottom: 20px;
	}
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-action {
		position: relative;
		width: 100%;
		top: 0;
		padding: 10px 20px 10px 15px;
	}
	/*bg resource-magazine*/
	.bg-grey-image::before {
		content: '';
		display: none;
	}

	/*register custome*/
	.memberas-mjk-box{
		margin: 30px 0 30px;
	}
	.memberas-mjk-item{
		height: 110px;
	}

	/*asmathope*/
	.section-banner{
		height: 400px;
	}

}

/* =RESPONSIVE MOBILE
-------------------------------------------------------------*/
@media only screen and (max-width : 768px) {

	/*begin from desktop media queries */
	
	/*resource magazine*/
	#resource-magazine .bg-splitter {
		height: 30rem;
		margin-top: 160px;
	}

	/*header*/
	.btn-nav-caret-simple.show{
		display: none !important;
	}

	/*hero slider*/
	.myslider-mjk-dots.hero-dots{
		bottom: 15px;
	}

	/*card*/
	.docard {
		width: 100%;
	}
	.card-mjk-instagram iframe {
		width: 290px;
		height: 388px;
	}
	/*card summer v4*/
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer {
		height: 100%;
	}
	.card-mjk-summer-img img {
		object-fit: cover;
	}
	/*career*/
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc {
		height: 462px;
		overflow-y: scroll;
	}
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc-title h2 {
		font-size: 26px;
	}
	/*home*/
	/*home 4 slider*/
	.card-mjk-primary .card-mjk-box {
		width: 100%;
	}
	/*card*/
	.card-mjk-primary .card-mjk-box {
		width: 100%;
	}
	.card-mjk-primary .card-mjk-img {
		width: 100%;
		height: 100%;
	}

	/*career*/
	.slider-person-prev {
		left: -35px;
	}
	.slider-person-next {
		right: -5px;
	}

	/*asmathope*/
	.section-banner{
		height: 500px;
	}
	.cos-overlay-text{
		width: 50%;
		bottom: 30px;
	}
	.cos-overlay-text img{
		height: 45px !important;
	}
	.cos-overlay-text h1{
		font-size: 20px;
	}
	.cos-overlay-text h3{
		font-size: 16px;
	}
	.cos-btn-donate{
		padding: 8px 20px 8px;
		font-size: 16px;
	}
	.hide-for-desktop{
		display: flex !important;
	}
	.hide-for-mobile{
		display: none !important;
	}

	.title-page-box{
		padding: 20px 0 20px;
	}
	.section{
		padding: 30px 0 30px;
	}
	.section:last-child{
		padding-bottom: 5%;
	}

	/*home*/
	.section-top{
		margin-top: 50px;
	}
	.section-top.variant-normal{
		margin-top: 50px;
	}

	/*banner*/
	.banner-top{
		margin-top: 50px;
	}

	/*breadcrumb*/
	.breadcrumb-box{
		display: none;
	}
	.breadcrumb .breadcrumb-item{
		font-size: 13px;
	}
	.card-mjk-article .card-mjk-desc h3{
		font-size: 20px;
	}

	/*general card wording size*/
	.card-mjk-fall-desc h3,
	.card-mjk-summer-desc h3{
		font-size: 18px !important;
	}
	.card-mjk-fall-desc p,
	.card-mjk-summer-desc p{
		font-size: 14px !important;
	}

	/*general slick*/
	.globalslider-box{
		overflow: hidden;
	}
	.globalslider-button{
		width: 96%;
	}
	.globalslider-prev{
		left: 0px;
	}
	.globalslider-next{
		right: 0px;
	}

	/*card fall VERSION horizontal*/
	.card-mjk-fall-box.horizontal .card-mjk-fall{
		flex-direction: row;
		height: auto;
	}
	.card-mjk-fall-box.horizontal .card-mjk-fall .card-mjk-fall-img{
		width: 50%;
		height: 100%;
	}
	.card-mjk-fall-box.horizontal .card-mjk-fall .card-mjk-fall-desc{
		width: 50%;
	}	

	/*card summer VERSION horizontal*/
	/*card summer v1*/
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer {
		flex-direction: row;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer .card-mjk-summer-img {
		width: 50%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer .card-mjk-summer-desc {
		width: 50%;
	}
	/*card summer v2*/
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer {
		flex-direction: row;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer .card-mjk-summer-img {
		width: 50%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer .card-mjk-summer-desc {
		width: 50%;
	}
	/*card summer v3*/
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer {
		flex-direction: row;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer .card-mjk-summer-img {
		width: 50%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer .card-mjk-summer-desc {
		width: 50%;
	}
	/*card summer v4*/
	.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer {
		flex-direction: column;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer .card-mjk-summer-img {
		width: 100%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v4.content-50 .card-mjk-summer .card-mjk-summer-desc {
		width: 100%;
		margin-top: 30px;
		margin: 0;
	}
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-img {
		padding-top: 0;
	}
	.card-mjk-single-box .card-mjk-single-action h4 {
		line-height: 30px;
		font-size: 18px;
	}
	/*home*/
	.home-intro-intro{
		padding-left: 0;
	}
	.highlight-category-item{
		padding: 0 15px 0;
	}
	.highlight-category-item h2{
		font-size: 16px;
	}
	.highlight-category-icon{
		height: 70px;
		width: 70px;
	}
	.highlight-category-icon i{
		font-size: 24px;
		line-height: 75px;
	}

	.section-home-sponsor .title h1,
	.section-home-work .title h1,
	.section-home-article .title h1{
		font-size: 24px;
	}

	/*stories*/
	.card-mjk-fall-box.headline .card-mjk-fall{
		/*height: 350px;*/
	}
	.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-img,
	.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-desc{
		width: 50%;
	}

	/*dashboard volunteer*/
	.box-summary-volunteer ul li {
		flex-direction: column;
		text-align: center;
	}
	.box-summary-volunteer .box-why-volunteer-lf {
		margin: 0
	}
	.form-space-between {
		justify-content: flex-start;
	}
	.profile-header-desc h3{
		font-size: 22px;
	}

	/*contact*/
	.contact-desc ul li, .contact-desc ul li a {
		font-size: 16px;
		margin-bottom: 0;
	}
	.contact-desc h3 {
		margin-bottom: 15px;
		font-size: 22px;
	}
	/*campaign*/
	.banner-top.campaign{
		height: auto;
		max-height: unset;
		background-color: #ffffff;
	}
	.banner-top.campaign img{
		height: 100%;
	}
	.banner-top.campaign .banner-caption{
		position: relative;
		top: 0;
		bottom: unset;
		right: unset;
		margin: 0 0 0 auto;
		width: 100%;
		height: auto;
		padding: 20px;
	}

	.section-campaign-intro{
		padding: 50px 0 50px;
	}
	.kocard .kocard-img{
		width: 145px;
		height: 145px;
	}
	.kocard.kocard-simple .kocard-img img{
		margin-top: 50px;
	}
	.kocard .kocard-img i{
		line-height: 145px;
	}
	.kocard.kocard-simple{
		margin-bottom: 30px;
	}

	/*footer*/
	.contact-desc .foo-social-network{
		align-items: flex-start;
		margin-left: 30px;
	}
	.contact-desc ul li, 
	.contact-desc ul li a{
		font-size: 14px;
	}
	/*birthday pledge campaign*/
	.profile-sidebar-birthday {
		padding:20px;
	}
	.profile-sidebar-birthday .profile-header-img img {
		width: 60px;
		height: 60px;
	}
	.profile-sidebar-birthday .profile-header-desc h3 {
		font-size: 18px;
	}
	.profile-header-desc h4 {
		font-size: 14px;
	}
	.btn-facebook-v2 {
		font-size: 14px;
	}
	.btn-twitter {
		font-size: 14px;
	}
	.btn-wa {
		font-size: 14px;
	}
	.benefactor-birthday ul {
		padding-left: 0;
	}
	.benefactor-list-desc h3 {
		font-size: 16px;
	}
	.benefactor-list-desc h4 {
		font-size: 14px;
	}
	.benefactor-list-desc h5 {
		font-size: 13px;
	}

	/*testimonial*/
	.sponsor-testimonial{
		height: auto;
	}

	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-desc {
		padding: 20px 25px;
	}

	/*resource magazine*/
	#resource-magazine .bg-splitter {
		margin-top: 200px;
	}

	/*update 23-09-2020*/
	.video-thumb-mini-box{
		height: auto;
	}
	.video-thumb-mini{
		position: relative;
		width: 65%;
	}

	/*invoice*/
	.invoice-header-recipient{
		width: 90%;
	}

	/*user management box*/
	.user-type-card-box{
		height: 120px;
	}
	.user-type-label{
		top: 15px;
	}
	.user-type-box{
		padding: 65px 15px 15px 15px;
	}

	/*general register*/
	.user-type-label h4{
		font-size: 12px;
	}
	.user-type-desc h3{
		font-size: 16px;
	}

	/*donation v2*/
	.banner-top-donation-review{
		height: unset !important;
	}

	/*asmathope*/
	.section-banner{
		margin-top: 50px;
	}
	
	.cos-title-big-1{
		width: 220px;
		margin: 0 auto 30px;
	}
	.section-landpage-program .cos-title-big-1{
		width: 220px;
		max-width: unset;
	}

	.cplfull-lines{
		display: none;
		right: 0px;
	}
	.cos-program-lines-left{
		left: 0;
	}
	.cos-program-lines-right{
		right: 0;
	}
	.cos-program-lines-left,
	.cos-program-lines-right{
		width: 128px;
	}
	.cos-program-item{
		margin-bottom: 30px;
		width: 100%;
	}
	.cos-program-item.cpi-a .cos-program-lines-left{
		display: none;
	}
	.cos-program-item.cpi-a .cos-program-lines-right{
		display: none;
	}
	.cos-program-item.cpi-b .cos-program-lines-left{
		display: none;
	}
	.cos-program-item.cpi-b .cos-program-lines-right{
		display: none;
	}
	.cos-program-item.cpi-c .cos-program-lines-left{
		display: none;
	}
	.cos-program-item.cpi-c .cos-program-lines-right{
		display: none;
	}
	.landpage-related-box{
		width: 100%;
	}

	/*media queries 812px*/
	/*public volunteer*/
	.input-date-v1-col .select-mjk-box {
		min-width: 95px;
	}
	/*card-mjk-single-box cardfor-v2*/
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-img {
		height: auto;
		max-height: unset;
		left: 0;
		width: 100%;
		padding-left: 0;
	}
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-desc {
		height: auto;
		margin-bottom: 20px;
	}
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-action {
		position: relative;
		width: 100%;
		top: 0;
		padding: 10px 20px 10px 15px;
	}
	/*bg resource-magazine*/
	.bg-grey-image::before {
		content: '';
		display: none;
	}

	/*register custome*/
	.memberas-mjk-box{
		margin: 30px 0 30px;
	}
	.memberas-mjk-item{
		height: 110px;
	}

	/*asmathope*/
	.section-banner{
		height: 400px;
	}
	/*end from desktop media queries */

	/*global*/
	body{
		font-size: 14px;
	}
	.title-page-primary h1,
	.title-page-primary h2,
	.title-mjk-primary h1,
	.title-mjk-primary h2{
		font-size: 22px;
	}
	.title-mjk-primary h3,
	.title-mjk-primary h4{
		font-size: 20px;
	}
	.title-page-primary h3{
		font-size: 16px;
	}
	.title-page-primary > p{
		font-size: 14px;
	}

	.banner-caption h1,
	.banner-caption h2,
	.banner-caption h3,
	.banner-caption h4,
	.banner-caption h5,
	.banner-caption h6{
		font-size: 26px;
	}
	.banner-caption p{
		font-size: 16px;
	}

	/*article*/
	.article-title h1,
	.article-title h2{
		font-size: 18px;
		line-height: 26px;
	}

	#BackToTop{
		right: 8px;
	}

	/*home*/
	.home-sponsor-form-label label{
		display: block;
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 30px;
		padding-top: 0;
	}
	.home-sponsor-form-input .select-mjk-group{
		margin-right: auto;
		margin-left: auto;
		width: 200px !important;
	}
	.home-hero-box .globalslider-box{
		width: 90%;
		margin: 0 auto;
	}
	.home-hero-box .globalslider-prev{
		left: -15px;
	}
	.home-hero-box .globalslider-next{
		right: -15px;
	}	

	/*testimony volunteer*/
	.avatar-testimony-img {
		width: 100px;
		height: 100px;
	}

	/*Dashboard*/
	.profile-header-desc h3{
		font-size: 18px;
	}
	.title-dash h2{
		font-size: 18px;
	}

	/*Dashboard Volunteer*/
	.box-summary-volunteer-title h3 {
		font-size: 16px;
	}
	.box-summary-volunteer .box-summary-icon i {
		font-size: 20px;
	}
	.box-summary-volunteer .box-summary-desc p {
		font-size: 16px;
		margin-top: 5px;
	}

	/*public volunteer*/
	.volunteer-quote .caption-vtop h3 {
		font-size: 30px;
		line-height: 36px;
	}
	.volunteer-quote .caption-vbottom {
		bottom: 0;
		right: 10px;
		width: 94%;
	}
	.input-date-v1-col .select-mjk-box {
		min-width: 95px;
	}
	/*banner*/
	.banner-top {
		height: 240px;
	}
	.banner-top img {
		height: 100%;
	}
	/*card-mjk-single-action*/
	.card-mjk-single-action h4 {
		font-size: 18px;
	}

	/*home*/
	.home-caption{
		width: 80%;
	}
	.home-caption h1, 
	.home-caption h2{
		font-size: 30px;
	}
	

	/*birthday pledge form*/
	.campaign-goal-group {
		flex-direction: column;
	}
	.campaign-goal-group .form-control {
		width: 100%;
	}
	.campaign-goal-group .campaign-goal-group-desc {
		width: 100%;
		margin-top:3px;
		height: auto;
		padding: 10px 15px 10px
	}
	.campaign-goal-group .campaign-goal-group-desc::before {
		display: none;
	}

	.box-login .title-mjk-primary h3{
		font-size: 18px;
	}
	.form-digitotp input{
		width: 30px;
		padding: 3px;
		font-size: 18px;
	}

	.feature-quantity-item{
		padding: 0 15px 0;
	}
	.feature-quantity-item h4{
		font-size: 26px;
	}
	.feature-quantity-item h3{
		font-size: 12px;
	}
	.section-home-intro::before{
		content: "";
		height: 38%;
	}

	.menuanchor-box ul{
		justify-content: space-around;
	}
	.menuanchor-item{
		min-width: unset;
		padding: 0 10px 0;
	}
	.menuanchor-item h3{
		font-size: 13px;
		font-weight: 600;
	}

	/*philanthropy team*/
	.personalteam-box{
		width: 160px;
	}
	.personalteam-img img{
		width: 80px;
		height: 80px;
	}
	.personalteam-desc h4{
		font-size: 14px;
	}
	.personalteam-desc p{
		font-size: 12px;
	}

	/*banner simple*/
	.bobanner .bobanner-caption h2,
	.bobanner .bobanner-caption h3{
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4;
	}
	.bobanner .bobanner-caption p{
		font-size: 14px;
	}
	.bobanner.variant-2 .bobanner-caption{
		width: 100%;
	}
	.bobanner.variant-2 .bobanner-caption h2,
	.bobanner.variant-2 .bobanner-caption h3{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
	}
	.bobanner.variant-2 .bobanner-caption p{
		font-size: 14px;
	}
	.bocard-roam-desc-title h3{
		font-size: 16px;
	}

	.bointroduce-title h2, 
	.bointroduce-title h3{
		font-size: 28px;
	}

	/*banner simple*/
	.secbanner-simple-caption h2,
	.secbanner-simple-caption h3{
		font-size: 24px;
	}
	.secbanner-simple-caption p{
		font-size: 14px;
	}

	/*chosen - hero banner */
	.valhero-caption .img-valhero-logo{
		height: 50px;
		margin-bottom: 20px;
	}
	.valhero-caption-box {
		top: 65%;
		left: 50%;
		transform: translate(-50%, -65%);
		width: 98%;
	}
	.valhero-caption-desc h1,
	.valhero-caption-desc h2,
	.valhero-caption-desc h3 {
		font-size: 16px;
	}
	.valhero-caption-desc p{
		font-size: 14px;
	}

	/*donation*/
	.payment-method-ss-item .radio-mjk-modern.small label{
		width: 140px;
	}
	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {

	/*general*/
	.data-mjk-list .row .col-12:last-child{
		padding-left: 30px;
	}
	.pagination .page-link{
		font-size: 14px;
		padding: 5px 10px 5px;
	}
	.hide-content-for-mobile{
		display: none;
	}

	/*wizard*/
	ul.tpp-wizard-list{
		width: 100%;
		max-width: 100%;
		overflow: scroll;
		padding: 10px 0 20px;
	}
	.tpp-wizard-item{
		width: 130px;
	}
	.tpp-wizard-item h4{
		font-size: 12px;
	}

	/*card fall VERSION horizontal*/
	.card-mjk-fall-box.horizontal .card-mjk-fall{
		flex-direction: column;
	}
	.card-mjk-fall-box.horizontal .card-mjk-fall .card-mjk-fall-img{
		width: 100%;
	}
	.card-mjk-fall-box.horizontal .card-mjk-fall .card-mjk-fall-desc{
		width: 100%;
		justify-content: flex-start;
		flex-direction: column;
		padding: 0 0 20px;
	}
	.card-mjk-summer-box.cardfor-v1-50{
		margin-bottom: 30px;
	}
	.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer{
		flex-direction: column;
	}
	.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-img{
		width: 100%;
	}
	.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-desc {
		width: 100%;
		padding: 60px 30px 60px !important;
	}

	/*home*/
	.home-caption-box{
		left: 50%;
		bottom: 10%;
		transform: translate(-50%, -10%);
	}
	.home-caption{
		width: 80%;
	}
	.home-caption h1, 
	.home-caption h2{
		font-size: 26px;
	}
	.home-caption p{
		font-size: 16px;
	}

	.section-home-intro{
		padding: 0 0 30px;
	}
	.section-home-intro .container{
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.home-intro-intro{
		text-align: center;
		padding: 0 15px 0;
	}
	.section-home-intro .title-mjk-primary{
		text-align: center;
	}
	.section-home-intro .title-mjk-primary .circle-icon-border{
		display: block;
		margin: 0 auto 15px;
	}
	.section-home-intro .preview-video{
		border-top: 10px solid #f98341;
		margin-bottom: 30px;
	}
	.section-home-highlight-category{
		height: auto;
		padding: 35px 0 20px;
		background-color: transparent;
	}
	.highlight-category-box{
		position: relative;
		height: auto;
		padding: 0;
		bottom: 0;
		background: transparent;
		-webkit-background: transparent;
		-moz-background: transparent;
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	}
	.highlight-category-item{
		top: 0;
	}

	.highlight-category-box ul{
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
	}
	.highlight-category-box li{
		margin-bottom: 20px;
	}
	.highlight-category-box .highlight-category-item{
		display: table;
		width: 80%;
		margin: 0 auto;
		min-height: 60px;
		padding: 10px 30px 10px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background: rgb(249,131,65);
		background: -moz-linear-gradient(126deg, rgba(249,131,65,1) 0%, rgba(249,131,65,1) 73%, rgba(255,236,179,1) 100%);
		background: -webkit-linear-gradient(126deg, rgba(249,131,65,1) 0%, rgba(249,131,65,1) 73%, rgba(255,236,179,1) 100%);
		background: linear-gradient(126deg, rgba(249,131,65,1) 0%, rgba(249,131,65,1) 73%, rgba(255,236,179,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f98341",endColorstr="#ffecb3",GradientType=1);
	}
	.highlight-category-box .highlight-category-item .highlight-category-icon{
		display: table-cell;
		vertical-align: middle;
		width: 80px;
		height: auto;
		background-color: transparent;
		border: none;
	}
	.highlight-category-box .highlight-category-item .highlight-category-icon i{
		color: #ffffff;
		line-height: 30px;
	}
	.highlight-category-box .highlight-category-item h2{
		display: table-cell;
		vertical-align: middle;
		width: auto;
		margin: 0;
		text-align: right;
		padding-left: 20px;
		font-size: 18px;
	}
	.highlight-category-item:hover h2{
		animation-name: none;
		-webkit-animation-name: none;
		-moz-animation-name: none;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		animation-duration:1s;
		-webkit-animation-duration:1s;
		-moz-animation-duration:1s;
	}
	.home-sponsor-form-label,
	.home-sponsor-form-input{
		text-align: center;
	}
	.home-sponsor-form-input .select-mjk-group{
		width: 100% !important;
	}
	.globalslider-box{
		width: 100%;
	}
	.section-home-work{
		padding: 30px 0 30px;
	}
	.section-home-article{
		padding: 30px 0 10px;
	}
	.section-home-article .card-mjk-fall{
		margin-bottom: 10px;
	}
	.section-home-work .container{
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.section-home-work .title{
		padding: 0 15px 0;
	}
	.section-home-work .title h1{
		font-size: 18px;
	}
	.section-home-work .card-mjk-primary{
		margin-bottom: 0;
	}
	.section-home-work .card-mjk-img .card-mjk-label h3{
		font-size: 18px;
	}
	.section-home-trust{
		padding: 20px 0 20px;
	}
	.home-trust-caption-img i{
		font-size: 50px;
	}

	/*about sponsorship*/
	.section-about-child-sponsorship-quote .caption-acs{
		bottom: 50px;
		width: 50%;
	}
	.section-about-child-sponsorship-quote .caption-acs h3{
		font-size: 16px;
		line-height: 20px;
	}
	.willcard-boxed{
		flex-direction: column;
		align-items: center;
	}

	/*stories*/
	.card-mjk-fall-box.headline .card-mjk-fall{
		height: auto;
		flex-direction: column;
	}
	.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-img{
		height: auto;
		width: 100%;
	}
	.card-mjk-fall-box.headline .card-mjk-fall .card-mjk-fall-desc{
		width: 100%;
		padding: 0;
	}
	.sponsor-testimonial{
		height: auto;
		width: 100%;
	}
	.sponsor-testimonial-img{
		position: relative;
		width: 100%;
		height: auto;
		z-index: 1;
	}
	.sponsor-testimonial-img img{
		display: block;
		width: 100%;
		height: auto;
	}
	.sponsor-testimonial-desc{
		display: flex;
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 2;
		padding: 0 50px 0 30px;
		background-color: rgba(244,108,34,0.4);
	}
	.sponsor-testimonial-desc .sponsor-testimonial-title{
		margin-bottom: 15px;
	}
	.sponsor-testimonial-desc p{
		margin-bottom: 5px;
	}
	.sponsor-testimonial-slider-next{
		right: -10px;
	}

	.willcard-boxed-desc h5 {
		font-size: 16px;
	}

	/*media center*/
	.file-download-col{
		display: table;
		width: 100%;
	}
	.file-download-col:last-child{
		width: 100%;
	}
	.file-download-desc{
		padding-right: 0;
	}
	.file-download h3,
	.file-download h5{
		font-size: 16px;
	}
	.file-download p{
		font-size: 14px;
	}
	.filter-mjk-group .select-mjk-box {
		width: 145px;
		max-width: 145px;
	}

	/*testimony volunteer*/
	.card-list-testimony {
		flex-direction: column;
	}
	.avatar-testimony {
		margin: 0 auto;
	}
	/*Dashboard - announcement*/
	.card-announcement-desc {
		left: 0;
		bottom: 0;
		height: 100%;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.box-summary-volunteer .box-summary-desc p {
		font-size: 16px;
	}
	.card-mjk-instagram iframe {
		width: 250px;
		height: 340px;
	}
	/*login*/
	.box-guest {
		padding: 40px 40px 77px 40px;
	}

	/*general card wording size*/
	.card-mjk-fall-desc h3,
	.card-mjk-summer-desc h3{
		font-size: 18px !important;
	}
	.card-mjk-fall-desc p,
	.card-mjk-summer-desc p{
		font-size: 14px !important;
	}

	/*card summer VERSION horizontal*/
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer {
		flex-direction: column;
		height: auto;
		margin-bottom: 20px;
	}
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer .card-mjk-summer-img {
		width: 100%;
		max-height: unset;
	}
	.card-mjk-summer-box.cardfor-v1 .card-mjk-summer .card-mjk-summer-desc {
		width: 100%;
		margin: 10px 0 30px 0;
		padding: 20px;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer {
		flex-direction: column;
		height: auto;
		margin-bottom: 20px;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer .card-mjk-summer-img {
		width: 100%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer .card-mjk-summer-desc {
		width: 100%;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer {
		flex-direction: column;
		height: auto;
		margin-bottom: 20px;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer .card-mjk-summer-img {
		width: 100%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer .card-mjk-summer-desc {
		width: 100%;
	}
	/*card-mjk-single-box cardfor-v2*/
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-img {
		height: auto;
		max-height: unset;
		left: 0;
		width: 100%;
		padding-left: 0;
	}
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-desc {
		height: auto;
		margin-bottom: 20px;
	}
	.card-mjk-single-box.cardfor-v2 .card-mjk-single-action {
		position: relative;
		width: 100%;
		top: 0;
		padding: 10px 20px 10px 15px;
	}
	/*card-summer*/
	.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer {
		flex-direction: column;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer-img {
		width: 100%;
	}
	.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer-desc {
		width: 100%;
	}
	.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer-desc {
		margin: 0 0px 30px 0px;
	}
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer-desc.desc-left{
		margin: 0 0 0 20px;
	}

	/*card-fall*/
	.card-mjk-fall-img img {
		object-fit: cover;
	}
	/*user management*/
	.bg-welcome {
		padding: 30% 0 11%;
	}
	.box-user-management-caption h1 {
		font-size: 21px;
	}
	.box-user-management-caption h2 {
		font-size: 14px;
	}
	/*career*/
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc-title h2 {
		font-size: 21px;
	}
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc-title h3 {
		font-size: 16px;
	}
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc h4 {
		font-size: 16px;
	}
	.card-mjk-fall-box.cardfor-career .card-mjk-fall-desc {
		padding:30px;
	}
	/*breadcrumb*/
	.breadcrumb {
		flex-direction: column;
	}
	.breadcrumb .breadcrumb-item {
		padding-left: 0;
	}
	.breadcrumb-item + .breadcrumb-item::before {
		padding-left: 0;
		padding-right: 5px;
	}
	/*about*/
	.content-mjk-list ul li {
		font-size: 16px;
		line-height: 15px;
		margin-bottom: 15px;
	}
	.box-instagram-top {
		top: -42px;
	}
	.box-instagram-top h1 {
		font-size: 45px;
	}
	.box-instagram-bottom {
		bottom: -42px;
	}
	.box-instagram-bottom h1 {
		font-size: 45px;
	}

	/*Dashboard - volunteer*/
	.badges-list{
		justify-content: space-between;
	}
	.badges-list li{
		margin: 0 15px 30px;
	}
	.box-summary-volunteer ul{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.box-summary-volunteer li{
		margin: 0 15px 20px;
	}

	/* Dashboard - MySponsorship */
	.table-for-children-box.y-scroll{
		height: 420px;
		max-height: 420px;
	}
	.givemore-list-item{
		display: block;
		margin-bottom: 50px;
	}
	.givemore-list-item-desc{
		display: block;
		padding: 0;
	}
	.givemore-list-item-action{
		display: block;
		width: 100%;
	}
	/* Form */
	.filter-mjk-group-box {
		padding: 15px;
	}
	/*birthday pledge form*/
	.cam-photo-btn {
		flex-direction: column;
	}

	/*career portal*/
	.card-job{
		padding-right: 0;
	}
	.career-job-detail-box .card-job-caption{
		padding-top: 30px;
		border-top: 1px solid #dddddd;
	}
	.card-job.version2{
		flex-direction: column;
	}
	.card-job.version2 .card-job-desc{
		padding-right: 0;
	}
	.card-job.version2 .card-job-caption{
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
		width: 100%;
		padding-top: 20px;
	}
	.card-job.version2 .card-job-caption .btn{
		width: auto;
		margin-top: 0;
	}
	.card-job-date{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.card-job-date li{
		margin-right: 20px;
		margin-bottom: 0;
	}
	.card-job-date h5,
	.card-job-date p{
		margin-bottom: 5px;
		font-size: 14px;
	}

	/*card jobs variant-5*/
	.card-job.variant-5{
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.card-job.variant-5 .card-job-caption{
		width: 100%;
		margin-top: 10px;
	}
	.card-job.variant-5 .card-job-date{
		justify-content: space-between;
	}

	.career-job-detail-box .card-job-date{
		display: block;
	}
	.career-job-detail-box .card-job-date li{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.career-job-detail-box .card-job-date h5,
	.career-job-detail-box .card-job-date p{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.career-job-detail-desc-overflow{
		overflow-x: unset;
		overflow-y: unset;
		height: unset;
		max-height: unset;
	}

	/*update 13 Mei 2020*/
	.slider-person-desc-testimony{
		padding-top: 20px;
	}

	/*update 18 Mei 2020*/
	.welcomedialog-content h1{
		font-size: 28px;
	}

	/*Update 23 Juni 2020*/
	.coorporate-logo-list .coorporate-logo-img img{
		max-height: 80px;
	}

	.card-mjk-summer-box.cardfor-v2 .card-mjk-summer-img.fix-potrait img{
		max-height: unset;
	}

	.fupload-gallery-list{
		justify-content: flex-start;
	}

	/*table profile child sponsorship dashbaord*/
	.table-for-children thead tr th:first-child,
	.table-for-children tbody tr td:first-child{
		width: 180px;
	}
	.table-for-children .card-mjk-personal,
	.table-for-children .card-mjk-personal .card-mjk-personal-img{
		width: 150px;
	}
	.table-for-children thead > tr th, 
	.table-for-children tbody > tr td{
		padding: 10px !important;
	}
	.table-for-children .tbchildren-list tr td:first-child{
		width: 115px;
		font-weight: 600;
	}
	.table-for-children .card-mjk-personal-area{
		width: 100px;
	}

	/*invoice*/
	.giving-receipt{
		padding: 0 !important;
	}
	.invoice-header-recipient{
		width: 83% !important;
		order: 2 !important;
	}
	.invoice-header-sender{
		order: 1 !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.invoice-ace{
		padding: 0 10px 0;
	}

	.video-thumb-mini{
		width: 100%;
		margin-bottom: 30px;
	}

	/*maintenance page versi 2*/
	.maintenance-pro-content-img img{
		width: 75%;
	}
	.maintenance-pro-content-desc h3{
		font-size: 18px;
		line-height: 1.3;
	}
	.maintenance-pro-content-desc p{
		font-size: 13px;
		line-height: 1.2;
	}

	/*campagn hero*/
	.camphero-landing-live{
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}
	.camphero-landing-live-label{
		width: 100%;
	}
	.camphero-landing-live-label h2{
		font-size: 21px;
	}
	.camphero-landing-live-action{
		display: flex;
		width: 100%;
		justify-content: flex-end;
		padding-top: 20px;
	}

	/*asmathope*/
	.section-banner{
		height: 330px;
	}
	
	.cos-overlay-text{
		width: 60%;
	}
	.cos-overlay-text img{
		height: 45px !important;
	}
	.cos-video-thumb{
		width: 100%;
		height: 300px;
	}
	.cos-video-thumb .cos-video-thumb-caption{
		left: 20px;
		bottom: 20px;
		width: 83%;
	}
	.cos-video-thumb .cos-video-thumb-caption p{
		font-size: 14px;
	}
	.cos-card-ver{
		width: 280px;
	}
	.section-landpage-intro,
	.section-landpage-program,
	.section-landpage-thnks,
	.section-landpage-related{
		padding: 20px 0 20px;
	}
	.landpage-intro-desc p{
		font-size: 18px;
		line-height: 24px;
	}
	.cos-title-big-1{
		margin: 0 auto 30px;
	}
	.landpage-intro-desc h3{
		font-size: 34px;
	}
	.landpage-intro-desc h4{
		font-size: 20px;
	}

	.cos-program-boxed{
		width: 280px;
		margin: 0 auto;
	}
	.cos-program-item{
		width: 280px;
	}

	/*philantropy*/
	.philtesmo-box{
		padding: 15px;
	}
	.philtesmo{
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background-color: #ffffff;
		padding: 15px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
		-webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
		-moz-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
	}
	.philtesmo-img{
		width: 100%;
		align-self: unset;
	}
	.philtesmo-desc{
		width: 100%;
		justify-content: flex-start;
		align-self: unset;
		padding: 15px 10px 20px;
		margin-bottom: 20px;
	}

	.philanthropy-testimony-slider-box{
		margin: 100px 0 0 0;
	}
	.nav-philanthropy-testimony-slider-box{
		position: absolute;
		top: -75px;
		left: 50%;
		transform: translate(-50% , 0);
		margin: 0;
	}
	.card-fundras-box{
		height: auto !important;
	}
	.experttestimony-pro-slider .slick-slide{
		padding: 10px 10px 0 10px;
	}

	/*global card*/
	.cardfor-related .card-mjk-fall-desc h3,
	.cardfor-related .card-mjk-fall-desc p{
		height: auto !important;
	}

	/*philantropy annual*/
	.card-mjk-fall-box.cardfor-annual .card-mjk-fall{
		border: 1px solid #dddddd;
		background-color: #f5f5f5;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 15px;
	}
	.card-mjk-fall-box.cardfor-annual .card-mjk-fall-img{
		display: none;
	}
	.card-mjk-fall-box.cardfor-annual .card-mjk-fall-desc{
		background-color: #f5f5f5;
		padding: 0 0 20px 0;
	}

	/*procurement form*/
	.suip-quest-rowres{
		padding: 10px 5px 5px 5px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px solid #dddddd;
		margin-bottom: 15px;
	}
	.fieldwax-delete{
		height: auto;
		align-items: flex-end;
		padding-right: 10px;
	}

	/*chosen testimonial*/
	.testimonial-chosen-box{
		background-color: #F46C22;
	}
	.testimonial-chosen-box .sponsor-testimonial{
		height: auto;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.testimonial-chosen-box .sponsor-testimonial-desc{
		padding: 20px 25px 20px;
	}
	.testimonial-chosen-box .testimonial-chosen-button{
		display: none;
		/*top: 43%;*/
		/*right: 20px;*/
	}
	.testimonial-chosen-box .sponsor-testimonial-desc-action{
		justify-content: center;
	}
	.sencard{
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.sencard-number{
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
	}
	.sencard-number h4{
		font-size: 14px;
		line-height: 30px;
		width: 30px;
		height: 30px;
	}
	.sencard-img{
		width: 65px;
	}
	.sencard-img img{
		width: 100%;
	}
	.sencard-img.circle{
		padding: 10px;
		width: 65px;
		height: 65px;
	}
	.sencard-desc{
		align-items: flex-start;
		flex: 1;
		padding-left: 15px;
	}
	.sencard-desc h3{
		font-size: 14px;
		font-weight: 700;
		height: unset !important;
		text-align: left;
		margin-bottom: 5px;
	}
	.sencard-desc p{
		font-size: 14px;
		height: unset !important;
		text-align: left;
	}
	.btn-res-chosen{
		width: 100% !important;
	}

	/* 	willcard */
	.willcard.version-3{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.willcard.version-3 .willcard-img{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		width: 65px;
		height: auto;
	}
	.willcard.version-3 .willcard-img img{
		width: 100%;
		height: auto;
		max-height: unset;
	}
	.willcard.version-3 .willcard-desc{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		flex: 1;
		text-align: left;
		margin-left: 15px;
	}
	.willcard.version-3 .willcard-action{
		padding: 0;
	}
	.willcard.version-3 .willcard-action .btn-mjk{
		font-size: 14px;
	}
	/* 	willcard version 4 */
	.willcard.version-4{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.willcard.version-4 .willcard-img{
		width: 65px;
		padding: 5px;
	}
	.willcard.version-4 .willcard-desc{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		flex: 1;
		text-align: left;
		padding: 0 15px 0;
	}
	.willcard.version-4 .willcard-desc-title{
		justify-content: flex-start;
		align-items: flex-start;
		background-color: transparent;
		text-align: left;
		height: auto !important;
		min-height: unset;
	}
	.willcard.version-4 .willcard-desc-title::before,
	.willcard.version-4 .willcard-desc-title::after{
		content: "";
		display: none;
	}
	.willcard.version-4 .willcard-desc-title h3{
		padding: 0;
		text-align: left;
		height: auto !important;
	}
	.willcard.version-4 .willcard-desc p{
		height: auto !important;
	}
	.willcard.version-4 .willcard-action{
		padding: 0;
	}
	.willcard.version-4 .willcard-action .btn-mjk{
		font-size: 14px;
	}
	/* 	willcard version 5*/
	.willcard.version-5 .willcard-desc-title{
		height: auto !important;
		min-height: unset;
	}
	.willcard.version-5 .willcard-desc-title h3{
		height: auto !important;
	}
	.willcard.version-5 .willcard-desc p{
		height: auto !important;
	}

	/* slider testi variant */
	.testihalfslider-box{
		background-color: #F46C22;
	}
	.testihalfslider-box .globalslider-button{
		display: none;
	}
	.testihalfslider-box .sponsor-testimonial{
		height: auto;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.testihalfslider-box .sponsor-testimonial-desc{
		padding: 20px 25px 20px;
	}
	.testihalfslider-box .sponsor-testimonial-desc-action{
		justify-content: center;
	}

	/* 	campaign water sumba */
	.ws-event-progress{
		width: 100%;
	}

}

@media only screen and (max-width : 640px) {
	/*home*/
	.welcomedialog-content .form-group label {
		color: #ffffff;
	}

	/*content*/
	.card-mjk-fall-box.cardfor-v2.givingdonate .card-mjk-fall-desc{
		padding: 20px;
	}
	.section-about-child-sponsorship-quote .caption-acs {
		bottom: 10px;
	}
	.card-mjk-fall-box.cardfor-v2 .card-mjk-fall-img {
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-desc {
		padding: 45px;
	}
	/*layout volunteer*/
	.volunteer-quote .caption-vbottom {
		right: 0;
		width: 350px;
	}

	/*user management*/
	.bg-management-top {
		padding: 40% 0 11%;
	}
	.title-mjk-secondary h3 {
		font-size: 16px;
	}
	.page-action .btn-mjk {
		font-size: 14px;
	}

	/*form*/
	.filter-mjk-group .select-mjk-box {
		max-width: 100%;
		width: 100%;
	}

	/*button*/
	.card-mjk-summer-box.cardfor-v1-50 .card-mjk-summer-action .btn-single {
		right: -5px;
	}
	.card-mjk-summer-box.cardfor-v3 .card-mjk-summer-action .btn-single {
		right: -5px;
	}
	/*about career*/
	.slider-person-img {
		margin-bottom: 15px;
		padding-left: 30px;
		padding-right: 30px;
	}
	.slider-person-desc {
		padding-left: 30px;
		padding-right: 30px;
	}
	.slider-person-prev {
		left: -10px;
	}
	.slider-person-next {
		right: 20px;
	}
	/*dashboard volunteer*/
	.badges-list {
		justify-content: center;
	}

	/*update 18 Mei 2020*/
	.welcomedialog-content h1{
		font-size: 20px;
	}

	/*table profile child sponsorship dashbaord*/
	.table-for-children thead tr th:first-child,
	.table-for-children tbody tr td:first-child{
		width: 150px;
	}
	.table-for-children .card-mjk-personal .card-mjk-personal-img,
	.table-for-children .card-mjk-personal{
		width: 130px;
	}
	.table-for-children .tbchildren-list tr td:first-child{
		display: block;
		width: 100%;
	}
	.table-for-children .tbchildren-list tr td:last-child{
		display: block;
		width: 100%;
		padding-left: 15px !important;
	}

	/*invoice*/
	.giving-receipt{
		padding: 0;
	}

	.box-login-otp{
		padding: 15px;
	}

	/*donation v2*/
	.card-otd-desc h3{
		font-size: 16px;
	}

	/*public shared sponsorship*/
	.card-mjk-sun-title h3{
		font-size: 14px;
		line-height: 1.2;
		font-weight: 600;
	}
	.card-mjk-sun-tag ul{
		width: 100%;
	}
	.card-mjk-sun-tag li{
		font-size: 12px;
	}

	/*asmathope*/
	.landpage-intro-desc h3{
		font-size: 30px;
	}
	.landpage-intro-desc h4{
		font-size: 18px;
		line-height: 28px;
	}
	.landpage-intro-desc p{
		font-size: 14px;
	}
	.cos-overlay-text{
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.cos-overlay-text img{
		height: 35px !important;
	}
	.cos-overlay-text h3{
		line-height: 18px;
	}
	.cos-title-big-1 h3,
	.cos-title-big-1 h5{
		font-size: 18px;
	}
	.cos-title-big-2 h3{
		font-size: 18px;
	}
	.cos-title-big-2 img{
		width: 70%;
		height: auto;
	}

	.landpage-footer-contact .form-control{
		font-size: 14px;
	}

	/*landing sinergi*/
	.bohero-caption-box{
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
		width: 100%;
		padding: 20px 0 50px;
		background-color: #f98341;
	}
	.bohero-caption-desc h1, 
	.bohero-caption-desc h2, 
	.bohero-caption-desc h3,
	.bohero-caption-desc p{
		text-align: center;
	}
	.bohero-caption-desc{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.bohero-caption-action{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.bohero-caption-action .btn{
		margin-top: 15px;
		border-color: #fed35f;
		background-color: #fed35f;
	}
	.home-bohero-box .myslider-mjk-dots.hero-dots .slick-dots{
		text-align: center;
	}

}

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

	/*home*/
	.myslider-mjk-button-prev,
	.myslider-mjk-button-next{
		display: none;
	}

	.highlight-category-box .highlight-category-item{
		width: 100%;
	}

	/*general*/
	.filter-mjk-group .form-group,
	.filter-mjk-group .filter-mjk-group-action{
		width: 100%;
	}
	
	/*order donation*/
	.order-total-ss h3{
		font-size: 16px;
	}
	.order-countdown-ss h3{
		font-size: 16px;
	}
	.order-countdown-ss h4{
		font-size: 14px;
	}

	/* hero images condition dekstop */
	.valhero-img-desktop{
		display: none !important;
	}
	/* hero images condition mobile */
	.valhero-img-mobile{
		display: block !important;
	}

	/*donation v2*/
	.card-otd{
		flex-direction: column;
	}
	.card-otd-img{
		width: 100px;
	}
	.card-otd-desc{
		padding: 15px 0 0 0;
	}
	.donation-otd-sec-card,
	.donation-otd-sec-price,
	.donation-otd-sec-identity,
	.donation-otd-sec-total,
	.donation-otd-box .payment-method-ss-box,
	.donation-otd-sec-otp{
		padding: 15px;
	}
	.donation-otd-price-list .radio-mjk .custom-control-label{
		font-size: 14px;
	}
	.donation-otd-title h3{
		font-size: 16px;
	}
	.card-otd-desc h3{
		font-weight: 400;
	}

	/*card otd variant 2*/
	.card-otd-box.variant-2 .card-otd{
		flex-direction: row;
	}
	.card-otd-box.variant-2 .card-otd-img{
		width: 100px;
	}
	.card-otd-box.variant-2 .card-otd-desc{
		padding: 0 0 0 15px;
	}
	.card-otd-box.variant-2 .card-otd-desc h3{
		font-size: 16px;
	}
	.card-otd-box.variant-2 .card-otd-desc p{
		font-size: 13px;
	}

	.tab-mjk-payment-method-box .tabs-mjk-nav .nav-tabs .nav-item .nav-link{
		font-size: 12px;
	}

	/*card otd variant 3*/
	.card-otd-box.variant-3 .card-otd{
		flex-direction: row;
	}
	.card-otd-box.variant-3 .card-otd-img{
		width: 120px;
	}
	.card-otd-box.variant-3 .card-otd-desc{
		padding: 0 0 0 15px;
	}
	.card-otd-box.variant-3 .card-otd-desc h3{
		font-size: 16px;
	}

	/*partnership*/
	.pdo-project-slider-box .myslider-mjk-button-prev,
	.pdo-project-slider-box .myslider-mjk-button-next{
		display: block;
	}
}

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

	/*general*/
	.banner-caption h1,
	.banner-caption h2,
	.banner-caption h3,
	.banner-caption h4,
	.banner-caption h5,
	.banner-caption h6{
		font-size: 18px;
	}
	.banner-caption p{
		font-size: 14px;
	}

	.title-page-primary h1, 
	.title-page-primary h2, 
	.title-mjk-primary h1, 
	.title-mjk-primary h2 {
		font-size: 22px;
	}

	.empty-content{
		width: 100%;
	}
	.empty-content-img{
		width: 150px;
		height: 150px;
	}

	/*home*/
	.home-caption h1, 
	.home-caption h2{
		font-size: 20px;
		line-height: 1.2;
	}
	.home-caption p{
		font-size: 13px;
		line-height: 1;
	}

	/*stories*/
	.section-about-child-sponsorship-quote .caption-acs{
		position: relative;
		bottom: 0;
		top: 0;
		width: 100%;
		padding-top: 15px;
		text-align: right;
	}

	/*media center*/
	.file-download-img .circle-box{
		width: 50px;
		height: 50px;
	}
	.file-download-img .circle-box i{
		font-size: 20px;
		line-height: 48px;
	}
	.file-download-desc{
		padding-left: 20px;
	}
	.file-download:hover .file-download-img i{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
	}

	/* dashboard */
	.ticket{
		padding: 20px;
	}
	.ticket .ticket-img,
	.ticket .ticket-desc{
		display: table;
		width: 100%;
	}
	.ticket .ticket-desc{
		padding-left: 0;
	}
	.ticket .ticket-img{
		padding: 0 0 20px 0;
		text-align: left;
	}

	.merchandise{
		flex-direction: column;
	}
	.merchandise .merchandise-desc{
		padding: 20px 0 0 0;
	}
	.merchandise .merchandise-img{
		width: 150px;
		margin: 0 auto;
	}
	.merchandise-box .merchandise-action{
		text-align: center;
	}
	/*banner*/
	.banner-top {
		height: 190px;
	}
	/*modal*/
	.modal-body {
		padding: 20px;
	}
	.modal-footer {
		padding: 20px;
	}
	.faq-item .collapse-mjk-link h4 {
		font-size: 16px;
	}
	
	/*card summer v4*/
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer {
		flex-direction: column;
		height: auto;
	}
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer .card-mjk-summer-img {
		width: 100%;
		height: 100%;
	}
	.card-mjk-summer-box.cardfor-v4 .card-mjk-summer .card-mjk-summer-desc {
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}
	.card-mjk-summer-box.cardfor-v4.headline .card-mjk-summer-desc {
		margin: 0;
	}
	.card-mjk-summer-box.cardfor-v4.headline-50 .card-mjk-summer-desc {
		margin: 0 0px 30px 0px;
	}
	.card-mjk-summer .card-mjk-summer-img .video-thumb {
		height: auto;
	}
	.video-thumb-mark {
		padding: 10px 15px 8px;
	}
	.card-mjk-summer-box.cardfor-v4.headline .card-mjk-summer {
		height: 100%;
	}

	/*resources chart*/
	.vol-financial-program #fpchart, .vol-financial-program #fpchart2  {
		width: 450px;
		height: 450px;
	}

	/*content*/
	.article li h4 {
		font-size: 18px;
	}
	/*cart*/
	.card-mjk-cart {
		flex-direction: column;
		justify-content: flex-start;
	}
	.card-mjk-cart-desc {
		padding: 10px 0 15px;
	}
	.tpp-wizard-item {
		width: 95px;
	}
	/*partnership*/
	.card-mjk-instagram iframe {
		width: 100%;
		height: 480px;
	}

	/*birthday pledge campaign*/
	.bg-birthdayplg {
		padding: 35% 0 11%;
	}
	.box-birthdayplg-caption h1 {
		font-size: 21px;
	}
	.kocard.birthdayplg .kocard-desc h3 {
		font-size: 21px;
	}
	.title-page-primary h1, 
	.title-page-primary h2, 
	.title-mjk-primary h1, 
	.title-mjk-primary h2 {
		font-size: 20px;
	}

	/*birthday pledge*/
	.card-bdpledge{
		padding: 10px;
		flex-direction: column;
	}
	.card-bdpledge .card-bdpledge-img{
		width: 100%;
		flex: 1;
		margin-bottom: 20px;
		justify-content: flex-start;
	}
	.card-bdpledge .card-bdpledge-desc{
		padding: 0;
	}
	.card-bdpledge .card-bdpledge-desc h3{
		font-size: 18px;
	}
	.card-bdpledge .card-bdpledge-desc h5,
	.card-bdpledge .card-bdpledge-desc p{
		font-size: 14px;
	}
	.card-bdpledge .card-bdpledge-action{
		flex: 1;
		width: 100%;
	}

	/*asmathope*/
	.cos-overlay-text{
		width: 80%;
	}
	.cos-overlay-text h1{
		font-size: 16px;
	}
	.cos-overlay-text h3{
		font-size: 13px;
	}
	.cos-video-thumb,
	.cos-overlay-text img{
		height: 30px !important;
	}

	/*philanthropy team*/
	.personalteam-box{
		width: auto;
	}

	/*donation version 2*/
	.moditem-price-input input{
		width: 100%;
	}

	/*donation abtest C*/
	.variant-abtest-c .collapse-pro-box.variant-2 .payment-method-ss-item li:last-child{
		margin-right: 0;
	}

	/*donation v5*/
	.variant-abtest-c .payment-method-ss-item.variant-2 .radio-mjk-modern.small label,
	.variant-abtest-c .payment-method-ss-item.variant-2 .radio-mjk-modern label{
		width: 100%;
	}

	/*donation v6*/
	.payment-method-ss-item li{
		margin: 3px;
	}
	.payment-method-ss-item .radio-mjk-modern.small label{
		width: 120px;
	}

}

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

	/*global*/
	.slider-person-next {
		right: 0px;
	}

	.slider-person-button {
		width: 95%;
		top: 25%;
	}

	/*table profile child sponsorship dashbaord*/
	.table-for-children thead tr th:first-child{
		display: none;
	}
	.table-for-children thead tr th:last-child{
		display: block;
		width: 100%;
	}
	.table-for-children tbody tr td:first-child{
		display: block;
		width: 100%;
	}
	.table-for-children tbody tr td:last-child{
		display: block;
		width: 100%;
	}
	.table-for-children .card-mjk-personal .card-mjk-personal-img,
	.table-for-children .card-mjk-personal{
		width: 220px;
		margin: 0 auto;
	}
	.table-for-children .tbchildren-list tr td:first-child{
		display: table-cell;
		width: 130px;
	}
	.table-for-children .tbchildren-list tr td:last-child{
		display: table-cell;
		width: auto;
		padding-left: 0 !important;
	}

	/*order donation*/
	.payment-method-ss-action{
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.payment-method-ss-action button{
		margin: 0 0 10px 0 !important;
	}
	.payment-method-ss-action button:nth-child(1){
		order: 2;
	}
	.payment-method-ss-action button:nth-child(2){
		order: 1;
	}

	/*donate*/
	.donation-otd-otp-select-action .btn-mjk{
		padding: 8px 10px 8px;
		font-size: 14px;
	}

	/*widget sponsorchild*/
	.widget-sponsorchild-box{
		width: 93%;
	}
	.sponsorchildwidget-box{
		width: 95%;
	}

	/*card fall versin 1 variant horizontal mobile*/
	.card-mjk-fall-box.mod-horizontalmobile .card-mjk-fall-img{
		width: 120px;
	}

	/*widget donation*/
	.widget-donation{
		width: calc(100vw - 30px);
	}

	/* payment gateway */
	.glady-top{
		padding: 15px 15px 25px 15px;
	}
	.glady-body{
		padding: 15px;
	}

}

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

	/*welcome dialog*/
	.welcomedialog-form{
		top: 40px;
	}

	/*resources chart*/
	.vol-financial-program #fpchart, .vol-financial-program #fpchart2  {
		width: 350px;
		height: 350px;
	}
	/*social media*/
	.card-mjk-instagram iframe {
		height: 435px;
	}
	
	/*dashboard volunteer*/
	.ticket .ticket-archievement.inline {
		flex-direction: column;
	}

	/*donate*/
	.modal-donate-more .modal-body .btn-mjk{
		width: 100%;
	}

	/*invoice*/
	.invoice-header-recipient{
		width: 100% !important;
	}

	/*asmathope*/
	.cos-title-big-1{
		width: 90%;
	}

}

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

	/*public volunteer*/
	.volunteer-quote .caption-vbottom {
		right: 0;
		width: 300px;
	}
	.input-date-v1-col .select-mjk-box {
		min-width: 85px;
	}
	/*user management*/
	.bg-management-top {
		padding: 50% 0 11%;
	}
	/*card-mjk-single-action*/
	.card-mjk-single-action h4 {
		font-size: 16px;
		line-height: 21px;
	}
	/*card mjk single*/
	.card-mjk-single .card-mjk-single-img {
		width: 100%;
	}
	.card-mjk-single-box .card-mjk-single-action h4 {
		line-height: 19px;
		font-size: 16px;
	}
	/*resources chart*/
	.vol-financial-program #fpchart, .vol-financial-program #fpchart2  {
		width: 300px;
		height: 300px;
	}
	/*cart*/
	.tpp-wizard-item {
		width: 75px;
	}
	/*social media*/
	.card-mjk-instagram iframe {
		width: 100%;
		height: 385px;
	}

	/*asmathope*/
	.cos-card-ver{
		width: 100%;
	}

}