@media screen and (max-width: 767px)
{
	.class-row
	{
		display: inline-block;
		padding-left: 28px;
		margin-top: -25px;
		
	}
    .map-position {
    margin-top: 25px;
    padding: 25px;
    position: unset;
    right: 0;
    z-index: 1;
}
.navbar-toggler { margin-top: 0;}
.timelinetree, .time_linetwo {  margin: 0 0 80px 0;  width: 100%;}
.rowlists h6 { font-size: 11px;}
.threesectimeline .rowlists h6 {font-size: 10px;}
.rowlists span {font-size: 12px;}
.heading-timeline { text-align: center;  margin: 95px auto 60px;}
.rowlists { border: 1px solid #466d9b;  padding: 5px 2px;}

    .strip{display:none;}
    .strip-mobile .btn-primary{ color: #000;background-color: #FFF;border-color: #a4a4a4; border-radius: 0;padding: 5px 15px;border:0;border-radius:30px;font-weight:bold;}
    .innsecwapper:before{left:auto}
    .innsecwapper{width:15%;margin:0;}
    .twosectimeline .innsecwapper:before{left:auto;}
   .threesectimeline .innsecwapper:before{left:auto;}
   .time_linetwo .fullmain-dept:after{width:23%;}
   .threesectimeline:after{width: 77%;}
   .main-dept {width: 44%;}
   .wp-content h6 {word-wrap: break-word; padding-top: 10px;}
   .twosectimeline .btnline:before { height: 185px;}
     .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#FFF!important;}
     .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#fff!important;}
   .header{display:none;}
  .header-mobile i{position: absolute;  right: 15px;top: 15px;}
   .header-mobile{display:block!important;}
   .navbar { width: 100%;padding: 13px 2rem; z-index: 99; }
  .header-top{background: url(../images/header-ban.jpg)!important;}
  .mobile-logo1{display:none;}
  .mobile-logo{display:block!important;padding: 10px 0;}
  .logo{display:none}
  .h2:after {content: "";position: absolute;top: -5px; left: -16px; width: 5px; height: 50px; background: #F9D423;}
  .minister{display:none}
  .header-top .logo { width: 35%;  }
  .navbar-collapse {  margin-top: 0px; }
  .header li {padding: 5px 28px; border-right:none;}
  .navbar-light .navbar-toggler-icon{filter: invert(1);}
  .navbar-light .navbar-toggler {color: rgb(255 255 255 / 50%);  border-color: rgb(255 255 255); }
  .banner-text {left: 6%; position: absolute; top: 60%; z-index: 99;}
  .banner-text  h1 {font-size: 18px;  color: #fff;    }   
  .banner-text  h3 { font-size: 25px;  }
  .banner-text1 { z-index: 1; padding-left: 45px;}
  .banner-text1 h1 {  font-size: 30px;}
  .banner:after{width:2%;}
  .header a.dropdown-item{width:80%;}
  .header .dropdown-item i.far.fa-chevron-right {position: absolute;top: 10px;right: 15px;}
   .dropdown-item { border-bottom: solid 1px #b0b0b0!important;
    padding: 10px 10px!important;}
   .dropdown-item:last-child{border:none} 
  .departments .col-md-2 { flex: 0 0 100%;max-width: 100%;}
  .message .h4{position: unset;}
  .message .desk-title {display:none!important; }
  .message  .mobile-title{   display: block; color: #fff;text-align: center;}
   .message .latest-news .scroll {width: 300px;height: 380px;overflow-y: scroll;}
   .how-we-help{padding:30px 10px;}
    .departments{padding:30px 10px;}
   .loans .h2 {padding: 0px 20px;}
  .loans  .h2:after {left: 2px;}
  .loans .owl-nav button.owl-prev{position:unset;}
   .loans .owl-nav button.owl-next{position:unset;}
  .m-tip .h2 {padding: 0px 20px;}
  .m-tip  .h2:after {left: 2px;}
  .single-window-portal{padding-right:10px;padding-left:10px; padding-top:1rem !important;}
  .single-portal .h2 {padding: 0px 20px;}
  .single-portal .h2:after {left: 2px;}
  .single-window-portal .sub-menu {padding: 0px 10px;}
  .departments .card-body p {font-size: 23px;}
  footer li {padding: 0 12px;}
  footer p{color:#fff;font-weight:600;text-align: center;}
  .footer-menu{text-align:center}
  /*Inner pages css*/
  .collapse{padding-top:15px;}
  .m-collapse-padding{padding:0 15px !important;}
  .m-dept-padding{padding:0 28px !important;}
  .dept-btn{margin:25px 0 !important;}
  .types_ents{width:100%;}
  .district-length{height:auto;}
  .navbar-expand-lg .navbar-nav .dropdown-menu{position:unset;}
  .navbar {position: absolute;background: linear-gradient(180deg, #1253CA 0%, #00338F 100%);z-index: 999; width: 100%;}
  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:#FFF;}
  .navbar-light .navbar-nav .nav-link {color: #FFF;}
  .select-dis{text-align:center;margin-top:20px;}
  .wappersec{margin:0;}
  .wappersec .general{margin-bottom:20px;min-height: auto;}
  .m-px-1{padding:0 1rem!important;}
  .m-b-2{margin-bottom:1rem!important;}
  .single-window-portal li{word-break: break-word;}
  .m-p-1{padding:1rem 0!important;}
  .single-window-portal.policy-list li,.single-window-portal.policy-list li span{display:block;}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .map-position {
    margin-top: 25px;
    padding: 25px;}
     .district-length{height:auto;}
    .innsecwapper:before{left:34px;}
    .twosectimeline .innsecwapper:before { left: 50px;}
    .twosectimeline { width: 41%;}
    .threesectimeline .innsecwapper:before {left: 62px;}
  h1 {font-size: 60px;color: #fff; }
  .banner-text {left: 8%;position: absolute;top: 29%;z-index: 1;}
  .message .latest-news .scroll {width: 130px;height: 380px;overflow-y: scroll;}
  .how-we-help .img-section:before {content: '';background: transparent;
    display: block; height: 53%;z-index: -1;position: absolute;  width: 62%;
    top: 45px; left: 67px; border-radius: 33px; border: solid 1px #f9d423;}
  .departments .card-body p {font-size: 11px; margin-top: 0;font-weight: 300; }
  .departments .card-body {height: 127px;}
  footer li {display: inline-block;color: #fff;padding: 0 11px;border-right: solid 1px #fff;}
  .message .desk-title {display:none!important; }
  .header li { padding: 16px 12px;}
    .header .shrink li.nav-item{    padding: 12px 16px;}
  .message  .mobile-title{   display: block; color: #fff;text-align: center;}
  .loans .owl-nav button.owl-next{position:unset;}
  .loans .owl-nav button.owl-prev{position:unset;}
  .banner-text h1 {font-size: 27px;}
  .m-tip .img-section:before {content: '';background: transparent; display: block;height: 74%;z-index: -1;position: absolute;width: 57%;top: 7px;
    left: 73px;border-radius: 16px; border: solid 1px #f9d423;}
    .message p{font-size: 13px; color: #2B2929; text-align: justify;line-height:1.6;}
    .tamil-site .banner-text h1 { font-size: 30px;}
.tamil-site .banner-text {  left: 8%;}
.tamil-site .message .latest-news { padding: 20px 27px 10px;}
.tamil-site .message .latest-news .scroll { width: 145px;}
.tamil-site .message .mobile-title {display: block!important;}


  }

@media  (max-width: 1036px) and (min-width: 1024px) {
     .district-length{height:550px;}
    .twosectimeline .innsecwapper:before {left: 69px;}
    .header .shrink li.nav-item{padding: 12px 14px;}
    .innsecwapper:before{left:53px;}
    .threesectimeline .innsecwapper:before {left: 88px;}
  .banner-text {left: 8%;position: absolute;top: 26%;z-index: 1;}
  .message .latest-news .scroll {width: 200px; height: 380px;overflow-y: scroll;}
  .header li { padding: 16px 12px;}
  .departments .card-body p {font-size: 14px;}
  .message .desk-title {display:none!important; }
  .message  .mobile-title{   display: block; color: #fff;text-align: center;}
}



@media screen and (min-width: 1367px) {
    .map-position { margin-top: -60px; padding: 108px; position: absolute;    right: 0; z-index: 1;}
    .district-length{min-height:550px;}
    
}

@media screen and (min-width: 1650px) {
    .map-position { margin-top: -155px; padding: 200px; position: absolute;    right: 0; z-index: 1;}
    .district-length{min-height:550px;}
    
}

@media screen and (min-width: 1980px) {
    .map-position { margin-top: -155px; padding: 200px; position: absolute;    right: 0; z-index: 1;}
    .district-length{min-height:550px;}
    
}