@media only screen and (max-width: 359px) {
	.core-1 .widget .card-image {
		width: 190px;
		height: 190px;
	}

	.core-1 .widget .card-image.card-woman {
		margin-top: -1rem;
	}

}


@media only screen and (min-width: 500px) {
	.core-0 .img-right {
		opacity: 1;
	}
	
	.core-1 .img-left-1 {
		opacity: 1;
	}

	.core-1 .img-right-2 {
		opacity: 1;
	}

	.core-1 .img-left-3 {
		opacity: 1;
	}

	.core-1 .img-right-4 {
		opacity: 1;
	}

	.core-2 .img-left {
		opacity: 1;
	}

	.core-2 .img-right {
		opacity: 1;
	}

	.core-3 .img-left-1 {
		opacity: 1;
	}

	.core-3 .img-right-2 {
		opacity: 1;
	}

	.core-3 .img-left-3 {
		opacity: 1;
	}

	.core-3 .img-right-4 {
		opacity: 1;
	}

	.core-5 .img-left {
		opacity: 1;
	}

	.core-6 .img-right-1 {
		opacity: 1;
	}

	.core-6 .img-right-2 {
		opacity: 1;
	}

	.core-6 .img-left-3 {
		opacity: 1;
	}

	.core-7 .img-right {
		opacity: 1;
	}

	.core-7 .img-left {
		opacity: 1;
	}

	.core-7 .img-bottom-full-1 {
		opacity: 1;
	} 

	.core-7 .img-bottom-full-2 {
		opacity: 1;
	}

	.core-7 .img-bottom-full-3 {
		opacity: 1;
	}

	.core-7 .img-bottom-full-4 {
		opacity: 1;
	}

	.core-7 .img-bottom-full-5 {
		opacity: 1;
	}

	.core-0 {
		padding-bottom: 4rem;
	}
	.core-0 .countdown .clock span {
		font-size: 4.5rem;
	}

	.core-0 .countdown .clock p {
		font-size: 1rem;
	}

	.core-0 .card-heading {
		width: 75%;
	}


	.core-1 .card-heading {
		width: 75%;
	}

	.core-1 .widget .card-image {
		width: 250px;
		height: 250px;
	}

	.core-1 .widget .card-title .card-text {
		font-size: 1rem;
	}

	.core-1 .widget .card-image.card-men {
		margin-left: -6rem;
	}


	
	.core-4 .love-story .card-box .card-image {
		width: 130px;
		height: 130px;
	}



	

	.core-5 .live .box-row {
		padding: 2rem;
	}

	.core-5 .live .box-row .col-6 {
		font-size: 1.2rem;
	}

	.core-6 {
		padding-bottom: 3rem;
	}

	.core-6 .img-matric-long {
		bottom: -4rem;
	}

	.core-6 .closing .doa {
		width: 80%;
	}

	.player {
		bottom: 10px;
	}
    
}


@media only screen and (min-width: 576px) {
	.navbar-light .navbar-nav {
		padding: 1rem;
	}

	.navbar-light .navbar-nav .nav-link .img {
		width: 50px;
		height: 50px;
	}

	.navbar-light .navbar-nav .nav-link .img img {
		max-width: 30px;
	}

	.core-1 .widget .card-image.card-woman {
		margin-top: 0;
		margin-right: -3rem;
	}
}


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

}

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

	.navbar.show {
		transform: translateY(50%);
	}

    .navbar-light {
        width: fit-content;
        bottom: 50%;
        transform: translateY(0);
        right: 500px;
    }


    .navbar-light .navbar-nav {
        display: block;
    }

    .navbar-light .navbar-nav .nav-link + .nav-link {
        margin-top: 10px;
    }


    .container-wedding {
        justify-content: end;
    }


    .card-content-image-slider {
        display: flex;
        width: calc(100% - 500px);
        opacity: 1;
    }

	.card-content-image-slider .card-image {
		width: 0;
		height: 0;
		border-radius: 240px;
		position: relative;
		padding-left: 100%;
    	padding-bottom: 70%;
		margin: auto;
		transition: all .3s ease;
	}
	
	.card-content-image-slider .card-image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 240px;
	}
	
	.card-content-image-slider .card-image .card-name {
		position: absolute;
		bottom: -.5rem;
		left: 50%;
		transform: translateX(-50%);
		font-size: calc(.6rem + 1vw);
		color: var(--light);
		text-shadow: -1px 1px 0 var(--secondary), 1px 1px 0 var(--secondary), 1px -1px 0 var(--secondary), -1px -1px 0 var(--secondary);
	
	}
  
    .card-content-wedding {
        width: 500px;
    }


	.core-7 .card-title {
		width: 23rem;
	}

	.popup-undangan .card-image-slider {
		background-image: none;
		background-repeat: unset;
		background-position: unset;
		background-size: unset;
		opacity: 1;
	}


	.popup-undangan .card-content-image-slider .card-image {
		width: 0;
		height: 0;
		border-radius: 240px;
		position: relative;
		padding-left: 100%;
    	padding-bottom: 70%;
		margin: auto;
		transition: all .3s ease;
	}
	
	.popup-undangan .card-content-image-slider .card-image img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 240px;
	}
	
	.popup-undangan .card-content-image-slider .card-image .card-name {
		position: absolute;
		bottom: -.5rem;
		left: 50%;
		transform: translateX(-50%);
		font-size: calc(.6rem + 1vw);
		color: var(--light);
		text-shadow: -1px 1px 0 var(--secondary), 1px 1px 0 var(--secondary), 1px -1px 0 var(--secondary), -1px -1px 0 var(--secondary);
	
	}
}

@media only screen and (min-width: 1200px) {
	.card-content-image-slider .card-image {
		padding-left: 95%;
		padding-bottom: 65%;
	}

	.popup-undangan .card-content-image-slider .card-image {
		padding-left: 95%;
		padding-bottom: 65%;
	}
}

@media only screen and (min-width: 1400px) {
	.card-content-image-slider .card-image {
		padding-left: 85%;
		padding-bottom: 55%;
	}

	.popup-undangan .card-content-image-slider .card-image {
		padding-left: 85%;
		padding-bottom: 55%;
	}
}