﻿@media only screen and (max-width:1920px) {
    img {
        width: 100%;
        display: block;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
    }
}

@media only screen and (max-width:1680px) {
}

@media only screen and (max-width:1600px) {
}

@media only screen and (max-width:1380px), (max-width:1440px) {
}

@media only screen and (max-width:1366px) {
}

@media only screen and (max-width:1200px), (max-width:1280px) {
}

@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:720px),(max-width:760px), (max-width:960px) {
    .details_holder {
        width: 100%;
    }

    /*** HEADER ****/
    .topbar {
        width: 100%;
        padding: 10px 0;
    }

        .topbar .text_holder {
            width: 100%;
            font-size: 12px;
            text-align: center;
            border-bottom: 1px solid rgba(0,0,0,0.2);
            padding: 0 0 10px 0;
            margin-bottom: 10px;
        }

            .topbar .text_holder ul li {
                padding: 0 5px;
                display: inline-block;
                float: none;
            }

        .topbar .img_holder {
            width: 125px;
            float: none;
            margin: 0 auto;
            clear: both;
        }

    .header {
        width: 100%;
        padding: 0 0 5px 0;
    }

    .menu_btn img, .close_btn img {
        float: none;
        margin: 0 auto;
    }

    .menu_btn, .close_btn {
        width: 50px;
        padding: 17px 0 0 0;
    }

    .navigation {
        left: 0;
        top: 76px;
    }

    .header .logo {
        float: right;
        padding: 10px 2% 10px 0;
    }

    .header .other_tab {
        width: 100%;
        border-top: 1px solid rgba(255,255,255,0.2);
        padding: 10px 0 0 0;
        text-align: center;
    }

        .header .other_tab ul li {
            display: inline-block;
            margin: 0 5px;
            float: none;
        }

        .header .other_tab a {
            display: block;
            float: left;
            padding: 8px 30px;
            color: #000;
            background: #fff;
            -moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
        }

            .header .other_tab a:hover, .header .other_tab a.select {
                background: #fc0520;
            }

    /*** FOOTER ****/
    .footer {
        padding: 20px 0;
        border-top: 10px solid #fff;
    }

        .footer h3 {
            font-size: 16px;
            padding: 0 0 20px 0;
        }

        .footer .img_holder {
            width: 335px;
        }

            .footer .img_holder .ico_holder {
                width: 105px;
                background: url(../images/line1.png) repeat-y right 0;
                padding: 0 20px 0 0;
            }

                .footer .img_holder .ico_holder ul li {
                    width: 25px;
                    padding: 0 5px;
                }

            .footer .img_holder .btn_holder {
                width: 200px;
            }

                .footer .img_holder .btn_holder ul li {
                    width: 90px;
                    padding: 0 5px;
                }

    /*** HOME PAGE ***/
    .home_one {
        height: 375px;
        background: url(../images/home-banner.png) no-repeat 0 0;
    }

        .home_one .text_holder {
            width: 390px;
            font-size: 15px;
            padding: 20px 2% 0 0;
        }

            .home_one .text_holder a {
                padding: 8px 30px;
            }

    .home_two {
        padding: 20px 0;
    }

        .home_two h1 {
            font-size: 16px;
            padding: 0 0 10px 0;
        }

            .home_two h1 span {
                padding: 0 0 0 20px;
            }

    .next_prv_holder {
        margin-top: -110px;
        padding: 0 1%;
        width: 98%;
    }

        .next_prv_holder .next {
            width: 35px;
        }

        .next_prv_holder .prev {
            width: 35px;
        }

    .slides_container, .slide_details {
        width: 700px;
    }

    .slide_details {
        height: 180px;
    }

    .home_three_title {
        font-size: 15px;
        padding: 0 0 10px 0;
    }

    .home_three {
        padding: 20px 2%;
        width: 96%;
    }
}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px) {
    /*** HOME PAGE ***/
    .next_prv_holder {
        margin-top: -90px;
    }

        .next_prv_holder .next {
            width: 30px;
        }

        .next_prv_holder .prev {
            width: 30px;
        }

    .slides_container, .slide_details {
        width: 560px;
    }

    .slide_details {
        height: 150px;
    }
}

@media only screen and (max-width:500px),(max-width:580px) {
    /*** HOME PAGE ***/
    .next_prv_holder {
        margin-top: -90px;
    }

        .next_prv_holder .next {
            width: 30px;
        }

        .next_prv_holder .prev {
            width: 30px;
        }

    .slides_container, .slide_details {
        width: 500px;
    }

    .slide_details {
        height: 140px;
    }
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
    /*** HEADER ****/
    .topbar .text_holder {
        font-size: 13px;
        line-height: 20px;
    }

        .topbar .text_holder ul li {
            padding: 0;
            width: 50%;
            float: left;
        }

            .topbar .text_holder ul li:last-child {
                width: 100%;
            }

    .navigation {
        left: 0;
        top: 120px;
    }

    .header .logo {
        padding: 10px 3% 10px 0;
    }

    .header .other_tab ul li {
        margin: 0 2px;
    }

    .header .other_tab a {
        padding: 5px 20px;
    }

    /*** FOOTER ****/
    .footer h3 {
        font-size: 15px;
        width: 94%;
        padding: 0 3% 10px 3%;
    }

        .footer h3 br {
            display: none;
        }

    .footer .img_holder {
        width: 100%;
    }

        .footer .img_holder .ico_holder {
            width: 100%;
            background: url(../images/line1.png) repeat-x center bottom;
            padding: 0 0 10px 0;
            text-align: center;
            margin-bottom: 15px;
        }

            .footer .img_holder .ico_holder ul li {
                width: 25px;
                padding: 0 5px;
                display: inline-block;
                float: none;
            }

        .footer .img_holder .btn_holder {
            width: 200px;
            float: none;
            margin: 0 auto;
        }

    /*** HOME PAGE ***/
    .home_one .text_holder {
        width: 94%;
        font-size: 14px;
        padding: 50px 3% 0 3%;
        text-align: center;
        text-shadow: 1px 1px 3px #000;
    }

        .home_one .text_holder a {
            padding: 8px 25px;
            text-shadow: 0 0 0 #000;
        }

    .home_two h1 {
        font-size: 16px;
        padding: 0 0 10px 0;
    }

        .home_two h1 span {
            padding: 0;
            display: block;
            width: 100%;
            float: left;
        }

    .next_prv_holder {
        margin-top: 0;
        padding: 0;
        width: 70px;
        margin: 0 auto;
        float: none;
    }

        .next_prv_holder .next {
            width: 30px;
        }

        .next_prv_holder .prev {
            width: 30px;
        }

    .slides_container, .slide_details {
        width: 400px;
    }

        .slide_details ul li {
            width: 31.333%;
            padding: 0 1% 10px 1%;
        }

    .slide_details {
        height: 380px;
    }

    .home_three_title {
        font-size: 14px;
    }

    .home_three ul li {
        width: 48%;
        margin: 0 1% 10px 1%;
    }
}

@media only screen and (max-width:375px) {
    /*** HOME PAGE ***/
    .slides_container, .slide_details {
        width: 350px;
    }

    .slide_details {
        height: 380px;
    }
}

@media only screen and (max-width:360px) {
    /*** HOME PAGE ***/
    .slides_container, .slide_details {
        width: 340px;
    }

    .slide_details {
        height: 365px;
    }
}

@media only screen and (max-width:300px), (max-width:320px) {
    /*** HOME PAGE ***/
    .slides_container, .slide_details {
        width: 300px;
    }

    .slide_details {
        height: 335px;
    }
}
