@media (min-width: 768px)
{
    .modal-dialog {
        width: 500px;
        margin: 30px auto;
    }
}

@media (max-width: 1200px)
{

}

@media (max-width:991px)
{

}

@media (max-width:767px)
{
    .top-area h3
    {
        left: 0;
        right: 0;
        text-align: center;
    }
    .top-area{
        min-height: 313px;
    }
}