@media only screen and (min-width:769px) and (max-width:1013px) {
    .training_left {
        margin-left: 0 !important
    }
}

@media screen and (max-width:800px) {
    .training_left {
        float: none;
        width: 97.5%
    }

    .news_left {
        float: none;
        width: 97.5%;
        padding-left: 1%
    }

    #menu1 {
        width: 98%;
        padding-left: 1%
    }

    .latestnews {
        background-size: 8%
    }
}

@media screen and (max-width:768px) {

    .left_column,
    .right_column,
    .left_column1,
    .right_column1 {
        float: none;
        margin: auto;
        padding: 0 2%;
        width: 93%
    }

    .footer_col ul {
        float: none;
        margin: auto !important;
        max-width: 300px;
        width: 70%;
        text-align: center
    }

    .socialicon {
        float: none;
        margin: auto;
        text-align: center;
        width: 220px;
        padding-bottom: 3%
    }

    .googleplay {
        float: none;
        margin: auto;
        text-align: center;
        padding: 2% 0
    }

    .socialicon ul li {
        float: none;
        display: inline-block
    }

    .footer_img,
    .footerlogo {
        float: none;
        margin: auto;
        text-align: center;
        margin-bottom: 10px
    }

    .footer_menu {
        float: none
    }

    .footer_menu p {
        text-align: center
    }

    .cutetraclist {
        float: none;
        margin: auto;
        width: 100%
    }

    .cutetrac {
        float: none;
        margin: auto;
        width: 100%
    }

    .footer_menu ul {
        text-align: center
    }

    .footer_menu ul li {
        display: inline-block;
        float: none
    }

    .news_scroll,
    .welcome {
        width: 100%;
        float: none
    }

    #menu {
        width: 98%
    }

    #menu1 {
        width: 98%;
        padding-left: 1%
    }

    .service ul li {
        width: 45%
    }

    .footer_buttons li {
        display: inherit
    }

    .training_left {
        float: none;
        width: 97.5%
    }

    .news_left {
        float: none;
        width: 97.5%;
        padding-left: 1%
    }

    .border_mid {
        display: none
    }

    div.content,
    div.navigation {
        width: 97% !important;
        float: none !important;
        margin: auto
    }

    div.slideshow a.advance-link {
        line-height: 0
    }

    div.caption-container {
        height: 120px
    }

    .services_right,
    .services_left {
        float: none;
        width: 98%;
        margin: auto;
        clear: both
    }

    .services p {
        padding-left: 0
    }

    .services h1 {
        margin-left: 0
    }

    .services_right img,
    .services_left img {
        clear: both
    }

    .services_right {
        margin-top: 15px
    }

    .manpower_box,
    .NDT_box {
        float: none;
        display: block;
        margin: 20px auto !important;
        width: 230px
    }

    .container_info h2 {
        text-align: center
    }

    .pdf_box {
        width: 30%
    }

    .main_container {
        width: 97%;
        margin: auto
    }
}

@media only screen and (min-width:500px) and (max-width:700px) {
    div.rotator {
        bottom: -11%;
        width: 39%
    }

    div.rotator ul li p {
        font-size: 11px
    }

    div.slideshow-container {
        height: 385px
    }
}

@media screen and (max-width:410px) {
    .downloadtext {
        float: left;
        text-align: center;
        width: 100%;
        margin: auto
    }
}

@media only screen and (min-width:320px) and (max-width:380px) {
    .callbacks .caption1 {
        bottom: 27%
    }
}

@media only screen and (min-width:400px) and (max-width:500px) {
    div.slideshow-container {
        height: 340px
    }
}

@media only screen and (min-width:300px) and (max-width:400px) {
    div.slideshow-container {
        height: 250px
    }

    div.caption-container {
        height: 160px
    }

    div.ss-controls,
    div.nav-controls {
        float: none
    }

    div.controls {
        height: auto;
        text-align: center
    }

    ul.thumbs {
        text-align: center
    }

    ul.thumbs li {
        float: none;
        display: inline-block
    }
}

@media only screen and (min-width:300px) and (max-width:500px) {
    div.rotator {
        margin: 0 auto;
        bottom: -9%;
        width: 47%
    }

    div.rotator ul li p {
        font-size: 9px
    }

    .callbacks_nav {
        background: url(../images/banner_arrowresp.png) no-repeat scroll left top transparent;
        width: 25px;
        top: 80%
    }
}

