@media screen and (max-width: 400px) {
    @charset "utf-8";
        .container,body {
    #background-image:url(/imagesnew/bgnew.jpg);
        background-color: #000}
    body {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 100%;
        line-height: 1.4}
    h1,h2,h3,h4,h5,h6,p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px}
    a img {
        border: none}
    a:link {
        color: red;
        text-decoration: none;
        text-shadow: -2px 1px 2px rgba(0,0,0,1)}
    a:visited {
        color: red;
        text-decoration: underline}
    a:active,a:focus,a:hover {
        text-decoration: underline;
        color: #FF0}
    
    .container {
        width: 960px;
        background-image: url(/imagesnew/main_new_BG4.jpg);
        background-repeat: no-repeat;
        height: 693px;
        margin: 0 auto}
    .content {
        height: auto;
        padding: 10px 0}
    .fltrt {
        float: right;
        margin-left: 8px}
    .fltlft {
        float: left;
        margin-right: 8px}
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0}
    .container .contentRight,.container .contentbottom {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        font-weight: 700;
        clear: right}
    .container .contentLeft {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        float: left;
        width: 525px;
        padding-top: 100px;
        padding-left: 50px}
    .container .contentRight {
        float: right;
        width: 350px;
        padding-top: 80px;
        padding-right: 30px;
        text-align: right;
        text-shadow: -2px 1px 3px rgba(0,0,0,1)}
    .container .contentbottom {
        float: none;
        width: 950px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px}
}

@media screen and (min-width: 401px) and (max-width: 720px) {
    @charset "utf-8";
        .container,body {
    #background-image:url(/imagesnew/bgnew.jpg);
        background-color: #000}
    body {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 100%;
        line-height: 1.4}
    h1,h2,h3,h4,h5,h6,p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px}
    a img {
        border: none}
    a:link {
        color: red;
        text-decoration: none;
        text-shadow: -2px 1px 2px rgba(0,0,0,1)}
    a:visited {
        color: red;
        text-decoration: underline}
    a:active,a:focus,a:hover {
        text-decoration: underline;
        color: #FF0}
    
    .container {
        width: 960px;
        background-image: url(/imagesnew/main_new_BG4.jpg);
        background-repeat: no-repeat;
        height: 693px;
        margin: 0 auto}
    .content {
        height: auto;
        padding: 10px 0}
    .fltrt {
        float: right;
        margin-left: 8px}
    .fltlft {
        float: left;
        margin-right: 8px}
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0}
    .container .contentRight,.container .contentbottom {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        font-weight: 700;
        clear: right}
    .container .contentLeft {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        float: left;
        width: 525px;
        padding-top: 100px;
        padding-left: 50px}
    .container .contentRight {
        float: right;
        width: 350px;
        padding-top: 80px;
        padding-right: 30px;
        text-align: right;
        text-shadow: -2px 1px 3px rgba(0,0,0,1)}
    .container .contentbottom {
        float: none;
        width: 950px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px}
}

