@media only screen and (max-width: 359px) {
	.core-0 .countdown .clock span {
		font-size: 2.1rem;
	}

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

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

	.core-2 .card-akad::before {
		width: calc(100% + 9rem);
	}


	.core-2 .card-resepsi::before {
		width: calc(100% + 9rem);
	}
}


@media only screen and (min-width: 500px) {
	.core-0 {
		padding-bottom: 4rem;
	}
	.core-0 .countdown .clock span {
		font-size: 3.3rem;
	}

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


	.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-2 .card-akad::before {
		width: 37rem;
	}


	.core-2 .card-resepsi::before {
		width: 37rem;
	}

	.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) {
	.core-1 .widget .card-image.card-woman {
		margin-top: 0;
		margin-right: -3rem;
	}

	.navbar-light .navbar-nav .nav-link .img {
		padding: 0.4rem;
		width: 50px;
	}
	.navbar-light .navbar-nav .nav-link .img img {
		max-width: 25px;
	}
}


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

}

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

    .navbar-light {
        width: fit-content;
        bottom: 50%;
        right: 500px;
    }

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


    .navbar-light .navbar-nav {
        display: block;
        padding: 1rem .5rem;
    }

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


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


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

}

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

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