@media only screen and (min-width:200px) and (max-width:300px) {
    div.rotator {
        margin: 0 auto;
        bottom: -11%;
        width: 42%;
        height: 44px
    }

    div.rotator ul li p {
        font-size: 7px
    }

    .callbacks .caption {
        font-size: 8px
    }

    .caption_tag {
        top: 39%;
        font-size: 8px
    }
}

@media only screen and (min-width:360px) and (max-width:400px) {
    .latestnews p {
        font-size: 12px
    }
}

@media only screen and (min-width:200px) and (max-width:360px) {
    .latestnews p {
        font-size: 10px
    }
}

@media screen and (max-width:768px) {
    .service h1 {
        text-align: center;
        margin: 0 auto
    }

    .service h1 span {
        padding: 0
    }

    .service ul li p {
        text-align: center !important;
    }

    .download img {
        float: none;
        margin: 0 auto
    }

    .news_tit_left {
        width: 100.5%;
        float: none
    }

    .news_tit_right {
        width: auto;
        float: none
    }

    .news_layer_first {
        border-top-right-radius: 0;
        padding-left: 1%
    }

    .news_layer_second {
        border-top-left-radius: 0
    }
}

@media screen and (max-width:768px) {
    .partners_right {
        background-size: 100% 100%
    }

    .partners_left {
        background-size: 100% 100%
    }

    .partner_click {
        width: 51.5%;
        margin: 0 0 0 23%;
        text-align: center
    }

    .partners {
        margin: 0 auto
    }

    .more_info {
        width: 95%;
        margin-left: 2%
    }

    .more_info p {
        font-size: 18px !important
    }

    .footer_menu p {
        text-align: center !important
    }
}

@media screen and (max-width:667px) {
    .more_info p {
        font-size: 15px !important;
        text-align: center !important
    }

    .footer {
        padding: 10px 0 6%
    }
}

@media screen and (max-width:603px) {
    .partner_click {
        width: 56.2%
    }

    .footer {
        padding: 10px 0 6%
    }

    .alb_panel {
        padding: 0
    }
}

@media screen and (max-width:568px) {

    .partner_click {

        width: 71.3% !important;



        margin: -2px 0 0 13% !important;

        text-align: center;
    }

    @media screen and (max-width:414px) {
        .partner_click {
            width: 82.6%;
            margin: 0 0 0 10%
        }

        .footer_menu ul li {
            display: block
        }

        .footer {
            padding: 10px 0 6%
        }

        .alb_panel {
            padding: 0;
            margin-left: 12%;
            margin-right: 12%
        }

        .album_section {
            width: 87%;
            float: none;
            text-align: center
        }

        .services_right img,
        .services_left img {
            width: 92%
        }

        .service ul li {
            width: 49%
        }

        .training_left {
            width: 95.5%
        }

        .news_left {
            width: 95.5%;
            padding-left: 2%
        }

        #menu1 {
            width: 96%;
            padding-left: 2%
        }
    }

    @media screen and (max-width:384px) {
        .partner_click {
            width: 87.1%;
            margin: 0 0 0 6%
        }

        .more_info p {
            text-align: center !important;
            line-height: 40px;
        }

        .footer {
            padding: 10px 0 6%
        }
    }

    @media screen and (max-width:360px) {
        .partners_left {
            line-height: 16px
        }
    }

    @media screen and (max-width:320px) {
        .partners_left {
            line-height: 16px
        }

        .partner_click {
            width: 89.5%;
            margin: 0 0 0 5%
        }

        .footer {
            padding: 10px 0 8%
        }

        .training_left {
            width: 95%;
            margin-left: 8px
        }
    }

    @media screen and (max-width:240px) {
        .partner_click {
            width: 90.5%;
            margin: 0 0 0 4%
        }

        .more_info p {
            font-size: 10px !important
        }

        .footer {
            padding: 10px 0 12%
        }

        .alb_panel {
            padding: 0;
            margin-left: 5%;
            margin-right: 5%
        }

        .service ul li {
            width: 70%
        }

        .training_left {
            width: 96.5%;
            margin-left: 4px
        }
    }

    @media only screen and (min-width:769px) and (max-width:957px) {

        .key_service {
            background-size: 100% 100%;
            height: 113px;
        }

        .key_service .key_title {
            font-size: 16px;
        }

    }

    @media screen and (max-width:957px) {

        .log {
            width: 25%;
        }

        .auto {
            padding-left: 15px !important;
        }

    }

    @media screen and (max-width: 768px) {

        .partner_click {

            width: 60.5% !important;

            margin: -1px 0 2px 20% !important;

            text-align: center;

        }

    }