@media only screen and (min-device-width: 1212px) and (max-device-width: 1279px) 
{
	.about-middle-cont {background:none;}
}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1299px) 
{
.about-middle-cont { margin: 0 auto;
		width: 100%;  background-position: -1% top, 103% top !important;}
}
@media only screen and (min-device-width: 1300px) and (max-device-width: 1346px) 
{
.about-middle-cont { margin: 0 auto;
		width: 100%;  background-position: 1% top, 102% top !important;}
}
@media only screen and (min-device-width: 1347px) and (max-device-width: 1366px) 
{
.about-middle-cont { margin: 0 auto;
		width: 100%;  background-position: 1.5% top, 100% top !important;}
}
		
@media only screen and (min-device-width: 1367px) and (max-device-width: 1400px) 
 {   
.about-middle-cont {
     margin: 0 auto;
		width: 100%;  background-position: 3% top, 102% top !important;
}
.container {margin: 0 auto;width: 1210px;}
.mega-menu ul li {margin: 0 50px 0 0;}
.slide-desc { margin-left: 0;
    width: 886px;}
.side-bg {float: right;margin: 8px 3px 0 49px;padding: 0 3px 5px 3px;width: 95%;}
.foot-sec-menu ul li {margin: 20px 70px 10px 6px;}
.foot-sec-menu ul li {margin: 20px 70px 10px 6px;}
.cols-4 {margin-right: 18px;width: 30%;}
.cols-5 {margin-right: 18px;width: 46%; height: 256px;}
.cols-2 {margin-right: 18px;width: 75%;}
.copyright-box {margin: 0 auto;width: 1199px;}
.sub-menu-outer {left: -75px;}
.sub-menu-inner {width: 1155px;}
.mega-menu ul.uid-ul {height: 34px;line-height: 43px;margin-left: 0;width: 100%;float: left;}
.sep-sections-dv {float: left;height: 40px;margin-top: 40px;width: 99.7%;}
.vdigit-0, .vdigit-1, .vdigit-2, .vdigit-3, .vdigit-4, .vdigit-5, .vdigit-6, .vdigit-7, .vdigit-8, .vdigit-9 {width:16px!important;}

}


