@media only screen and (min-width:480px) and (max-width:767px) {
    #logosmall {
        width: 161px;
        height: 52px;
        margin: 0 auto;
        position: relative;
        background: #fff;
        background-image: url(/UI/img/logo4.png);
        background-repeat: no-repeat;
    }

    #ad {
        width: 300px;
        height: 50px;
        margin: 0 auto;
        position: relative;
        background: #fff;
        background-image: url(/UI/img/indiaprop.gif);
        background-repeat: no-repeat;
    }

    .logo {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }

    .search {
        margin: 0 90px 10px 0;
    }

    .device-menu {
        display: block;
        margin-top: 10px;
    }

    ul.sf-menu {
        /*display: none;*/
    }

    nav#nav {
        border-bottom: 3px solid #fff;
    }

    #header {
        width: 400px;
    }

    #controller,#controller1 {
        width: 400px;
        min-height: 100%;
        line-height: 17px;
    }

    .controller2 {
        width: 400px;
        float: left;
        background: #FFF;
        min-height: 100%;
        line-height: 17px;
    }

    .main-slider {
        width: 400px;
        margin-left: -10px;
    }

    .slider2,.slider3 {
        display: none;
    }

    .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus {
        outline: 0;
    }

    .flex-control-nav,.flex-direction-nav,.slides {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .flex-caption {
        background: url(../../img/pixel.png) repeat;
        bottom: 0;
        color: #FFF;
        left: 0;
        line-height: 15px;
        padding: 2%;
        position: absolute;
        text-shadow: 0 -1px 0 rgba(0,0,0,.3);
        width: 96%;
        text-align: left;
        font-size: 12px;
    }

    p.flex-caption {
        margin-bottom: 0;
        color: #fff;
        font-family: Arial,Helvetica,sans-serif;
    }

    p.flex-caption a {
        font-size: 17px;
        color: #fff;
        margin-bottom: 10px;
        display: block;
        font-weight: 700;
        font-family: Arial,Helvetica,sans-serif;
    }

    p.flex-caption a:hover {
        text-decoration: underline;
    }

    .flexslider {
        padding: 0;
    }

    .flexslider .slides>li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 400px;
        display: block;
        margin-right: 15px;
        margin-top:0px;
        margin-left: 0;
    }
    .flex-pauseplay span {
        text-transform: capitalize;
    }

    .slides:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    html[xmlns] .slides {
        display: block;
    }

    * html .slides {
        height: 1%;
    }

    .no-js .slides>li:first-child {
        display: block;
    }

    .flexslider {
        margin: 0;
        background: #fff;
        width: 98%;
        position: relative;
        zoom: 1;
    }

    .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }

    .loading .flex-viewport {
        max-height: 300px;
    }

    .flexslider .slides {
        zoom: 1;
    }

    .carousel li {
        margin-right: 5px;
    }

    .flex-direction-nav {
        *height: 0;
    }

    .flex-direction-nav a {
        width: 37px;
        height: 37px;
        margin: -20px 0 0;
        display: block;
        background: #069 url(../img/slider-nav.png) no-repeat 0 0;
        position: absolute;
        top: 50%;
        cursor: pointer;
        text-indent: -9999px;
        opacity: 0;
        -webkit-transition: all .3s ease;
        background-position: 12px 8px;
    }

    .flex-direction-nav .flex-next {
        right: 0;
        background-position: -22px 8px;
    }

    .flex-direction-nav .flex-prev {
        left: 0;
        background-position: 12px 8px;
    }

    .flexslider:hover .flex-next {
        opacity: .8;
        right: 5px;
    }

    .flexslider:hover .flex-prev {
        opacity: .8;
        left: 25px;
    }

    .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
        opacity: 1;
        background-color: #069;
    }

    .flex-direction-nav .flex-disabled {
        opacity: .3!important;
        filter: alpha(opacity=30);
        cursor: default;
    }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: -40px;
        text-align: center;
    }

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

    .flex-control-paging li a {
        width: 11px;
        height: 11px;
        display: block;
        background: #666;
        background: rgba(0,0,0,.5);
        cursor: pointer;
        text-indent: -9999px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    }

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,.9);
        cursor: default;
    }

    .flex-control-thumbs {
        margin: 5px 0 0;
        position: static;
        overflow: hidden;
    }

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 400px;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

    .flex-control-thumbs img:hover {
        opacity: 1;
    }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

    .main-content {
        width: 100%;
    }

    .outertight {
        width: 100%;
        margin-right: 0;
    }

    .outertight img {
        max-width: 100%;
    }

    .outerwide {
        width: 100%;
    }

    .wnews li {
        width: 400px;
    }

    .wnews li img {
        max-width: 200px;
    }

    .block li {
        width: 400px;
    }

    .block2 li {
        width: 100%;
        margin-right: 0;
    }

    .block-17,.block-18,.block-19,.block-20,.block-21,.block-22,.block-23,.block-eight,.block-eleven,.block-fifteen,.block-five,.block-four,.block-fourteen,.block-nine,.block-one,.block-seven,.block-six,.block-sixteen,.block-ten,.block-thirteen,.block-three,.block-twelve,.block-two {
        float: left;
        width: 400px;
        margin: 0;
        margin-top: -10px;
        padding: 0;
        list-style-type: none;
        margin-left: -10px;
    }

    .commment-text-wrap {
        width: 280px;
    }

    ul.children li div.commment-text-wrap {
        width: 250px;
    }

    ul.children li li div.commment-text-wrap {
        width: 220px;
    }

    ul.children li li li div.commment-text-wrap {
        width: 190px;
    }

    .form textarea {
        width: 380px;
    }

    .nam {
        margin-top: -9px;
        width: 174px;
    }

    #footer .container {
        border-top: 1px solid #F5F5F5;
        margin-top: -20px;
        width: 330px;
        float: left;
        position: relative;
        margin-left: 27px;
    }
}