/* css for nto responsive 24-8-23*/
@media (min-width:1900px){
    .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){
    span.name {
     
        font-size: 60px !important;
    }

    h1.certheading {
       
        font-size: 50px !important;
        
    }
    
}
@media (max-width:1600px){
    span.name {
        font-size: 30px !important;
    }

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


@media (max-width:1366px){
    .rank-certificate.report-cert .rank-number2 {
        color: #134584;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top: 54px;
        left: 39px;
        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: 51px;
        left: 36px;
        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: 40px 0px;
}
.sofor {
  
    top: 41px !important;
}
	.style-2 p.card-text {
    font-size: 12px;
}
	.style-2 .front h6.card-title {
   
    font-size: 21px;
    
}
	
	
}




@media (max-width:1366px){
    .row.sec3-row {
        margin-top: 10px;
    }
	.count-left {
    position: absolute;
    bottom: -44px;
    left: 100px;
}
	
	
}


@media (max-width:1280px){
    .mymodel .modal-dialog {
        max-width: 670px;
        margin: 1.75rem auto;
    }
    .rank-certificate.report-cert .rank-number2 {
      
        top: 50px;
        left: 35px;
        text-align: center;
        width: 56px;
        font-family: arial !important;
    }
    .rank-certificate.report-cert .rank-number1 {
      
        top: 49px;
        left: 34px;
        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: 30px !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){
  
   
   
}
@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-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   
    p {
       font-size: 12px;
    }
   
    img.myboader-banner1 {
        position: relative;
        left: 40px;
        top: 63px;
    }
    .txt span {
      
        font-size: 14px;
       
        line-height: 14px !important;
    }
   
   
    .navbar-dark .navbar-nav .nav-link {
        font-size: 10px;
    }
    .navbar-brand {
        width: 80px;
    }
    .box-count {
        width: 100%;
        max-width: 127px;
        margin-right: 24px;
        padding: 0;
    }
    section.banner {
        margin-top: 0;
    }
    section.banner {
        
        padding: 0px 0px 40px 0px;
    }
    p.strong-profile {
       
        font-size: 12px;
       
    }
    .banner-count {
        position: absolute;
        top: 60px;
        width: 65%;
    }
    .css-18bgii4 {
        margin-left: 0px;
        width: calc(100% - 260px);
        padding: 0;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 744px;
    }
    .txt {
        line-break: anywhere;
        width: 77%;
    }
    .sofor {
        top:35px !important;
    }
    .sttar-national {
     
        font-size: 24px;
      
        line-height: 24px !important;
     
    }
    .sttar-national-teachers-container1 .get {
      
        font-size: 24px;
       
        line-height: 24px;
        
    }
    .span3 {
     
        font-size: 28px;
        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;
}

}

@media only screen and (width: 1024px) {
	
	
}
@media only screen and (max-width: 480px) {
    .rcbox.rcbox1 {
        margin-top: -36px !important;
    }
    .rank-certificate.cert-count img.ntologo {
        width: 87px !important;
    }
img.global {
    width: 70% !important;
   
    margin-top: -3px !important;
}
.cert-count.report-cert.rank-certificate img.global {
    width:30% !important;
   
    margin-top: 26px !important;
}
.item-slider-1 .title {
    font-size: 25px; 
}

.item-slider-1 .box-content ul li p{
    font-size: 16px;
}

.item-slider-1 .sub {
    font-size: 40px;
}


}

@media only screen and (max-width: 412px) {
    .cert-count.report-cert.rank-certificate img.global {
        width: 43% !important;
        margin-top: 12px !important;
    }
    .item-slider-1 .box-content ul li p{
        font-size: 12px;
    }
    .cert-count h1.certheading {
        font-size: 14px !important;
    }
    span.name {
       
        font-size: 16px !important;
    }
    .sharebox
{ height: 142px !important;   }   

.title.clr-pri-2 {
    font-size: 22px;
}
}

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

.item-slider-1 .box-content ul li p{
    font-size: 14px;
}
}
@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) {
    .mylogo {
        display: none;
      }
    .rcbox.rcbox1 {
        margin-top: -20px;
    }
    .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: 14px;
        top: 40px;
        left: 22px;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 14px;
        top: 38px;
        left: 20px;
        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;
       
    }
  
    .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: 28px;
        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%;
    }
    h5.testdate {
       
        font-size:9px !important;
       
    }
    h4.datecert {
        font-size: 7px !important;
        margin-left: 20px !important;
       
    }
    img.cert {
        min-height: 300px;
    }
    .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: 10px;
      
    }
    .enquire-count span.myboader {
        top: 75px;
    }
    .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: 43px;
        right: 38px;
    }
    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: 70px !important;
        width: 100%;
        background-color: white;
    }
    .bg-white-new{ background:#ffffff;}
    .btn_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        left: 10px;
        font-size: 22px;
    }
    .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: 10px 20px;
        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;
}
.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);
  height: 100vh;
  
}
.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: 15px;
        
    }
    .boader-style {
        background: url(https://sttar.in/nto/images/Layer_1.png) center top 19px no-repeat;
    }
    .videobanner.mobile-banner {
        display: block;
    }
    .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: 0;
        display: none;
    }
    .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: 334px;
        right: -57px;
        display: none;
        
       
    }
    .sttar-national {
       
        font-size:30px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px !important;
        text-transform: uppercase;
    }
    .css-18bgii4 {
        margin-left: 0px;
        width: calc(100% - 260px);
        padding: 0;
        margin-right: 0;
    }
    main.css-18bgii4 {
        margin-top: 88px; 
    }
    .sofor {
       
        right: 0;
        top:4px !important;
       
    }
    .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: 89px;
        width: 110px;
        top: -20px;
    }
	.sec8 ul li {
  
    font-size: 14px;
  
}
img.myboader-banner1 {
    position: relative;
    left: 168px;
    top: 9px;
}
	span.mark-the-big.date-color {
 
        width: 100% !important;
    display: inline-block;
   
}
.txt span {
    font-size: 18px !important;
}
	.sttar-national-teachers-container1 .get {
   
    font-size:20px;
   
}
	.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%;
}
	.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: 20px;
    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 15px;
}
    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: 0;
    right: 12px;
}
img.logo {
    width: 6em;
    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 {
  
    padding:0px 0px 40px 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){
    .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){
h5.testdate {
    margin-top: 0px;
}
}

@media only screen  and (max-width :414px){
    .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: -53px;
    }
    .sec5 .mark-the-big-container {
        position: absolute;
        left: 18%;
        width: 164px;
        top: 24%;
    }
    .sec6 .mark-the-big-container {
        left: -7px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    .txt {
        line-break: anywhere;
        width: 96%;
    }
    
    img.myboader-banner1 {
        position: relative;
        left: 139px;
        top: 9px;
    }
    .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){
    .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: 108px;
       
        top: 72%;
    }
    section.banner {
        margin-top: 41px;
    }
    span.plush.plush4 {
        right: 119px;
    }
    span.plush.plush3 {
        right: 102px;
    }
    span.plush.plush2 {
        right: 89px;
    }
    .sec8 .mark-the-big-container {
        left: 0;
       
    }
    span.plush.plush1 {
        right: 91px;
    }
    .sec6 .mark-the-big-container {
        left: 0px;
        width: 139px;
        text-align: center;
        margin: 0 auto;
    }
    
}
@media only screen  and (max-width :390px){
.scene {
    width: 360px;
}
}
@media only screen  and (max-width :384px){
    .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: 14px !important;
    }
    span.name {
        font-size:16px !important;
    }
    .sec2 .mark-the-big-container {
        position: relative;
        left: 16px;
        margin: 0;
        top: -11px;
    }
    }

