body { margin: 0px; padding: 0px; height: 100%; width: 100%; font-family: 'Open Sans', sans-serif; font-weight: normal; position: relative; background: #f5f5f5; }
* { box-sizing: border-box; word-wrap: break-word; }

img { border: 0; outline: 0; }
a, input, button { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

a, input[type="submit"], input[type="button"], button { cursor: pointer; }

/*input[type="submit"]:hover, input[type="button"]:hover, button:hover { opacity: .9; }*/
input[type="submit"]:focus, input[type="button"]:focus, button:focus, a:focus { outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: 'Montserrat', sans-serif; font-weight: 600; }
h1, h2, h3, h4, h5, h6, span, p, a, li { word-break: break-word; -ms-word-break: break-word; -moz-word-break: break-word; -webkit-word-break: break-word; }

hr { padding: 0; margin: 0; }
pre { font-family: 'Montserrat', sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

h4 { font-size: 22px; font-weight: 600; }
h5 { font-size: 18px; font-weight: 600; }
h6 { font-size: 16px; font-weight: 600; }
p { font-size: 14px; line-height: 18px; color: #8e8e8e; word-break: break-word; -ms-word-break: break-word; -moz-word-break: break-word; -webkit-word-break: break-word; margin: 0; }
.clear { clear: both; }


/* ====---- my Grid view start ----==== */
.container { max-width: 1170px; margin: 0px auto; padding: 0 10px; }
.my-container { max-width: 1000px; margin: 0px auto; }
.small-container { width: 70%; min-height: 250px; background: #fff; margin: 0 auto; padding: 25px 50px; }
.grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; width: 100%; }
.grid * { box-sizing: border-box; word-wrap: break-word; }
.width-1 { width: 10%; float: left; }
.width-1-5 { width: 15%; float: left; }
.width-2 { width: 20%; float: left; }
.width-2-5 { width: 25%; float: left; }
.width-3 { width: 30%; float: left; }
.width-3-3 { width: 33.3%; float: left; }
.width-3-5 { width: 35%; float: left; }
.width-4 { width: 40%; float: left; }
.width-5 { width: 50%; float: left; }
.width-5-5 { width: 55%; float: left; }
.width-4-5 { width: 45%; float: left; }
.width-6 { width: 60%; float: left; }
.width-6-5 { width: 65%; float: left; }
.width-7 { width: 70%; float: left; }
.width-7-5 { width: 75%; float: left; }
.width-8 { width: 80%; float: left; }
.width-8-5 { width: 85%; float: left; }
.width-9 { width: 90%; float: left; }
.width-10 { width: 100%; }
/* ====---- my Grid view end ----==== */

.main-section { padding: 75px 0 15px; min-height: 450px; }




/* == header == */
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; border-bottom: 2px solid #d8d8d8; padding: 11px 0 8px; font-family: 'Open Sans', sans-serif; }
.logo {  }
.logo img { height: 38px; }
.hedMenuSec {  }
.hedMenuBox { display: inline-block; width: 100%; text-align: right; }
.hedIco { display: inline-block; vertical-align: middle; margin: 0 20px; cursor: pointer; position: relative; }
.hedIco img { display: block; }
.hedIco .badge { top: 7px; right: -14px; background: red; }
.hedMsg .badge { background: #52be7f; color: #fff; }
.hedAleart .badge { background: #f94c70; color: #fff; }

.hedUser { display: inline-block; position: relative; }
.hedUser .hedUserImg { display: inline-block; vertical-align: middle; margin-left: 6px; }
.hedUser .hedUserImg img { display: block; height: 40px; width: 40px; border-radius: 50%; }
.hedUserNm_drop { font-size: 12px; color: #232323; vertical-align: middle; position: relative; margin-left: 5px; cursor: pointer; }

.homeLink {
    font-size: 14px;
    margin-left: 6px;
    border-left: 1px solid #ccc;
    padding-left: 7px;
    position: relative;
    top: 2px;
    color: #5192d6;
}
/* == header END- == */



.head { display: inline-block; width: 100%; padding: 6px 10px; font-size: 16px; border: 1px solid #ececec; border-bottom: none; background: #fff; margin-bottom: 0; font-weight: 600; color: #565656; }

.fileContentSec { width: 50%; min-height: 600px; margin: 0 auto; }
.fileCard {
    border: 1px solid #ececec;
    padding: 12px 10px;
    background: #fff;
    margin-bottom: 6px;
}

.cardInner { padding-bottom: 10px; border-bottom: 1px solid #ececec; margin-bottom: 10px; }
.cardInner:last-child { border-bottom: none; padding-bottom: 0; }


.fileImg { display: inline-block; vertical-align: top; }
.fileImg img {
    width: 32px;
    height: 32px;
    display: block;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
}
.fileContent {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    width: 84%;
}
.fileContent h4 {
    font-size: 14px;
    position: relative;
    color: #565656;
}
.fileContent p {
    font-size: 13px;
    color: #9a9a9a;
    margin: 6px 0 12px;
    line-height: 1.2em;
}
.userBox { display: inline-block; vertical-align: middle; width: 100%; }
.userBox img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    border: 2px solid #d7d7d7;
}
.userBox span { display: inline-block; font-size: 14px; color: #5192d6; }

.linkBox { line-height: 1.2; }
.linkBox a { display: inline-block; width: auto; font-size: 13px; color: #5192d6; transition: .3s; }
.linkBox a:hover { text-decoration: underline; transition: .3s; }


.innerHed {
    padding: 0 0 10px;
    border-bottom: 1px solid #ececec;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 7px;
}

.link { padding: 5px 0;  }
.link a { font-size: 14px; color: #5192d6; }
.link a:hover { text-decoration: underline; }

.date { font-size: 13px; color: #9a9a9a; margin-top: 5px; }

.UnfolloHed { margin-bottom: 0; border-bottom: 0; }

.uploadImgSec .fileContent { padding-left: 0; width: 100%; }
.uploadImg { margin: 0 auto; }
.uploadImg img { max-width: 100%; }


.profileDetail { display: inline-block; width: 100%; margin-bottom: 6px; }
.profNm { display: inline-block; width: 25%; font-size: 14px; font-weight: 600; color: #565656; vertical-align: middle; }
.profDtl { display: inline-block; width: 73%; font-size: 14px; color: #9a9a9a; vertical-align: middle; }
.profDtl a { color: #5192d6; }
.profDtl a:hover { text-decoration: underline; }



@media screen and (max-width: 800px) {

    .fileContentSec { width: 75%; }

}

@media screen and (max-width: 450px) {

    .fileContentSec { width: 100%; }
    .logo img { height: 30px; position: relative; top: 5px; }
    .fileContent { width: 87%; }
}