@media only screen and (min-width: 320px) and (max-width: 640px){

    .dsktop{
        display: none;
    }
    .dsktp{
        display: none;
    }
    
    .mobe{
        display: block;
    }
    .mobile{
        display: block;
    }

    .side-logos{
        display: none;
    }
    #side-menu{
        display: none;
    }
    
    
    .userlgn{
        width:360px;
        height: auto;
        background: #fff;
        margin-top: 100px;
    }
.userlgn .lgn-img{
    width: 180px;
    height: 90px;
    margin: 0 auto;
    padding-top: 20px;
    
}

    
.userlgn .lgn-img img{
    width: 100%;
    height: 100%;
}
.userlgn .frm-con{
    width: 250px;
    height: 200px;
    margin-top: 25px;
}
.userlgn .frm-con input{
    width: 300px;
    outline: none;
    margin-left: 30px;
    height: 50px;
    border: none;
    border-bottom: 1px solid #ccc;
}
.userlgn .usr-frgt{
    text-align: center;
    margin-top: 15px;
}

.userlgn .frm-con .usrbtn input{
    margin-top: 25px;
    height: 40px;
}
.userlgn .usr-sin{
    height: 95px;
    line-height: 75px;
    text-align: center;
}
    
 .userlgn .frm-con span{
   margin-left: 30px;
   color:red;        
}   
    

.side-logos{
    width: 100%;
   height: 75px;
    line-height: 75px;
 display: none;
   
}
.side-logos img{
    width:100px;
    height: 60px;
    margin-left: 140px;
    
}    
  
    .navbar .navbar-brand{
       height: 60px;
       
    }
    .navbar .navbar-header button{
        height: 40px;
    }
  .navbar .brnd{
       padding-left:10px;
       height: 50px;
       width:150px;
       margin-top: 10px;
    }
    .navbar .brnd img{
        height: 40px;
        margin-top: 10px;
        width:px;
    }  
}


.mjr-dash{
    width: ;
    font-family: calibri;
    border: 1px solid #0d5ea1;
    width: ;
    height: 100px;
    
    margin: 0px;
    margin:15px 0px;
    border-radius: 5px;
}
.mjr-dash .sct-dash h4{
    text-align: center;
    width: 100%;
    height: 55px;
    color: #fff;
    margin:0px;
    line-height: 55px;
    background: #0d5ea1;
}
.mjr-dash .sct-pr{
    background: #fff;
    width: 100%;
    
}
.mjr-dash .sct-pr .dsh-para{
    float: left;
    padding:0px 10px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    
    font-size: 16px;
    border-right:;
}
.mjr-dash .sct-pr .snd-para{
    float: right;
    text-align: right;
    padding: 0px 20px;
    width:50%;
    height:40px;
    font-size: 16px;
    line-height: 40px;
    font-size: 16px;
    border-right:;
}


.mjr-dash-two{
    width: 100%;
    font-family: calibri;
    border: 1px solid #ed0c17;
    width: 100%;
    height: 100px;
    
    margin: 0px;
     margin:15px 0px;
    border-radius: 5px;
}
.mjr-dash-two .sct-dash h4{
    text-align: center;
    width: 100%;
    height: 55px;
    color: #fff;
    margin:0px;
    line-height: 55px;
    background: #ed0c17;
}
.mjr-dash-two .sct-pr{
    background: #fff;
    width: 100%;
    
}
.mjr-dash-two .sct-pr .dsh-para{
    float: left;
    padding:0px 10px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    border-right: ;
}
.mjr-dash-two .sct-pr .snd-para{
    float: right;
    text-align: right;
    padding: 0px 20px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    border-right:;
}



.mjr-dash-three{
    width: 100%;
    font-family: calibri;
    border: 1px solid #f57d05;
    width: 100%;
    height: 100px;
    
    margin: 0px;
     margin:15px 0px;
    border-radius: 5px;
}
.mjr-dash-three .sct-dash h4{
    text-align: center;
    width: 100%;
    height: 55px;
    color: #fff;
    margin:0px;
    line-height: 55px;
    background: #f57d05;
}
.mjr-dash-three .sct-pr{
    background: #fff;
    width: 100%;
    
}
.mjr-dash-three .sct-pr .dsh-para{
    float: left;
    padding:0px 10px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    border-right:;
    
}
.mjr-dash-three .sct-pr .snd-para{
    float: right;
    text-align: right;
    padding: 0px 20px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    border-right: ;
}



.mjr-dash-four{
    width: 100%;
    font-family: calibri;
    border: 1px solid #1e6e0a;
    width: 100%;
    height: 100px;
    
    margin: 0px;
    border-radius: 5px;
}
.mjr-dash-four .sct-dash h4{
    text-align: center;
    width: 100%;
    height: 55px;
    color: #fff;
    margin:0px;
    line-height: 55px;
    background: #1e6e0a;
}
.mjr-dash-four .sct-pr{
    background: #fff;
    width: 100%;
    
}
.mjr-dash-four .sct-pr .dsh-para{
    float: left;
    padding:0px 10px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    border-right: 1px solid #ccc;
}
.mjr-dash-four .sct-pr .snd-para{
    float: right;
    text-align: right;
    padding: 0px 20px;
    width:50%;
    height:40px;
    line-height: 40px;
    font-size: 16px;
    border-right: ;
}




.mjr-van-dash{
    width: 100%;
    font-family: calibri;
    border: 1px solid #ccc;
    width: 100%;
    height: 100px;
    padding:5px;
    border-radius: 5px;
    background-color:whitesmoke;
    margin: 15px 0px;
    color:#000;
}
.mjr-van-dash .sct-dash{
    float:left;
    
    
}
.mjr-van-dash .sct-para{
    float:right;
    
}

.mjr-van-dash .sct-dash p{
    margin:0px;
    padding:5px 5px;
}
.mjr-van-dash .sct-para p{
    margin:0px;
    padding:5px 5px;
}


.mjr-vanto-dash{
    width: 100%;
    font-family: calibri;
    border: 1px solid #ccc;
    width: 100%;
    height: 100px;
    padding:5px;
    border-radius: 5px;
    background-color: #339966;
    margin: 15px 0px;
    color:#fff;
}
.mjr-vanto-dash .sct-dash{
    float:left;
    
    
}
.mjr-vanto-dash .sct-para{
    float:right;
    
}

.mjr-vanto-dash .sct-dash p{
    margin:0px;
    padding:5px 5px;
}
.mjr-vanto-dash .sct-para p{
    margin:0px;
    padding:5px 5px;
}



.mjr-vanthree-dash{
    width: 100%;
    font-family: calibri;
    border: 1px solid #ccc;
    width: 100%;
    height: 100px;
    padding:5px;
    border-radius: 5px;
    background-color:whitesmoke;
    margin: 15px 0px;
    color:#000;
}
.mjr-vanthree-dash .sct-dash{
    float:left;
    
    
}
.mjr-vanthree-dash .sct-para{
    float:right;
    
}

.mjr-vanthree-dash .sct-dash p{
    margin:0px;
    padding:5px 5px;
}
.mjr-vanthree-dash .sct-para p{
    margin:0px;
    padding:5px 5px;
}


.pnl-dtlimg{
    margin:0 auto;
    width:100px;
    height:100px;
    margin-top:40px;
    margin-bottom:40px;
    border-radius:100px;
}