@media only screen 
and (max-width : 320px) {
    
    
   
}


@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    
}

@media only screen 
and (min-width : 481px) 
and (max-width : 600px) {
     
    
}


@media only screen 
and (min-width : 601px) 
and (max-width : 800px) {

    .bg-23 {
        position: absolute;
        width: 89%;
        top: 91rem;
        right: 16rem;
        z-index: -1;
    }

}

@media only screen 
and (min-width : 801px) 
and (max-width : 991px) {
    .bg-23 {
        position: absolute;
        width: 100%;
        top: 126rem;
        right: 1rem;
        z-index: -1;
    }

}


@media only screen 
and (min-width : 992px) 
and (max-width : 1100px) {
    .bg-23 {
        position: absolute;
        width: 100%;
        top: 126rem;
        right: 1rem;
        z-index: -1;
    }
}

@media only screen 
and (min-width : 1023px) and (max-width : 1080px) {
    .bg-23 {
        position: absolute;
        width: 100%;
        top: 126rem;
        right: 1rem;
        z-index: -1;
    }

}

@media only screen 
and (min-width : 1100px) and (max-width : 1280px) {
   .bg-23 {
    position: absolute;
    width: 100%;
    top: 86rem;
    right: 7rem;
    z-index: -1;    
    }
}

@media only screen 
and (min-width : 1281px) and (max-width : 1600px) {
    .bg-23 {
        position: absolute;
        width: 96%;
        top: 86rem;
        right: 7rem;
        z-index: -1;
    }
}

@media only screen 
and (min-width : 1601px) and (max-width : 1800px) {
    .bg-23 {
        position: absolute;
        width: 96%;
        top: 62rem;
        right: 7rem;
        z-index: -1;
    }
}

@media only screen 
and (min-width : 1801px) and (max-width : 1920px) {
   
    .bg-23 {
        position: absolute;
        width: 89%;
        top: 61rem;
        right: 24rem;
        z-index: -1;
    }
}


@media only screen 
and (min-width : 1921px) {
  
.bg-23 {
	position: absolute;
    width: 100%;
    top: 39rem;
    right: 0rem;
    z-index: -1;
}
}