/* ----------- iPhone 4 and 4S ----------- ddssds*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
  .boxPan {
    background-color: #fff;
    padding: 15px;
    -webkit-box-shadow: 3px 4px 2px -1px #c7c7c7;
    -moz-box-shadow: 3px 4px 2px -1px #c7c7c7;
    box-shadow: 3px 4px 2px -1px #c7c7c7;
  }
  .boxPan ul {
    margin: 0px;
    padding: 0px;
  }
  .boxPan ul li {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding: 15px 10px;
    border-bottom: 1px dotted #b3b3b3;
    font-family: 'Roboto', sans-serif;
    color: #404040;
    position: relative;
  }
  .boxPan ul li .imgAvatar {
    float: none;
  }
  .boxPan ul li .imgAvatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .boxPan ul li .secNotify .notificationHd {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .boxPan ul li .secNotify p {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .boxPan ul li .secNotify .noteDate {
    font-size: 11px;
    color: #b3b3b3;
  }
  .boxPan ul li:hover {
    background-color: #f5f5f5;
    border-bottom: 1px dotted #207fdc;
  }
  .mnuWrap {
    float: left;
    width: 24%;
    height: 180px;
    margin: 1px;
    background-color: #FFFFFF;
  }
  .mnuWrap .myMnu {
    height: inherit;
    width: inherit;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .mnuWrap .myMnu .fa {
    color: #207fdc;
    font-size: 30px;
    display: block;
    margin-bottom: 15px;
  }
  .mnuWrap:hover {
    background-color: #207fdc;
    -webkit-box-shadow: 3px 4px 2px -1px #c7c7c7;
    -moz-box-shadow: 3px 4px 2px -1px #c7c7c7;
    box-shadow: 3px 4px 2px -1px #c7c7c7;
    transition: all .3s ease;
    color: #fff;
  }
  .mnuWrap:hover .myMnu .fa {
    color: #fff;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 85px; /*105px*/
    width: 85px;/*105px*/
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
}
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
}
/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  body {
    overflow-x: hidden;
  }
}
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- Galaxy S4, S5 and Note 3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- Google Pixel ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Google Pixel XL ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 130px;
    width: 105px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
  .lstMnu ul li:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .lstMnu ul li:hover .mnu .fa {
    color: #fff;
  }
}
/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 160px;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
}
/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 160px;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
}
/* ----------- HTC One ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 4 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 5 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 6 and 6P ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Windows Phone ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 160px;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    overflow-x: hidden;
  }
  .noPad {
    padding: 0px;
  }
  .mnuItem {
    background-color: #fff;
    margin: 1px;
    height: 250px;
    text-align: center;
    vertical-align: middle;
    position: relative;
  }
  .mnuItem .mnuCnt {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 40%;
  }
  .mnuItem .mnuCnt .fa {
    font-size: 30px;
    color: #207fdc;
    display: block;
    margin-bottom: 15px;
  }
  .mnuItem:hover {
    color: #fff;
    background-color: #207fdc;
  }
  .mnuItem:hover .mnuCnt .fa {
    color: #fff;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 160px;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 160px;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
}
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    overflow-x: hidden;
  }
  .lstMnu {
    text-align: center;
  }
  .lstMnu ul {
    margin: 0px;
    padding: 0px;
  }
  .lstMnu ul li {
    display: inline-block;
    padding: 0px;
    list-style: none;
    background-color: #fff;
    margin: 0px;
  }
  .lstMnu ul li .mnu {
    height: 160px;
    width: 160px;
    display: table-cell;
    vertical-align: middle;
  }
  .lstMnu ul li .mnu .fa {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #207fdc;
  }
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: ss-media-queries-for-ipad-pro-8cad10e17106*/
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: css-media-queries-for-ipad-pro-8cad10e17106*/
/* ----------- Galaxy Tab 2 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Galaxy Tab S ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 7 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Nexus 9 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Kindle Fire HD 8.9" ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Non-Retina Screens ----------- */
/* ----------- Retina Screens ----------- */
/* ----------- Apple Watch ----------- */
/* ----------- Moto 360 Watch ----------- */