@media only screen  and (max-width :360px){
    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;}




    .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){
    .join-today-button2 {
 
        font-size: 12px;
       
    }
    .rank-certificate.report-cert .rank-number2 {
        font-size: 10px;
        top: 26px;
        left: 8px;
        text-align: center;
        width: 56px;
    }
    .rank-certificate.report-cert .rank-number1 {
        font-size: 10px;
        top: 28px;
        left: 7px;
        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: 20px !important;
    }
    .sofor {
      
        top: 2px !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;
    }
    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: -62px;
    }
    .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: 14px !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;
}
	
	
}

.wrapper-1{
    width:100%;
    height:100vh;
    display: flex;
  flex-direction: column;
  }
  .wrapper-2{
    padding :30px;
    text-align:center;
  }
  h1{
      font-family: 'Kaushan Script', cursive;
    font-size:4em;
    letter-spacing:3px;
    color:#5892FF ;
    margin:0;
    margin-bottom:20px;
  }
  .wrapper-2 p{
    margin:0;
    font-size:1.3em;
    color:#aaa;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing:1px;
  }
  .go-home{
    color:#fff;
    background:#5892FF;
    border:none;
    padding:10px 50px;
    margin:30px 0;
    border-radius:30px;
    text-transform:capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
  }
  .footer-like{
    margin-top: auto; 
    background:#D7E6FE;
    padding:6px;
    text-align:center;
  }
  .footer-like p{
    margin:0;
    padding:4px;
    color:#5892FF;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing:1px;
  }
  .footer-like p a{
    text-decoration:none;
    color:#5892FF;
    font-weight:600;
  }
  
  @media (min-width:360px){
    h1{
      font-size:4.5em;
    }
    .go-home{
      margin-bottom:20px;
    }
  }
  
  @media (min-width:600px){
    .content{
    max-width:1000px;
    margin:0 auto;
  }
    .wrapper-1{
    height: initial;
    max-width:620px;
    margin:0 auto;
    margin-top:50px;
    box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
  }
    
  }