.hide_first_image img
{
    display: none;
}
.encoder_opt .custom-checkbox
{
    margin-bottom: 5px;
}
.desc-zoom-pan li
{
    padding: 10px 5px;
}
.opt-zoom-pan
{
    margin: 10px 0;
    padding: 0;
}
.opt-zoom-pan li
{
    margin: 0 0 10px 0;
    width: 15%;
    padding: 5px 0;
    font-size: 15px;
    background: #FFF;
    border-color: transparent;
    /*border: none;*/
    /*font-size: 16px;*/
}
/*.opt-zoom-pan LI .btn:hover A
{
	color: #000;
}*/
.opt-zoom-pan_line
{
    padding: 10px;
    background: #4476B8;
    margin: 50px 0;
}
.opt-zoom-pan li a
{
    display: block;
    height: 100%;
    color: #4476B8;
}
.opt-zoom-pan li:hover a
{
    color: #000;
    text-decoration: none;
}
.baner-war
{
    background: #6FB6D6;
    padding: 20px;
    color: #FFF;
    max-width: 540px;
    float: right;
    margin-left: 30px;
}
div.discontinued
{
    margin: 10px 0 0 0;
    color: #FFF;
    background: #A70D0D;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 10px;
    font-weight: bold;
}
@media (max-width: 575px)
{
    .opt-zoom-pan li
    {
        width: 45%;
    }
    .baner-war
    {
        margin-left: 0;
        margin-bottom: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767px)
{
    .opt-zoom-pan li
    {
        width: 30%;
    }
    .baner-war
    {
        margin-left: 0;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .opt-zoom-pan li
    {
        width: 25%;
    }
    .baner-war
    {
        max-width: 50%;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .opt-zoom-pan li
    {
        width: 20%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px)
{
    .opt-zoom-pan li
    {
        width: 20%;
    }
}
@media (min-width: 1400px) and (max-width: 1599px)
{
}
@media (min-width: 1600px)
{
}