/******************************
responsive area
********************************/

/* lg */
@media (min-width: 1200px)
{

    #collapse-navbar
    {
        margin-right: 0px;
        float: right;
    }

    .navbar-userinfo
    {
        display: block;
        font-size: 14px;
    }

    .media
    {
        padding: 10px 10px 10px 20px;
    }
 
    #divBottom
    {
        display: block;
    }
    #div-m-Bottom
    {
        display: none;
    }
    .bhidden
    {
        height: 120px;
    }

	.modal-dialog {
	    width: 40% !important;
	    height: 540px !important;
	}    
	.foot-div{
		padding: 10px 100px 5px;
	}
    .foot-row{
		text-align:right!important;
	}
	.member-div{
		text-align:left;
		padding-left: 35px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px)
{

    #collapse-navbar
    {
        margin-right: 0px;
        float: right;
    }

    .navbar-userinfo
    {
        display: block;
        font-size: 14px;
    }

    .media
    {
        padding: 10px 10px 10px 20px;
    }

    #divBottom
    {
        display: block;
    }
    #div-m-Bottom
    {
        display: none;
    }
    .bhidden
    {
        height: 120px;
    }
	.modal-dialog {
	    width: 50% !important;
	    height: 540px !important ;
	}  
    .foot-div{
		padding: 10px 100px 5px;
	} 
    .foot-row{
		text-align:right!important;
	}
.member-div{
		text-align:left;
		padding-left: 35px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px)
{

    #collapse-navbar
    {
        margin-right: 0px;
        float: right;
    }

    .navbar-userinfo
    {
        display: block;
        font-size: 14px;
    }

    .media
    {
        padding: 10px 10px 10px 20px;
    }

    #divBottom
    {
        display: block;
    }
    #div-m-Bottom
    {
        display: none;
    }
    .bhidden
    {
        height: 120px;
    }
	.modal-dialog {
	    width: 60% !important;
	    height: 40% !important;
	}  
    .foot-div{
		padding: 10px 5px 5px;
	}
	.foot-row{
		text-align:right!important;
	}
	.member-div{
		text-align:left;
		padding-left: 35px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px)
{
    #collapse-navbar
    {
        margin-left: -55%;
        margin-top: 10px;
    }

    .navbar-userinfo
    {
        display: inline-block;
        font-size: 14px;
        margin-top: 15px;
    }

    .media
    {
        padding: 10px 10px 10px 20px;
    }

    #divBottom
    {
        display: block;
    }
    #div-m-Bottom
    {
        display: none;
    }
    .bhidden
    {
        height: 150px;
    }
	.modal-dialog {
	    width: 90% !important;
	    height: 100% !important;
	}  
    .foot-div{
		padding: 10px 5px 5px;
	}
    .foot-row{
		text-align:left!important;
	}
    .member-div{
		text-align:right;
		padding-right: 50px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
}

/* XS Portrait */
@media (max-width: 479px)
{
    ul
    {
        margin-left: -25px;
    }

    .navbar-toggle{
    	margin-right:0px;
    }
    .navbar-default .navbar-toggle
    {
        border-color: #fff;
        right: 10%;
        left: 0px;
    }
    #collapse-navbar
    {
        margin-left: -45%;
        margin-top: 10px;
    }

    .navbar-userinfo
    {
        display: inline-block;
        font-size: 10px;
        margin-top: 15px;
    }

    .media
    {
        padding: 5px 5px 5px 10px;
    }

    #divBottom
    {
        display: none;
    }
    #div-m-Bottom
    {
        display: block;
    }
    .bhidden
    {
        height: 50px;
    }
	.modal-dialog {
	    width: 100% !important;
	    height: 88% !important;
	}  
    .foot-div{
		padding: 10px 5px 5px;
	}
    .foot-row{
		text-align:left!important;
	}
	.member-div{
		text-align:right;
		padding-right: 50px;
		padding-bottom: 5px;
		padding-top: 10px;
	}
}