.admin_wrapper h1 {color: #ffffff;}
    .admin_wrapper .breadcrumb {background-color: inherit;}
        
    /* Bar and Section */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    .admin_wrapper {padding-left: 0; margin-top: 50px;}
    .admin_wrapper #page-wrapper {width: 100%; padding: 0; background: #F6F7FB; min-height: 720px;}
    @media(min-width:768px) {
        .admin_wrapper {padding-left: 220px;}
        .admin_wrapper #page-wrapper {padding: 0px;}
    }  
    .admin_wrapper .top-nav {padding: 0 15px;}
    @media (min-width: 768px) {
        .admin_wrapper  .navbar-right {float: right!important; margin-right: -15px;}
    }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .btn-add-photo {
        color: #ffffff; font-size: 16px; padding: 12px 12px; border: none;
        background: -webkit-linear-gradient(-135deg,#0895bf,#02f3e8);
        background: -o-linear-gradient(-135deg,#0895bf,#02f3e8);
        background: linear-gradient(-135deg,#0895bf,#02f3e8); }

    .btn-add-photo:hover, .btn-add-photo:focus, .btn-add-photo:active,
    .btn-add-photo.active, .btn-add-photo>.dropdown-toggle.btn-add-photo {
        color: #fff; text-decoration: none; background: -webkit-linear-gradient(-135deg,#1ae6dd,#1ae6dd);
        background: -o-linear-gradient(-135deg,#1ae6dd,#1ae6dd); background: linear-gradient(-135deg,#1ae6dd,#1ae6dd);}    
  
    .btn-success {
        font-family: 'Ubuntu-M', sans-serif, Arial; margin: 10px 5px 10px; background: #09d0a6; font-size: 18px; line-height: 22px; color: #ffffff;
        border-radius: 50px; padding: 10px 40px; border: 1px solid #05c79e; transition: all .4s; box-shadow: 0 8px 12px 0 rgba(0, 44, 61, 0.18);}    
    .btn-success:hover, .btn-success:focus, .btn-success:active, 
    .btn-success:active:hover, .btn-success.active, .btn-success:active:hover {
        background: #01e8b8; transition: all .6s ease; border: 1px solid #06ffc8; box-shadow: none; color: #ffffff;}
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    .color-red {color: red}

    /* Top Navigation */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .admin_wrapper .top-nav {padding: 0 15px;}
    .admin_wrapper .top-nav>li {display: inline-block; float: left;}
    .admin_wrapper .top-nav>li>a {
        font-size: 16px; color: #ffffff; padding-top: 15px; padding-bottom: 15px; line-height: 20px; 
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .admin_wrapper .top-nav>li>a:hover, .top-nav>li>a:focus, .top-nav>.open>a,.top-nav>.open>a:hover,
    .admin_wrapper .top-nav>.open>a:focus {color: #404E67; background: rgb(232, 233, 238);}
    .admin_wrapper .top-nav>.open>.dropdown-menu {
        padding: 0; float: left; position: absolute; margin-top: 0; border-radius: 0; border: none; border-top-left-radius: 0;
        border-top-right-radius: 0; background-color: #e8e9ee; min-width: 180px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
    .admin_wrapper .top-nav>.open>.dropdown-menu>li>a {
        font-size: 14px; white-space: normal; color: #52617d; padding: 10px 20px;
        transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .admin_wrapper .top-nav>.open>.dropdown-menu>li>a:focus, .top-nav>.open>.dropdown-menu>li>a:hover{background-color: #d7d9e0; color: #404E67;}

    .admin_wrapper .navbar-inverse {
        border: none; background: #3d4e6b; background-image: linear-gradient(to right,#3d4e6b 0,#7f99c7 100%);    
        -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.13); box-shadow: 0 0 11px rgba(0,0,0,0.13);}
    .admin_wrapper .navbar-inverse .navbar-header {background: none;}
    .admin_wrapper .navbar-inverse .navbar-brand {
        padding: 5px 20px; width: 220px; border-color: #3a3a51; transition: all 0.3s ease; 
        -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .admin_wrapper .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {background: #414f66; border-color: #414f66;}
    .admin_wrapper .navbar-inverse .navbar-brand .color {color: #06ffc8;}
    .admin_wrapper .navbar-inverse .navbar-toggle {border-color: #ffffff5e;}
    .admin_wrapper .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {border-color: #1b4860;}
    .admin_wrapper .navbar-brand img {max-width: 100px;}

    .admin_wrapper .side-nav {box-shadow: 1px 1px 15px rgba(0,0,0,.1); background-color: #ffffff;}
    .admin_wrapper .side-nav::-webkit-scrollbar { width: 0; }
    .admin_wrapper  .side-nav {-ms-overflow-style: none; }
    .admin_wrapper  .side-nav {overflow: -moz-scrollbars-none; }
    
    .admin_wrapper .navbar-inverse .navbar-nav>li>a {color: #606e86; font-size: 18px;}
    .admin_wrapper .side-nav>li>ul>li>a {color: #d7dae8;}

    .admin_wrapper .navbar-inverse .navbar-nav .router-link-active {    
        background: #e7f0f9; border-left: solid 4px #01d9dd; color: #606e86;
        transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    .admin_wrapper .navbar-inverse .navbar-nav .nav-dropdown-items .router-link-active {text-decoration: underline; color: #5676ab; }

    .admin_wrapper .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        background: #f0f5fb; transition: all 0.5s ease; border-left: solid 4px #01d9dd;
        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

    .admin_wrapper .navbar-inverse .nav-item .nav-dropdown-toggle {background: #e2ebf5; color: #465878;}
    .admin_wrapper .navbar-inverse .nav-item .collapsed {background: none!important; color: #606e86!important;}

    .admin_wrapper .navbar-inverse .navbar-nav .nav-dropdown-items .router-link-active {border-left: none;}
    .admin_wrapper .navbar-inverse .nav-dropdown-items li, .navbar-inverse .nav-dropdown-items .router-link-active {background: #e7f0f9; color: #5f6d84;}

    .admin_wrapper .side-nav {padding: 0;}
    .admin_wrapper .sidebar ul {padding: 0;}
    .admin_wrapper .sidebar ul li a>i {margin-right: 10px;}
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    /* Side Navigation */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media(min-width:768px) {
        .admin_wrapper .side-nav {
            position: fixed; top: 50px; left: 190px; width: 220px; margin-left: -190px; border: none; border-radius: 0;
            overflow-y: auto; bottom: 0; overflow-x: hidden; padding-bottom: 40px; font-size: 16px;}
        .admin_wrapper .side-nav>li>a {width: 220px;}
        .admin_wrapper .side-nav li a:hover, .side-nav li a:focus {outline: none;}
        .modal .close {position: inherit; color: #70798a;}
    }
    .admin_wrapper .side-nav>li>ul {padding: 0;}
    .admin_wrapper .side-nav>li>ul>li>a {display: block; padding: 10px 15px 10px 43px; text-decoration: none; color: #5f6d84;}
    .admin_wrapper .side-nav>li>ul>li>a:hover {color: #5b74a0; text-decoration: underline;}
    
    .admin_wrapper .sidebar li a.nav-dropdown-toggle:after {
        -webkit-transition: all .2s ease; transition: all .2s ease; font-family: FontAwesome; float: right; margin-right: 8px;}
    .admin_wrapper .sidebar li a.nav-dropdown-toggle:after {content: "\f107";}
    .admin_wrapper .sidebar li a.collapsed:after {content: "\f105";}

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
    /* Main Panel */ 
    .admin_wrapper .main-header-row {border-bottom: 1px solid rgb(222, 226, 230);}
    .admin_wrapper .main {min-height: 500px; margin-left: 60px; margin-right: 60px; margin-top: 20px; margin-bottom: 60px;}
    .admin_wrapper .main .block_main {
        box-shadow: 0 4px 9px 0 rgba(23,28,33,.06); border-radius: 5px; padding: 20px 20px;
        background-color: #ffffff; margin-top: 10px; margin-bottom: 40px;
        transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
    .admin_wrapper .main .block_main:hover { box-shadow: none; }
    .admin_wrapper .main-header {margin-bottom: 30px; border-radius: 8px; padding: 10px 30px 15px; color: #ffffff;}
    .admin_wrapper .main-header h1 {font-size: 34px;}
    
    .bg-lite-blue {
        background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));
        background: linear-gradient(to right, #01a9ac, #01dbdf);}
    .bg-pink {
        background: -webkit-gradient(linear, left top, right top, from(#fe5d70), to(#fe909d));
        background: linear-gradient(to right, #fe5d70, #fe909d); }
    .bg-green {
        background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3));
        background: linear-gradient(to right, #0ac282, #0df3a3);}
    .bg-c-yellow {
        background: -webkit-gradient(linear, left top, right top, from(#fe9365), to(#feb798));
        background: linear-gradient(to right, #fe9365, #feb798);}

    .admin_wrapper .main-header .breadcrumb {background: none; padding: 0;}
    .admin_wrapper .main-header .breadcrumb>.active {color: #eaecf3;}
    .admin_wrapper .main-header .breadcrumb a {color: #fdfdfd; text-decoration: underline;}

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
    /* Footer */ 
    .admin-footer-marketplace {margin-top: 60px; padding-bottom: 40px; min-height: 40px; background: #e7edf3; border-top: solid 1px #d6dfe8;}
    .social {padding-bottom: 10px; padding-top: 10px;}
    .admin-footer-marketplace .social li a {
        font-size: 26px; display: block; margin: 0 12px; color: #9fa9b5; border: none;  -webkit-transition: all .2s ease; transition: all .2s ease;}
    .social h4 {color: #858a90; font-size: 18px; font-family: 'Ubuntu-R', sans-serif; }
    .social ul {padding: 0; list-style: none; margin: 10px 0 10px;}
    .admin-footer-marketplace .social li {display: inline-block; padding-top: .3em;}
    .admin-footer-marketplace .social li a {          
        font-size: 26px; display: block; margin: 0 12px; color: #99bcd6; border: none; -webkit-transition: all .2s ease; transition: all .2s ease;}
    .admin-footer-marketplace.copyright-txt a {
        color: #7d9bb1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
    .admin-footer-marketplace .copyright-txt a:hover {text-decoration: underline;}
    .admin-footer-marketplace .copyright-txt {color: #9ba7af; padding-top:20px;}
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .admin_wrapper .create-product-row {margin-bottom: 50px;}
    .admin_wrapper .product-pic-preview {width: 250px;}
    .admin_wrapper .product-pic-preview img {width: 100%;}
    .admin_wrapper .product-pic {width: 250px;}
    .admin_wrapper .product-pic img {width: 100%;}
    .admin_wrapper .sidebar-sticky{padding: 40px;}
    .admin_wrapper .loading-spinner {width: 200px; height:200px; background-image: url('../../images/Spinner-1s-200px.gif'); margin: 0 auto;}

    .table-nav {font-size: 2em;}
    .table-nav .table-add {color: #1e91cf; cursor: pointer;}
    .table-nav .table-add:hover{color: #197bb0;}
    
    .edit-product-nav-wrapper {margin-bottom: 30px;}
    .edit-product-img {display: inline-block; width: 200px; margin-right:20px;}
 
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    /* Create Product */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .panel_create h3 {font-size: 22px; margin-top: 5px; margin-bottom: 20px; color: #32b2bf; font-family: 'Ubuntu-M', sans-serif, Arial;}    
    .panel_create .image-add .image-add-img {margin-top: 20px;}    
    .panel_create .nav-tabs {margin-bottom: 20px;}
    .panel_create .nav-tabs>li {font-size: 16px;}
    .panel_create .nav-tabs>li.active>a, .panel_create .nav-tabs>li.active>a:focus, .panel_create .nav-tabs>li.active>a:hover {
        color: #fff; cursor: default;  background-color: #04decf;  border: 1px solid #1ababb;}
    .locked {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99;}
    .price .checkbox label, .price .radio label {padding-left: 0px; padding-right: 20px;}
    .price .checkbox input[type=checkbox] {position: inherit; margin-left: 10px;}
    .price .label span {margin-right: 10px;}
    .price .text-metaMask {color: #e4266c; font-size: 16px;}
    .price .price-or {font-size: 24px; font-weight: 600; color: #32b2c5; padding-top: 15px; display: block;}
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    /* My Product */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
    .setting-table {margin-bottom: 20px;}
    .setting-table .show-products select {width: 75px; display: inline-block;}
    .setting-table .search-products input {margin-left: 20px; display: inline-block; width: auto;}
    .setting-table .add-cat {color: #697181; font-size: 15px; margin-right: 10px;}
    .overlay {
        z-index: 998;
        background-color: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }
    .delete-pop-up{
        width: 200px;
        height: 200px;
        position:absolute; /*it can be fixed too*/
        background-color: white;
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        z-index: 999;
        text-align: center;
        padding: 20px;
        border-radius: 15px;
    }
    .delete-pop-up button {
        margin-left: 5px;
        margin-top: 50px;
    }
    .style-table thead {color: #354869; background-color: #f2f7f9; }
    .style-table thead th {font-weight: 500; font-family: 'Ubuntu-M', sans-serif, Arial; font-size: 16px;}
    .style-table tr th {font-size: 16px;}
    .style-table .table>tbody>tr>td, .style-table .table>tbody>tr>th, 
    .style-table .table>tfoot>tr>td, .style-table .table>tfoot>tr>th, .style-table .table>thead>tr>td, .table>thead>tr>th {
        padding: 8px 12px; font-size: 16px; line-height: 1.65;}
    .style-table .td-actions a {display: inline-block; }
    .style-table .td-actions a .fa {font-size: 22px; margin-right: 10px; cursor: pointer; font-size: 22px;}
    .style-table .td-actions .category-delete-i {color: #ff6161; cursor: pointer;font-size: 1.3em;}
    .style-table .td-actions .category-delete-i:hover {color: #ff1b1b;}
    .style-table .td-actions .category-edit-i {color: #2098de; cursor: pointer;}
    .style-table .td-actions .category-edit-i:hover {color: #0871af;}
    .style-table .table-hover>tbody>tr:hover {background-color: #f2f6fb;}
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .admin_wrapper .form-control {font-size: 16px;}
    .admin_wrapper .form-control:focus,
    .admin_wrapper .multiselect__single:focus{
        border-color: #29e5f7; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(4, 200, 220, 0.37);}
    .block_main label {margin-bottom: 8px; font-family: 'Ubuntu-M', sans-serif, Arial; font-weight: 500; color: #526484; font-size: 18px;}
    .multiselect__option--highlight:after {content: attr(data-select); background: #f6f7fb; color: #7488a9;}
    .multiselect__option--highlight {background: #ffffff; outline: none; color: #526484;}
    .multiselect__tag {background: #02dbde;}
    .multiselect__tag-icon:focus, .block_main .multiselect__tag-icon:hover {background: #04bbbd;}
    .block_main .block-PageNav nav {float: right;}
    
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    .stylish-input-group {float: right;}
    .stylish-input-group {}
        
    /* Dashboard */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .admin_wrapper .dashboard-section h1 {color: #51607a;}
    .dashboard-section .update-card {color: #fff;}
    .dashboard-section .card {
        border-radius: 5px; border: none; margin-bottom: 30px; -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08); position: relative;
        box-shadow: 0 1px 20px 0 rgba(69,90,100,0.08); min-height: 160px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; 
        flex-direction: column; min-width: 0; word-wrap: break-word; -webkit-transition: all .3s ease; transition: all .3s ease;}
    .dashboard-section .card-block {padding: 15px 25px;}
    .dashboard-section .card-block .icon-card i {font-size: 60px;}
    .dashboard-section .update-card .card-footer {background-color: transparent; padding: 15px 25px; border-top: 1px solid #fff;}
    .dashboard-section .update-card .card-footer p {font-size: 14px;}
    .dashboard-section .update-card .card-footer i {margin-right: 8px;}
    .dashboard-section .card-block h4 {font-size: 32px;}
    .dashboard-section .card-block h6 {font-size: 16px;}
    .dashboard-section .card:hover {
        -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 2px 20px 0 rgba(46, 62, 70, 0.39);
        box-shadow: 0 2px 20px 0 rgba(46, 62, 70, 0.39);}
    
    /* chart-dashboard */
    .highcharts-markers path {fill: rgb(1, 188, 191); stroke-width: 0.00486966;}
    .chart-dashboard .highcharts-series path {    
        stroke: rgb(1, 202, 205); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; fill: none;}
    .highcharts-markers text {font-size: 14px;}
    .nav-chart label {
        margin-bottom: 8px; font-family: 'Ubuntu-M', sans-serif, Arial; font-weight: 500; color: #526484; font-size: 18px;}
    .chart-dashboard .highcharts-title tspan {
        font-size: 22px; margin-top: 5px; margin-bottom: 20px; color: #32b2bf; fill: #32b2bf; font-family: 'Ubuntu-M', sans-serif, Arial;}
    .chart-dashboard .highcharts-color-1 .highcharts-point {fill: rgb(1, 202, 205);}
    .chart-dashboard .highcharts-color-1 .highcharts-graph {stroke: rgb(1, 202, 205);}
    .chart-dashboard .highcharts-axis-title tspan, .chart-dashboard .highcharts-axis-title .tspan {
        fill: #526484; color: #526484; font-family: sans-serif, Arial; font-size: 18px;}
    .chart-dashboard tspan {font-size: 14px;}

    
    .nav-chart .nav-pills {    margin-bottom: 40px;}
    .nav-chart .nav-pills>li>a {background: #e8eaf1;}
    .nav-chart .nav-pills>li .active {background: #01d6d9; color: #ffffff;}
    .nav-chart .nav>li>a:focus, .nav-chart .nav>li>a:hover {text-decoration: none; color: #ffffff; background-color: #01c0c3;}
    .nav-chart .highcharts-container {border-radius: 8px;}
    
    
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
    .block_main .multiselect__option--highlight:after {content: attr(data-select); background: inherit; color: #01cfd2;}
    .block_main .multiselect__option--highlight {background: #ffffff; outline: none; color: #526484;}
    
    .multiselect__content .multiselect__element .multiselect__option:hover {background: #f6f7fb;}    
    .multiselect__content .multiselect__option--highlight {background: #ffffff; color: #526484;}
    .multiselect__content .multiselect__option--highlight :hover {background: #f6f7fb;}
    .multiselect__content .multiselect__option--highlight:after {content: attr(data-select); background: inherit; color: #01cfd2;}
    
    .multiselect__content .multiselect__option--selected.multiselect__option--highlight {background: inherit; color: #01d4d8;}
    .multiselect__content .multiselect__option--selected {background: inherit; color: #01d4d8; font-weight: 700;}
    .multiselect__content .multiselect__option--selected.multiselect__option--highlight:after {
        background: inherit; content: attr(data-deselect); color: #ff6a6a;}
    
    /* MEDIA */
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    @media (max-width : 1400px) { 
        .dashboard-section .card-block .icon-card i {font-size: 50px;}
        .dashboard-section .card-block h4 {font-size: 26px
        .dashboard-section .card-block {padding: 10px 15px;}
        .dashboard-section .update-card .card-footer {padding: 10px 15px;}
    }
    @media (max-width : 1198px) { 
    }
    @media (max-width : 1500px) {
    }   
    @media (max-width : 1200px) and (min-width: 992px) {
    }
    @media (max-width: 992px) { 
    }
    @media (max-width: 767px) { 
        .admin_wrapper .main {min-height: 500px; margin-left: 20px; margin-right: 20px; margin-top: 60px; margin-bottom: 60px;}
    }
    @media (max-width: 667px) {}
    @media (max-width: 568px) {
    }
    @media (max-width: 480px) {   
       .admin_wrapper .main {min-height: 500px; margin-left: 0px; margin-right: 0px; margin-top: 60px; margin-bottom: 60px;} 
    }