@media only screen and (max-width: 768px)
{
    #access, #nav-bar{width: 100%}
    .top-link, .header-container, #nav-container, .disclaimer-container{ width:93%;}
    #logo{float: left; width:70%; }
    #cm{float: right; width: 30%;}



    #nav-container ul li{display: block; border-bottom: solid 1px #e4e4e4; text-align: center;}
    #nav-container ul li a {padding: 4px; line-height: 2em;}



    #banner{width:100%;}
    #news-event{width:100%;height: 160px;}
    #about-Department {width: 100%;}
    #login {width: 100%; height: 251px;}
    .login-body {height: 191px;}

    #yojna ul li {display: block; padding: 2px; width: 100%;}
    #image-gallery, #our-achievement, #video-gallery {width:100%;float: left;border: solid 1px #e9e9e9; margin-left: 0; margin-right: 5px;}
    #gov-link ul li {width: 50%;}
    #footer{height: 376px; width: 100%;}
    #location-map, #quick-link, #useful-links, #contact-us{width:44%;}
    .social-bottom a{height: 28px; width: 28px; line-height: 28px;}
    #disclaimer{width: 100%;}
    #page-wrapper {height: 2039px;width: 93%;padding: 10px;}
    #footer{height:631px; width: 100%;}

}

@media only screen and (max-width: 736px)
{
    #access, #nav-bar{width: 100%}
    .top-link, .header-container, #nav-container, .disclaimer-container{ width:93%;}
    #logo{float: left; width:70%; }
    #cm{float: right; width: 30%;}



    #nav-container ul li{display: block; border-bottom: solid 1px #e4e4e4; text-align: center;}
    #nav-container ul li a {padding: 4px; line-height: 2em;}



    #banner{width:100%;}
    #news-event{width:100%;height: 160px;}
    #about-Department {width: 100%;}
    #login {width: 100%; height: 251px;}
    .login-body {height: 191px;}

    #yojna ul li {display: block; padding: 2px; width: 100%;}
    #image-gallery, #our-achievement, #video-gallery {width:100%;float: left;border: solid 1px #e9e9e9; margin-left: 0; margin-right: 5px;}
    #gov-link ul li {width: 50%;}
    #footer{height: 376px; width: 100%;}
    #location-map, #quick-link, #useful-links, #contact-us{width:44%;}
    .social-bottom a{height: 28px; width: 28px; line-height: 28px;}
    #disclaimer{width: 100%;}
    #page-wrapper {height: 2039px;width: 93%;padding: 10px;}
    #footer{height:631px; width: 100%;}



}
@media only screen and (max-width: 667px)
{

    #access, #nav-bar{width: 100%}
    .top-link, .header-container, #nav-container, .disclaimer-container{ width:93%;}
    #logo{float: left; width:70%; }
    #cm{float: right; width: 30%;}



    #nav-container ul li{display: block; border-bottom: solid 1px #e4e4e4; text-align: center;}
    #nav-container ul li a {padding: 4px; line-height: 2em;}



    #banner{width:100%;}
    #news-event{width:100%;height: 160px;}
    #about-Department {width: 100%;}
    #login {width: 100%; height: 251px;}
    .login-body {height: 191px;}

    #yojna ul li {display: block; padding: 2px; width: 100%;}
    #image-gallery, #our-achievement, #video-gallery {width:100%;float: left;border: solid 1px #e9e9e9; margin-left: 0; margin-right: 5px;}
    #gov-link ul li {width: 50%;}
    #footer{height: 376px; width: 100%;}
    #location-map, #quick-link, #useful-links, #contact-us{width:44%;}
    .social-bottom a{height: 28px; width: 28px; line-height: 28px;}
    #disclaimer{width: 100%;}
    #page-wrapper {height: 2039px;width: 93%;padding: 10px;}
    #footer{height:631px; width: 100%;}



}
@media only screen and (max-width: 568px)
{

    #access, #nav-bar{width: 100%}
    .top-link, .header-container, #nav-container, .disclaimer-container{ width:93%;}
    #logo{float: left; width:70%; }
    #cm{float: right; width: 30%;}



    #nav-container ul li{display: block; border-bottom: solid 1px #e4e4e4; text-align: center;}
    #nav-container ul li a {padding: 4px; line-height: 2em;}



    #banner{width:100%;}
    #news-event{width:100%;height: 160px;}
    #about-Department {width: 100%;}
    #login {width: 100%; height: 251px;}
    .login-body {height: 191px;}

    #yojna ul li {display: block; padding: 2px; width: 100%;}
    #image-gallery, #our-achievement, #video-gallery {width:100%;float: left;border: solid 1px #e9e9e9; margin-left: 0; margin-right: 5px;}
    #gov-link ul li {padding: 22px;} 
    #footer{height: 376px; width: 100%;}
    #location-map, #quick-link, #useful-links, #contact-us{width:44%;}
    .social-bottom a{height: 28px; width: 28px; line-height: 28px;}
    #disclaimer{width: 100%;}
    #page-wrapper {height: 2039px;width: 93%;padding: 10px;}
    #footer{height:669px; width: 100%;}


}

@media only screen and (max-width: 480px)
{
    #access, #nav-bar{width: 100%}
    .top-link, .header-container, #nav-container, .disclaimer-container{ width:93%;}
    #logo{float: left; width:70%; }
    #cm{float: right; width: 30%;}



    #nav-container ul li{display: block; border-bottom: solid 1px #e4e4e4; text-align: center;}
    #nav-container ul li a {padding: 4px; line-height: 2em;}



    #banner{width:100%;}
    #news-event{width:100%;height: 160px;}
    #about-Department {width: 100%;}
    #login {width: 100%; height: 251px;}
    .login-body {height: 191px;}

    #yojna ul li {display: block; padding: 2px; width: 100%;}
    #image-gallery, #our-achievement, #video-gallery {width:100%;float: left;border: solid 1px #e9e9e9; margin-left: 0; margin-right: 5px;}
    #gov-link ul li {padding:6px;}
    #footer{height: 376px; width: 100%;}
    #location-map, #quick-link, #useful-links, #contact-us{width:43%;}
    .social-bottom a{height: 28px; width: 28px; line-height: 28px;}
    #disclaimer{width: 100%;}
    #page-wrapper {height: 2039px;width: 93%;padding: 10px;}
    #footer{height:669px; width: 100%;}
}

@media only screen and (max-width: 320px)
{


    #access, #nav-bar{width: 100%}
    .top-link, .header-container, #nav-container, .disclaimer-container{ width:93%;}
    #logo{float: left; width:100%; }
    #cm{float: right; width: 100%;}



    #nav-container ul li{display: block; border-bottom: solid 1px #e4e4e4; text-align: center;}
    #nav-container ul li a {padding: 4px; line-height: 2em;}



    #banner{width:100%;}
    #news-event{width:100%;height: 160px;}
    #about-Department {width: 100%;}
    #login {width: 100%; height: 251px;}
    .login-body {height: 191px;}

    #yojna ul li {display: block; padding: 2px; width: 100%;}
    #image-gallery, #our-achievement, #video-gallery {width:100%;float: left;border: solid 1px #e9e9e9; margin-left: 0; margin-right: 5px;}
    #gov-link ul li {width: 100%;}

    #location-map, #quick-link, #useful-links, #contact-us{width:93%; height: 100%;}
    .social-bottom a{height: 28px; width: 28px; line-height: 28px;}
    #disclaimer{width: 100%;}

    #page-wrapper {height: 2039px;width: 93%;padding: 10px;}
    #footer{height:786px; width: 100%;}
}