.curve-bnr{
bottom:0%;
left:0%;
position:absolute;
z-index:2;
}


.pd-guide{
padding:100px 15px;
}


.H_30{
display: table;
width: 100%;
height:30vh;
}

.H_40{
display: table;
width: 100%;
height:40vh;
}


.H_50{
display: table;
width: 100%;
height:50vh;
}

.H_60{
display: table;
width: 100%;
height:60vh;
}

.H_70{
display: table;
width: 100%;
height:70vh;
}

.H_80{
display: table;
width: 100%;
height:80vh;
}


.H_90{
display: table;
width: 100%;
height:90vh;
}

.H_100{
display: table;
width: 100%;
height:100vh;
}

.F_100{
display: table;
width: 100%;
height:100vh;
}


.H-main{
display: table;
width: 100%;
height:90vh;
}




.H_50x{
display: table;
width: 100%;
height:50vh;
}

.H_60x{
display: table;
width: 100%;
height:60vh;
}

.H_70x{
display: table;
width: 100%;
height:70vh;
}

.H_80x{
display: table;
width: 100%;
height:80vh;
}


.H_90x{
display: table;
width: 100%;
height:90vh;
}

.H_100x{
display: table;
width: 100%;
height:100vh;
}



/*Viewport = 768px*/
@media screen and (max-width : 48em){
	

.pd-guide{
padding:100px 15px;
}
	
	
}

/*Viewport=600px*/
@media screen and (max-width: 33.75em) {
	

.pd-guide{
padding:100px 15px;
}
	

}

/*Viewport = 480px*/
@media screen and (max-width: 30em){
.pd-guide{
padding:100px 15px;
}
	
.H_50x{
display: table;
width: 100%;
height:auto;
}

.H_60x{
display: table;
width: 100%;
height:auto;
}

.H_70x{
display: table;
width: 100%;
height:auto;
}

.H_80x{
display: table;
width: 100%;
height:auto;;
}

.H_90x{
display: table;
width: 100%;
height:auto;
}

.H_100x{
display: table;
width: 100%;
height:auto;
}
.H-main{
display: table;
width: 100%;
height:50vh;
padding-top:40px;
}
}


@media screen and (max-width: 24em) {
.pd-guide{
padding:100px 15px;
}
	
.H_50x{
display: table;
width: 100%;
height:auto;
}

.H_60x{
display: table;
width: 100%;
height:auto;
}

.H_70x{
display: table;
width: 100%;
height:auto;
}

.H_80x{
display: table;
width: 100%;
height:auto;;
}

.H_90x{
display: table;
width: 100%;
height:auto;
}

.H_100x{
display: table;
width: 100%;
height:auto;
}
.H-main{
display: table;
width: 100%;
height:50vh;
padding-top:40px;
}
}


/*Viewport = 320px*/
@media screen and (max-width: 20em){
.pd-guide{
padding:100px 15px;
}
	
.H_50x{
display: table;
width: 100%;
height:auto;
}

.H_60x{
display: table;
width: 100%;
height:auto;
}

.H_70x{
display: table;
width: 100%;
height:auto;
}

.H_80x{
display: table;
width: 100%;
height:auto;;
}

.H_90x{
display: table;
width: 100%;
height:auto;
}

.H_100x{
display: table;
width: 100%;
height:auto;
}
.H-main{
display: table;
width: 100%;
height:50vh;
padding-top:40px;
}

}