/*
=================================================
				UP FROM 1500PX
=================================================
*/

.citizen-img:hover {
    transform: scale(1.4);
}


/*
=================================================
				FROM 1400PX to 1500PX
=================================================
*/

.citizen-img:hover {
    transform: scale(1.3);
}


/*
=================================================
				UP FROM 1200PX
=================================================
*/


/*
=================================================
			FROM 992PX TO 1199PX
=================================================
*/


/*
=================================================
			FROM 0PX TO 979PX
=================================================
*/


/*
=================================================
			FROM 768PX TO 979PX
=================================================
*/


/*
=================================================
			FROM 0PX TO 767PX
=================================================
*/


/*
=================================================
			FROM 360PX TO 640PX
=================================================
*/


/*
=================================================
			FROM 0PX TO 480PX
=================================================
*/


/*
=================================================
			FROM 320PX TO 480PX
=================================================
*/

@media (min-width: 320px) and (max-width: 480px) {

    .header .top_strip .container-fluid,
    .container {
        padding: 0 10px;
    }

    .top_strip .today-date {
        width: 45%;
    }

    .top_strip .today-date p,
    .header-login-btn a {
        font-size: 12px;
    }

    .top_strip .change-language-wrap p:nth-child(2) {
        margin-right: 6px;
        margin-left: 5px;
    }

    .city_top_wrap {
        padding: 18px 10px;
    }

    .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .lang-hin.city_top_news {
        padding: 0 12px;
    }

    .city_top_news .logo_title {
        font-size: 16px;
        line-height: 24px;
    }

    .city_top_news span {
        font-size: 14px;
    }

    .city_top_navigation, 
    .city_top_navigation.sticky {
        padding: 10px;
        padding-left: 10px;
    }

    .city_top_navigation:before,
    .city_top_navigation.sticky:before {
        content: none;
    }

    .navigation > ul > li > a {
        font-size: 11px;
    }

    .navigation > ul > li {
        margin-right: 0;
        padding: 1px 6px 1px 6px;
    }

    .city_top_navigation .container-fluid .row,
    .row {
        margin-right: 0;
        margin-left: 0;
    }

    .city_top_navigation .container-fluid .row .col-md-12,
    .col-md-12,
    .h-marquee-wrapper .col-md-6 {
        padding: 0;
    }

    .navigation ul > li > ul {
        width: 200px;
        left: -10px;
    }

    .navigation ul li ul li a {
        padding: 5px 30px;
    }

    .left-sidemenu,
    .right-sidemenu {
        display: none;
    }

    .center-menu {
        margin: 0;
        float: none;
        width: 100%;
    }

    .city_main_banner {
        float: none;
        margin-top: 0;
    }

    .main-banner-slider.slick-slider .slick-track, 
    .main-banner-slider.slick-slider .slick-list, 
    .main-banner-slider .overlay, 
    .main-banner-slider .slick-slide img {
        height: auto;
    }
 
    .main-banner-slider .slick-slide img.tiranga-banner {
        height: 156px;
    }

    .mobile-sidemenu,
    .mobile-sidemenu .home-banner .right-sidemenu,
    .mobile_widget_logo {
        display: block;
    }

    .mobile-sidemenu .home-banner .right-sidemenu {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 80px;
    }

    .mobile-sidemenu .home-banner {
        padding-bottom: 0;
    }

    .home-banner {
        padding-bottom: 10px;
    }

    .mobile-sidemenu .department-members-wrapper.left-side {
        float: left;
        width: 49%;
    }

    .mobile-sidemenu .left-side-members.darpan-dashboard-wrapper {
        height: 100px;
    }

    .mobile-sidemenu .left-side-members.darpan-dashboard-wrapper .plain-content {
        width: 100%;
    }

    .mobile-sidemenu .department-members-wrapper.right-side {
        float: right;
        width: 49%;
    }

    .h-marquee {
        padding: 10px 15px;
    }

    .city_blog_wraper.photo_card_wrapper .col-md-2 {
        width: 48%;
        float: left;
        padding: 0;
    }

    .city_blog_wraper.photo_card_wrapper .col-md-2:nth-child(2),
    .city_blog_wraper.photo_card_wrapper .col-md-2:nth-child(4),
    .city_blog_wraper.photo_card_wrapper .col-md-2:nth-child(6) {
        margin-left: 4%;
        margin-bottom: 20px;
    }

    .city_blog_wraper.photo_card_wrapper.labour-footer {
        padding-bottom: 50px;
        background-size: 63% 6%;
    }

    .city_department_wrap {
        margin-top: 130px;
    }

    .widget_copyright .col-md-3:nth-child(1) {
        display: none;
    }

    .copyright_text p {
        padding: 10px 0px 0px;
        line-height: 24px;
    }

    .city_top_social ul {
        float: none;
        text-align: center;
        margin-top: 10px;
    }

    .city_top_social ul li {
        display: inline-block;
        float: none;
    }

    .mobile_widget_logo {
        float: left;
        width: 40%;
        margin-top: 10px;
    }

    .widget_text.site-information-wrap {
        float: right;
        width: 50%;
    }

    .widget_title .footer-list li {
        padding-bottom: 15px;
    }

    .widget_title .footer-list li:nth-child(1),
    .widget_title .footer-list li:nth-child(3),
    .widget_title .footer-list li:nth-child(5) {
        float: left;
    }

    .widget_title .footer-list li:nth-child(2) {
        float: right;
        padding-right: 0;
    }

    .bg_white {
        padding: 32px 10px 20px;
        width: auto;
    }

    .city-department-slider .width_control {
        width: 100%;
    }

    .city_department_wrap .section_heading {
        margin-bottom: 30px !important;
    }

    .city-department-slider .city_department_text {
        padding: 6px 0px 6px 12px;
    }

    .city-department-slider .city_department_text h5 {
        font-size: 16px;
    }

    .city-department-slider .city_department_fig {
        margin: 0px 0px 20px;
    }

    .navigation ul > li > ul.establishment-menu {
        left: -60px;
    }

    .navigation ul > li > ul.cess-menu {
        left: -115px;
    }

    .section_heading .breadcrumb {
        display: none;
    }

    .level-2,
    .level-3 {
        width: 80%;
    }

    .level-1,
    .level-2.secretary-board,
    .level-4-wrapper li {
        width: 100%;
    }

    .rectangle {
        padding: 15px 5px;
    }

    .section_heading h2 {
        line-height: 50px;
    }

    .or-wrapper {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .search-filter-wrapper {
        margin-top: 30px;
    }

    .resend-otp-wrapper {
        margin-top: 0;
    }

    .verify-otp-btn {
        margin-top: 30px;
    }

    .document-list-wrapper li {
        width: 100%;
        margin: 10px 0;
        padding: 15px;
        height: 320px;
    }

    .document-info-wrapper {
        display: block;
        bottom: 10px;
    }

    .document-info-wrapper p:last-child {
        text-align: left;
        margin-top: 5px;
    }

    .hyperlink.scheme-pdf {
        margin-bottom: 20px;
    }

    .section_heading.single-heading h2 {
        width: 100%;
    }

    .departmental-process-link {
        float: none;
    }

    .dashboard-content-inner {
        padding: 50px 10px;
    }

    .dashboard-box .content.with-padding {
        padding: 30px 20px;
    }

    .dashboard-box .content.with-padding.registration-status-container {
        padding: 50px 0;
    }

    .registration-status-container .radio-btn-list label {
        line-height: 22px;
    }

    .registration-status-container .radio-btn-list td input {
        top: 3px;
    }

    .captcha-img {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .captcha-refresh-btn i {
        top: 10px;
    }

    .city_login {
        padding: 45px 25px 50px;
    }

    .estb-cess-calculation-section {
        margin-top: 100px;
    }

    .btn-group {
        margin-right: 20px;
    }

    .col-md-12.textarea-wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }

    .theam_btn.btn2 {
        padding: 6px 28px 9px 28px;
    }

    #load-darpan-dashboard,
    #rti-officers-popup {
        width: 100% !important;
    }

    #rti-officers-popup .modal-content {
        min-height: 480px !important;
    }

    .city_blog2_wrap.team .city_team_fig img {
        width: 100%;
    }

    .h-marquee-wrapper .row {
        float: left;
        width: 100%;
    }

    .city_mayor_row.directory_row {
        padding: 40px 10px;
    }

    .widget_title .footer-list li:nth-child(4) {
        float: left;
        padding-right: 60px;
    }

    #logoDesigningCompetition .modal-dialog {
        width: 90%;
        margin: 80px auto;
    }

    button.modal-close {
        right: -16px;
        top: -18px;
        width: 38px;
        height: 38px;
    }
}

/*
=================================================
			FROM 400PX TO 430PX
=================================================
*/
@media (min-width: 400px) and (max-width: 430px) {
    .navigation ul > li > ul.contact-menu {
        left: -155px;
    }

    .navigation ul > li > ul.contact-menu ul.child {
        left: 50%;
    }

}



/*
=================================================
			FROM 320PX TO 360PX
=================================================
*/

@media (min-width: 320px) and (max-width: 360px) {

    .widget_title .footer-list li {
        padding-right: 20px;
    }

    .top_strip .today-date {
        width: 48%;
    }

    .city-department-slider .city_department_fig {
        padding: 10px 12px 8px 12px;
    }

    .city-department-slider .city_department_text {
        padding: 6px 0px 6px 12px;
    }

    .city-department-slider .city_department_text h5 {
        font-size: 15px;
    }

    .city-department-slider .city_department_fig .figure img {
        width: 80px;
    }
}