@media (min-width: 320px) and (max-width:991.99px){
        /* ----tablet view css---- */
         /* ----laptop view css---- */
        .laptop {
            min-height: 100vh;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center !important;
        }
        .laptop .card-container {
            margin: auto;
            width: 100%;
            max-width: 100%;
        }
        .main-text {
            display: none;
        }
         /* ----form input css---- */
        input[type=text], [type=password]{
            font-size: 14px;
        }
        .form-btn {
            padding: 15px 0;
            justify-content: space-between;
        }
        .btn-log{
            padding: 6px 30px;
        }
          /* ----Sign in css---- */
        .signin-text h1{
            font-size: 30px;
        }
        .sign-logo{
            padding: 14px 0;
        }
        .sign-logo img{
            width: 100px;
        }
        .forgot-pass a{
            font-size: 13px;
        }
        .register span{
            font-size: 13px;
        }
        .check-box {
            padding-bottom: 20px;
        }
        .forgot-pass {
            padding-bottom: 15px;
        }
        .signin-card {
            min-height: auto;
            margin: 0 auto;
        }
	    
		body {
			background-image: url(../images/new/bg-2.jpg);
			background-position: right;
		}
	    body.green_background {
			background-image: none; /*url(../images/new/bg-retailer.jpg);*/
			/*background-position: top right;*/
            background-color: #2797CD;
		}
	}

    @media (min-width: 320px) and (max-width:425px){
        .sign-logo img {
            width: 130px;
        }
        .sign-logo{
            padding: 35px 0;
        }
        .signin-text h1{
            font-size: 22px;
        }
        input[type=text], [type=password]{
            font-size: 14px;
        }
        .btn-log{
            font-size: 14px;
        }
        .check-box{
            padding-bottom: 15px;
        }
        .forgot-pass {
            padding-bottom: 15px;
            font-size: 14px;
        }
        .register {
            padding-bottom: 21px;
            font-size: 14px;
        }
    }