/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    .form-login .form-group.input-group span label{
        top: 23px;
    }
    .txt_field label {
        font-size: 1.2rem;
    }
      .d-none-mobile{
        display: none;
      }
      .form-login .col-md-6.pl-0{
        padding-right: 0;
      }
      .form-login .col-md-6.pr-0{
        padding-left: 0;
      }
      .my-form {
        max-width: 100%;
    }
    .sign-in-now p {
        font-size: 14px;
    }
    .round span {
        font-size: 13px;
        font-weight: 600;
    }

    .absolute-left, .absolute-right {
     display: none;
    }
    
    .wrapper {
        width: 100%;
        max-width: 100%;
        background-color: #ffffff;
        border-radius: 30px;
        position: relative;
    }
    .userdropdown ul{
      display: none;
    }
    .menutooglicon svg{
        height:16px;
    }
    .tbody-main p {
        margin: 0;
        font-size: 1.3rem;
    }


    .side-menu{
        width: 0;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
    }
    
    .fullwidth .side-menu {
        width: 270px;
        top: 94px;  
        visibility: visible;
        opacity: 1;      
  transition: 0.5s;
    }
    .fullwidth .side-menu ul li a span{
        display: block;
        padding-left: 25px;
    }
    .fullwidth .side-menu ul li a span {
        transition: auto;
    }
    .side-menu ul li a span{
        transition: auto;
    }
    .left-main-content{
        width: 100%;
        margin-left: 0;
    }
    .fullwidth .left-main-content{
        width: 100%;
        margin-left: 0;
    }
    .side-menu ul li a{
        display: flex;
        align-items: center;
        
    }
    .left-main-content .custom-card{
        margin-bottom: 1rem;
    }
    h2.heading-text-table {
        font-size: 15px;
        font-weight: 600;
    }
    p.table-para-heading{
        font-size: 15px;
    }
    .table-wrapper.mt-4 .table td, .table th{
        vertical-align: middle;
    }
    .pagination-list h2 {
        font-size: 21px;
        font-weight: 600;
    }
    .ur-fullname p {
        font-size: 14px;
    }

    .menutoogle-row img.logo{
        width: 150px;
    }
    .menutooglicon {
        width: 5px;
    }
    ul.actionbuttons li{
        width: 100%;
    }
  }
    
    
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        .side-menu {
        width:230px
        }
        .left-main-content {
            margin-left: 230px; width: calc(100% - 230px);
        }

        div#Companydatatable_filter {            
            margin-bottom: 20px;
        }
        .upload-btn button {
            font-size: 8px;            
        }
        .leftbgimage{
            min-height: 12vh;
            border-radius: 30px 30px 0 0px;
        }
          .leftcontent{
            display: none;
          }
          .main-wrapper .container-fluid.pl-0{
            padding: 0px;
          }
          .logotop {
            width: 35%;
        }
        .margbtm5{
            margin-bottom: 2rem;
        }
        .menutoogle-row {
            width: 100%;
    padding-right: 25px;
        }
        .pagination-list h2 span {           
            font-size: 18px;            
        }
        .pagination-list h2 a {
            padding: 0;
            font-size: 17px;            
        }
    
    }
    
    @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {

        .menutoogle-row img.logo {
            width: 80%;
            margin-right: auto;
        }

    }


    /*Landing Page Responsive*/

    @media only screen and (min-width:1500px) {
        .container {
            max-width: 1440px
        }
    }
    
    @media only screen and (min-width:1800px) {
        .container {
            max-width: 1600px
        }
    }
    
    @media only screen and (min-width:1900px) {
        .container {
            max-width: 1700px
        }
    }
    
    @media only screen and (max-width:1499px) {
        .banner-text h2 {
            font-size: 60px;
        }      
        .scrollmouse {
            bottom: -82px;
        }
    }
    
    @media only screen and (max-width:1199px) {
        .banner-text h2 {
            font-size: 50px;
        }
        
        
       
       
      
    }
    
    @media only screen and (max-width:992px) {
        .banner-text h2 {
            font-size: 36px;
        }
        
        .header-bg {
            min-height: 383px;
        }
        .custom-nav {
            position: fixed;
            background: #139b89;
            width: 100%;
            left: 0;
            height: 100vh;
            z-index: 999;
            top: 0;
            right: auto;
            max-width: 200px;
            bottom: auto;
        }
        .custom-nav ul li a {
            padding: 10px !important;
            color: #fff !important;
        }
    }
    
    @media only screen and (max-width:767px) {
        .login-wrapper {
            margin: 0 auto;
            width: 100%;
            max-width: 100%;
        }
        div#Employeedatatable_filter {
            margin-bottom: 15px;
        }

        div#Companydatatable_filter {
            margin-bottom: 20px;
        }
        .mob-hide{
            display:none;
        }
        .profile-img img {
            width: 50px;
            margin-right: 20px;
        }
        .dash-list ul {
            margin: 20px 0 0 0;
            text-align: left;
        }

        button.navbar-toggler {
            float: right;
        }
        .copyright {
            font-size: 16px;
        }
        .logo {
                width: 50%;
                text-align: center;
                margin-left: 22px;
            }
            .bg-text h3 {
    font-weight: 700;
    font-size: 45px;
    color: #fff;
}
.relative-sec {
    position: absolute;
    max-width: 300px;
    padding: 15px 15px;
    margin: 0px 40px 0px 20px;
    top: 27%;
    transform: translateY(37%);
    width: 100%;
}


        .userdrop-name {           
            padding-right: 10px;
        }
       
    }