@media only screen and (min-device-width: 1225px) {
    .container {
        width: 84% !important;
    }
}
@media only screen and (max-device-width: 850px) {
    #header #navbar .content {
        position: relative;
    }
    #header #navbar .right {
        width: 100%;
        position: absolute;
        right: 0;
    }
    #header #navbar .left {
        width: 100%;
    }
    #nav > ul {
        background: #fff !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        box-shadow: 1px 20px 35px #7272723d !important;
    }
    .current {
        border-radius: 0px;
    }
    #header #navbar ul li:hover {
        border-radius: 0px;
    }
    #main #right {
        width: 100%;
    }
    #main #left {
        width: 100%;
    }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1204px) {
    .container {
        width: 90% !important;
    }
}
@media only screen and (min-device-width: 900px) and (max-device-width: 1024px) {
    .container {
        width: 90% !important;
    }
}
@media only screen and (min-device-width: 850px) and (max-device-width: 899px) {
    .container {
        width: 90% !important;
    }
}
@media only screen and (min-device-width: 760px) and (max-device-width: 849px) {
    .container {
        width: 90% !important;
    }
}
@media only screen and (min-device-width: 720px) and (max-device-width: 759px) {
    .container {
        width: 90% !important;
    }
}
@media only screen and (min-device-width: 650px) and (max-device-width: 719px) {
    .container {
        width: 90% !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right img {
        margin-top: 10px;
    }
    #header #left img {
        margin-top: 20px;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 649px) {
    .container {
        width: 90% !important;
    }
    .tabnav li {
        width: 100px !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right img {
        margin-top: 10px;
    }
    #header #left img {
        margin-top: 20px;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-device-width: 550px) and (max-device-width: 599px) {
    .container {
        width: 90% !important;
    }
    .tabnav li {
        width: 100px !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right img {
        margin-top: 10px;
    }
    #header #left img {
        margin-top: 20px;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-device-width: 490px) and (max-device-width: 549px) {
    .container {
        width: 90% !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right img {
        margin-top: 10px;
    }
    #header #left img {
        margin-top: 20px;
    }
    #wlcmsg p {
        font-size: 12px !important;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-device-width: 440px) and (max-device-width: 489px) {
    .container {
        width: 90% !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right {
        width: 100% !important;
        padding-bottom: 0px !important;
    }
    #header #left {
        width: 100% !important;
    }
    #header #right img {
        margin: auto 25% auto auto;
        float: none !important;
    }
    #header #left img {
        margin-top: 20px;
    }
    #wlcmsg p {
        font-size: 12px !important;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-device-width: 400px) and (max-device-width: 439px) {
    .container {
        width: 90% !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right {
        width: 100% !important;
        padding-bottom: 0px !important;
    }
    #header #left {
        width: 100% !important;
    }
    #header #right img {
        margin: auto 25% auto auto;
        float: none !important;
    }
    #header #left img {
        margin-top: 20px;
    }
    .tabnav li {
        width: 100px !important;
    }
    #wlcmsg p {
        font-size: 12px !important;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}
@media only screen and (min-device-width: 200px) and (max-device-width: 399px) {
    .container {
        width: 90% !important;
    }
    #main #right {
        width: 100% !important;
    }
    #main #left {
        width: 100% !important;
    }
    #header #right {
        width: 100% !important;
        padding-bottom: 0px !important;
    }
    #header #left {
        width: 100% !important;
    }
    #header #right img {
        margin: auto 25% auto auto;
        float: none !important;
    }
    #header #left img {
        margin-top: 20px;
    }
    .tabnav li {
        width: 80px !important;
        font-size: 10px !important;
    }
    #footer #right {
        width: 70% !important;
    }
    #footer #left {
        width: 30% !important;
    }
    #wlcmsg p {
        font-size: 12px !important;
    }
    #header #navbar ul li a {
        font-size: 13px !important;
    }
}