﻿
@media only screen and (min-width : 100px) and (max-width : 580px) {
    body {
    }
    /*~~~~~~~~~~~~~~~~ Ketul Responsive Start Here ~~~~~~~~~~~~~~~~~~~~~~~*/
    .responsiveSelectContainer {
        margin: 0 auto;
        width: 90%;
    }

    .Headerlogo {
        margin: 0 auto;
        width: 85%;
    }


    .hgroup {
        clear: both;
        width: 95%;
        height: 0%;
    }

    .headerimage {
        width: 95%;
        height: 0%;
        margin: 0 auto;
        float: none;
    }

    .himg01, .himg02, .himg03, .himg04, .himg05, .himg06 {
        margin: 0 auto;
        clear: both;
        height: 190px;
    }

    .himg01 {
        background: url(../Images/img01.png) no-repeat scroll 50%;
    }

    .himg02 {
        background: url(../Images/img02.png) no-repeat scroll 50%;
    }

    .himg03 {
        background: url(../Images/img03.png) no-repeat scroll 50%;
    }

    .himg04 {
        background: url(../Images/Toy.png) no-repeat scroll 50%;
    }

    .himg05 {
        background: url(../Images/img05.png) no-repeat scroll 50%;
    }

    .himg06 {
        background: url(../Images/HandBag.png) no-repeat scroll 50%;
    }

    .himg01:hover {
        background: url(../Images/hover011.png) no-repeat scroll 50%;
    }

    .himg02:hover {
        background: url(../Images/hover02.png) no-repeat scroll 50%;
    }

    .himg03:hover {
        background: url(../Images/hover03.png) no-repeat scroll 50%;
    }

    .himg04:hover {
        background: url(../Images/hover04.png) no-repeat scroll 50%;
    }

    .himg05:hover {
        background: url(../Images/hover05.png) no-repeat scroll 50%;
    }

    .himg06:hover {
        background: url(../Images/hover06.png) no-repeat scroll 50%;
    }

    .himg01:hover, .himg02:hover, .himg03:hover, .himg04:hover, .himg05:hover, .himg06:hover {
        margin: 0 auto;
        clear: both;
        height: 190px;
    }

    .MainContent {
        width: 90%;
        margin: 0 auto;
    }

    .LeftUC {
        clear: both;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 8%;
        float: none;
    }

    .CenterUC {
        clear: both;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 8%;
        float: none;
    }

    .DesCenC {
        margin-top: 5%;
    }    

    .RightUC {
        clear: both;
        width: 100%;
        margin-bottom: 8%;
        float: none;
        border: none;
    }

    .DescriCenC {
        margin-left: 2%;
    }   
    
     .DescriCenC img{
        width: 80%;        
        float: none;
    } 

    .LastUC {
        clear: both;
        width: 100%;
        float: none;
        margin-bottom: 8%;
    }

    .entry-content img {
        width: 80%;        
        float: none;
    }

    .entry-content p {
        width: 90%;
        margin: 0 auto;
        margin-top: 4%;
        float: none;
    }
    .CLLeftContent_2 {       
        margin-top: 40%;
        float: none;
    }
    .CLLeftContent_2 p{       
        margin-top: 10%;
        margin-bottom:5%;
        float: none;
    }

    .YourBenefits {
        width: 100%;
        margin-top: 2%;
    }

    .YourbeneText {
        height: 25px;
    }

    .MiddleContent {
        width: 90%;
        margin: 0 auto;
    }

    .LeftMC {
        clear: both;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 5%;
        float: none;
    }

    .color {
        width: 100%;
        margin:0 auto;
    }
    .color1 {
        width: 90%;
        margin:0 auto;
    }
    .colorline {
        width: 100%;
    }
    .cont-field {
        width:90%;
        margin:0 auto;
    }
    .map {
        width: 90%;
        margin: 0 auto;
        float: none;
    }

    .Footer {
        text-align: center;
        height: 170px;
    }

    .FooterCopyright {
        float: none;
        margin-bottom: 4%;
    }

    .FooterMenu {
        float: none;
        width: 90%;
        margin-bottom: 3%;
    }

        .FooterMenu a {
            float: none;
            text-decoration: none;
            text-align: center;
            display: block;
            font-size: 115%;
        }

    .YourbeneText {
        height: 42px;
    }

    #workshed {
        width: 90%;
    }

    #workcenter {
        width: 90%;
    }

    #texttile {
        margin-top: 15%;
    }

    #bottom {
        margin-bottom: 10%;
    }

    .numeric01 li {
        width: 99%;
    }

    .numeric01 span {
        height: 74px;
    }

    .UpperRow {
        border-bottom: 1px solid grey;
        text-align: center;
    }

    .send-copy {
        float:none;
        margin:0 auto;
    }
    /*~~~~~~~~~~~~~~~~ Ketul Responsive End Here ~~~~~~~~~~~~~~~~~~~~~~~*/
}
