#title {
    margin-top: 12px;
    background-color: #fff;
    color: #000;
}
nav a {
    text-decoration: none;
}
.hidden{
    display: none;
}
#content {
    background-color: #fff;
    border-top: solid 6px #f00;
    padding: 10px;
}
#footer {
    margin-top: 20px;
    text-align: center;
    background-color: #000;
    color: #fff;
}
label{
    width:130px;
}
#registered{
    width: 300px;
    color: black;
}
.lbl{
    color: red;
}
form{
    margin:auto;
    padding:5px;
}
body{
    background: linear-gradient(to bottom right, red, yellow);
    font-size: 25px;
    font-family: TakaoPGothic;
}
td{
    padding: 25px;
}
.mainpics{
    width: 552px;
    height: 450px;
}
.btn-watch {
    background-image: #fff;
    color: black;
    font-size: 20px;

}
#searchcss{
    font-size: 20px;
}
.btn-group{
    margin-left: 100px;
}
nav{
    font-size: 25px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


@media screen  and (max-width:480px) {
    .mainpics {
        width: 100%;
        height: 250px;
    }
    #searchcss{
        font-size: 15px;
    }
    .table-container
    {
        width: 100%;
        overflow-y: auto;
        _overflow: auto;
        margin: 0 0 1em;
    }
    nav {
        font-size: 25px;
        text-align: center;
    }
    #lbl_Main {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }

    body {
        font-size: 20px;
    }

    #format {
        width: 100%;
    }
    .btn-group {
        margin: auto;
        width: 100%;
        border: 3px solid red;
        padding: 10px;
    }
    h3 {
        text-align: center;
    }
    #phoneadvertstitle {
        font-size: 20px;
    }
    table, tbody, td, tr {
        display: block;
    }
    th{
        visibility: hidden;
    }
    tr {
        border: 1px solid #ccc;
    }
    #back, #logout, #filter {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1000px) and (min-width: 500px) {
    nav {
        font-size: 20px;
    }
}