@media only screen and (max-width : 480px) {
    .outer-frame  {
          background: none; 
   MARGIN-TOP: 0; 
   padding: 0; 
   border: 0; 
   border-top-left-radius: 0; 
   border-top-right-radius: 0; 
   border-bottom-left-radius: 0; 
   border-bottom-right-radius: 0; 
    }

    .for-border {
          border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border:0;
    }

    .radio-mobile-screen {
            border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  background-image: url(../images/bg-mob.png);
  position: relative;
    }

    @media (max-width: 1200px) {
      .radio-mobile-screen {
          border-top: 70px solid #000;
          border-bottom: 85px solid #000;
          border-left: 6px solid #000;
          border-right: 6px solid #000;
          border-top-left-radius: 25px;
          border-top-right-radius: 25px;
          border-bottom-left-radius: 40px;
          border-bottom-right-radius: 40px;
      }
  }
  
  @media (max-width: 768px) {
      .radio-mobile-screen {
          border-top: 50px solid #000;
          border-bottom: 60px solid #000;
          border-left: 5px solid #000;
          border-right: 5px solid #000;
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-bottom-left-radius: 30px;
          border-bottom-right-radius: 30px;
      }
  }
  
  @media (max-width: 480px) {
      .radio-mobile-screen {
          border-top: 40px solid #000;
          border-bottom: 50px solid #000;
          border-left: 4px solid #000;
          border-right: 4px solid #000;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px;
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;
          left: -15px;
      }
      .sensorlamp {
          top: -22px;
      } 
  }
    /* .sensorlamp {
        display:none;
    }

    .speaker {
        display:none;
    }

    .center-block {
        display:none;
    } */

    .menu-btn {
  width: 70px;
  height: 70px;
  }

          .change-width {
  width: 130px;
  }
  .css_slider {
     width: INITIAL;
  height: 240PX;
  overflow: hidden;
  position: relative;
  margin-top: 15px;
}
  .playerdiv {
          display: block;
   height: initial; 
   margin-bottom: 0; 
  }
     #outside {
        display:block;
    }
}




@media only screen and (max-width : 320px) {
    .container {
    padding-right: 0; 
    padding-left: 0; 
    margin-right: 0; 
    margin-left: 0; 
 } 

    .outer-frame  {
          background: none; 
   MARGIN-TOP: 0; 
   padding: 0; 
   border: 0; 
   border-top-left-radius: 0; 
   border-top-right-radius: 0; 
   border-bottom-left-radius: 0; 
   border-bottom-right-radius: 0; 
    }

    .for-border {
          border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border:0;
    }

    /* .radio-mobile-screen {
            border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  background-image: url(../images/bg-mob.png);
  position: relative;
    } */
     /* .sensorlamp { */
        /* display:none;
    } */

    .speaker {
        display:none;
    }

    .center-block {
        display:none;
    }

    .menu-btn {
  width: 70px;
  height: 70px;
  }

          .change-width {
  width: 130px;
  }
  .css_slider {
  width: INITIAL;
  height: 237PX;
  overflow: hidden;
  position: relative;
  margin-top: 15px;
}
    .playerdiv {
          display: block;
   height: initial; 
   margin-bottom: 0; 
  }
    #outside {
        display:block;
    }
}