@media screen and (min-width: 721px) and (max-width: 1280px) {
    @charset "utf-8";
        .container,body {
    #background-image:url(/imagesnew/bgnew.jpg);
        background-color: #000}
    body {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 100%;
        line-height: 1.4}
    h1,h2,h3,h4,h5,h6,p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px}
    a img {
        border: none}
    a:link {
        color: red;
        text-decoration: none;
        text-shadow: -2px 1px 2px rgba(0,0,0,1)}
    a:visited {
        color: red;
        text-decoration: underline}
    a:active,a:focus,a:hover {
        text-decoration: underline;
        color: #FF0}
    
    .container {
        width: 960px;
        background-image: url(/imagesnew/main_new_BG4.jpg);
        background-repeat: no-repeat;
        height: 693px;
        margin: 0 auto}
    .content {
        height: auto;
        padding: 10px 0}
    .fltrt {
        float: right;
        margin-left: 8px}
    .fltlft {
        float: left;
        margin-right: 8px}
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0}
    .container .contentRight,.container .contentbottom {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        font-weight: 700;
        clear: right}
    .container .contentLeft {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        float: left;
        width: 525px;
        padding-top: 100px;
        padding-left: 50px}
    .container .contentRight {
        float: right;
        width: 350px;
        padding-top: 80px;
        padding-right: 30px;
        text-align: right;
        text-shadow: -2px 1px 3px rgba(0,0,0,1)}
    .container .contentbottom {
        float: none;
        width: 950px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px}
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    @charset "utf-8";
        .container,body {
    #background-image:url(/imagesnew/bgnew.jpg);
        background-color: #000}
    body {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 100%;
        line-height: 1.4}
    h1,h2,h3,h4,h5,h6,p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px}
    a img {
        border: none}
    a:link {
        color: red;
        text-decoration: none;
        text-shadow: -2px 1px 2px rgba(0,0,0,1)}
    a:visited {
        color: red;
        text-decoration: underline}
    a:active,a:focus,a:hover {
        text-decoration: underline;
        color: #FF0}
    
    .container {
        width: 960px;
        background-image: url(/imagesnew/main_new_BG4.jpg);
        background-repeat: no-repeat;
        height: 693px;
        margin: 0 auto}
    .content {
        height: auto;
        padding: 10px 0}
    .fltrt {
        float: right;
        margin-left: 8px}
    .fltlft {
        float: left;
        margin-right: 8px}
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0}
    .container .contentRight,.container .contentbottom {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        font-weight: 700;
        clear: right}
    .container .contentLeft {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        float: left;
        width: 525px;
        padding-top: 100px;
        padding-left: 50px}
    .container .contentRight {
        float: right;
        width: 350px;
        padding-top: 80px;
        padding-right: 30px;
        text-align: right;
        text-shadow: -2px 1px 3px rgba(0,0,0,1)}
    .container .contentbottom {
        float: none;
        width: 950px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px}
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    @charset "utf-8";
        .container,body {
    #background-image:url(/imagesnew/bgnew.jpg);
        background-color: #000}
    body {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 100%;
        line-height: 1.4}
    h1,h2,h3,h4,h5,h6,p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px}
    a img {
        border: none}
    a:link {
        color: red;
        text-decoration: none;
        text-shadow: -2px 1px 2px rgba(0,0,0,1)}
    a:visited {
        color: red;
        text-decoration: underline}
    a:active,a:focus,a:hover {
        text-decoration: underline;
        color: #FF0}
    
    .container {
        width: 960px;
        background-image: url(/imagesnew/main_new_BG4.jpg);
        background-repeat: no-repeat;
        height: 693px;
        margin: 0 auto}
    .content {
        height: auto;
        padding: 10px 0}
    .fltrt {
        float: right;
        margin-left: 8px}
    .fltlft {
        float: left;
        margin-right: 8px}
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0}
    .container .contentRight,.container .contentbottom {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        font-weight: 700;
        clear: right}
    .container .contentLeft {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        float: left;
        width: 525px;
        padding-top: 100px;
        padding-left: 50px}
    .container .contentRight {
        float: right;
        width: 350px;
        padding-top: 80px;
        padding-right: 30px;
        text-align: right;
        text-shadow: -2px 1px 3px rgba(0,0,0,1)}
    .container .contentbottom {
        float: none;
        width: 950px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px}
}

@media screen and (min-width: 1921px) {
    @charset "utf-8";
        .container,body {
    #background-image:url(/imagesnew/bgnew.jpg);
        background-color: #000}
    body {
        margin: 0;
        padding: 0;
        color: #FFF;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 100%;
        line-height: 1.4}
    h1,h2,h3,h4,h5,h6,p {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px}
    a img {
        border: none}
    a:link {
        color: red;
        text-decoration: none;
        text-shadow: -2px 1px 2px rgba(0,0,0,1)}
    a:visited {
        color: red;
        text-decoration: underline}
    a:active,a:focus,a:hover {
        text-decoration: underline;
        color: #FF0}
    
    .container {
        width: 960px;
        background-image: url(/imagesnew/main_new_BG4.jpg);
        background-repeat: no-repeat;
        height: 693px;
        margin: 0 auto}
    .content {
        height: auto;
        padding: 10px 0}
    .fltrt {
        float: right;
        margin-left: 8px}
    .fltlft {
        float: left;
        margin-right: 8px}
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0}
    .container .contentRight,.container .contentbottom {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        font-weight: 700;
        clear: right}
    .container .contentLeft {
        font-family: Verdana,Geneva,sans-serif;
        color: #FFF;
        float: left;
        width: 525px;
        padding-top: 100px;
        padding-left: 50px}
    .container .contentRight {
        float: right;
        width: 350px;
        padding-top: 80px;
        padding-right: 30px;
        text-align: right;
        text-shadow: -2px 1px 3px rgba(0,0,0,1)}
    .container .contentbottom {
        float: none;
        width: 950px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding-top: 100px}
}