@media only screen and (max-width: 768px) {
    #loginDiv h1{margin: 10px !important; padding: 10px !important;font-size: 20px !important;}
    #loginDiv .col-sm-8{padding:0px 10px !important}
   #loginDiv .col-sm-4{padding:0px 10px !important}
    #companydescription{font-size:13px !important; margin-bottom:10px; line-height:normal !important; padding:10px !important;min-height:auto !important; font-weight:normal !important}
    #companydescription h2, #companydescription h1, #companydescription h3, #companydescription h4, #companydescription h5, #companydescription h6{margin: 0px 0px 10px 0px !important;  font-size: 22px !important;}
    .userNm{display:none}
    .username{margin-left: 5px;}
    .Notification-bar li{padding: 8px 6px;}
    .switch-off{left: -145px !important;}
    .Notification-bar li .notification-dropdown{margin-top: 8px !important;  left: -260px !important;}
    .navbar-brand {font-size: 16px !important}
    #Newmenu{display:none}
    .srmdshboard{padding:0px;}
    .srmdshboard h4 {margin:5px 0px 7px  0px;font-size: 14px;font-weight: bold; display:none}
    .srmdshboard ul{float: none; white-space: nowrap; width: calc(100vh);}
    .srmdshboard ul li a{min-width:65px}
    .srmdshboard ul li a p{font-size: 12px; margin-top:0px}
    .sub-menu-header{width: 91%;  white-space: nowrap;  float: left;  overflow: scroll;}
    .date-filter{background: ghostwhite; padding: 8px 5px 0px 5px;  float: left; width: 100%;}
    .label-filter{float: left;  margin: -3px 8px;  background: #295b84;  color: #fff;  border-radius: 0px; border: none;  line-height: 19px !important;}
    .map-canvas{height:calc(100vh - 175px)}
    .hasleftmenu{margin-left:0px !important;}
    .sub-menu{height: 31px;  width: 31px;  font-size: 17px; background:#00BCD4; border-color:#00BCD4; padding:0px}
    .MapTracker-Status{float:left; width:100%; background:#fff; border: 1px solid #ccc;   white-space: nowrap; position: relative;  overflow-x:scroll; overflow-y:hidden;  border-left: none;  overflow: auto;}
    .MapTracker-Status .status-card{float:none;text-align: center;  width: 33.3%;  padding: 12px; border:none; border-left: 1px solid #ccc; display: inline-block;}
    .MapTracker-Status .status-card p{margin:0px; font-weight:bold}
    .IndividualList{float:left; width:100%; padding:5px;min-height:69px; background:#fff}
    .sessionExpire{padding: 5px; font-size: 15px; height:auto; font-weight:normal}
    .sessionExpire i{display:none}
    .sessionExpire button{padding: 2px 5px;  margin-top: 5px;}
    .date-calendar{width:205px !important}
    .si-frame{padding:20px !important}
    .si-content{max-width: 96% !important;}
    .gm-style-mtc, .gmnoprint {display:none}
    #SummaryTable tbody th, #SummaryTable tfoot th{font-size: 12px !important;}
    #SummaryTable tbody td{font-size: 10px !important;}
    .vAccordion--default v-pane-header::after, .vAccordion--default v-pane-header::before{right:9px !important}
.vAccordion--default .panel-title{font-size: 12px !important;}
.dashboard-col{width:calc(100%/2) !important}
.dash-box div{width:50%; margin-bottom:0px}
.filter-date{background:url(../Images/home/calendar-icon.png) no-repeat 320px 8px #f0f8ff;background-size: 15px 15px !important;}
.tabpadding{padding:10px 7px !important; font-size:12px}
#Filter-tab{position:fixed; bottom:0px; display:none;z-index:2}
#Filter-tab .nav-tabs2 {border-bottom: 1px solid #003056 !important; background: #295b84 !important;}
#Filter-tab .final-filter{background:#003056 !important; min-height:100px}
#Filter-tab .nav-tabs2 > li > a{color:#fff}
#Filter-tab .nav-tabs2 > li.active > a, .nav-tabs2 > li > a:hover{color: #003056!important; background: #ffffff !important;}
#Filter-tab .tab-pane{padding:0px !important}
.down-filter{float: right !important; color: #fff; margin: 10px; cursor:pointer}
#Filter-tab .nav-tabs2 > li > a::after{background: #295b84;}
#alertStatus{float:left; margin-top:1px;margin-bottom:8px}
#alertStatus .col-sm-3{width:calc(100%/4);float:left}
.estimate.select, .estimate{margin-top:0px !important;min-height: 35px !important; float: left; width: 100%;}
.alertcountname{font-size:13px !important; text-transform:capitalize; width:100%; margin:5px; text-align:left !important}
.HRM_Status, .HRM_Dis_Status, .HRM_leave_Status{float:left;width:100%;}
.HRM_Status .col{float:left; width:calc(100%/6); text-align:center}
.HRM_Dis_Status .col{float:left; width:calc(100%/4); text-align:center}
.HRM_leave_Status .col{float:left; width:calc(100%/3); text-align:center}
.auto_height{height:auto !important}
.padding-five{padding:5px !important}
.div_padding{padding:0px !important}
.back-Action{font-size:22px; padding:0px 8px}
.top_margin{margin-top:0px !important}
.formGroup label{width:100px; font-size:12px}
#leadinfodiv .modal-dialog{width:94%}
.formGroup span{width:59%}
#contactTableBody td, #contactTable th{word-break:break-all}
.newtab li a{min-width: 70px; font-size: 13px !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding:5px 4px;    font-size: 12px;    font-weight: normal;}
.fb-tabs2 li a{padding:3px 6px}
.pagination > li > a, .pagination > li > span{width: calc(100%/9);}
.pagination{width:100%}
.New-Card-Heading{margin:5px 0px; padding:0 5px}
.View-Container .Basic-info{padding: 0px 5px;}
.View-Container .Basic-info ul li{margin: 2px 0;}
.New-pipeline section{width:100%}
.stage-card-box{height:auto}
.padding-zero{padding:0px !important}
#ChangeAssign .modal-dialog{width:100%}
#dateChangediv{width:100%}
.col-container .col{display:block; width:100%;}
.col-container .col .New-Card{height:auto !important}
.task-list-height{height:calc(100vh - 260px) !important}
.reportCard {padding:0px 0px 10px 0px}
.reportCard h3{font-size: 20px;padding: 5px;}
.incomeValue{font-size: 20px; letter-spacing:normal}
.incomeValue #TeamFilter{width:100%}
.reportSection{width:100%}
.categoryTitle{float:left}
.route-detail strong{margin:3px 10px}
.preview-heading{display:block}
#Cousres-menu{position:absolute; top: 50px; height:calc(100vh - 50px)}
.widht-box{width:100% !important}
#content-show #edit{padding-top:44px !important}
.Quiz-box{padding:0px 10px}
.start-quiz{padding:0px 0 10px}
.quiz_feedback{width:100%; margin:0px}
.user-status-training{margin-bottom:5px; padding:0px}
.status-training{padding:0px; margin-bottom:5px}
.das-status-box{padding:5px}
.dashboard-status{display:none}
.dah-des{padding-left:0px !important; width:100% !important;}
.course_accordion{padding:0px}
.Course-Container h3{height:auto}
.authoring-lesson-header__title input{height:auto;margin:1%; font-size: 1.2em; width:100%}
.cousre-action i{color:#295b84; border:none}
.course_setting{width:100%}
.setting-slide{width:100%}
.course-tab label{margin:0 0 -1px 1px; padding:5px;}
.course-section{padding:10px 20px 10px 10px !important}
.course-tab section{padding:0px}
.Lesson_Title article{padding:15px 20px 15px 20px}
.Course-Container{padding:0px;}
.Course-Container .form-group{padding:0px;}
.Mobile_sideMenu{display:none;height:100%; width:200px; position:absolute;    padding-top: 32px; z-index:5}
.Mobile_sideMenu .settinglist{background:#003056; height:100%}
.Mobile_sideMenu .settinglist li a{color:#fff}
.aui-nav-heading{background: #00BCD4;}
.gsi-step-indicator li>*{width: 102px;float:left}
.Mobile_sideMenu{display:none;height:100%; width:200px; position:absolute;    padding-top: 32px;}
.Mobile_sideMenu .settinglist{background:#003056; height:100%}
.Mobile_sideMenu .settinglist li a{color:#fff}
#Desktop_menu{display:none}
#Mobile_menu {display: block !important;}
    
}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 1024px) {
}
#Mobile_menu {display: none;}
.M_StatusArrow {  height: 28px;
    background: gray;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    z-index: 10;
    display: none;
    width: 85px;
}

.M_EmplyeeList {
    height: 28px;
    background: gray;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    z-index: 10;
    display: none;
    min-width: 85px;
}

.M_filter {
    height: 30px;
    background: gray;
    color: #fff;
    font-size: 13px;
    padding: 8px;
    z-index: 10;
    display: none;
}

.emp_name {
    display: none;
}

.mapDiv {
    overflow: auto;
}

.Menu-toggle {
    width: 225px !important;display: block !important
}

@media print {
    .P_css {
        padding: 0;
        float: left;
        width: 50%;
        font-family: Arial;
    }

    ul {
        float: left;
        width: 100%;
        margin-left: 0;
    }

        ul li {
            list-style: none;
            float: left;
            width: 100%;
            margin-bottom: 10px;
            margin-left: -40px;
            padding: 0 !important;
        }

            ul li small {
                float: left;
                width: 100%;
            }

                ul li small em {
                    display: none;
                }

            ul li span {
                float: right;
            }

    .btn {
        display: none;
    }
}