/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 15, 2017, 2:17:33 PM
    Author     : masadfiroze
*/

.headline {
    padding-left:0px;
    margin-bottom:25px;
}
.profile_form {
    width:100%;
    margin:0;
}
.inline {
    width: 100%;
}
.width1, .width2 {
    display: none;
}
#mobile-header {
    display:block;
}
#desktop-header {
    display:none;
}  
#login-subleft {
    border: none;
}
#login-container .submit {
    float: none;
}
#login-left, #login-right {
    display: block;
}
#login-right {
    padding-top:2%;
}
#resetpassword-button {
    display: block;
}
#subscription-userprofilePanel {
    padding-left:3%;
    padding-right:0%;
}
.wrap {
    width: 95%;
}
#resetConf-right .submit {
    padding-top:2%;
    text-align:center;
    padding-bottom:4%;
}
input[type="text"], input[type="password"] {
    min-width: 100%;
}
#resetpassword-button.submit {
    padding-top:2%;
}
#login-right {
    padding-left: 0px;
    padding-bottom: 5%;
    text-align: center;
}
#login-left {
    padding-right: 0px;
}
#resetpassword-container {
    display : block;
    /*    padding-left:5%;
        padding-right:5%; */
}
#reset-password {
    display: block;
}
#resetConf-left, #resetConf-right {
    display: block;
}
#resetpassword-input, resetpassword-button {
    display:block;
}
#resetconf-container {
    padding-bottom: 5%;
}
#reward-left{
    display: block;
}

@media only screen and (device-width: 1201px){
    #desktop-header {
        display: block !important;
    }
    #mobile-header {
        display: none;
    }
    .container-fluid {
        position: absolute;
        left: -210px;
        width: 1200px;
    }
}

@media only screen and (device-width: 768px){
    #desktop-header {
        display: block !important;
    }
    #mobile-header {
        display: none;
    }
    .container-fluid {
        position: absolute;
        left: -210px;
        width: 1200px;
    }
}

@media only screen and (device-width: 1024px){
    #desktop-header {
        display: block !important;
    }
    #mobile-header {
        display: none;
    }
    .container-fluid {
        position: absolute;
        left: -210px;
        width: 1200px;
    }
}
@media only screen and (device-width: 1045px){
    #desktop-header {
        display: block !important;
    }
    #mobile-header {
        display: none;
    }
    .container-fluid {
        position: absolute;
        left: -210px;
        width: 1200px;
    }
}