// pop up keyboard
.popupKeyboard {
    position: relative;
    overflow-x: hidden;
    padding-top: 11rem;
    .popupKeyboard_hParent {
        position: absolute;
        top: 0;
        left: 0;
    }

    .popupKeyboard_heading {
        >h1{
            font-size: 9rem;
        }
    }


}

@media (max-width:1200px) {
    .popupKeyboard {
        .popupKeyboard_heading {
            >h1{
                font-size: 5rem;
            }
        }
    }

}


@media (max-width:768px) {
    .controlPanel{
        padding-bottom: 100px;
    }
    .popupKeyboard {
       
        .popupKeyboard_heading {
            padding: 1rem;
            >h1{
              
                font-size: 3rem;
            }
            
        }
        .popupKeyboard_des {
            padding: 1rem;
            font-size: 1rem;
        }

        .popupKeyboard_hParent {
            padding: 1rem;
        }
    }
}

@media (max-width:576px) {
    .popupKeyboard {
       
        .popupKeyboard_heading {
            padding: 1rem;
            >h1{
              
                font-size: 2rem;
            }
            
        }

        .popupKeyboard_des {
            padding: 2rem;
            padding-top: 0;
            font-size: 0.8rem;
        }
    }

}