/* Media Responsive */
@media only screen and (max-width: 1200px) {
	.signInHeading h3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.7rem;
	}
	.userField input {
    height: 45px;
	}
	.userIcon i {
    font-size: 1rem;
	}
	.signInUser {
	width: 100%;
	}
	.userIcon {
		width: 46px;
    height: 48px;
	}
	.rememberForget label, .rememberForget p {
    font-size: 0.9rem;
	}
	.loginButton button {
    width: 9rem;
	}
	.userField input {
    width: 14rem;
	}
	.showHidePass {
    top: -6px;
	}
	.rememberForget label {
    margin-right: 3rem;
}
}

@media only screen and (max-width: 768px) {
		.countryPadding {
    padding-left: 15px;
	}
	.pinPadding{
	padding-right:15px;	
	}
	.signInHeading h3 {
    padding-top: 2rem;
	}
	.signInLogo img {
    width: 4.2rem;
    margin-top: 1.5rem;
    margin-left: 1rem;
	}
}
@media only screen and (max-width: 576px) {
	.statePaddng{
		padding-bottom:0.5rem;
	}
	.manualBtn {
    width: 97px;
	 display: block !important;
    font-size: 1rem;
	margin: 0.5rem auto;
	}
	.allBtns {
    justify-content: center;
	}
	.allBtns{
    display: block !important;
	}
	.inputPad {
    padding-right: 0px !important;
	}
	.mainSigninDiv {
    border-radius: 9rem 7rem;
    width: 30rem;
    height: 23rem;
	}
.signInLeftSection:after {
    border-radius: 10rem 11rem;
    width: 31.5rem;
    height: 25rem;
    transform: rotate(154deg);
}
.mainSigninDiv {
    border-radius: 11rem 10rem;
    width: 31rem;
    height: 24rem;
	transform: rotate(136deg);
}
.markAttendencebtn {
    width: 170px;
    font-size: 0.9rem;
}
.slider.slider-horizontal{
    margin-bottom: 24px!important;
    width:90%!important;
    margin-left: 15px!important;
}
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        display:none!important;
    }
}

@media only screen and (max-width: 480px) {
	.formPadding {
    padding: 0px 8px;
	margin:auto 0px;
	}
	.allBtns {
    display: block;
	}
	.buttonDiv{
	padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
	}
	.allBtns {
    text-align: center;
}
	.form-group {
		padding:auto 0px !important;
	}
	.form-control {
    font-size: 0.7rem !important;
}
	.col-form-label {
    font-size: 0.9rem !important;
	}
	.whiteBox {
    margin: 3rem 3rem;
	}
	.mainSigninDiv {
    border-radius: 7rem 8rem;
    width: 17rem;
    height: 23rem;
    transform: rotate(225deg);
	background-image: linear-gradient(174deg, #87199a, #84d0f3);
}
.signInLeftSection:after {
    border-radius: 10rem 6rem;
    width: 17rem;
    height: 24rem;
    transform: rotate(229deg);
}
.signInLogo {
    width: 70px;
    height: 70px;
}
.signInLogo img {
    width: 3.2rem;
    margin-top: 1rem;
    margin-left: 0.7rem;
}
.signInHeading h3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.3rem;
}
.userIcon {
    width: 42px;
    height: 43px;
}
.userField input {
    width: 10rem;
}
.rememberForget label {
    margin-right: 2rem;
    font-size: 0.7rem;
}
.rememberForget p {
    font-size: 0.7rem;
}
.loginButton button {
    width: 7rem;
    font-size: 0.7rem;
}
	.headLink h2 {
    padding-top: 15px;
    font-size: 2rem;
	}
	.workboxIcon img {
    width: 1.5rem;
	}
.headLink21 img {
    width: 116px;
}
.headLink h2 {
    padding-top: 24px;
}
}
@media only screen and (max-width: 376px) {
	.userField input {
    height: 35px;
}
.userIcon i {
    font-size: 12px;
}
.userIcon {
    width: 34px;
    height: 34px;
}
.logos {
    margin: -0px 2px;
}	
.headLink h2 {
    padding-top: 9px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.signInLogo img {
    width: 40px;
	    margin: 0px;
}
.signInLogo {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.signInLogo img {
    width: 32px;
    margin: 0px;
}
.showHidePass {
    top: 2px;
    font-size: 10px!important;
}
.loginButton button{
padding: 8px 0px;
    width: 92px;
    font-size: 10px;
    font-weight: 500;
}
.rememberForget label {
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rememberForget {
    justify-content: space-between;
}
input[type=checkbox] {
    margin-right: 5px;
}
.companyFooter {
    position: absolute;
    bottom: 2px;
    font-size: 10px;
}
.signInHeading h3 {
    padding-top: 10px;
    padding-bottom: 7px;
    font-size: 25px;
}
.iconNav img {
    width: 15px !important;
    height: 15px !important;
}
.menuIcons-1 {
    width: 30px;
    height: 30px;
    margin: 7px 3px;
}
.menuIcons-1 {
    width: 32px;
    height: 32px;
    margin: 7px 2px;
}
.loginUserIdTop span{
	color:#fff !important;
}
.headingTopText h2 {
    font-size: 20px;
}
.signInBtn{
	margin-left:10px;
}
.bannerSec {
    padding-top: 8rem;
}
.headLink h2 {
    font-size: 39px;
}
.tradeMark {
    top: 20px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    font-size: 8px;
    font-weight: bold;
    margin-top: -11px;
    position: absolute;
    border: 2px solid #000;
    width: 22px;
    height: 22px;
    padding: 5px 3px;
    left: 51%;
}
}
@media only screen and (max-width: 360px) {
	.tradeMark {
    left: 54%;
}
}
@media only screen and (max-width: 320px) {
.tradeMark {
    left: 61%;
    top: 20px;
}
.signInContent {
    top: 43%;
}
}