
@media only screen and (min-width: 576px) {
	.navbar-light .navbar-nav .nav-link .img {
		max-width: 45px;
		padding: .5rem;
	}
	
	.popup-undangan .mdl-content .pop-up-1-bg {
		max-height: 23rem;
	}
	
	.popup-undangan .mdl-content .pop-up-2-bg {
		max-height: 23rem;
	}

	.core-0 .card-image {
		width: 570px;
		height: 290px;
	}

	.core-0 .core-0-2-bg {
		max-height: none;
	}
	

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

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

	.core-2 {
		padding-top: 8rem;
	}
	
	.core-2 .img-core-2-t-1 {
		max-width: 9rem;
	}
	.core-2 .img-core-2-t-2 {
		right: 8rem;
		max-width: 8rem;
	}
	.core-2 .img-core-2-t-3 {
		top: 8rem;
		max-width: 5rem;
	}

	.core-2 .img-core-2-b-3 {
		bottom: -2rem;
		max-width: 4rem;
	}

	.core-3 video {
		height: 300px;
	}
	
	.core-3 iframe {
		height: 300px;
	}

	.core--4 .header-title .core-4-1 {
		top: -37%;
	}
	.core--4 .header-title .core-4-2 {
		bottom: -37%;
	}
	


	

	.core-5 .content {
		padding: 0 7rem;
	}

	.core-6 .card-text {
		font-size: 1.1rem;
	}
	
	.core-7 .list-comments {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	footer {
		padding: 1rem 2rem 8rem;
	}

	footer::before {
		width: 110%;
	}


}

@media only screen and (min-width: 768px) {
	.popup-undangan .mdl-content .modal-body {
		padding-top: 3rem;
  		padding-bottom: 3rem;
	}

	.popup-undangan .mdl-content .pop-up-1-bg {
		max-height: 26rem;
	}
	
	.popup-undangan .mdl-content .pop-up-2-bg {
		max-height: 26rem;
	}



	.core-bg-1::before {
		width: 220px;
		height: 220px;
	}

	.core-bg-1::after {
		width: 220px;
		height: 240px;
	}

	.core-4 .love-story .circle-border {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
    }


    .core-4 .love-story.left {
        display: flex;
        justify-content: end;
    }
    
    .core-4 .love-story.left .love-side-story {
        width: 45%;
        
    }

    .core-4 .love-story.right {
        display: flex;
        justify-content: start;
    }

    .core-4 .love-story.right .love-side-story {
        width: 45%;
    }

  
    .core-4 .love-story .circle-border .circle::after {
        left: 9px;
    }
    
	.core-4 .content .meet-time {
		font-size: 1.4rem;
	}

	.core-4 .content .story {
		font-size: 1rem;
	}



	.core-8 .core-8-img-1 {
		max-height: none;
	}
	
	.core-8 .core-8-img-2 {
		max-height: none;
	}
}

@media only screen and (min-width: 992px) {
	.popup-undangan .mdl-content .pop-up-1-bg {
		max-height: 35rem;
	}
	
	.popup-undangan .mdl-content .pop-up-2-bg {
		max-height: 35rem;
	}

	.popup-undangan .mdl-content .partner h1 {
		font-size: 5rem;
	}


	.core-3 video {
		height: 400px;
	}
	
	.core-3 iframe {
		height: 400px;
	}

	.core-4 .content .meet-time {
		font-size: 1.7rem;
	}

	.core-4 .content .story {
		font-size: 1.2rem;
	}

}

@media only screen and (min-width: 1200px) {
	.popup-undangan .mdl-content .pop-up-1-bg {
		max-height: 100%;
	}
	
	.popup-undangan .mdl-content .pop-up-2-bg {
		max-height: 100%;
	}
}

