﻿


@media only all and (max-width:768px)
{
    body
    {
        min-width:300px;
    }
    .main, .container_24, .stepcarousel
    {
        width:100%;
    }
    header .grid_171
    {
        width:60%;
    } 
    header .grid_171 li
    {
        font-size:15px;
    }  
    #page2 .container_24 .grid_181
    {
        width:90%;
    }
    .menu-shadow
    {
        width:100%;
        background-size:100%;
    }
    .back_cnt .wrapper
    {
        padding:10px 0;
    }
    footer .wrapper
    {
        padding:0;
    }
    .container_24 .grid_24
    {
        padding:10px 0;
        width:98%;
    }
    .container_24 .grid_22, .jcarousel-skin-tango .jcarousel-clip-horizontal
    {
        width:98%;
    }
    .jcarousel-skin-tango .jcarousel-container-horizontal
    {
        padding:10px 0;
        width:98%;
    }
    .container_24 .grid_23
    {
        width:95%;
    }
    .container_24 .grid_8.resp-map
    {
        width:98%;
    }
    .container_24 .grid_5, .container_24 .grid_101
    {
        width:45%;
    }
    .ure_thane, .poly_metal, .poly_plastic
    {
        width:30%;
    }
    footer .fleft, footer .alignright
    {
        float:none;
        text-align:center;
    }
}
@media only all and (max-width:740px)
{
    header .grid_7, header .grid_6 
    {
        width:98%; 
    }
    .logo
    {
        text-align:center;
        margin:0 auto;
        display:block;
    }
    header .grid_171
    {
        width:98%;
    }
    .menu
    {
        margin:0 auto;
    }
    .menu-shadow
    {
        display:none;
    }
    header .padd-top
    {
        padding-top:5px;
    }
}
@media only all and (max-width:630px)
{
    .service_list, .poly_tech,.ure_thane, .poly_metal, .poly_plastic
    {
        width:98%;
        border:none;
    }
    .container_24 .grid_23
    {
        padding:5px 8px;
    }
    .container_24 .grid_5, .container_24 .grid_101
    {
        width:98%;
    }
    .buttons
    {
        width:100%;
    }
    #page4 .prod_img .service_list figure.img-indent
    {
        width:100%;
    }
    #page4 .prod_img .service_list figure.img-indent img
    {
        text-align:center;
        margin:0 auto;
        display:block;
    }
}
@media only all and (max-width:450px)
{
    header .grid_171 li
    {
        width:100%;
        text-align:center;
        border-radius:0!important;
    }
    .menu li a
    {
        background:none;
    }
    .container_24 .grid_22, .container_24
    {
        width:95%;
    }
}

@media only all and (max-width:340px)
{
    #page2 .container_24 .grid_181
    {
        padding:10px;
    }
}