/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	html {
	    font-size: 0.85vw;
	}

		.popup_box{

		width: 36rem;
	}
}

@media (max-width: 991.98px) {
	html {
	    font-size: 1.7vw;
	}
	.new_box_wrap{
		margin: 3rem 0;
	}

	.popup_box{

		width: 36rem;
	}

	.py-4 {
    max-width: 90%;
    margin: 0 auto;
}

}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	html {
	    font-size: 1.5vw;
	}
	.mt_65 {
	    margin-top: 2rem;
	}
	header {
	    padding: 2rem 0rem;
	}
	.section .title_lg {
	    font-size: 3.5rem;
	}
	.section h4 {
	    font-size: 3.5rem;
	}
	.section h5 {
	    font-size: 2.6rem;
	}
	.shape {
	    width: 20rem;
	}



	.popup_box{

		width: 36rem;
	}


		.py-4 {
    max-width: 90%;
    margin: 0 auto;
}

.new_box.active + .phn_box {

	margin-top: 20px;

}



}