@media screen 
 and (max-device-width: 1024px) 
 and (min-device-width: 768px) 
{ 


/*****************************************/
/*      BASIC PAGE STYLE START HERE      */
/*****************************************/


.mid-cont-txt h1 {
    color: #2c76b1;
    font-weight: normal;
    line-height: 20px;
    }	
	
	
.right-sec-div {
     float: right;
    margin: 0 0 1% 6% !important;
    width: 30%;
}

/*****************************************/
/*      BASIC PAGE STYLE END HERE        */
/*****************************************/


/*****************************************/
/*      HOME PAGE STYLE START HERE       */
/*****************************************/
 
   .container {
    margin: 0 auto;
    width: 970px;
}

.mega-menu ul li {
    float: left;
    font-size: 12px;
    margin: 0 5px 0 0 !important;
    padding: 0;
    position: relative;
    vertical-align: middle;
} 

.skdslider ul.slides li img {
    border: 0 none;
    height: auto;
    width: 100%;
}

.skdslider ul.slide-navs {
    display: none;
    left: 17%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 80%;
}

.skdslider ul.slides li img {
    border: 0 none;
    height: auto !important;
    width: 100%;
}

.smi-row-1 ul li {
    clear: both;
    float: none;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 1px;
    padding: 0;
}

.smi-col-1 {
    width: 195px;
	margin: 0 0 0 40px;
}

.add-ser-sec {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    float: left;
    margin-top: 9px;
    padding: 10px 0;
    width: 99% !important;
}

.aad-online-sec a {
    color: #2c76b1;
    font-size: 12px;
}


.aad-online-sec-first {
    margin: 23px 3px 0 11px;
    width: 46% !important;
}

.aad-online-sec-second {
    margin: 23px 3px 0 22px;
    width: 22.541% !important;
}


.aad-online-sec-first li, .aad-online-sec-second li {
   background: rgba(0, 0, 0, 0) url("../images/icons/smallarrow.png") no-repeat scroll 0 3px;
    margin-left: 5px;
    padding: 2px 0 12px 20px;
    text-indent: 0 !important;
}

.AOS-2 {
    float: left;
    margin: 20px 0 0;
    width: 50%;
}


.footer-center {
    margin: 0 auto;
    width: 970px;
}


.footer-start {
    float: left;
    width: 12% !important; 
}

.footer-start-last {
    float: left;
    margin: 15px 0 15px 30px;
    width: 19.53%;
}


.foot-menu-lft {
    float: left;
    width: 60%;
}

.foot-menu-rht {
    float: right;
    width: 35%;
}


.copyright-box {
    margin: 0 auto;
    width: 970px;
}


.copy-info.f-right {
    margin-right: 15px;
}

/*****************************************/
/*      HOME PAGE STYLE END HERE         */
/*****************************************/


/*****************************************/
/*  ABOUT US PAGE STYLE START HERE       */
/*****************************************/

.about-middle-cont {
    width: 100%;
}

.same-col {
    float: left;
    width: 100%;
}


.about-sec-mid-cont {
    background-color: #ececec;
    border-radius: 6px;
    float: left;
    margin-bottom: 10px;
    padding: 2px , 0px;
    width: 100%;
}

.right_row {
    float: left;
    margin-bottom: 40px;
    margin-left: 26px;
    width: 70%;
}


.about-sec-mid-cont-lft {
    float: left;
    width: 60%;
}

.inner-head-title {font-size:22px;}

.about-uidai-head {font-size:18px;}

.lft-sec {
    background-color: #ececec;
    float: right;
    margin-right: -8px;
    width: 25%;
}

.left_row {
    float: right;
    margin-top: 3px;
    width: 100%;
}

.accordion {
    margin-left: 4px;
    min-height: 715px;
    width: 100%;
}




/*****************************************/
/*  ABOUT US PAGE STYLE END HERE         */
/*****************************************/

/*****************************************/
/*Vision & Mission PAGE STYLE START HERE */
/*****************************************/

.accordion p {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f6f8f8 none repeat scroll 0 0;
    border-color: -moz-use-text-color #dee1e2 #dee1e2;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: #333333;
    font-size: 12px;
    line-height: 28px;
    margin: 0 0 0 1px;
    padding: 0 10px;
    width: 83%;
}

/*****************************************/
/*  Vision & Mission PAGE STYLE END HERE */
/*****************************************/

  
  
  
/*****************************************/
/*    Contat us PAGE STYLE START HERE    */
/*****************************************/  
	
.aadhaar-main-tabl td, .aadhaar-main-tabl th {
    padding: 5px 0;
}
	
.hq-office-head {
   border: medium none !important;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    text-indent: 10px;
    width: 100%;
}
  
/*****************************************/
/*     Contat us PAGE STYLE END HERE     */
/*****************************************/  
  
  
/*****************************************/
/* REGIONAL OFFICE PAGE STYLE START HERE */
/*****************************************/   
  
.helpline-dv-ro {
   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ececec none repeat scroll 0 0;
    border-color: -moz-use-text-color #ececec #ececec;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 !important;
    float: left;
    margin-left: 0;
    padding-left: 1px;
    width: 100%;
}

.mid-cont-txt-ro {
    float: left;
    width: 100%;
}

.about-add-dv1-ro {
    float: left;
    width: 70% !important;
}


.about-add-dv1-ro1 {
    float: right;
    width: 24% !important;
}
  

/*****************************************/
/*  REGIONAL OFFICE PAGE STYLE END HERE  */
/*****************************************/


/*****************************************/
/*       FAQ PAGE STYLE END STRAT        */
/*****************************************/  

.right-faq-dv {
    float: left;
    padding-left: 9px;
    width: 60%;
}


/*****************************************/
/*       FAQ PAGE STYLE END END          */
/*****************************************/ 

/*****************************************/
/*   GLOSSARY PAGE STYLE END STRAT       */
/*****************************************/ 

.gloss-letters ul li {
    font-weight: bold;
    list-style-type: none;
    margin: 0 8px 0 9px;
}


/*****************************************/
/*   GLOSSARY PAGE STYLE END END         */
/*****************************************/ 


/**************************************************/
/*Aadhaar Enrollment OFFICE PAGE STYLE START HERE*/
/************************************************/ 
.enrollment_update {
    background: rgba(0, 0, 0, 0) url("../img/train-enrol-bg.png") no-repeat scroll 0 0 / contain ;
    height: 760px;
    margin: 12px auto;
    position: relative;
    width: 100%;
}

.enrolment {
    color: white !important;
    left: 36px;
    top: 55px;
}
.overview {
    color: white !important;
    font-family: Arial;
    font-size: 30px !important;
    left: 38px;
    top: 75px;
}

.genereted {
    color: white !important;
    font-size: 11px !important;
    left: 44px;
    line-height: 13px !important;
    top: 100px;
}

.arrow {
    left: 180px;
    top: 122px;
    width: 32px;
}

.list1first {
    left: 27px;
    top: 170px;
	}

.head1first {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 36px;
    top: 230px;
}

.list2first {
    left: 27px;
    top: 267px;
}

.head1Second {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 25px;
    top: 313px;
}

.firstButton {
    left: 22px;
    top: 350px;
    width: 198px;
}

.enrolmentSecond {
    color: white !important;
    left: 260px;
    top: 55px;
}

.overviewSecond {
    color: white !important;
    font-family: Arial;
    font-size: 30px !important;
    left: 260px;
    top: 75px;
}

.generetedSecond {
    color: white !important;
    font-size: 11px !important;
    left: 263px;
    line-height: 13px !important;
    top: 100px;
}


.arrowSecond {
    left: 404px;
    top: 122px;
    width: 32px;
}

.list1Second {
    left: 247px;
    top: 170px;
}

.secondButton {
    left: 241px;
    top: 350px;
    width: 198px;
}

.head2Second {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 260px;
    top: 301px;
}

.enrolmentThird {
    color: white !important;
    left: 470px;
    top: 55px;
}

.overviewThird {
    color: white !important;
    font-family: Arial;
    font-size: 30px !important;
    left: 470px;
    top: 75px;
}

.generetedThird {
    color: white !important;
    font-size: 11px !important;
    left: 470px;
    line-height: 13px !important;
    top: 100px;
}

.arrowThird {
    left: 624px;
    top: 126px;
    width: 30px;
}

.list1Third {
    left: 454px;
    top: 170px;
}

.head3first {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 468px;
    top: 206px;
}

.list3Third {
    left: 462px;
    top: 310px;
}


.list2Third {
    left: 454px;
    top: 241px;
}

.head3Second {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 468px;
    top: 262px;
}

.list3Third {
    left: 456px;
    top: 310px;
}

.head3Third {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 469px;
    top: 313px;
}

.thirdButton {
    left: 459px;
    top: 350px;
    width: 198px;
}


.enrollment_update_fourth {
    background: rgba(0, 0, 0, 0) url("../img/train-enrol-botm-bg.png") no-repeat scroll 0 0 / contain ;
    height: 261px;
    margin: -58px 0 0;
    position: absolute;
    top: 453px;
    width: 100%;
}

.reference {
    color: white !important;
    font-family: Arial;
    font-size: 28px !important;
    left: 34px;
    top: 61px;
}

.head1fourth {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 41px;
    top: 91px;
}

.list1fourth {
    left: 32px;
    top: 130px;
}

.list2fourth {
    left: 250px;
    top: 130px;
}

.head2fourth {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 460px;
    top: 91px;
}

.list3fourth {
    left: 448px;
    top: 127px;
}

.head3fourth {
    font-size: 11.5px !important;
    font-weight: lighter !important;
    left: 461px;
    top: 160px;
}

.fourthButton {
    left: 458px;
    top: 198px;
    width: 198px;
}

.table-tr-class p {
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
}

/**************************************************/
/*Aadhaar Enrollment OFFICE PAGE STYLE END HERE   */
/**************************************************/ 


/*****************************************/
/*  training-ecosystem STYLE STRAT HERE  */
/*****************************************/ 

.tra-test-cont {
       width: 100%;
}

.tra-test-cont h2 {
    color: #fff !important;
    font: 20px arial !important;
    margin: 10px 0 15px 10px;
}

.first-blue-div {
    background: #336699 none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    height: 100px;
    left: 26px;
    padding: 6px;
    position: absolute;
    top: 25px;
    width: 26%;
}


.secnd-green-div {
    background: #669933 none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    height: 100px;
    left: 235px;
    margin-left: 10px;
    padding: 6px;
    position: absolute;
    top: 25px;
    width: 26%;
}

.third-orange-div {
    background: #f7921e none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    height: 100px;
    left: 453px;
    margin-left: 10px;
    padding: 6px;
    position: absolute;
    top: 25px;
    width: 26%;
}

/*****************************************/
/*  training-ecosystem STYLE END HERE    */
/*****************************************/ 



/*****************************************/
/*   Enrollment psge STYLE STRAT HERE    */
/*****************************************/ 

.lft-traing-cont {
    background: #23ad60 none repeat scroll 0 0;
    border-radius: 4px;
    float: left;
    margin-top: -15px;
    min-height: 583px;
    padding: 31px 0 0 2px !important;
    width: 150px;
}


.rht-traing-cont {
    float: left;
    margin-left: 5px;
    margin-top: -5px;
    width: 520px;
}


.prog-she {
    color: #717171;
    float: left;
    font: 12px arial;
    text-align: center;
    width: 170px;
}

.handbook {
    color: #717171;
    float: left;
    font: 12px arial;
    text-align: center;
    width: 175px;
}


.ppt-dv {
    color: #717171;
    float: left;
    font: 12px arial;
    text-align: center;
    width: 170px;
}

/*****************************************/
/*   Enrollment psge STYLE END HERE      */
/*****************************************/ 




/*****************************************/
/*      MEDIA PAGE STYLE STRAT HERE      */
/*****************************************/   


div#page {
    margin-bottom: 50px !important;
    width: 700px !important;
}

