/* Extra small devices (portrait phones, less than 576px) */ 
@media(min-width: 320px) and (max-width: 575px) {    
    .login_box h1 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .login_box h3 {
        font-size: 15px;
    }
    .login_box {
        padding: 60px 25px;
    }
    .login_box .form-control{
        width: 100%;
        margin-left: 0;
    }
    .login_box .form_frgt a{
        font-size: 11px;
    }
    .register_section .login_box i {
        right: 7px;
        bottom: 276px;
        font-size: 15px;
    }
    .ser_plan_box,
    .checkout_box {
        padding: 50px 25px;
        text-align: center;
    }
    .from_date {
        justify-content: space-between;
    }
    .serv_plan_head h4 {
        font-size: 20px;
    }
    .serv_pan_tab .nav .nav-item .nav-link {
        font-size: 14px;
        padding: 8px 20px;
    }
    .mnthly_plan_detail ul{
        text-align: left;
    }
    .monthly_plan .plan_box{
        width: 100%!important;
        margin-left: 0;
        margin-bottom: 40px;
    }
    .sidebar_menu{
         margin-bottom: 40px;   
    }
    .home_area_body{
        padding: 20px;
    }
    .home_area_body h1 {
        font-size: 30px;
    }
    .home_area_body h4 {
        font-size: 18px;
    }
    .home_area_head h5,
    .home_area_head h6 {
        font-size: 14px;
    }
    .on_off{
        margin-bottom: 30px;
    }
    .add_device_plan .plan_btn{
        margin-bottom: 50px;
    }
    .add_device_plan .btn_submit{
        width: 100%;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
      .login_box h1 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .login_box h3 {
        font-size: 15px;
    }
    .login_box {
        padding: 60px 25px;
    }
    .login_box .form-control{
        width: 100%;
        margin-left: 0;
    }
    .login_box .form_frgt a{
        font-size: 11px;
    }
    .register_section .login_box i {
        right: 7px;
        bottom: 276px;
        font-size: 15px;
    }
    .ser_plan_box,
    .checkout_box {
        padding: 50px 25px;
        text-align: center;
    }
    .from_date {
        justify-content: space-between;
    }
    .serv_plan_head h4 {
        font-size: 20px;
    }
    .serv_pan_tab .nav .nav-item .nav-link {
        font-size: 14px;
        padding: 8px 20px;
    }
    .mnthly_plan_detail ul{
        text-align: left;
    }
    .monthly_plan .plan_box{
        width: 100%!important;
        margin-left: 0;
        margin-bottom: 40px;
    }
    .sidebar_menu{
         margin-bottom: 40px;   
    }
    .home_area_body{
        padding: 20px;
    }
    .home_area_body h1 {
        font-size: 30px;
    }
    .home_area_body h4 {
        font-size: 18px;
    }
    .home_area_head h5,
    .home_area_head h6 {
        font-size: 14px;
    }
    .on_off{
        margin-bottom: 30px;
    }
    .add_device_plan .plan_btn{
        margin-bottom: 50px;
    }
    .add_device_plan .btn_submit{
        width: 100%;
    }
}

/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
       
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}