/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 1140px) {
    /*-------- Design style --------*/


}

@media handheld, only screen and (max-width: 768px) {
    .text-pane-top h2 { font-size: 32px; }
    a.main-pic > div { margin-right: 75px; }
    .image-scroll { margin: 35px 0; }
    .img-right { padding-top: 0px; }
    .logo img { max-width: 185px; }
    .logo { display: none; }
    .logo-div { display: block; float: none; margin-top: 10px; margin-left: 5px; text-align: right; margin-bottom: 10px; }
    #standardMenu .rootMenu li.first a span { padding-right: 0; }
    #standardMenu .rootMenu li a span { padding: 0 15px; }
    .user_style a { margin: 0 15px; }
    .header-top { padding: 10px 0 0 0; }
}

@media (min-width: 1024px) and (max-width: 1440px) {
}

@media (min-width: 768px) and (max-width: 1024px) {
.container {
    max-width: 100%;
}
    a.main-pic > div { margin-right: 50px; }

    .text-pane-top h2 { font-size: 38px; }
    .text-pane h2 { font-size: 38px; }
    .content-pane { padding-top: 35px; }
    .bg-web { background-size: 50%; padding-top: 120px; }
    .logo img { max-width: 100px; }

    .logo { margin-top: 10px; margin-left: 0; }
    .text-pane p, .text-pane-top p { font-size: 14px; margin-bottom: 20px; }
    .list-pane ul li { font-size: 14px; }
    .bg-section { background-size: 50%; }
    .btns-link a { margin-left: 10px; }
        .btns-link a.button-link { font-size: 14px; }
        .btns-link a.text-link { font-size: 14px; }
    .virtual-system { padding-top: 0; }
}

@media (max-width:1440px) and (min-width:1024px) {

    .bg-web { background-size: 50%; padding-top: 170px; }
    .text-pane-top h2 { font-size: 32px; }
    .list-pane ul li { font-size: 14px; }
    .img-pane img{width:85%;}
}
@media (max-width:991px) and (min-width:769px) {

    .text-pane-top h2 { font-size: 32px; }
    a.main-pic > div { margin-right: 75px; }
    .image-scroll { margin: 35px 0; }
    .img-right { padding-top: 0px; }
    .logo img { max-width: 185px; }
    .logo { display: none; }
    .logo-div { display: block; float: none; margin-top: 10px; margin-left: 5px; text-align: right; margin-bottom: 10px; }
    #standardMenu .rootMenu li.first a span { padding-right: 0; }
    #standardMenu .rootMenu li a span { padding: 0 15px; }
    .user_style a { margin: 0 15px; }
    .header-top { padding: 10px 0 0 0; }
}