div.content {
    display: none;
    float: left;
    margin-left: -22px;
    position: relative;
    width: 480px !important;
}


div.slideshow a.advance-link {
    display: block;
    height: 389px;
    line-height: 0 !important;
    text-align: center;
    width: 100% !important;
}

.advance-link > img {
    width: 100% !important;
}

.accordion-photo #thumbs {
    float: right;
    margin-right: 0 !important;
    opacity: 1;
    overflow: hidden;
    width: 190px !important;
}


.accordion-photo #thumbs1,.accordion-photo #thumbs2 , .accordion-photo #thumbs3 , .accordion-photo #thumbs4 , .accordion-photo #thumbs5, .accordion-photo #thumbs6, .accordion-photo #thumbs7 , .accordion-photo #thumbs8 , .accordion-photo #thumbs9 , .accordion-photo #thumbs10 , .accordion-photo #thumbs11 , .accordion-photo #thumbs12{
    float: right;
    margin: 28px 0 0;
    opacity: 1;
    overflow: hidden;
    width: 190px;
}


/*****************************************/
/*        MEDIA PAGE STYLE END HERE      */
/*****************************************/   

 
/******************************************/
/*  VIDEO GELLERY PAGE STYLE STARTS HERE  */
/******************************************/  
  
  .main-video-box {
    background: #d2dcdd none repeat scroll 0 0;
    height: 384px;
    margin-left: 31px;
    width: 76%;
}

/******************************************/
/*  VIDEO GELLERY PAGE STYLE END HERE     */
/******************************************/ 


 
/*******************************************************************************/
/*   Aadhaar Authentication for Financial Transactions PAGE STYLE STARTS HERE  */
/*******************************************************************************/

.residents,.governmet,.reserveBank,.uidaiDiv {
    min-height: 690px;   }

/*******************************************************************************/
/*   Aadhaar Authentication for Financial Transactions PAGE STYLE STARTS HERE  */
/*******************************************************************************/
  
  


.left-faq-contact { border: 1px solid #e9ebea; float: left; width: 180px; }

.right-faq-contact { float: left; padding-left: 9px; width: 486px; }

.left-faq-contact .active { background: #2e4b90 url("../images/red_arrow.png") no-repeat scroll 165px center; }

.adhaar-tag { float: right; font-size: 13px; font-weight: bold; margin: 6px 25px 0 0; text-align: right; width: 22%; }

#search_header {height:46px; width:140px;}

.contact-us-left-div {  float: left;   width: 54%;}
}