/* css for nto responsive 24-8-23*/
@media (min-width:1900px){
    .rank-certificate.report-cert .rank-number2 {
        top: 198px;
        left: 24px;
    }
    .rank-certificate.report-cert .rank-number1 {
      
        top: 197px;
        left: 86px;
       
    }
    .cert-count.report-cert.rank-certificate  .date-count {
       
        left: 9% !important;
       
      }
    .date-count {
       
        left: 13% !important;
        bottom: 15%;
  position: absolute;

  text-align: center;
      
    }
    
    .mymodel.modal {
        top: 120px;
    }   
    .sttar-bars{ margin-top:70px;}
    
    h5.testdate {
        width: 265px !important;
    }
    .name-cert {
      
        max-width: 1214px;
    }
    /* img.ntologo {
        width: 285px !important;
    } */

    .banner-count {
      
        top: 121px;
      
    }
    .btn-count-side {
      
        top: 367px;
       
    }
    span.plush.plush1 {
        right: 38px;
    }
    span.plush.plush2 {
        right: 40px;
    }
    span.plush.plush3 {
        right: 54px;
    }
    span.plush.plush4 {
        right: 80px;
    }
}
@media (max-width:1920px){
    a.knowmore.refrnowbtn {
        padding-top: 55px;
        display: inline-block;
    }
    .cquiz {
        padding: 0px 40px;
        display: inline-block;
        text-align: center;
        font-size: 14px;
        color: #0d5097;
    }
    .whatsapp_float {
        position: fixed;
        width: 86px !important;
        height: 60px;
        bottom: 44px;
        left: 40px;
       
    }
   
    span.name {
     
        font-size: 40px !important;
    }

    h1.certheading {
       
        font-size: 50px !important;
        
    }
    
}
@media (max-width:1600px){
    .date-count {
        bottom: 107px;
        position: absolute;
        left: 116px;
    }
    .pkm {
        color: #eb7022;
        /* font-size: 14px; */
      }
    .poupnew {
        margin-top: 64px !important;
    }
    a.knowmore.refrnowbtn {
        padding-top: 34px;
        display: inline-block;
    }
    .cquiz {
        padding: 0px 40px;
        display: inline-block;
        text-align: center;
        font-size: 12px !important;
        color: #0d5097;
    }
   
   
    span.name {
        font-size: 30px !important;
    }

    h1.certheading {
        font-size: 40px !important;
    }
    
}


@media (max-width:1366px){
    .ntoexam2024 .timer {
        border-radius: 50%;
        background: transparent;
        width: 70px;
        height: 70px;
        border: solid 5px var(--primary-color);
        display: grid
    ;
        place-content: center;
        position: absolute;
        top: 43px;
        right: -157%;
        z-index: 99;
    }
  
   
    .rank-certificate.report-cert .rank-number2 {
        color: #134584;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top: 106px;
        left: 48px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    }
    .rank-certificate.report-cert .rank-number1 {
        color: #134584;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top: 118px;
        left: 93px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    }
    .rank-certificate.report-cert .rank2-count {
        position: absolute;
        width: 127px !important;
        margin: 0 auto;
        right: 70px;
        top: 142px;
    }
    .rank-certificate.report-cert .rank1-count {
        position: absolute;
        width: 127px !important;
        margin: 0 auto;
        left: 5px;
        top: 130px;
    }
    .rank-certificate.report-cert img.ntologo {
        width: 76px !important;
        margin-bottom: 4px;
    }
    h5.testdate {
       
        margin-left: 26px !important;
       
    }
    h5.testdate {
       margin-left: 0px !important;
        
    }

    h1.certheading {
      
        margin-bottom: 0px !important;
    }

    span.name {
        font-family: arial !important;
        font-size: 30px !important;
    }
    h5.testdate {
        width: 271px!important;
    }
    img.ntologo {
        width: 117px !important;
      
    }
    img.ntologo {
        width: 93px;
    }
    p.name {
      
        font-size: 16px!important;
    }
    h1.certheading {
      
        font-size: 28px !important;
       
    }
    .modal-dialog.modal-lg.btext {
       
        display: none;
    }
	.sec5 {
    padding-bottom: 80px;
}
	.sec4 {
  
    margin:0px 0px;
}
	.sec1 {
    padding: 80px 0 80px 0;
}
	section.banner {
        margin-top: 0px;
    padding: 0px 0px;
}
.sofor {
  
    top:6px !important;
}
	.style-2 p.card-text {
    font-size: 12px;
}
	.style-2 .front h6.card-title {
   
    font-size: 21px;
    
}
	
	
}




@media (max-width:1366px){
    .cert-count.report-cert.rank-certificate  .date-count {
       
        left: 5% !important;
       
      }
    .date-count {
        bottom: 15% !important;
        position: absolute;
        left: 11% !important;
    }
    .row.sec3-row {
        margin-top: 10px;
    }
	.count-left {
    position: absolute;
    bottom: -44px;
    left: 100px;
}
	
	
}


