#pop {
            position:fixed; top: 28%; left: 30%; width: 40%; height: 44%; background: #fff; text-align:center; box-sizing:border-box; padding: 50px 50px; color: #000; border-radius: 5px; z-index:999; box-shadow: 0 0 25px #ccc;
        }
        
        @media all and (max-width:1230px) {
            #pop {
                width: 60%;
                left: 20%;
            }
        }
        
        @media all and (max-width:850px) {
            #pop {
                width: 80%;
                left: 10%;
            }
        }
        
        @media all and (max-width:630px) {
            #pop {
                width: 80%;
                left: 10%;
                height: 60%;
                top: 20%;
            }
        }
        
        @media screen and (max-width:580px) {
            
            #pop {
                width: 100%;
                left: 0%;
            }
            
            .sm-text  {
                font-size: 18px;
            }
        }
        
        @media screen and (max-width:450px) {
            
            #pop {
                padding: 20px 10px;
            }
        }