@media (max-width:1024px)
{
    #bgSlider img
    {
        width:100%!important;
    }
    #page1 .main
    {
        padding:50px 0 50px 50px;
    }
    h2
    {
        padding:20px 0 20px;
    }
}

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

    body
    {
        width: 100%;
        min-width: 320px;
    }
    html
    {
        width: 100%;
        min-width: 320px;
    }
    .resp-sliderimage
    {
        background-size: 100%;
        width: 100%;
        height: auto !important;
    }
    #bgSlider
    {
        height: auto;
        width: 100%;
    }
    #bgSlider img
    {
        background-size:100%;
        width: 100% !important;
        height: auto !important;
    }
    .scroller {
        height: auto;
        overflow:inherit;
    }
    .logo-image
    {
        height: auto;
        position: relative;
        width: 77%;
    }
    .menu
    {
        background-size: 100%;
        width: 48%;
    }
    .main
    {
        margin-left: 7px;
        padding: 0 0 50px 55px;
        width: 80%;
        margin-top: 30px;
    }
    .box
    {
        height: auto;
        width: 100%;
    }
    .navigation-text
    {
        height: 24px;
        top: -3px;
        width: 41px;
    }
    .navigation-text
    {
        height: 24px;
        left: 35px;
        top: -28px;
        width: 38px;
    }
    /***Contact PAge Strat***/

   

   
    .pad_1
    {
        padding: 0 20px;
        overflow:inherit;
        height:auto;
    }
    #page_6 .marg_right1
    {
        margin-right: 0px;
    }
    .col2
    {
        width: 100%;
    }
    .col1, .col2, .col3, .cols
    {
        float: none;
    }
    #contact-form .bg
    {
        float: none;
        width: 100%;
    }
    #contact-form input
    {
        float: none;
        width: 100%;
    }
    #contact-form textarea
    {
        float: left;
        width: 100%;
    }
    /***Contact PAge End***/


}

@media only screen and (min-width:481px) and (max-width:640px)
{
    body
    {
        width: 100%;
        min-width: 320px;
    }
    html
    {
        width: 100%;
        min-width: 320px;
    }
    .resp-sliderimage
    {
        background-size: 100%;
        width: 100%;
        height: auto !important;
    }
    #bgSlider
    {
        height: auto;
        width: 100%;
    }
    #bgSlider img
    {
        background-size:100%;
        width: 100% !important;
        height: auto !important;
    }
    .scroller {
        height: auto;
        overflow:inherit;
    }
    .logo-image
    {
        height: auto;
        position: relative;
        width: 77%;
    }
    .menu
    {
        background-size: 100%;
        width: 48%;
    }
    .main
    {
        margin-left: 7px;
        padding: 0 0 50px 20px;
        width: 90%;
        margin-top: 30px;
    }
    .box
    {
        height: auto;
        width: 100%;
    }
    .navigation-text
    {
        height: 24px;
        top: -3px;
        width: 41px;
    }
    .navigation-text
    {
        height: 24px;
        left: 35px;
        top: -28px;
        width: 38px;
    }
    /***Contact PAge Strat***/

   

   
    .pad_1
    {
        padding: 0 20px;
        overflow:inherit;
        height:auto;
    }
    #page_6 .marg_right1
    {
        margin-right: 0px;
    }
    .col2
    {
        width: 100%;
    }
    .col1, .col2, .col3, .cols
    {
        float: none;
    }
    #contact-form .bg
    {
        float: none;
        width: 100%;
    }
    #contact-form input
    {
        float: none;
        width: 100%;
    }
    #contact-form textarea
    {
        float: left;
        width: 100%;
    }
    /***Contact PAge End***/

}

@media only screen and (min-width:320px) and (max-width:480px)
{
   body
    {
        width: 100%;
        min-width: 320px;
    }
    html
    {
        width: 100%;
        min-width: 320px;
    }
    .resp-sliderimage
    {
        background-size: 100%;
        width: 100%;
        height: auto !important;
    }
    #bgSlider
    {
        height: auto;
        width: 100%;
    }
    #bgSlider img
    {
        background-size:100%;
        width: 100% !important;
        height: auto !important;
    }
    .scroller {
        height: auto;
        overflow:inherit;
    }
    .logo-image
    {
        height: auto;
        position: relative;
        margin-top: -30px;
        width: 77%;
    }
    a.downldBtn {
    margin: 10px 10px 41px 0;
     }
    .menu
    {
        background-size: 100%;
        width: 48%;
    }
    .main
    {
        margin-left: 7px;
        padding: 0 0 50px 20px;
        width: 90%;
        margin-top: 30px;
    }
    .box
    {
        height: auto;
        width: 100%;
    }
    .navigation-text
    {
        height: 24px;
        top: -3px;
        width: 41px;
    }
    .navigation-text
    {
        height: 24px;
        left: 35px;
        top: -28px;
        width: 38px;
    }
    /***Contact PAge Strat***/

   

   
    .pad_1
    {
        padding: 0 20px;
        overflow:inherit;
        height:auto;
    }
    #page_6 .marg_right1
    {
        margin-right: 0px;
    }
    .col2
    {
        width: 100%;
    }
    .col1, .col2, .col3, .cols
    {
        float: none;
    }
    #contact-form .bg
    {
        float: none;
        width: 100%;
    }
    #contact-form input
    {
        float: none;
        width: 100%;
    }
    #contact-form textarea
    {
        float: left;
        width: 100%;
    }
    /***Contact PAge End***/
}