@media (max-width:1280px){
    .box-count {
        width: 100%;
        max-width: 217px;
        margin-right: 28px;
        padding: 0;
    }
    .date-count {
        bottom: 15% !important;
        position: absolute;
        left: 11% !important;
    }

    .like {
        display: block;
        width: 70px;
        height: 70px;
        margin: 0 auto;
        background: url(https://sttar.in/nto/books.gif) 0 0 no-repeat;
        /* background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/349115/like_animation.png) 0 0 no-repeat; */
        /* background-size: 3000%; */
        position: absolute;
        right: 20px;
        top: 20px;
        background-size: 100%;
    }
    .ntoexam2024 .timer {
       
        top: 43px;
        right: -299px;
        
    }
    .mymodel .modal-dialog {
        max-width: 670px;
        margin: 1.75rem auto;
    }
    .rank-certificate.report-cert .rank-number2 {
        top: 51px;
        left: 42px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    }
    .rank-certificate.report-cert .rank-number1 {
        top: 51px;
        left: 11px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    }
    .rank-certificate.report-cert img.ntologo {
        width: 77px !important;
        margin-bottom: 4px;
    }
    .rank-certificate.report-cert .rank1-count {
        position: absolute;
        width: 120px !important;
        margin: 0 auto;
        left: 76px;
        top: 177px;
    }
    .rank-certificate.report-cert .rank2-count {
        right: 58px;
        top: 177px;
        width: 120px !important;
    }
    h5.testdate {
       
        margin-left: 28px !important;
       
    }

    h1.certheading {
      
        margin-bottom: 0px !important;
    }

    span.name {
        font-family: arial !important;
        font-size: 22px !important;
    }
    h5.testdate {
        width: 218px!important;
       
    }
    h1.certheading {
       
        margin-bottom: 8px !important;
    }
    img.ntologo {
        width:70px !important;
    }

    .sec8 ul li {
      font-size: 18px;
    }
    .repot ul li:nth-child(1) {
        position: relative;
        line-height: 131%;
        font-weight: 600;
        width: 157px;
        flex-shrink: 0;
    }
    .repot ul li:nth-child(2) {
        position: relative;
        line-height: 131%;
        font-weight: 600;
        width: 198px;
        flex-shrink: 0;
    }
    .repot ul li:nth-child(3) {
        position: relative;
        line-height: 131%;
        font-weight: 600;
        width: 206px;
        flex-shrink: 0;
    }
    .repot ul li:nth-child(4) {
        position: relative;
        line-height: 131%;
        font-weight: 600;
        width: 167px;
        flex-shrink: 0;
    }
    .repot ul li:nth-child(5) {
        position: relative;
        line-height: 131%;
        font-weight: 600;
        width: 222px;
        flex-shrink: 0;
    }
    .col-md-2.tp {
        margin-right: 32px;
    }
    .box1 {
        text-align: center;
        width: auto;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1130px;
    }
    .btn-count-side {
        right: -61px;
        top: 300px;
    }
    .count-left {
    position: absolute;
    bottom: -44px;
    left: 98px;
}
	
}


@media only screen and (min-width: 1024px) and (max-width:1366px){

    /* .rank-certificate.report-cert .rank-number1 {
        top: -12px;
        left: -21px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    }
    .rank-certificate.report-cert .rank-number2 {
        top: -11px;
        left: 70px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    } */
  
   
   
}
@media only screen and (min-width: 1280px) and (max-width:1366px){
	
	
}

@media only screen and (min-width: 980px) and (max-width: 1279px){


}






@media only screen and (min-width: 768px) and (max-width: 979px) {


	.enquire-count .btn{ padding: 0.375rem 0.75rem; }
	.sec1 {
    padding: 40px 0 40px 0;
}
	.style-2 .mid-heading {
    margin-top: 165px;
}
	section.sec3 {
    margin-top: 76px;
}
	.sec7 {
    width: 100%;
    padding: 20px 0;
}
	.card-count2 p {
   
    font-size: 10px;
}
	.card-count2 {
    width: 31%;
    
}
	.sec5 ul {
    background: none;
   
    padding-top: 12px;
}
	ul.prog-tab li.nav-item {
    min-width: 122px;
    background: #d4d4d4;
}
	.card-count {
    width: 47.9%;
    margin-right: 15px;
    margin-bottom: 15px;
}
	img.img-fluid.colage {
    margin-left: 0;
    width: 100%;
}
	.sec1-count {
    background: none;
    
    background-size: contain;
}
	.sec1-count {
  
    padding: 20px;
    
}

	.banner {min-height: auto;}
	.count-right b {
    margin-bottom: 10px;
   
    font-size: 18px;
    
   
}
	.count-right h4 {
    margin-bottom: 10px;
   
    font-size: 16px;
    line-height: 22px;
   
}
	section.banner {
  
    margin-top: 93px;
  
}
	
.navbar-dark .navbar-nav .nav-link {
    
  font-size: 14px;
}	
.reg-btn {
  
    font-size: 12px;
    padding: 0.1rem 0.25rem;
}
	
	
	
	
}







/*style media*/

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

}
@media screen and (min-width: 601px) {
  
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
   
    section.banner-botom {
        padding-left: 86px !important;
    }
    p {
       font-size: 12px;
    }


    .modal-header {
        position: absolute;
        top: -14px !important;
        left: 468px !important;
    }
    p.thankmsg {
        font-size: 28px !important;
    }

    h5.myname {
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600;
        font-size: 22px !important;
    }

    .message-body p {
        font-size: 20px !important;
        font-weight: 600;
        margin: 0;
    }



    p.Tab_txt {
        font-size: 19px !important;
    }

    p.Copy_text {
        font-size: 19px !important;
    }

    p.shareon {
        margin-top: 20px;
        font-size: 22px;
        font-weight: 700;
    }
    p.welcome-text {
        color: #1565c0;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 37px !important;
        font-weight: 700;
    }
   
    img.myboader-banner1 {
        position: relative;
        left: 40px;
        top: 63px;
        display: none;
    }
    .txt span {
      
        font-size: 14px;
       
        line-height: 14px !important;
    }
   
   
    .navbar-dark .navbar-nav .nav-link {
        font-size: 8px;
    }

    .signup-count .nav-link.signup-btn {
        border-radius: 15px;
        background-color: var(--orange) !important;
        color: #ffffff !important;
        display: flex;
        width: 85px;
        height: 28px;
        padding: 9px 5px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        margin-bottom: 10px;
    }

    .banner-count {
        position: absolute;
        top: -46px;
        width: 102%;
        padding-left: 105px;
    }
    .navbar-brand {
        width: 80px;
    }
    .box-count {
        width: 100%;
        max-width: 127px;
        margin-right: 26px;
        padding: 0;
    }

    section.banner-botom {
        padding-left: 79px !important;
    }
    section.banner {
        margin-top: 0;
    }
    section.banner {
        
        padding: 0px 0px 40px 0px;
    }
    p.strong-profile {
       
        font-size: 12px;
       
    }
    .banner-count {
        position: absolute;
        top: -46px !important;
        width: 100% !important;
        left: 10px;
    }
    .css-18bgii4 {
        margin-left: 0px;
        width: calc(100% - 260px);
        padding: 0;
        margin-top: 0;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 744px;
        
    }
    .txt {
        line-break: anywhere;
        width: 77%;
    }
    /* add-for-tab */

    .the-first-national-container {
        font-size: 23px;
        margin-top: -3px;
    }

    .the-first-national-container span.txt {
        position: relative;
        line-height: 27px;
    }

    .btn-count-side {
        right: -68px;
        top: 300px;
    }

    span.mark-the-big.date-color {
        color: var(--black-new, #090909);
        font-family: Noto Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: 216.5%;
        text-decoration-line: underline;
        background: var(--yellow-ligh, #FFD05A);
        padding: 2px 10px;
    }

    .btn-count.banner-btn {
        width: 182px;
        padding-top: 0px;
        /* display: none; */
    }

    .form-control.inp.myland {
        margin-top: 13px;
    }

    .box1 {
        border-radius: var(--br-5xs);
        background-color: var(--yellow-ligh);
        box-shadow: 2px 4px 20px 8px rgba(0, 0, 0, 0.2);
        width: 139px;
        height: 163px !important;
        margin-right: 10px;
    }

    .sttar-national-teachers-container1 {
        font-size: var(--font-size-xl);
        line-height: 87.5%;
        text-transform: uppercase;
        display: flex;
        color: var(--yellow-ligh);
        text-align: left;
        align-items: center;
        width: 673px;
        height: 91px;
    }

    .promo-input{
        margin-bottom: 10px;
    }


    .submit-btn {
        margin: 0 auto;
    }


    .submit-btn {
        width: 100%;
        color: #ffffff;
        letter-spacing: -0.01em;
        text-transform: uppercase;
        height: 90%;
        margin: 0 auto;
    }

    .submit-tab-center{
        margin: 0 auto;
    }

    img.box1-icon {
        width: 40px;
        height: 40px;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 18px;
    }


    section.sec0 {
        margin-top: 0;
        background: #ffffff;
        padding-top: 25px;
    }

    .form-content {
        margin-left: -17px;
    }


    .join-today-button1 {
        position: relative;
        border-radius: var(--br-mini);
        display: flex;
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-15xl);
        align-items: center;
        justify-content: center;
        font-size: var(--top-menu-selected-size);
        color: var(--light);
        border: none;
        color: var(--white, #FFF);
        text-align: center;
        font-family: Noto Sans;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        margin: 0 auto;
    }


    section.sec_video.in-tab-margin {
        margin-right: 61px !important;
        margin-left: 24px !important;
    }

    p.top-20-all b {
        color: var(--orange, #FB6238);
        text-align: center;
        font-family: Noto Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 91.5%;
    }
    img.logo-img {
        margin-left: 30px;
        display: block !important;
    }

    .sec1-count p {
        font-size: 27px;
    }
    .padding-in-tab{
        padding-top: 27px !important;
    }
    .in-tab-hide{
        display: none;
    }

    .sec9 p {
        color: rgb(255, 255, 255);
        text-align: center;
        color: var(--white, #FFF);
        font-family: Noto Sans;
        font-size: 21px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 190%;
    }

    .a-participant-can p {
        text-align: center !important;
        color: var(--black-new, #090909);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 146% !important;
        margin-left: -26px;
    }


    .cercle-count {
        position: absolute;
        top: 31%;
        left: 69px;
        width: 81%;
    }

    .mg-yellow-box-top-in-tab{
        margin-top: 25px;
    }

    .repot {
        width: 100%;
        /* margin-bottom: -34px; */
        display: inline-block;
        /* margin-top: 60px; */
        margin: 23px 34px;
    }

    span.plush.plush1 {
        right: 241px;
    }
    span.plush.plush2 {
        right: 239px;
    }

    span.plush.plush3 {
        right: 258px;
    }

    span.plush.plush4 {
        right: 291px;
    }

    .mg-top-contact-tab{
        margin-top: 15px;
    }
    .c-count p{
        font-size: 12px;
    }

    .myheader {
        margin-top: 18px;
    }


    .mg-top-media{
        margin-top: 15px;
    }


    section.banner-botom {
        padding-left: 80px !important;
    }
    .mg-top-media-online{
        margin-top: 20px;
    }

    
p.date {
    width: 100%;
    margin-bottom: 0;
    font-size: 20px;
}

img.mask-group-icon {
    margin-top: 80px;
    margin-left: 114px;
}

.modal-header {
    position: absolute;
    top: -14px !important;
    left: 449px !important;
}

.modal-content {
    width: 61% !important;
    height: 43vh !important;
    /* background-color: #FB6238; */
    /* background-color: black; */
    background-color: white;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    margin: 0 auto;
}

.video-width-manisha {
    width: 59vw;
    height: 42vh;
    margin: 0 0px;
}

.modal-dialog {
    margin-top: 25px;
}

.mg-bott {
    margin-top: 0px;
}

/* .reg_banner {
    margin-top: -28px;
} */   

section.banner {
    margin-top: 74px;
}


.sofor {
    top: 0px !important;
}
    .sttar-national {
     
        font-size: 24px;
      
        line-height: 24px !important;
     
    }
    .sttar-national-teachers-container1 .get {
      
        font-size: 24px;
       
        line-height: 24px;
        
    }
    .span3 {
     
        font-size: 25px;
        font-style: normal;
        font-weight: 900;
        line-height: 28px;
    }

   

}



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


}


@media only screen and (min-width: 768px) and (max-width: 1024px){
    ul.ul-style li.col-lg-2.col-sm-12 {
    padding: 15px;
    margin: 0;
}
    .boad-right {
    border-right: 0;
        margin-right: 0;
   
}
    .scene {
    display: inline-block;
    margin: 0px 0;
    perspective: 600px;
    top: 0;
    position: absolute;
    width: 354px;
    left: 0;
    z-index: 9999;
}
    .sec2 {
    
    padding: 20px 0;
}
    .sec5 ul {
    background: none;
    min-height: inherit;
    padding-top: 12px;
}
    .sec5 h2 {
   
    font-size: 40px;
   
}
    section.sec3 {
    margin-top: 0;
}
    ul.ul-style li p {
    color: #5f459a;
    font-size: 11px;
}
    
    .form-heading {
    font-size: 18px;
    line-height: 28px;
    padding: 0;
    margin-bottom: 20px;
}

.header .myheader ul li a {
    color: var(--black-new, #090909) !important;
    text-align: center;
    font-family: Noto Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: -3px !important;
}
img.webicone {
    margin-right: 5px;
    
    margin-bottom: -4px;
    height: 21px;
    width: 21px;
}

}

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

    .sec_video {
        margin-right: 100px !important;
        margin-left: 99px !important;
        background-color: white;
        padding-top: 50px;
    }
}
@media only screen and (max-width: 2000px){
    .carousel-slider .carousel-prev-btn {
        position: absolute;
        left: 4px;
        top: 122px;
        border-radius: 50%;
        background: transparent;
        height: 100%;
    }


    .carousel-slider .carousel-next-btn {
        position: absolute;
        right: 61px !important;
        top: 122px;
        border-radius: 50%;
        background: transparent;
        height: 100%;
    }

    section.banner-botom {
        /* padding-left: 224px !important; */
        padding-left: 117px !important;
    }


    .banner-count {
        position: absolute;
        top: 60px;
        width: 75%;
        padding-left: 62px;
    }
 
    .sec_video {
        margin-right: 52px !important;
        margin-left: 129px !important;
        background-color: white;
        padding-top: 50px;
    }  
 

    .myfield .field-count{
        margin-top: 68px !important;
        padding: 0 40px;
        margin-bottom: 14px !important;
      }
      img.logo {
        margin-left: 30px !important;
    }
}


@media only screen and (max-width: 1700px){
    .carousel-slider .carousel-next-btn {
        position: absolute;
        right: -2px !important;
        top: 122px;
        border-radius: 50%;
        background: transparent;
        height: 100%;
    }

    .myfield .field-count{
        margin-top: 45px !important;
        padding: 0 40px;
        margin-bottom: 5px !important;
      }


      section.banner-botom {
        padding-left: 134px !important;
    }
    .banner-count {
        position: absolute;
        top: 60px;
        width: 75%;
        padding-left: 73px !important;
    }
    img.logo {
        margin-left: 37px !important;
    }
    
      


    

    .carousel-slider .carousel-prev-btn {
        position: absolute;
        left: 9px !important;
        top: 122px;
        border-radius: 50%;
        background: transparent;
        height: 100%;
    }



    .sec_video {
        margin-right: 63px !important;
        margin-left: 68px !important;
        background-color: white;
        padding-top:0px;
    } 
    
    
    #largeModal1 .modal-header .close.myclose{
        margin: 0 !important;
    }



    /* .onload-popup button.close {
        color: #fb6238;
        border: #fb6238 2px solid !important;
        border-radius: 50%;
        width: 40px;
        position: relative;
        top: 4px !important;
        right: -26px !important;
        z-index: 9999;
        background: #ffffff !important;
        opacity: 1;
        height: 35px;
    } */


    .onload-popup button.close {
        color: #fb6238;
        border: #fb6238 2px solid !important;
        border-radius: 50%;
        width: 40px;
        position: relative;

        top: -4px !important;
        right: -37px !important;
        z-index: 9999;
        background: #ffffff !important;
        opacity: 1;
        height: 37px !important;
    }

    .onload-popupp .closemodal{
        color: #fb6238;
        border: #fb6238 2px solid !important;
        border-radius: 50%;
        width: 40px;
        position: relative;

        /* top: -14px !important; */
        right: -21px !important;
        z-index: 9999;
        background: #ffffff !important;
        opacity: 1;
        height: 34px !important;
    }

    button.close.closemodal {
        top: -14px !important;
    }

    #largeModal1 .close.myclose .xit {
        position: absolute;
        /* top: 0px; */
        top: 0px !important;
        /* right: 38%; */
        cursor: pointer;
        font-size: 20px;
        /* color: #fff; */
        color: #000;
    }
    
    
}




@media only screen and (max-width: 1440px) {
    .Teacher-Image {
        width: 290px;
        height: 150px;
    }

    .card.card-width {
        width: 290px;
    }
    .carousel-slider .carousel-next-btn {
        position: absolute;
        right: -12px !important;
        top: 122px;
        border-radius: 50%;
        background: transparent;
        height: 100%;
    }
}

@media only screen and (width: 1024px) {

    .Teacher-Image {
        width: 290px;
        height: 150px;
    }

   
	
	
}

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

    .Teacher-Image {
        width: 311px;
        height: 150px;
    }


   


	

	
}

@media (min-width: 768px) and (max-width: 1024px){
    .banner-count {
        padding: 39px;
        background:transparent;

        padding-left: 90px !important;
    }

    img.logo {
        margin-left: 16px;
    }
}






@media only screen and (max-width: 480px) {
    .sec_video {
      
        padding-top: 20px;
    }
    .rcbox.rcbox1 {
        margin-top: -36px !important;
    }
    .rank-certificate.cert-count img.ntologo {
        width: 87px !important;
    }
    img.logo-img {
        margin-left: 30px;
    }

    .enquire-count span.myboader {
        top: 64px !important;
    }

    span.myboader {
        position: absolute;
        top: 33px;
        left: 0 !important;
        right: 34px !important;
        bottom: 0;
        height: 0;
        text-align: center;
    }

    button.close {
        top: 0px !important;
        right: 35px !important;
    }

    .banner-count {
        padding: 16px !important;
        background: #272425;
    }
img.global {
    width: 70% !important;
   
    margin-top: -3px !important;
}
.cert-count.report-cert.rank-certificate img.global {
    width:30% !important;
   
    margin-top: 26px !important;
}
img.webicone {
    margin-right: 5px;
    
    margin-bottom: -4px;
    height: 21px;
    width: 21px;
}


}

@media only screen and (max-width: 412px) {
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: 43px !important;
        left: 15px !important;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px;
        top: 40px !important;
        left: 19px !important;
        text-align: center;
        width: 56px;
    }
    .cert-count.report-cert.rank-certificate img.global {
        width: 43% !important;
        margin-top: 12px !important;
    }
    .cert-count h1.certheading {
        font-size: 14px !important;
    }
    img.logo-img {
        margin-left: 30px;
    }


    button.close {
        top: 0px !important;
        right: 35px !important;
    }


    .banner-count {
        padding: 30px !important;
        background: #272425;
    }
    span.name {
       
        font-size: 16px !important;
    }

    .row.less-in-mobile {
        margin-left: 0px !important;
        margin-right: 1px !important;
    }
    .sharebox
{ height: 142px !important;   }

.modal-header {
    position: absolute;
    top: -18px !important;
    left: 308px !important;
}

img.webicone {
    margin-right: 5px;
    
    margin-bottom: -4px;
    height: 21px;
    width: 21px;
}
}

