@media screen and (max-width : 1024px) {
    .main-container {
        width: 90%;
    }
}
@media screen and (max-width : 992px) {
    .logodiv {
        display: none;
    }
    .logindiv {
        width: 100%;
    }
    .login-height {
        height: auto !important;
    }
}

@media screen and (max-width : 1024px) {
.yellowbox ul li{width: 45.2%;padding: 20px;}
.maincnt .lefttext{    padding: 85px 50px 50px 50px;}
.maincnt .lefttext span{    font-size: 29px;}
.profilebg button{    padding: 4px 26px;}
.maincnt .lefttext{background: url(../images/calender-bg.jpg) 60px 57px no-repeat;}
}

@media screen and (max-width : 980px) {
.profilebg button {padding: 4px 10px;}
.maincnt .lefttext {
    background: none;
    width: 100%;
    text-align: center;
    padding: 10px 50px 20px 50px;
}
.yellowbox{    width: 100%;}	
}

@media screen and (max-width : 768px) {
.maincnt .lefttext {padding: 10px 50px 20px 50px; background:none;}
.maincnt .lefttext span {font-size: 25px;}
.yellowbox ul li span{font-size: 11px;}
.yellowbox ul li{    width: 43.2%;     font-size: 39px}
.profilebg button{    padding: 4px 10px;
}
}

@media screen and (max-width : 767px) {
.maincnt .lefttext{padding: 0px 10px 10px 10px; text-align: center}	
.yellowbox ul li {width: 46%; margin: 10px;}
.profilebutton{text-align: center;}
.addnewadmi{float:none; margin:10px 0px;}
.profilebg .rowmar {margin: 10px 0px 20px 0px;}
.stepbox{    width: 30%;float: left;margin: 0px 0px 20px 0px;}
.stepline{display:none;}
tabs > nav{text-align: left !important;}
tabs > nav > tab{    padding: 0 15px !important;}
.stepbox{    width: 33%;}
tabs > nav > tab{    width: 50%;}
.yellowbox ul li span {font-size: 14px;}
.sablinks .remebertxt { width: 55%;   font-size: 13px;}
.sablinks .forgotuser a {
    color: #707070;
    font-size: 12px;
    padding: 1px;
}
.sablinks .forgotpass {
    width: 45%;
    float: left;
    text-align: right;
    font-family: 'JioType';
    font-size: 12px;
}
.sablinks .forgotpass a {
    text-decoration: none;
    color: #707070;
    font-size: 13px;
}
}
@media screen and (max-width : 667px) {
.container .header .col-sm-6{width: 49%;float: left; }.welcometxt{    text-align: right;    padding-top: 20px} .container .header .col-sm-6 img{    margin: 0px 0px 0px 0px;} .stepbox{    width: 33%;}
tabs > nav > tab{    width: 50%;}
.profilebg .title span{float:none;}
.profilebg button {padding: 4px 7px;}
#profileImage img{width:100%; height:auto;}

}
@media screen and (max-width : 600px) {
.maincnt .lefttext{padding: 0px 10px 10px 10px;}	
.yellowbox ul li {width: 100%; margin: 10px 0px;}
.container .header .col-sm-6{    width: 100%; text-align:center;}
.stepbox{    width: 33%;}
tabs > nav > tab{    width: 50%;}
.welcometxt{    text-align: center;    padding-top: 20px}
#profileImage img{width:100%; height:auto;}
.nextbtn{    padding: 0px; margin: 10px 0px 0px 0px;}
.nextbtn button{    width: 100%; }
tabs > tab{    padding: 20px 0px 0 !important;}
.checkbox-btn label, .radio-btn label{line-height: 18px; padding-left: 10px;}
}

@media screen and (max-width : 568px) {
.profilebg button {padding: 4px 5px;}
}
@media screen and (max-width : 460px) {

.profilebg button{width: 100%;margin-bottom: 10px;}
tabs > nav > tab{    width: 100%;}
.stepbox {width: 50%;/* background: #000; */height: 100px;}
.welcometxt{    padding: 5px 0px 0px 0; text-align:center;}
.container .header{    padding: 10px 0px;}

}

@media screen and (max-width : 360px) {
.stepbox {width: 100%;/* background: #000; */ border-bottom: 1px solid #ececec;}
.mdl-textfield__input{    width: 80%;}
.sablinks .forgotuser{padding: 15px 0px 0px 0px;}
.system-btn{font-size: 10px;}
.sablinks .forgotuser a {font-size: 10px;}
.dropdown-toggle::after{top: 0px;}
}