@media(max-width: 1200px){
   .login-wrapper h4 {
        font-size: 18px;
    }

    .login-wrapper form label {
        font-size: 16px;
    }

    .login-wrapper form input {
        width: 95%;
    }

    .login-wrapper .txt-logo {
	    margin-top: 12%;
	}
}

@media(max-width: 991px){
	body.login-page,
    body.nologin-page {
        background: url(../images/mobile-bg.png)top center no-repeat;
        background-attachment: initial;
        background-size: cover;
        font-family: 'CenturyGothic';
        color: white;
        font-size: 18px;
        overflow: initial;
        /*height: auto;*/
        background-color: #542442;
    }

    .login-wrapper form input {
	    width: 95%;
	    font-size: 15px;
	    height: 30px;
	}

    .logo-wrapper {
        max-width: 180px;
        margin-top: 10px;
        position: absolute;
    }

    .brand-wrapper .txt-logo, .process-wrapper .txt-logo {
        margin-top: 10%;
    }

    .brand-wrapper ul li {
        list-style: none;
        display: inline-block;
        width: 39%;
        max-width: 150px;
        margin: 1%;
    }


    .brand-wrapper .txt-logo, .process-wrapper .txt-logo {
        max-width: 65%;
        margin-top: 15%;
    }

	.login-wrapper h4 {
	    font-size: 16px;
	    margin-bottom: 15px;
	    text-align: center;
	}

	.login-wrapper form label {
	    font-size: 16px;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	}

	.login-wrapper form .col-md-9{
		width: 100%;	
		text-align: center;
	}

	.login-wrapper .txt-logo {
	    margin-bottom: 30px;
	}

	.showdesktop{
		display: none;
	}

	.brand-wrapper.machine-content .machinelist-item {
	    float: none;
	    display: inline-block;
	    width: 30%;
	    margin: 0%;
	    text-align: center;
	    margin-bottom: 30px;
	}

	.nologin-page .tnc-wrapper {
	    position: initial;
	}

	.brand-wrapper.prize-content .prize-box {
	    font-size: 30px;
	   	line-height: 30px;
	}


}

@media(max-width: 767px){

		
	img.ballgif2-logo {
	    width: 100%;
	    margin-top: 16%;
	    max-width: 100%;
	}

	.process-wrapper .msg-wrapper {
	    font-size: 16px;
	    width: 90%;
	    margin: 0px auto;
	    margin-top: 30px;
	    margin-bottom: 20px;
	}

	.process-wrapper .msg-wrapper br{
		display: none;
	}

	.brand-wrapper.machine-content .brand-content p {
	    max-width: 100%;
	}

	.brand-wrapper.machine-content .machinelist-item img {
	    max-width: 100%;
	}

	.brand-wrapper .brand-content p {
	    font-size: 16px;
	    margin-bottom: 40px;
	    margin-top: 30px;
	}

	body.login-page,
    body.nologin-page {
        background: url(../images/mobile-bg.png)top center no-repeat;
        background-attachment: initial;
        background-size: cover;
        font-family: 'CenturyGothic';
        color: white;
        font-size: 16px;
        overflow: initial;
        height: auto;
        background-color: #542442;
         padding-bottom: 0px;
    }

    .brand-wrapper.prize-content small {
	    display: block;
	    margin-bottom: 30px;
	    margin-top: 10px;
	}


	.brand-wrapper.prize-content .prize-box {
	    font-size: 27px;
	    line-height: 30px;
	}

    .brand-wrapper ul li {
	    width: 40%;
	}

	.brand-wrapper.category-content ul li{
		width: 28%;
	}

    .brand-content {
	    padding: 0px 10%;
	}

	.brand-wrapper.category-content .brand-content p {
	    font-size: 16px;
	    margin-bottom: 20px;
	    padding-top: 0px;
	}

	.category-content ul li a {
	    display: block;
	    background: url(../images/select-bg.png)center center no-repeat;
	    background-size: contain;
	    color: white;
	    text-decoration: none;
	    padding: 40px 20px;
	    font-size: 14px;
	    line-height: 30px;
	}

    .tnc-wrapper {
        text-align: center;
        position: absolute;
        bottom: 20px;
        z-index: 3;
        width: 100%;
        font-size: 14px;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .login-sidebg-wrapper img {
		max-width: 60%;
	    margin-left: 0;
	    position: relative;
	    top: 0%;
	}

	.login-sidebg-wrapper {
	    text-align: center;
	    position: initial;
	    overflow: hidden;
	    height: 300px;
	}

	.login-wrapper .txt-logo {
	    margin-top: 15%;
	    max-width: 70%;
	}

	.login-wrapper {
	    position: relative;
	}

	.login-sidebg-wrapper .shadowbg{
		height: 140px;
	}

	.main-wrapper {
	    position: relative;
	}

	.login-wrapper form input {
	    width: 75%;
	}


}

@media(max-width: 500px){
	.brand-wrapper.category-content ul li {
	    width: 78%;
	}

	.brand-wrapper.machine-content .machinelist-item {
	    width: 49%;
	}
}

/*@media screen and (max-height: 700px ){
    .login-wrapper .txt-logo {
       width: 100%;
	    max-width: 45%;
	    margin-top: 5%;
	    margin-bottom: 30px;
    }
}
*/
@media screen and (max-height: 650px ){

	body {
	    font-size: 16px;
	}

    .brand-wrapper .txt-logo, .process-wrapper .txt-logo {
		max-width: 28%;
		margin-top: 4%;
	}

	.brand-wrapper.machine-content .machinelist-item img {
    	max-width: 90px;
	    margin: 0px auto;
	    margin-bottom: 5px;
	}

	.brand-wrapper.machine-content .brand-content p {
	    margin-bottom: 20px;
	}

	.brand-wrapper.machine-content .machinelist-item h5 {
	    margin-bottom: 0px;
	    font-size: 12px;
	    margin-top: 3px;
	}

	.brand-wrapper.machine-content .machinelist-item h2 {
	    font-size: 16px;
	    margin: 0;
	    font-weight: initial;
	}

	.brand-wrapper.prize-content .prize-box {
	    font-size: 26px;
	    padding: 15px 30px;
	    padding-bottom: 19px;
	}

	.main-wrapper .brand-wrapper.prize-content .name {
	    margin-bottom: 20px;
	    margin-top: 20px;
	}

}


@media screen and (max-height: 650px ) and (max-width: 767px) {
    .login-wrapper .txt-logo {
	    margin-top: 15%;
    }

    .brand-wrapper .txt-logo, .process-wrapper .txt-logo {
    	max-width: 48%;
	    margin-top: 17%;
	}
}