@media only screen and (max-width: 312px) {
    .sharebox
{ height: 138px;   }    
}

@media only screen and (max-width: 360px) {
    .banner-count {
        padding: 21px !important;
        background: #272425;
    }

    .card-hover {
        /* display: none; */
        display: block;
        background-color: #FB6238;
        text-align: center;
        color: white;
        width: 273px !important;
    }

    img.webicone {
        margin-right: 5px;
        
        margin-bottom: -4px;
        height: 21px;
        width: 21px;
    }
}

@media only screen and (max-width:384px) {
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: 30px !important;
        left: 21px !important;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px !important;
        top: 31px !important;
        left: 14px !important;
        text-align: center;
        width: 56px;
    }
    h4.datecert {
        font-size: 7px !important;
        margin-left: -26px !important;
        margin-top: 0px !important;
                text-align: left;
    }
}
@media only screen and (max-width: 390px) {
   
    .banner-count {
        padding: 20px 10px !important;
        background: #272425;
    }
}




@media only screen and (max-width: 375px) {
    .register span {
        font-size: 26px !important;
    }
    
    img.webicone {
        margin-right: 5px;
        
        margin-bottom: -4px;
        height: 21px;
        width: 21px;
    }

    img.video-mob {
        width: 100%;
    }
    
    .banner-count {
        padding: 22px !important;
        background: #272425;
    }

    .video-width-manisha {
        width: 78vw !important;
        height: 34vh !important;
        margin: 0 8px !important;
    }

    /* button.btn.btn-secondary {
        padding: 3px 6px !important;
    } */

    img.logo-img {
        margin-left: 30px;
    }

    .modal-body.main-section.ambassador {
        /* background: url(https://sttar.in/nto/images/Background.jpg) center top 0px no-repeat; */
        /* background: url(https://sttar.in/nto/images/resultpopup1.png) center top 0px no-repeat; */
        background: none;
        width: 252px;
        min-height: 500px;
        margin: 0 auto;
        background-size: cover;
        /* background-color: rebeccapurple; */
    }
    .onload-popup button.close {
        top: -10px !important;
        right: 50px !important;
    }
    
.modal-header {
    position: absolute;
    top: -3px !important;
    left: 301px !important;
}

    .modal-content {
        width: 78% !important;
        height: 500px !important;
        /* background-color: #FB6238; */
        /* background-color: black; */
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    }


    .mark-the-big-container-boad {
        position: relative;
        top: -19px !important;
        left: 21px !important; 
        font-size: var(--font-size-7xl);
        line-height: inherit;
        color: var(--black-new);
        text-align: center;
        margin-bottom: 0px;
    }

    .topper-boad {
        margin: 0 auto !important;
        width: 169px !important;
        display: none !important;
    }

    .thankyou-page .enquire-count span.myboader {
        top: 64px !important;
    }

    span.myboader {
        position: absolute;
        /* top: 33px; */
        left: 49px !important;
        right: 90px !important;
        bottom: 0;
        height: 0;
        text-align: center;
    }

    .mg-bott {
        margin-top: 0px;
    }


}
@media only screen and (max-width:900px) {
    span.name {
     
        font-size: 16px !important;
    }
    h1.certheading {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 767px) {
    .doughnut-container {
        width: 300px !important;
        height: 300px !important;
    }
    .join-today-button2 {

        font-size: 11px;
       
    }
    .cert-count.report-cert.rank-certificate h4.datecert {
        font-size: 5px !important;
        margin-left: 6px !important;
    
    }
    .cert-count.report-cert.rank-certificate span.name {
    
        font-size: 13px !important;
      
    }
    .date-count {
        bottom: 15% !important;
        position: absolute;
        left: 3% !important;
    }
   
    .like {
       
        display: none;
    }
    .pkm {
        color: #eb7022;
        font-size: 14px;
      }
    
    h3.register {
        position: fixed;
        background: #ffffff;
        margin-top: -30px !important;
    }
    button.exambutton {
        position: inherit;
        bottom: 16px;
    }
    .social-media-share-buttons {
      
        padding: 0;
       
    }
    p.dtimer {
        position: relative;
        /* top: -52px; */
        top: -22px;
        margin-left: 19px;
    }
    .examstart {
        width: 300px;
        margin: -28px auto 0 auto;
    }
    .ntoexam2024 .timer {
   
        top: 99px;
        right: 27px;
        z-index: 99;
    }
    button.mobileConfirm {
        margin: 0 !important;
        padding: 0;
        margin-right: 15px !important;
    }
    .mycountry{  border: 1px solid #ccc !important;  background: #ffffff !important;
     
        height: 44px !important;
        border-radius:0px !important;}
    /* .myform .css-wmy1p7-ReactDropdownSelect{  
       
        background: #ffffff !important;
     
        height: 44px !important;
        border-radius:0px !important;
       
      } */
    .examdatepopform {
        border-radius: 0 !important;
    }
    .country {
        border-radius: 0 !important;
    }
    .state {
        border-radius: 0 !important;
    }
    .city {
        border-radius: 0 !important;
    }
    .form-control.inp {
        border: 0;
    }
    .btn_float0.exam-page-rege-btn-count {
        display: none;
    }
  
    .ntoexam2024 .join-today-button4 {
        margin-top: 0px;
        margin-left: 12px !important;
        width: 93%;
    }
    .ntoexam2024 .mobileprogressGrid {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding: 0 30px 0 15px !important;
    }
    .ntoexam2024 .curentq {
        margin-left: 0px !important;
        width: 93% !important;
        margin: 0 auto;
    }
    img.logo {
        margin-left: 0px !important;
    }
    .ntoexam2024 .sttar-segment-name {
     
        text-align: center;
    }
    .ntoexam2024 .timer2 {
        padding-top: 0px;
        font-weight: 500;
        color: red;
        font-size: 20px;
        text-align: center;
        padding-right: 0;
        letter-spacing: 0px;
    }
    .teacher-bg {
        background: #e5f3f4;
        margin-top: 70px;
    }
    .share-poup.signupform .modal-dialog {
        max-width: 662px !important;
        margin: 0px auto 0px auto !important;
    }
    .signupform.share-poup .description-new {
        text-align: center;
        padding-right: 0px !important;
    }
    .signupform.share-poup .modal-body {
        background: inherit !important;
        height: auto;
        width: 100%;
        padding: 10px !important;
        background-size: cover !important;
    }
    .signupform.share-poup .modal-body {
       
        height: auto !important;
        width: 100%;
        padding:10px !important;
        background-size: cover !important;
    }
    .signupform.share-poup .description-new {
        text-align: center;
        padding-right: 185px;
    }
    .container0.d-flex.justify-content-center.align-items-center {
        margin-top: 40px;
    }
    .nto-mock-test-2024-new  .join-today-button4 {
        margin-top: 0;
       
    }
    .nto-mock-test-2024-new .next-prev button {
        border-radius: 5px;
        width: 45%;
        height: 50px !important;
        background: #2a87ae;
       
        color: rgb(255, 255, 255);
        font-weight: bold;
        font-size: 12px !important;
        border: 0;
        text-transform: capitalize;
        margin-bottom: 0;
    }
    .mock-test-page .next-prev button {
        width:45% !important;
    }
    .last .radio-field.slide-in-bottom {
        margin-bottom: 0 !important;
    }
    .next-prev {
       
        margin-top: 0;
    }
    .nto-mock-test-2024-new .radio-field {
      
        margin-bottom: 28px !important;
       
        padding: 12px !important;
    }
    .next-prev {
       margin-top: 0px;
    }
    .ranking-count table {
        width: 270px;
        border-collapse: collapse;
        table-layout: fixed;
        color: #141a39;
        cursor: default;
    }
    #leaderboard {
        width: 277px;
        position: relative;
    }
    .ranking-count .ribbon1 {
        width: 121%;
       
    }
    .ranking-count td {
        height: auto;
        font-family: "Rubik", sans-serif;
        font-size: 12px !important;
        padding: 10px;
        position: relative;
    }
    .ranking-count .name1 {
        width: 92px !important;
        text-align: center;
        font-size: 1.2rem;
      
    }
    th.name1 {
        font-size: 12px !important;
        width: 100%;
    }
    .result_page.LiveQuizResult .ranking-count {
        width: 100%;
        height: 43rem;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 5px 15px 8px #e4e7fb;
        box-shadow: inherit;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 0;
        margin-left: 0;
    }
    .live-count p {
        font-size: 24px;
        letter-spacing: 0px;
        font-weight: 600;
        padding: 0;
        line-height: 28px !important;
        text-align: center;
        position: relative;
        top: -46px;
    }
    .cont {
        width: 132px;
        background-image: url(https://d3iw72m71ie81c.cloudfront.net/female-86.jpg);
        height: 86px;
        justify-content: center;
        display: flex;
        position: absolute;
        background-position: center;
        background-size: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 200px;
    }
    .cquiz {
        padding: 0px 10px;
      
    }
    .row.live-count {
        margin-top:100px;
    }
    .row.card-count {
        padding: 0;
    }
    .result_page .u_prcnt {
        font-size: 18px;
       
    }
    .name12 {
        text-align: center;
        color: #fff;
        font-size: 14px;
    }
   h1.inner-heading.main-heading {
        font-size: 27px !important;
        margin-top: 20px;
    }
    .mock-test-page.nto-mock-test-2024-new .show-section.wrapper {
        margin-top: 0px;
    }
    .nto-mock-test-2024-new header2.header2 {
        font-size: 17px;
        padding-top: 50px !important;
    }
    .mock-test-page.nto-mock-test-2024-new .design10 {
        position: relative;
    }
    .nto-mock-test-2024-new header2.header2 {
        font-size: 17px;
        height: auto;
    }
    .mock-test-page.nto-mock-test-2024-new .join-today-button4 {
      
        margin-left: 0px !important;
    }
    .mock-test-page.nto-mock-test-2024-new .design10 .timer-inner {
        width: 80px;
        height: 80px;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        display: grid;
        column-gap: 50px;
        align-items: center;
        border: solid 10px #144684 !important;
    }
    .mock-test-page.nto-mock-test-2024-new  .design10 .timer .timer-count span {
        display: block;
        font-weight: bold;
        font-size: 12px;
    }
    .nto-mock-test-2024-new .quiz-inner {
        padding: 0px 10px 0 10px !important;
    }
    section.sec0.hideinmob1 {
        display: none;
    }
    a.join-today-button1.join-today-button11.sidebtn {
        font-size: 14px;
        border-radius: 21px 21px 0px 0px;
    }
    .join-today-button11 {
        position: relative;
        border-radius: 21px 21px 0 0;
        display: flex;
        flex-direction: row;
        padding: 6px 20px;
        align-items: center;
        justify-content: center;
        font-size: var(--top-menu-selected-size);
        color: var(--light);
        border: none;
        color: var(--white, #FFF);
        text-align: center;
        font-family: Noto Sans;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 11px;
        text-transform: uppercase;
        margin: 0 auto;
    }
    .sofor.btn-count-side0 {
        display: none;
    }
    span.mark-the-big.boader-style.boader-style1 {
        display: inline-block;
    }
    span.txt.mob-tex.hide-desk span {
        font-size: 15px !important;
    }
    span.txt.hide-mob {
        display: none;
    }
    .hide-desk{ display: block; margin-top: 8px;}
    /* .btn-count.banner-btn.hide-mob {
        display: none;
    } */
    .txt span {
        color: var(--white, #FFF);
        font-family: Noto Sans;
        font-size: 23px;
        font-style: normal;
        font-weight: 400;
        line-height: 153.5%;
    }
    .sofor {
        border-radius: 30px 30px 0px 0px;
      
    }
    video {
        max-width: 100%;
    }
    section.sec0.hideinmob1 {
        padding-top: 20px;
    }
    h2.generate-heading {
        font-size: 22px;
        font-weight: 700;
        color: #000000;
        text-align: center;
        width: 100%;
        line-height: normal;
    }
    h2.National-heading {
        font-size: 22px;
        font-weight: 400;
        text-align: center;
        width: 100%;
        color: #000000;
        line-height: normal;
    }
    ul.poplist li {
        font-size: 10px;
        color: #000000;
    }
    p.poptext {
        line-height: 18px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .rcbox.rcbox1 {
        margin-top: -20px;
    }
    img.logo-img {
        margin-left: 30px;
    }
    img.video-mob {
        width: 100%;
    }
    .modal-body.main-section.ambassador {
        /* background: url(https://sttar.in/nto/images/Background.jpg) center top 0px no-repeat; */
        /* background: url(https://sttar.in/nto/images/resultpopup1.png) center top 0px no-repeat; */
        background: none;
        width: 252px;
        min-height: 500px;
        margin: 0 auto;
        background-size: cover;
        /* background-color: rebeccapurple; */
    }


    .onload-popup button.close {
        top: -10px !important;
        right: 50px !important;
    }

    .button-red{
        width: 126px;
    }


    .top-in-mobile {
        /* margin-top: 10px; */
        /* margin-bottom: 10px; */
        /* margin-right: 66px; */
        margin: 9px auto;
      }
      
      .bottom-in-mobile{
        margin-bottom: 10px;
      }




    .submit-btn {
        border-radius: var(--br-mini);
        display: flex;
        flex-direction: row;
        /* padding: var(--padding-sm) var(--padding-15xl); */
        padding: 15px 7px;
        align-items: center;
        justify-content: center;
        font-size: var(--top-menu-selected-size);
        border: none;
        background-color: var(--orange);
        color: var(--white, #FFF);
        color: var(--white, #FFF);
        /* font-family: Work Sans; */
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.225px;
        /* margin-left: 0px; */
        /* border: #fb6238 2px solid !important; */
    }


    .onload-popup button.close {
        color: #fb6238;
        border: #fb6238 2px solid !important;
        border-radius: 50% !important;
        width: 36px;
        position: relative;
        top: 17px !important;
        right: -31px !important;
        z-index: 9999;
        background: #ffffff !important;
        opacity: 1;
    }

    .carousel-slider .carousel-next-btn {
        position: absolute;
       
        right: -3px !important;
        top: 145px;
        background: transparent;
        height: 100%;
    }
    .carousel-slider .carousel-prev-btn {
        position: absolute;
    
        left: 2px !important;
        top: 145px;
        background: transparent;
        height: 100%;
    }
    img.webicone {
        margin-right: 5px;
        
        margin-bottom: -4px;
        height: 21px;
        width: 21px;
    }

    .mg-bott {
        margin-top: 0px;
    }


    .button-red1 {
        background-color: #ffffff;
        border-radius: 25px;
        color: black;
        padding: 14px 0px;
        font-size: 19px;
        font-weight: 400;
        position: relative;
        border: 2px solid pink;
      
        top: 36px;
        width: 256px;
    }


    .manisha {
        position: relative;
        right: -301px !important;
    }

    .video-width-manisha {
        width: 87vw;
        height: 32vh;
        margin: -12px -26px;
    }



    .button-red2 {
        background-color: #ffffff;
        border-radius: 25px;
        color: black;
        padding: 14px 0px;
        font-size: 19px;
        font-weight: 400;
        position: relative;
        border: 2px solid pink;
        top: 26px;
        width: 256px;

        margin-top:30px;
    }


    



input.btn.reg-btn.submit-btn.gen-btn {
    line-height: 0;
    height: 46px;
    position: inherit;
    left: 64px;
    width: 213px;
    margin: 0 auto;
}


.modal-content {
    position: absolute;
    width: 89% !important;
    /* height: 278px; */
    /* background-color: #FB6238; */
    /* background-color: black; */
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    top: 14px;
    left: 20px;
}



    .carousel-prev-btn,.carousel-next-btn{
        width: 12px;
      }
      .carousel-slider .carousel-prev-btn{
        padding: 0;
      }
      .carousel-slider .carousel-next-btn{
        padding: 0px 0px 0px 0px;
      }
    .card-width:hover + .card-hover{
        display: block;
        background-color: #FB6238;
        color: white;
        /* width: 158px; */
 }

 .sec_video {
    margin-right: 51px !important;
    margin-left: 52px !important;
    background-color: white;
}

    .card.card-width {
        border: none;
    }

    .topper-boad {
        margin: 0 auto;
        width: 94px;
    }
    .mark-the-big-container-boad {
        position: relative;
        top: -20px;
        left: -16px;
        font-size: var(--font-size-7xl);
        line-height: inherit;
        color: var(--black-new);
        text-align: center;
        margin-bottom: 0px;
    }

    .Teacher-Image {
        width: 344px;
        height: 150px;
    }



    .card-hover {
        /* display: none; */
        display: block;
        background-color: #FB6238;
        text-align: center;
        color: white;
        width: 344px;
    }


    .ZoomIn.modal.fade .modal-dialog {
        top: 83px;
    }


    .row.less-in-mobile {
        margin-left: 0px;
        margin-right: 4px;
    }

    .video-width {
        width: 259px;
        height: 262px;
    }


    .carousel-slider > .carousel-content > .slide-item {
        background: white;
        height: 293px;
        padding: 28px 0px;
        border-radius: 30px;
        width:350px;
    }
    .rank-certificate.report-cert .rank2-count {
        right: 15px;
        top: 92px;
        width: 95px !important;
    }
    .rank-certificate.report-cert img.sign {
        margin-top: 0px !important;
        width: 65% !important;
    }
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: 43px;
        left: 18px;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px;
        top: 42px;
        left: 18px;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank1-count {
        left:21px;
        top: 92px;
    }
    .rank-certificate.report-cert .rank1-count {
       
        width: 95px !important;
      
    }
    .cert-count {
      
        text-align: center;
    }
    .pcs {
       
        padding-right: 15px;
       
        padding-left: 15px;
       
    }
    h4.participent {
        margin-left: 0px !important;
       
    }
    span.uclass {
        font-weight: 800;
        font-size: 14px !important;
    }
    span.firstNameCircle {
        margin-top: 10px !important;
        margin-right: 26px !important;
        padding-left: 0 !important;
       
    }
    .progressTableuser {
        width: 358px !important;
        display: inline-block !important;
        margin: 0 auto;
        text-align: center;
        background: #ffffff !important;
    }
    .curentq span {
        margin-left: 7px !important;
        font-size: 14px;
        margin-right: 7px !important;
    }
    .curentq {
        margin-left:20px !important;
        width: 202px !important;
        margin: 0 auto;
    }
    h5.testdate {
        width: auto !important;
      
    }
    /* h4.datecert {
       
        width:auto !important;
       
    } */


    section.sec0 {
        margin-top: 0;
        background:none !important;
        padding-top: 40px;
    }
  
    .name-cert p.name {
        color: #003f82 !important;
        font-weight: 600!important;
        font-size: 11px!important;
    }
    [data-reach-dialog-content] {
        top: 15%;
        left:1%;
        width: 93%!important;
    }

    .mobileConfirm{
        margin-left:55px !important;
        margin-top:15px !important;
        
    }
    .mobileprogressGrid{
        margin-left:-15px !important;
        margin-right:-15px !important;
        /* overflow-x: auto !important;
    width: 350px !important; */

    }
    .name-cert p {
       
        font-size: 10px !important;
      
    }
    p.name {
       
        font-size: 14px!important;
    }
    .pading40 {
        padding: 0;
        width: 100%;
    }
    .exam-header-logo {
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .fixed-headerNew {
        margin-top: 30px;
    }
    .wrap {
        font-size: 18px;
        font-weight: 400 !important;
        color: #ff0000 !important;
    }
    .join-today-button4 {
       
      
        margin-top: 20px;
        margin-left: 12px !important;
        width: 93%;
    }
    .join-today-button3 {
     
        width: 93%;
    }
    .dnlSKU {
        justify-content: left !important;
        padding-left: 0px !important;
        padding-right: 16px;
    }
    .exam-span-text {
        line-height: 23px;
        width: 85%;
        font-size: 14px;
    }
    p.start {
        padding: 0 10px;
    }
    #question label {
      
        width: 100% !important;
    }
    /* .css-n5s397-MuiPaper-root {
   
        width: 94% !important;
    } */
    .sec8 h3 {
        /* margin-top: 20px !important; */
        font-size: 21px;
      
    }
    p.discount-link.striptext.blink-soft span {
        font-size: 12px !important;
    }
    .side {
        margin-left: 0 !important;
    }
    .fixed-headerNew {
     
        position: inherit!important;
      
    }
    .page-break {
        padding: 10px;
        background: #ffffff;
    }
    .modal-body.main-section{ width:100%;     min-height: 332px;}
    b.time{ padding-left:15px;}
    b.question {
        line-height: 50px;
        font-weight: 300;
        padding-left: 10px;
    }
    .sttar-bars p {
        font-size: 14px !important;
    }
    .col-md-4.rightdiv {
        background: #ffffff;
        margin: 15px;
    }
    .teacher-exam-count {
        margin-left: 15px !important;
        width: 92% !important;
        margin-right: 15px !important;
    }
    p.name {
        font-size: 15px !important;
    }
    .certificate-sec {
        margin-top: 10px !important;
    }
    img.trophy {
        width:100px;
        /* float: right; */
    }
    .cert-count {
      
        padding: 0 !important;
        margin-top: 20px;
    }
    .ts-home-topsec .cert-content-count h2 {
        text-transform: initial;
        font-size: 20px;
        text-align: center;
        width: 100%;
    }



    .less-padding-in-mobile{
        padding-right: 45px;
        padding-left: 31px;
    }
    h5.testdate {
       
        font-size:9px !important;
       
    }
    h4.datecert {
        font-size: 7px !important;
        margin-left: 20px !important;
        width: 52px !important;
        text-align: center !important;
       
    }
   
    .name-cert p {
       font-size: 11px !important ;
      
    }
    h5.testdate {
        margin-top: 5px;
    }
    img.global {
        width: auto;
    }
    img.sign {
       
        width: auto;
    }
    .rank-certificate.cert-count img.ntologo {
        width: 42px !important;
    }
    .cert-count img.ntologo {
        width: 42px !important;
    }
    .cert-count h1.certheading {
      
        font-size:18px !important;
        line-height: 18px;
       
    }
    .rank-certificate.cert-count h1.certheading {
      
        font-size:18px !important;
        line-height: 18px;
       
    }



    .heading-upcoming {
        position: relative;
        font-size: 23px;
    }
    .slider .slide {
        height: auto;
        width: 100px;
    }
    section.promoter-slider {
      
        padding-bottom: 40px;
        padding-top: 40px;
    }
    section.banner-botom.onlymobile {
        display: block;
    }
    .slider .slide-track {
        
        width: calc(518px * 14);
    }
    section.sec0.hideinmobile {
        display: none;
    }
    .discount-code .text-center {
      
        padding-bottom: 10px;
    }
    ul.social-count {
        width: 238px;
        display: inline-block;
        padding: 0;
    }
    ul.social-count li:first-child {
        width: 66px;
    }
    .sharebox {
       
        height: 123px;
        
    }
    .copy-button input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        font-size: 20px;
        padding-left: 10px;
        font-weight: bold;
        color: #434242;
    }
    div#successModal {
        margin-top: 114px;
    }
    .onload-popup.text-center {
      
        padding-bottom: 0;
    }
    .modal-dialog.modal-lg.btext {
        margin: 0 10px 0 0;
    }
    .sharebox h4 {
        color: #434242;
        font-size: 14px;
        text-align: left;
    }
    .text-center.content-bg.usecode-count {
        padding: 0px 20px;
    }
    .modal.onload-popup {
        padding: 20px;
        top: 0;
    }
    .modal-open .modal.onload-popup {
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #000000ed !important;
        z-index: 9999;
        top: 0;
      }
    .join-today-button1 {

        font-size:16px;
        border-radius: 0;
        line-height: 14px;
      
    }


    .container.add-margin {
        margin: 0 -10px;
    }
    .enquire-count span.myboader {
        top: 31px !important;
    }
    .halltiket {
        top: 165px !important;
        left: 0px !important;
        font-size: 21px;
        line-height: normal !important;
        width: 100%;
    }
    .login-heading {
        color: #FFF;
        text-align: center;
        font-family: Noto Sans;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 17px;
        text-transform: uppercase;
    }
    img.loginlogo {
        margin-top: 0 !important;
        width: 43%;
    }
    .login-text {
        margin-top: 0 !important;
        width: 100%;
    }
    .ReactModal__Overlay.ReactModal__Overlay--after-open {
        background-color: #000000ed !important;
        z-index: 9999;
    }
    .myform .form-group {
        margin-bottom: 5px;
    }
    h3.text-center.text-inverse.form-heading {
        margin-bottom: 7px;
        font-size: 18px;
    }
    p.offerfee {
        font-size: 12px;
        width: 300px;
        margin-top: 8px;
    }
    button.close {
      
        border-radius: 0 !important;
        width: auto;
        position: relative;
        top: -19px;
        right: -19px;
        z-index: 9999;
        background: #ffffff;
        border: none !important;
    }
    .copy-button {
        width: 100%;
        margin: 0 auto;
        height: 45px;
        border-radius: 4px;
        padding: 0;
        border: 1px solid #e1e1e1;
    }
    .banner-botom-global .box-count {
        width: 100%;
        max-width: 90%;
        margin-right: 0 !important;
        padding: 0;
        margin-top: 10px;
    }
    .banner-botom-global .box-count.last-count {
        margin-right: 0;
        margin-left: 15px;
    } 
    form.myform {
        margin-top: 0;
        padding-bottom:0px;
    }
    .row-margin {
        margin-top: 0px;
    }
    .sharebox {
        width: 100%;
        padding: 20px;
       
    }
    .onload-popup button.close {
        top: -10px !important;
        right: -7px !important;
    }
    button.react-share__ShareButton {
        position: inherit;
    }
    p.sometext {
        width: 100%;
        padding-bottom: 40px !important;
    }
    .content-bg {
        background: #144684;
        width: 100% !important;
        margin: 0 auto;
        position: relative;
        top: 0;
    }
   .Manage-Profile input#file {
        display: none;
    }
    .form-pading {
        padding: 5px;
    }
    /* button.join-today-button1.sidebtn.left-btn {
        font-size: 10px;
        padding: 7px;
        float: right;
        width: auto;
    }
    button.join-today-button1.sidebtn.right-btn {
        font-size: 10px;
        padding: 7px;
        width: auto;
        float: left;
    } */
    .btn_float0 {
        position: fixed;
        bottom: 0px;
        height: 51px !important;
        width: 100%;
        background-color: white;
    }
    .bg-white-new{ background:#ffffff;}
    .btn_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        left: 10px;
        font-size: 22px;
    }


    button.join-today-button1.sidebtn {
        font-weight: 700;
            background: #FB6238;
            display: block;
    
    }
    .btn_float {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        left: 40px;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 3px #999;
        z-index: 100;
    }
    button.join-today-button1.sidebtn.right-btn {
        top:0px;
    }
    .bg-white{ background-color: #ffffff;}
    .btn-count-side.only-mobile {
        rotate: 0deg;
        top: inherit;
        bottom: 0;
        right: 0;
      
        width: 100%;
        padding:0px;
        display: block;
    }
    .btn-count-side.only-mobile .join-today-button1 {
     
        width: 100%;
    }
    .yourreward h3 {
        font-size: 16px;
    }
    img.rewardimg {
        width: 140px;
    }

    .sec4 .mark-the-big-container {
        left: -231px;
        width: 125px;
        text-align: center;
        margin: 0 auto;
        top: -14px;
    }
   
    .myheader {
        margin-top: 0;
    }
    .onload-popup .modal-body {
        width: 100%;
    padding:32px;
    min-height: 490px;
}
.text-center.content-bg {
    background: #144684;
    width: 800px;
    margin: 0 auto;
}
    input.btn.reg-btn.submit-btn.gen-btn {
       
        left: 0;
    }
    .field-count {
        margin-top: 20px;
        padding: 0;
    }

    .chatbg a {
        bottom: 16px;
        right: 16px;
        
      }
    img.propic {
        width: 100%;
    }
    .eticket-container {
    padding: 0 !important;
    border: 1px solid #ccc;
    margin: 0  !important;
}
    span.myboader {
        position: absolute;
        top: 33px;
        left: 0;
        right: -11px;
        bottom: 0;
        height: 0;
        text-align: center;
    }
    .textlogin {
        text-align: center !important;
        width: 100%;
        display: inline-block;
    }
    .thankyou-page span.mark-the-big {
        margin: 0 !important;
        padding: 0;
        width: 100% !important;
        display: inline-block;
    }
    section.sec0.thankyou-page {
        display: block;
        padding-top: 80px;
    }
    h3 {
 
        width: 100%;
      }
    .css-13xfq8m-MuiTabPanel-root {
        padding: 0;
    }
    .css-gajhq5 {
  background: linear-gradient(181deg, #46b4e9, #070069);
  
}
.css-gajhq5 a {
    color: #ffffff;
}
   
/* button.MuiButtonBase-root.css-11x9xey-MuiButtonBase-root {
    position: absolute;
    top: 30px;
} */


.btnpos {
    position: absolute;
    top: 30px;
}


    .css-qpq9bu {
        display: block;
    }
    .cta-bar {z-index: 99999 !important;}
    p.strong-profile {
      
        font-size: 16px;
       
    }
    .footer h4 {
      padding-top: 0;
    }
    .form-content p {
      
        font-size: 9px;
       
    }
    .ReactModal__Content.ReactModal__Content--after-open {
        /* height: 550px !important; */
        /* margin-top: 92px; */
        padding: 0px !important;
    }

    .banner-botom .cbox-count:nth-child(even) {
        margin-right: 0 !important;
    }
    .date {
        margin-bottom:0px !important;
    }
    img.sttarnt {
        margin-bottom: -6px;
        margin-top: 30px;
    }
    .sec4 .mark-the-big-container {
        left: -145px;
        width: 125px;
        text-align: center;
        margin: 0 auto;
        top: -14px;
    }
    p.get {
       
        font-size: 12px;
    }
    span.plush {
       
        top: -11px;
    }
    .row.sec8row {
        margin-top: 20px;
    }
    .count-up p {
        font-size: 34px;
    }
    section.sec11 {
        padding: 80px 0 40px 0;
        background: #ffffff;
    }
    .row.row-3 {
        margin-top: 0;
    }
    .col-md-2.tp {
        margin-right: 0;
    }
    div#navbarsExampleDefault {
        position: inherit;
        right: 0;
        top: 0;
        margin-bottom: 10px;
    }
    img.p1.img-fluid.mx-auto {
        width: 75%;
    }
    img.p2.img-fluid.mx-auto {
        width: 75%;
    }
    img.p3.img-fluid.mx-auto {
        width: 75%;
    }
    .repot ul li {
        font-size: 14px;}
    .sec9 img.layer-1-icon5 {
        margin: 0;
        position: relative;
        left: 74px;
    }
    .sec3 .mark-the-big-container {
        left: -46px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
        top: -15px;
    }
    .register span {
      
        font-size: 20px;
        
    }


    section.sec0 {
        margin-top: 0;
        /* background: #ffffff; */
        padding-top: 0px;
    }
    .boader-style {
        background: url(https://sttar.in/nto/images/Layer_1.png) center top 19px no-repeat;
    }
    .videobanner.mobile-banner {
        display: block;
        line-height: 0 !important;
        background-image: url(https://sttar.in/nto/video/NTO-Banner-For-Website.jpg);
        background-size: cover;
    }
    .videobanner {
        display: none;
    }
    span.plush.plush4 {
        right: 124px;
    }
    span.plush.plush3 {
        right: 103px;
    }
    span.plush.plush2 {
        right: 95px;
    }
    span.plush.plush1 {
        right: 95px;
    }
    h4.boager-heading.lines-on-sides0 {
        position: relative;
        top: -114px;
    }
    .banner-count .mark-the-big-container {
        position: relative;
        top: -69px;
        left: 0 !important;
        font-size: var(--font-size-7xl);
        line-height: inherit;
        color: var(--black-new);
        text-align: center;
        margin-bottom: 0px;
        width: 220px;
        height: 5px;
    }
    .searchbox-wrap span {
        font-size: 12px;
        padding: 15px 35px;
    }
    .vector-icon1 {
        position: absolute;
        top: -27px;
        left: 152px;
        width: 52px;
        height: 52px;
        background: #ffffff;
        border-radius: 50%;
        padding: 8px;
    }
    .vector-icon2 {
        position: absolute;
        top: -27px;
        left: 154px;
        width: 52px;
        height: 52px;
        background: #ffffff;
        border-radius: 50%;
        padding: 8px;
    }
    .vector-icon3 {
        position: absolute;
        top: -27px;
        left: 156px;
        width: 52px;
        height: 52px;
        background: #ffffff;
        border-radius: 50%;
        padding: 8px;
    }
    .vector-icon4 {
        position: absolute;
        top: -27px;
        left: 153px;
        width: 52px;
        height: 52px;
        background: #ffffff;
        border-radius: 50%;
        padding: 8px;
    }
    .vector-icon5 {
        position: absolute;
        top: -27px;
        left: 158px;
        width: 52px;
        height: 52px;
        background: #ffffff;
        border-radius: 50%;
        padding: 8px;
    }
    section.sec8 {
        padding: 40px 0;
    }
    section.sec6 {
        width: 100%;
        position: relative;
        padding: 40px 0 40px 0;
        text-align: center;
    }
    img.mygif {
        margin-top: 20px;
    }
    section.sec12 {
        width: 100%;
        position: relative;
        padding: 40px 0 0px 0;
        background: #ffffff;
    }
    section.sec2 {
        margin-bottom: 40px;
        background: rgba(228, 227, 226, 0.50);
        padding-bottom: 80px;
    }
    section.sec4 {
        width: 100%;
        position: relative;
        padding: 40px 0 0px 0;
    }
    .sec2 .mark-the-big-container {
        position: relative;
        left: 16px;
        margin: 0;
        top: -54px;
    }
    img.mask-group-icon {
        margin-top: 20px;
        display: block;
        padding: 0 41px;
    }


    .form-control.inp {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .sec2 .col-md-2.last-count {
        margin: 0 auto;
    }
    .box1 {
        text-align: center;
        width:100% !important;
        margin: 0 auto;
    }
    .sec2 .col-md-2 {
        width: 50%;
    }
    .sttar-national {
        
        display: block;
    }
    .banner-count .mark-the-big-container {
        position: relative;
        top: -29px;
        left: -42% !important;
    }
    .the-first-national-container {
        font-size: 14px;
        margin-top: 0;
    }
   
    section.sec1 {
        margin-top: 0;
        margin-bottom: 0px;
        background: rgba(228, 227, 226, 0.50);
        padding: 40px 0;
    }
    .image-2-icon {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        object-fit: cover;
        text-align: center;
        margin: 0 auto;
        display: flex;
    }
    .sec5 .mark-the-big-container {
       
        position: absolute;
        left: 32%;
        width: 136px;
        top: 82%;
    }
    .image-2-icon {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        object-fit: cover;
        text-align: center;
        margin: 0 auto;
        display: flex;
    }
    .sec12 .sec3 .mark-the-big-container {
        left: 66px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    .sec2 .join-today-button1 {
        display: none;
    }
    .gda p {
        background: #FB6238;
        padding: 5px 20px;
        color: var(--white, #FFF);
        text-align: right;
        font-family: Noto Sans;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 138.8%;
        text-transform: uppercase;
    }
    
    .banner-count {
        position: relative;
        top: 0 !important;
        width: 100% !important;
    }
    .sttar-national-teachers-container1 {
       
        text-align: left;
        align-items: center;
        width: 100%;
        height: inherit;
    }
    .sofor p b {
        color: #FFF;
        text-align: center;
        font-family: Noto Sans;
       
        font-style: normal;
        font-weight: 800;
        line-height: 12px;
        font-size: 16px;
       
    }
    .sofor p {
       
        font-size: 12px;
       
    }
    .btn-count {
        text-align: center;
        width: 190px;
        margin: 0 auto;
        padding-top:0px;
       
    }
    .btn-count-side {
        position: fixed;
        top: 255px;
        right: -79px;
        display: block;
    }


    .myfield .field-count {
        margin-top: 4px !important;
        padding: 0 40px;
    }
    .sttar-national {
       
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 0px !important;
        text-transform: uppercase;
        margin-top: 8px;
    }
    .css-18bgii4 {
        margin-left: 0px;
        width: calc(100% - 260px);
        padding: 0;
        margin-right: 0;
    }
    main.css-18bgii4 {
        margin-top: 88px; 
    }
    .sofor {
        left: 0px !important;
        top: 157px !important;
        width: 194.64px;
        height: 48.524px;
    }
    .sec6 .mark-the-big-container {
        left: 105px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    .sec7 .mark-the-big-container {
        left: 0;
       
    }

    .sec8 .mark-the-big-container {
        left: 0px;
        width: 110px;
        top: -20px;
    }
	.sec8 ul li {
  
    font-size: 14px;
  
}
img.myboader-banner1 {
    position: relative;
    left: 168px;
    top: 9px;
    display: none;
}
	span.mark-the-big.date-color {
 
        width: 100% !important;
    display: inline-block;
   
}
.txt span {
    font-size: 13px !important;
}
	.sttar-national-teachers-container1 .get {
   
        font-size: 24px;
   
}
	.sttar-national-teachers-container1 {
   
    width: 100%;
}
.box-count {
    width:42%;
    max-width: 100%;
    margin-right: 33px;
    padding: 0;
}
.box-count.last-count {
    margin-right: 0;
    margin: 0 auto;
}
	.xit {
  
    top: 13px;
    right: 12px;
   
}
	section.banner-botom {
    margin-top: 0;
    display: none;
}
.box-count {
    max-width: 100%;
    margin-right:0px;
    padding: 0;
    margin-left: 18px;
    padding-top: 20px;
}
	
	.repot ul li {
   
    height: auto;

    margin-bottom: 20px;
}
	.repot ul li:nth-child(1) {width: 100%;}
	.repot ul li:nth-child(2) {width: 100%;}
	.repot ul li:nth-child(3) {width: 100%;}
	.repot ul li:nth-child(4) {width: 100%;}
	.repot ul li:nth-child(5) {width: 100%;}
	.blue-bg-bot {
    margin-top: 15px;
    text-align: center;
}
	.blue-bg-bot p {
    line-height: 120%;
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}
	.sec6 p {
    margin-bottom: 20px;
    width: 100%;
}
	.sec4-count {width: 100%;     margin-bottom: 20px;}
	.sec3 p {
   
    width: 100%;
    text-align: center;
}
	.c-count {
    max-width: 100%;
    text-align: center;
    width:48%;
    margin-bottom: 20px;
}
	.a-participant-can {
  padding: 0 15px;
}
	section.sec2 {
    text-align: center;
}
	p.date {
    width: 100%;
    text-align: center;
    margin-bottom:0px !important;
}
.row.sec2-row .col-md-2 {
    margin-bottom: 25px;
}
	img.icon1 {
    display: inherit;
    margin: 0 auto;
}
	.box1 {
  
    width: 100%;
    height: 188px;
	margin-bottom: 20px;
}
.banner-count {
    padding: 21px;
    background: #272425;
}
    img.img-fluid.global.mx-auto.d-block.mob-none {
    display: none!important;
}
    .client-count {
    display: block;
    margin-bottom:30px;
}
    .insize {
    margin-top: 20px;
}
    .modal-body {
    padding: 15px 15px 40px 5px !important;
}
    section.sec5 {
    padding: 35px 0 35px 0;
   
}
    ul.list {
   
    padding-top: 30px;
}
    .table {
    width: 740px;
   
}
    img.desktop {
    display: none;
}
    img.mob {
    display: block;
}
    section.sec0.mob-olnly-form {
    display: block;
}
    section.sec0 {
    display: block;
}
    .mob-olnly-form {
    display: block;
}
    .left-banner-count {
    padding: 0;
    margin: 52px 0 0 0;
}
    .owl-theme .owl-nav {
 
    top: 22%;
  
}
    .mob-only {
    display: block;
}
    ul.ul-style li:nth-last-child(2) {
    display: none;
}
    span.who {
    color: #4d4d4d;
    display: none;
}
    ul.ul-style li.col-lg-2.col-sm-12 {
    padding: 0;
    margin: 0;
    width: 50%;
}
    ul.ul-style {
    margin-top: 0px;
}
    
  .swap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
   
  }  
 
     
  
     
   
    
      
    
    
    
    
    
    
    
    
    
    p.remoove-mob {
    display: none;
}
    footer {
   
    padding: 30px 0;
   
}
    button.btn.reg-btn.sponcer-btn {
    font-size: 14px;
    background: #fe6500;
}
   
   
    .sec5 h2 {
    font-weight: 400;
    font-size: 30px;
  
    line-height: 32px;

}
    .row-1 .pa1card {
    margin-bottom: 15px;
}
.row-2 .pa1card {
    margin-bottom: 15px;
}
    .scene {
    display: inline-block;
    margin: 0px 0;
    perspective: 600px;
    top: 0;
    position: absolute;
    width: 345px;
    left: 0;
    z-index: 99;
}
    img.card-img-top {
    width: 40%;
    margin-top: 15px;
}
    .sec2 {
  
    padding: 0px 0;
}
    .count-right {
    padding: 0px 20px;
    
}
    .owl-thumbs .owl-thumb-item {
    height: 70px;
        max-width: 100px;
   
}
   
  .count-right h5 {
   
    font-size: 16px;
   
}  
    .banner {
    background: none;
    background-size: cover;
}
    .count-left {
    position: relative;
    bottom: 0;
    left: 0;
}
    .boad-right {
    border-right: none;
    margin-right: 0;
}
    
  ul.ul-style li {
  
    width: 100%;
   
}  
    
    
	section.sec3 {
    margin-top: 0px;
    padding: 40px 0;
}
	.style-2 .mid-heading {
    margin-top: 50%;
}
	div#navbarsExampleDefault {
    padding-top: 0px;
}
	.count-left {
    text-align: center;
}
	.future {
    margin-bottom: 10px;
    width: 88%;
    text-align: center;
}
	.navbar-brand {
   
    margin-right: 0px;
   
    width: 100%;
}
	.navbar {
   
    padding: 0;
}
	.sec4 .table td {
    padding: 5px;
}
	ul.prog-tab .nav-link br {
    display: none;
}
	
	.sec4 h2 {
   
        font-weight: 400;
   font-size: 30px;
    line-height: 32px;
   
    margin-bottom: 10px;
    
}
	
	.card-count.first-count-glb {
    margin-top: 0!important;
}
	.card-count.first-count {
    margin-top: 0 !important;
    width: 70px;
}
button.close {
    top: 0px;
    right: 6px;
}
img.logo {
    width: 4em;
    margin: 0px 20px 0 76px;
    float: right;
}
img.logo.etiket-logo {
    width: 100%;
    margin: 0;
}
/* img.logo {
    width: 100%;
    margin: 0;
} */
	.reg-btn {
    font-size: 12px;
    width:100%;
    font-weight: bold;
}
	

	a.reglink {
    display: none;
}
.mob-btn a.reglink {
    display: block;
	    width: 88%;
}
	.mob-btn {
    margin-right: 15px;
    position: absolute;
    top: 17px;
    right:0px;
    display: block;
    z-index: 9999;
	right: -12px;
}
	.style-2 .card-count {
    margin-top: 0px;
}
	.form-heading {
   
   
    padding: 0;
    margin-bottom: 10px;
}
	.price-desktop {
    display: none;
}
	
	
	.price-mob{ display:block;     margin: 0 auto;}
	/* section.banner {
    
        margin-top: 60px;
    
} */
	
	
	.fixed {
   z-index: 9999;
    
}
	.sec7 {
    width: 100%;
    padding: 40px 0;
}
	
	footer {
   
    padding: 30px 0 0px 0;
        margin-top: 0;
   
}
	img.img-fluid.colage {
    margin-left: 0px;
}
	.sec5 {
    padding-bottom: 40px;
}
	.sec3 h2 {
      font-weight: 400;
   font-size: 30px;
    line-height: 32px;
   padding-top:0px;
   
}
	.sec2 h2 {
   font-size: 30px;
    padding-top: 20px;
        line-height: 32px;
}
	.sec1 {
    padding:0px 0 40px 0;
}
	.count-right b {
    font-size: 18px;
    margin-bottom:0px;
    text-align: center;
    width: 100%;
}
	.count-right h4 {
		    margin-bottom: 10px;

    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
	
    text-align: center;
}
	section.banner {
        background: #ffffff;
    padding:0px 0px 0px 0px;
}
	.style-2 .card-count {
  
   margin-top: 50%;
}
	button.navbar-toggler {
    position: relative;
    left: 0;
    top: 0;
    margin: -75px 0 0 0;
}
	ul.prog-tab li.nav-item {
    min-width: 100%;
    background: #d4d4d4;
    border-bottom: #ffffff 1px solid;
}
	.sec4 {
    width: 100%;
    display: inline-block;
    margin:0px;
    padding: 0px 0px 20px 0px;
}
	.left-count {
    padding-top: 0px;
}
	.sec8 h2 {
    font-weight: 500;
    
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Rubik', sans-serif;
}
	.demopadding {
    margin: 0px auto;
    width: auto;
    text-align: center;
    display: inline-block;
}
	footer {
   
    text-align: center;
}
	.sec6 h2 {
       font-weight: 400;
   
    text-align: center;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 32px;
        padding-bottom: 10px;
   
}
	.sec5 h2 {
    text-align: center;
        padding-bottom: 10px;
}
	.sec5 ul {
    background: none;
       min-height: inherit;
    padding-top: 0px;
}
	.sec1-count {
    background: none;
    padding: 0;
    background-size: contain;
}
	.sec1 h2 {
       font-weight: 400;
        font-size: 22px;
    line-height: 30px;
    
}

	.card-count {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
}
.card-count2 {
    width: 100%;
   
}
	
}
@media only screen and (width: 1024px) { 
    .rank-certificate.report-cert img.ntologo {
        width: 104px !important;
        margin-bottom: 4px;
    }




}
@media only screen and (min-width: 600px) and (max-width: 640px) {
    .sofor-mobile{
        top: 16px !important;
    }

}
@media screen and (max-device-width: 767px) and (orientation:portrait) {
    .sofor-mobile{
        top: 16px !important;
    }

	}
@media only screen and (max-width: 767px) and (orientation:landscape){
   
    .sofor-mobile{
        top: 16px !important;
    }
	
ul.ul-style li {
    float: left;
    width: 100%;
    text-align: center;
}	
	
}
@media only screen  and (max-width :480px){
    .btn-count-side {
      
        right: -73px;
       
    }
    .sec2 .mark-the-big-container {
        position: relative;
        left: -11px;
        margin: 0;
        top: -16px;
    }
    .sec5 .mark-the-big-container {
        position: absolute;
        left: 6%;
        width: 164px;
        top: 65%;
    }
    
  .scene {
  
    width: 452px;
 
}  
    
    
}
/* @media only screen  and (max-width :430px){
    .txt span {
    font-size: 14px !important;
} */
@media only screen and (max-width: 375px) {
    h4.datecert {
        font-size: 7px !important;
        margin-left: 14px !important;
        width: 52px !important;
        text-align: center !important;
    }
    .txt span {
        font-size: 14px !important;
    }
}

@media only screen and (min-width: 376px) and (max-width: 419px) {
    .txt span {
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 420px) and (max-width: 430px) {
    .txt span {
        font-size: 18px !important;
    }
    h5.testdate {
        margin-top: 0px;
    }
}

@media only screen  and (max-width :414px){
    .date-count {
        bottom: 15% !important;
        position: absolute;
        left: 3% !important;
    }
    .btn-count-side {
        position: fixed;
        top: 255px;
        right: -75px;
        display: block;
    }
    .join-today-button11 {
      
        padding:13px 27px;
     
        line-height: 11px;
     
    }
    /* .ntoexam2024  .btn-count-side.only-mobile {
        rotate: 0deg;
        top: inherit;
        bottom: 25px;
        right: 0;
        width: 100%;
        padding: 0px;
        display: none;
    } */


    section.banner {
        background: #ffffff;
    }
    .rank-certificate.report-cert .name-cert p {
        /* font-size: 14px !important; */
        font-family: arial !important;
        padding-left: 0;
        margin-left: 0;
    }
    .rank-certificate.cert-count h1.certheading {
        font-size: 14px !important;
        line-height: 14px;
    }
    .rank-certificate.report-cert img.global {
        width:38% !important;
        margin-top: 5px !important;
    }
    .rank-certificate.report-cert img.sign {
        margin-top: 0px !important;
        width: 46% !important;
    }
    img.global {
       
        margin-top: 0;
    }
    h5.testdate {
        margin-top: 0px;
    }
    .sec2 .mark-the-big-container {
        position: relative;
        left: 27px;
        margin: 0;
        top: -16px;
    }
    .sec5 .mark-the-big-container {
        position: absolute;
        left: 5%;
        width: 219px;
        top: 35%;
    }
    .sec6 .mark-the-big-container {
        left: 107px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    .txt {
        line-break: anywhere;
        width: 98%;
    }
    
    img.myboader-banner1 {
        position: relative;
        left: 206px;
        top: 9px;
        display:none;
    }
    .sofor {
        right: 0;
        /* top: 0% !important; */
        
    }
	
    span.plush.plush4 {
        right: 137px;
    }
         span.plush.plush3 {
           right:113px;
        }
        span.plush.plush2 {
            right: 106px;
        }
        span.plush.plush1 {
            right: 107px;
        }
}
@media only screen  and (max-width :393px){
    .name-cert p {
        font-size: 10px !important;
    }
  .scene {
    width: 364px;
}  
}
@media only screen  and (max-width :375px){
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px !important;
        top: 27px !important;
        left: 12px !important;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: 26px !important;
        left: 24px !important;
        text-align: center;
        width: 56px;
    }


    .share-poup.signupform .modal-dialog {
    
        margin: 0px auto;
    }
    .cert-count h1.certheading {
        font-size: 16px !important;
    }
    span.name {
        font-size: 20px !important;
    }
    img.sign {
        margin-top: -32px !important;
        width: 91% !important;
    }
    h1.certheading {line-height: 38% !important;}
    h5.testdate { width: auto !important;}
    h5.testdate {width: auto !important;}
    p.promo {
      
        font-size: 10px;
       
    }
    .myform input {
       
        font-size: 12px !important;
        
    }
    .submit-btn {
        width: 100%;
       
        height: 60%;
        font-size: 12px !important;
    }
    .sec3 .mark-the-big-container {
        left: -68px;
      
    }
    .sec12 .mark-the-big-container {
      
        left: 9%;
     
    }
    .sec5 .mark-the-big-container {
       
        left: 42px;
    top: 19%;
    }
    section.banner {
        margin-top:0px;
        background: #ffffff;
    }
    span.plush.plush4 {
        right: 119px;
    }
    span.plush.plush3 {
        right: 102px;
    }
    span.plush.plush2 {
        right: 89px;
    }
    .sec8 .mark-the-big-container {
        left:0px;
       
    }
    span.plush.plush1 {
        right: 91px;
    }
    .sec6 .mark-the-big-container {
        left: 103px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    
}
@media only screen  and (max-width :390px){
.scene {
    width: 360px;
}
}
@media only screen  and (max-width :385px){


}
@media only screen  and (max-width :384px){
    img.certbtn {
        width: 15%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        margin-left: 31px;
    }
    .btn-count-side {
        position: fixed;
      
        right: -76px;
        display: block;
    }
    .cert-count.report-cert.rank-certificate img.global {
        width: 38% !important;
        margin-top: 12px !important;
    }
    .rank-certificate.cert-count h1.certheading {
        font-size: 14px !important;
    }

    .cert-count h1.certheading {
        font-size: 8px !important;
    }
    span.name {
        font-size: 10px !important;
    }
    .sec2 .mark-the-big-container {
        position: relative;
        left: -14px;
        margin: 0;
        top: -19px;
    }
    }

@media only screen  and (max-width :360px){
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: 21px !important;
        left: 27px !important;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px !important;
        top: 21px !important;
        left: 9px !important;
    }
    .date-count {
        bottom: 15% !important;
        position: absolute;
        left: 3% !important;
    }
    .image-2-icon {
      
        width: 38%;
       
    }
    .btn-count-side {
      
        right: -76px;
       
    }
    p.testby {
        font-weight: 400;
        font-family: arial !important;
        margin-left: 0 !important;
    }
    h5.testdate {
        margin-left: 17px !important;
    }
    .name-cert p {
        font-size: 8px !important;
        line-height: 10px !important;
    }
    h1.certheading {line-height: 38% !important;}
    h5.testdate { width: auto !important;}
    h5.testdate {width: auto !important;}
/* this code is design  */
    .design10 .timer {
        position: absolute;
        right: 128px;
        top: 154px;
        z-index: 2;
    }
    


    .onload-popup h2 {
      
        font-size: 16px;
      
        line-height: normal !important;
        
        margin-top:0px;
    }
    section.registration-page-right {
        margin-top: 40px;
    }
    .enquire-count {
        margin-top: 0;
    }
    .txt span {
        font-size: 17px !important;
    }
    .sofor {
        right: 0;
        /* top:0% !important; */
    }
    form.myform {
    margin-top: 0 !important;
}
    .sec6 .mark-the-big-container {
    left: 0px;
   
}
    span.plush.plush4 {
    right: 112px;
}
     span.plush.plush3 {
       right: 94px;
    }
    span.plush.plush2 {
        right: 84px;
    }
    span.plush.plush1 {
        right: 85px;
    }
    .sec12 .mark-the-big-container {
        position: absolute;
        left: 15%;
        width: 100px;
        top: 15px;
        margin: 0 auto;
        z-index: 99;
    }
    .sec2 .mark-the-big-container {
    position: relative;
    left: 11px;
    margin: 0;
    top: -52px;
}
    .sec5 .mark-the-big-container {
        position: absolute;
        left: 64px;
        width: 164px;
        top: 16px;
    }
   

}
@media only screen  and (max-width :320px){
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px !important;
        top: 5px !important;
        left: 8px !important;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px !important;
        top: 5px !important;
        left: 2px !important;
    }
    .date-count {
        bottom: 15% !important;
        position: absolute;
        left: -5px !important;
    }
    .share-poup.signupform .modal-dialog {
       
        margin: 0px auto;
    }
    .refer-count p {
        font-size: 12px;
        letter-spacing: 0px;
        font-weight: 600;
        padding: 7px 0;
        line-height: 19px !important;
        text-align: center;
    }
    .refer-text {
        font-size: 10px;
    }
    .signupform.share-poup .modal-body {
        height: inherit;
      
        width: 100%;
        padding: 15px 15px !important;
        background-size: cover !important;
    }
    .signupform.share-poup .description-new {
        text-align: center;
        padding-right: 122px;
    }
    span.txt.mob-tex.hide-desk span {
        font-size: 12px !important;
    }
    .btn-count-side {
        position: fixed;
        top: 203px;
        right: -76px !important;
        display: block;
    }
    .join-today-button2 {
 
        font-size: 12px;
       
    }
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: -2px;
        left: -3px;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 8px;
        top: 0px;
        left: 14px;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank2-count {
      
        width: 68px !important;
    }
    .rank-certificate.report-cert .rank1-count {
        width: 68px !important;
    }
   .progressTableuser {
        background: #ffffff !important;
    }
    span.myname {

        font-size: 14px !important;
        margin-right: 100px;
    }
    span.name {
        font-size: 12px !important;
    }
    .sofor {
      
        top: 123px !important;
    }
    .cert-count h1.certheading {
        font-size: 16px !important;
    }
    h4.datecert {
        font-size: 5px !important;
        margin-left: 20px !important;
    }
    section.banner {
        margin-top: 26px;
    }
    .myform .form-control {
       
        font-size: 12px;
       
    }
    .enquire-count span.myboader {
        top: 32px !important;
    }
    p.striptext {
       
        font-size: 10px !important;
      
    }
    .sec9 .mark-the-big-container {
        top: -11px;
        left: -69px;
    }
    .searchbox-wrap {
        display: flex;
        width: 86%;
        margin-top: 0;
        margin-left: 0;
       
    }
    .searchbox-wrap span {
        margin-left: -65px;
       
    }
    span.plush.plush4 {
        right: 91px;
    }
    span.plush.plush3 {
        right: 73px;
    }
    span.plush.plush2 {
        right: 63px;
    }
    span.plush.plush1 {
        right: 64px;
    }
    .ReactModal__Content.ReactModal__Content--after-open {
        height: 550px !important;
        margin-top: 152px;
    }
    .sec4 .mark-the-big-container {
        left: -239px;
        width: 125px;
        text-align: center;
        margin: 0 auto;
        top: -14px;
    }
    .field-count {
        margin-top: 0px !important;
       
    }
    .onload-popup h2 {
        
        font-size: 16px;
        
    }
    img.logo {
        width: 3em;
        margin: 0px 20px 0 76px;
        float: right;
    }
    .btn-count-side {
        position: fixed;
        top: 294px;
        right: -78px;
    }
    .sec6 .mark-the-big-container {
        left: -6px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    p.get {
        font-size: 11px;
    }
    p.strong-profile {
       
        font-size: 14px;
       
    }
    .banner-count .mark-the-big-container {
        position: relative;
        top: -29px;
        left: -63% !important;
    }
    .txt span {
        font-size: 15px !important;
    }

    .box-count {
        max-width: 100%;
        margin-right: -13px;
        padding: 0;
        margin-left: 20px;
        padding-top: 20px;
        width: 43%;
    }
    button.navbar-toggler {
  
    margin: -74px 0 0 0;
}
    .table td, .table th {
  
    font-size: 10px;
   
}
    .modal-body {
    padding: 0;
}
    .right-banner-count {
    padding: 0;
    margin: 15px 0 0 0;
}
.sec5 h2 {
   
    font-size: 25px;
    line-height: 32px;
}
    .sec2 h2 {
    font-size: 25px;
    padding-top: 15px;
    line-height: 32px;
}
    ul.ul-style li p {
    color: #5f459a;
    font-size: 16px;
}
    .owl-thumbs .owl-thumb-item {
    height: 70px;
    max-width: 85px;
}
    
  .scene {
  
    width: 290px;
  
}  
    
    
    
    
    
	.style-2 .card-count {
    margin-top: 80px;
}
	.mob-btn {
  
  top: 15px;
    
}

	
	.reg-btn {
    font-size: 10px;
}
	
	
}