@media only screen and (max-width:1335px)
{
    .container{width:1280px;}
}

@media only screen and (max-width:1279px)
{
    .container{width:1024px;}

    .apexcharts-canvas{height: 200px !important;width: 100% !important;}
    div#chart {width: 100%;}

    /* Profile */

    .nav-tabs .nav-link{padding: 10px 14px;}

    /* Profile */

}

@media only screen and (max-width:1023px)
{
    .container{width:768px;}

    .first-col .col-md-4{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .first-col .full-width{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .third-col .col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .fourth-col .col-md-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .fifth-col .col-md-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .fifth-col .col-md-8{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .left-logo a span{font-size: 28px;}
    .submenu-heder ul li{padding: 0px 10px;}
    .submenu-heder ul li.active{padding: 10px 15px;}

    /* Comapny */

    .td_action ul li a{width:30px;height:30px;line-height:30px;}
    div.dataTables_wrapper div.dataTables_filter input{width: 70%;}
    .data-table-main td{font-size: 14px;}
    .title{padding: 15px;}
    .title h4{font-size: 20px;}

    /* Comapny */

    /* Profile */

    .profile_left_block{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .profile_right_block{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    /* Profile */


}

@media only screen and (max-width:767px)
{
    .container{width:640px;}

    .first-col .col-md-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .table-responsive{overflow-x: scroll;-webkit-overflow-scrolling:touch;}
    .table{width: 900px;}
    .left-logo a span{font-size: 22px;}
    .sub-heder-sec{position: relative;}

    .main-menu-icon{display: block;position: absolute;right:0px;}
    .user-box{margin-right: 35px;}
    .user-left{display: none;}
    .submenu-heder{width: 100%;position: relative;padding: 0px;}
    ul.menu {width: 100%;position: absolute;top: 0px;display: none;left: 0;right: 0;background: #ffffff;z-index: 999999;}
    .submenu-heder ul li{width: 100%;padding: 15px;border-bottom: 1px solid #f1f1f1;}
    .submenu-heder ul li.active{padding: 15px;}
    .submenu-heder ul li.active{border-radius: 0px;background-color: #ffffff;}
    .footer_sub{-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
    .footer_sub p{width: 100%;text-align: center;}
    .footer_sub ul{width: 100%;padding-top:5px;text-align: center;}
    .footer{padding: 10px 0px;}

    /* Comapny */

    table#example{width: 840px !important;}
    div.dataTables_wrapper div.dataTables_filter input{width: 100%;}
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content: center;padding-top: 10px;}
    .data-table-main{padding: 15px;}
    .pagination-row{padding-top: 0px;}
    #th_id{width: 30px !important;}

    /* Comapny */

    /* Profile */

    .profile_tabs_block{width: 100%;position: relative;}
    .desktop-tabs{display: none;position: absolute;top:48px;left: 0;right: 0;z-index: 999;background-color: #ffffff;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.15);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.15);}
    .desktop-tabs.nav-tabs .nav-link{background-color: #ffffff;}
    .desktop-tabs.nav-tabs .nav-link.active{background-color: #f5f5f5;color: #3699ff;}
    .profile_block{padding: 20px;}
    .profile_form{margin-top: 20px;}
    .profile_form .add-form-btn{padding-top: 0px;}
    .cmn-inp{height: 45px;line-height: 45px;}
    .responsive-tabs a.nav-link.dropdown-toggle{padding: 12px 10px;}
    a.dropdown-tabs{width: 100%;background: #3699ff;display: inline-block;color: #ffffff;padding: 12px 15px;background-repeat: no-repeat;background-size:14px;background-position: 95% 50%;background-image: url('../images/down-white.svg');}

    /* Profile */
}

@media only screen and (max-width:639px)
{
    .container{width:480px;padding:0 15px;}

    /* Login */

    .login-right-desc{width: 100%;padding: 20px;}
    .login-left{padding: 0px 15px;}

    /* Login */

}

@media only screen and (max-width:479px)
{
    .container{width:375px;}

    .box-con{padding: 15px !important;min-height: 100px;}
    .card-body, .card-header{padding: 15px !important;}
    .left-title{width: 100%;padding-right: 10px;}
    .box-con h6{font-size:14px;}
    .box-shap-box .card-body{padding: 15px !important;}

    /* Comapny */

    .title h4{font-size: 18px;}
    .btn{padding:5px 10px;font-size: 14px;}

    /* Comapny */

    /* Create */

    .manage-comapny{padding: 15px;}
    .add-form-btn{padding-top: 15px;}
    .cmn-inp{height: 40px;line-height: 40px;padding: 0px 10px;font-size:14px;}
    textarea.cmn-inp{height:90px;}
    .ui.fluid.search.selection.dropdown.cmn-inp{height: 40px;line-height: 40px;}

    /* Create */

    /* Login */

    .login-right-desc h2{font-size: 28px;margin-bottom: 15px;}
    .cm-inp{height: 40px;line-height: 40px;padding: 0px 10px;font-size:14px;}
    .submit-btn{height: 45px;line-height: 45px;padding: 0px 10px;}
    .no-acc{margin-top: 15px;}
    .forgot-block{-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding-top:20px;}
    .forgot-block .check-label{width: auto;margin: auto;}
    .forgot-block a{width: 100%;display: inline-block;padding-top:10px;text-align: center;}
    .login-form{padding-top: 10px;}

    /* Login */

    /* Profile */

    .avatar-upload .avatar-preview{width:150px;height:150px;}
    .avatar-upload .avatar-edit{right: 5px;top: 5px;}
    .a-i-box{-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
    .a-i-box h6{width: 100%;}
    .a-i-box p{width: 100%;padding-top:6px;}

    /* Profile */

}
@media only screen and (max-width:374px)
{
    .container{width:96%;}
    .box-con h6{font-size:13px;}

    /* Comapny */

    .title h4{font-size: 16px;}

    /* Comapny */

    /* Profile */

    a.dropdown-tabs{font-size: 14px;}
    .desktop-tabs.nav-tabs .nav-link{font-size:13px;}

    /* Profile */
}