/* admin area start*/
.admin-part tbody td .checkmark { top: -4px; }
.admin-part { padding: 20px 20px 20px 0; display: flex }
.admin-part .sidepanel { background: #333942; width: 20%; max-width: 285px; min-width: 220px }
.admin-part .sidepanel ul { padding-top: 6px }
.admin-part .sidepanel ul li { font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 0 0 }
.admin-part .sidepanel ul a { display: block; padding: 12px 10px 8px 30px; color: #fff; border-left: 5px solid #333942 }
/*.admin-part .sidepanel ul li:hover ul { display: block }*/
.admin-part .sidem { display: none }
.admin-part .sidepanel ul ul { display: none; padding-top: 0 }
.admin-part .sidepanel ul ul a { padding-left: 50px; opacity:0.6 }
.admin-part .sidepanel ul li:nth-child(1) a:hover, .admin-part .sidepanel ul li:nth-child(1).active>a { border-left: 5px solid #e24921; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(2) a:hover, .admin-part .sidepanel ul li:nth-child(2).active>a { border-left: 5px solid #74577c; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(3) a:hover, .admin-part .sidepanel ul li:nth-child(3).active>a { border-left: 5px solid #5ea9d0; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(4) a:hover, .admin-part .sidepanel ul li:nth-child(4).active>a { border-left: 5px solid #f79342; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(5) a:hover, .admin-part .sidepanel ul li:nth-child(5).active>a { border-left: 5px solid #6aac54; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(6) a:hover, .admin-part .sidepanel ul li:nth-child(6).active>a { border-left: 5px solid #fac73f; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(1) .active a { border-left: 5px solid #e24921; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(2) .active a { border-left: 5px solid #74577c; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(3) .active a { border-left: 5px solid #5ea9d0; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(4) .active a { border-left: 5px solid #f79342; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(5) .active a { border-left: 5px solid #6aac54; background: #2b3038 }
.admin-part .sidepanel ul li:nth-child(6) .active a { border-left: 5px solid #fac73f; background: #2b3038 }
.admin-part .content-area { padding: 0 0 0 20px; width: 100%; overflow: hidden }
.admin-part .content-area .area { background: #f3f5f5 }
.admin-part .content-area .area.spacer { margin-bottom: 25px }
.admin-part h3 { padding: 15px 13px 13px 30px; letter-spacing: 0.5px; background: #e24921; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 18px; width: 100% }
.admin-part .status-row ul { display: flex }
.admin-part .status-row ul li { width: 25%; padding: 35px 35px 15px; text-align: center }
.admin-part .status-row ul li .box { border: 5px solid #5ea9d0; border-radius: 50%; width: 250px; height: 250px; min-width: 250px; min-height: 250px; text-align: center; vertical-align: middle; display: table-cell; color: #000 }
.admin-part .status-row ul li:nth-child(2) .box { border-color: #74577c }
.admin-part .status-row ul li:nth-child(3) .box { border-color: #fac73f }
.admin-part .status-row ul li:nth-child(4) .box { border-color: #6aac54 }
.admin-part .status-row ul li .box span { font-size: 25px; display: block; line-height: 30px; }
.admin-part .status-row ul li .box strong { font-size: 45px; display: block; line-height: 56px; padding-bottom: 6px }
.admin-part .status-row ul li .box small, .admin-part .status-row ul li .box small a { font-size: 14px; color: #7f8287; display: block; }
.admin-part .status-row ul li .box small a { text-decoration: underline }
.admin-part .status-row ul li .box small a:hover { text-decoration: none }
.admin-part .col-row { display: flex; padding: 0 10px }
.admin-part .col-row1 { padding: 20px 25px 25px }
.admin-part .col-row2 { padding: 20px 25px 25px }
.admin-part .col1 { width: 100% }
.admin-part .col2 { width: 50% }
.admin-part .col3 { width: 33.33% }
.admin-part .col4 { width: 25% }
.admin-part .col5 { width: 20% }
.admin-part .col6 { width: 60% }
.admin-part .col7 { width: 70% }
.admin-part .col8 { width: 80% }
.admin-part .col9 { width: 90% }
.admin-part .col1, .admin-part .col2, .admin-part .col3, .admin-part .col4, .admin-part .col5, .admin-part .col6, .admin-part .col7, .admin-part .col8, .admin-part .col9 { margin: 25px 15px 25px 15px; background: #fff }
.admin-part .data-box { background: #fff; padding: 15px; }
.admin-part .table { border-collapse: collapse; width: 100%; background: #fff }
.admin-part .table thead.gray { background: #5b5c62; color: #fff }
.admin-part .table thead.orange { background: #e24921; color: #fff }
.admin-part .table thead.gray th { color: #fff }
.admin-part .table thead.orange th {color: #fff ;text-transform:uppercase}
.admin-part .table th { text-align: left; font-weight: 500; color: #232b37;  }
.admin-part .table th, .admin-part .table td { padding: 12px 15px 8px; }
.admin-part .table td { font-size: 14px; color: #727c8b }
.admin-part .table .head { font-weight: 400; color: #232b37 }
.admin-part .table tbody td { border-bottom: 1px solid #ececec }
.admin-part .table tbody tr:last-child td { border: none }
.admin-part .customer .table td:nth-child(4) { color: #74577c }
.admin-part .table.no-border tbody td { border: none }
.admin-part .table .progress { background: #f2f2f2; border-radius: 20px; display: inline-block; float: left; margin-top: 7px; position: relative; height: 10px; width: 91%; margin-right: 1% }
.admin-part .table .progress .data { background: #6aac54; border-radius: 20px; display: inline-block; height: 100%; left: 0; top: 0; position: absolute; width: 100% }
.admin-part .table .white-btn { border: 2px solid #e5e5e5; text-decoration: none; border-radius: 20px; padding: 7px 14px; background: #fff; color: #e24921; font-size: 11px; }
.admin-part .table .white-btn i { margin-right: 3px; color: #e24921 }
.admin-part .table .white-btn:hover { color: #333; background: #e5e5e5 }
.admin-part .table .white-btn:hover i { color: #333; }
.admin-part .col4.my-products .progress { width: 70px; }
.admin-part .search { border: 1px solid #e5e5e5; padding: 12px 20px; border-radius: 20px; margin: 20px 0 20px 30px; max-width: 500px; float: left; width: 100%; }
.admin-part .search input { border: none; background: none; color: #333942;width:80%; }
.admin-part i { color: #333942 }
.admin-part .search select { float: right; border: none; background: url(../images/arrow_down.png) no-repeat 93% 7px; padding-right: 20px; color: #7e8794; padding-top: 2px; }
.admin-part .table .search { margin: 0 }
.admin-part .option-row .search { height: 45px; }
.admin-part .table td > a { color: #333; text-decoration: underline }
.admin-part .table td > a:hover { text-decoration: none }
.admin-part .table.green .progress { height: 5px; }
.admin-part .table.green .progress .data { background: #6aac54; }
.admin-part .table.green .btn { border: 1px solid #6aac54; background: #6aac54; }
.admin-part .table.green .btn:hover { border: 1px solid #6aac54; background: none }
.admin-part .table.yellow .progress { height: 5px; }
.admin-part .table.yellow .progress .data { background: #fac73f; }
.admin-part .table.yellow .btn { border: 1px solid #fac73f; background: #fac73f; }
.admin-part .table.yellow .btn:hover { border: 1px solid #fac73f; background: none }
.admin-part .table.purple .progress { height: 5px; }
.admin-part .table.purple .progress .data { background: #9c67ab; }
.admin-part .table.purple .btn { border: 1px solid #9c67ab; background: #9c67ab; }
.admin-part .table.purple .btn:hover { border: 1px solid #9c67ab; background: none }
.admin-part .table.blue .progress { height: 5px; }
.admin-part .table.blue .progress .data { background: #5ea9d0; }
.admin-part .table.blue .btn { border: 1px solid #5ea9d0; background: #5ea9d0; }
.admin-part .table.blue .btn:hover { border: 1px solid #5ea9d0; background: none }
.admin-part .reporting .table.no-border tbody tr td:last-child { text-align: right }
.admin-part .reporting .col-row1{ padding:40px;}
.admin-part .reporting .col-row1 .table tbody td { padding:15px;}
.admin-part .reporting .col-row1 .table tbody td:first-child{ padding-left:35px;}
.admin-part .reporting .col-row1 .table tbody td:last-child{ padding-right:35px;}
.admin-part .reporting .col-row1 .table tfoot td{ padding-right:30px; padding-left: 30px;}
.admin-part .reporting .table.purple td:last-child{ text-align:left!important}
.admin-part .reporting .table a.btn{ padding:4px 10px;}
.admin-part .reporting .search{ padding: 6px 17px; max-width:440px;}
.admin-part .table a.btn { font-weight: 500; text-decoration: none!important; float: right; text-transform: uppercase; border: 1px solid #5ea9d0; background: #5ea9d0; color: #fff!important; font-size: 12px; text-align: center; padding: 6px 10px; border-radius: 20px; width: 250px; display: inline-block }
.admin-part .table a.btn:hover { border: 1px solid #5ea9d0; background: none; color: #333!important }
.admin-part .table img { display: inline-block; vertical-align: middle }
.admin-part .table tbody td { vertical-align: middle }
.admin-part .table .glink { color: #6aac54 }
.admin-part .table .no_in_s { color: #ff0000 }
.admin-part .btn-box { width: 100%; background: #fff; padding: 15px; text-align: center }
.admin-part .btn-box .btn { border: 1px solid #6aac54; background: #6aac54; width: 200px; display: inline-block; padding: 9px 40px 6px; margin: 0 10px; color: #fff; text-transform: uppercase; border-radius: 20px; }
.admin-part .btn-box .btn:hover { border: 1px solid #6aac54; background: none; color: #333 }
.admin-part .btn-box.purple .btn { border: 1px solid #75587c; background: #75587c; }
.admin-part .btn-box.purple .btn:hover { border: 1px solid #75587c; background: none; color: #333 }
.admin-part .tbutton { float: right; padding: 20px 35px 20px 20px; }
.admin-part .gray_button { float: right; padding: 20px 35px 20px 20px; }
.admin-part .gray_button a { padding: 15px 30px 12px; width: 200px; margin: 0 5px; text-align: center; font-size: 14px; line-height: 18px; display: inline-block; color: #fff; background: #5b5c62; border: 1px solid #5b5c62; text-transform: uppercase; border-radius: 30px; }
.admin-part .gray_button a:hover { background: none; border: 1px solid #5b5c62; color: #333 }
.admin-part .gray_button.thin { margin-top: 5px; }
.admin-part .gray_button.thin a { padding: 12px 30px 9px; }
.admin-part .option-row .gray_button { float: none; width: 47%; padding: 17px 15px 15px }
.admin-part .option-row .gray_button a { width: 30%; padding: 12px 10px 9px }
.admin-part .admin-product { padding: 25px; text-align: center; width: 100%; display: flex; max-width: 900px; margin: 0 auto }
.admin-part .admin-product li { padding: 20px; width: 285px; border: 1px solid #727c8b; background: #fff; display: table-cell; vertical-align: middle; margin: 0 10px; text-align: center }
.admin-part .admin-product li span, .admin-part .admin-product li strong { display: block }
.admin-part .admin-product li span { font-size: 17px; text-transform: uppercase; color: #5b5c62; font-weight: 700 }
.admin-part .admin-product li strong { font-size: 62px; line-height: 68px; text-transform: uppercase; color: #74577c; font-weight: 400 }
.admin-part .admin-product li a { color: #5b5c62; text-decoration: underline; font-weight: 700 }
.admin-part .admin-product li a:hover { text-decoration: none }
.admin-part .admin-product li:nth-child(2) strong { color: #6aac54 }
.admin-part .admin-product li:nth-child(3) strong { color: #fac73f }
.admin-part .action { float: right; padding: 23px 20px 20px; }
.admin-part .action li { display: inline-block; vertical-align: middle; padding: 0 10px; color: #5c5c63 }
.admin-part .action li .active { font-weight: 700 }
.admin-part .action li a { color: #5c5c63 }
.admin-part .action li.link a { width: 40px; height: 40px; border: 1px solid #dadada; border-radius: 50%; text-align: center; line-height: 40px; vertical-align: middle; display: inline-block }
.admin-part .action li.link a i { color: #737c8c; font-size: 16px; }
.admin-part .option-row .action { width: 18%; text-align: right; min-width: 270px; float: none }
.admin-part .act i { display: inline-block; padding: 0 10px; color: #5b5c62; font-size: 16px; }
.admin-part .profile { max-width: 1260px; padding: 40px 0 40px 80px }
.admin-part .profile h2 { font-weight: 400; font-size: 40px; line-height: 46px; color: #232b37 }
.admin-part .profile .s_row { padding: 10px 0 10px; margin-bottom: 20px; border-bottom: 2px solid #f5f5f5; float: left; width: 100% }
.admin-part .profile .s_row a { float: right; color: #fff; border-radius: 20px; background: #fac73f; font-size: 11px; padding: 3px 15px; margin-top: -5px; }
.admin-part .profile .s_row a:hover { background: #000 }
.admin-part .profile .s_row a i { color: #fff }
.admin-part .profile .s_row span { font-size: 16px; color: #7d7c8f; float: left }
.admin-part .profile .p_detail { padding: 40px 0 100px; width: 100%; float: left }
.admin-part .profile .p_detail li { display: flex; font-size: 16px; line-height: 24px; color: #7d7c8f }
.admin-part .profile .p_detail li a { color: #7d7c8f; }
.admin-part .profile .p_detail li h4 a { color: #232b37; text-decoration: underline }
.admin-part .profile .p_detail li h4 a:hover { text-decoration: none }
.admin-part .profile .p_detail li div { width: 33%; padding-bottom: 30px; padding-right: 20px; }
.admin-part .profile .p_detail h4 { font-size: 20px; font-weight: 500; color: #232b37; padding-bottom: 10px }
.admin-part .profile .member { padding: 10px 0 10px; margin-bottom: 20px; border-bottom: 2px solid #f5f5f5; float: left; width: 100%; font-size: 16px; color: #fac73f }
.admin-part .profile .member a { color: #fff; border-radius: 20px; background: #fac73f; font-size: 11px; padding: 7px 15px; margin-left: 10px; }
.admin-part .profile .member a:hover { background: #000 }
.admin-part .profile .m_detail { display: flex; width: 100%; padding-top: 20px; padding-bottom: 50px }
.admin-part .profile .m_detail li { width: 40% }
.admin-part .profile .m_detail li span { display: block; padding: 10px 0 30px }
.admin-part .profile .m_detail li h4 { font-size: 20px; color: #232b37; font-weight: 500; padding: 0 0 10px }
.admin-part .profile .m_detail li strong { color: #fac73f; font-size: 51px; line-height: 60px; font-weight: 500 }
.admin-part .profile .m_detail li span a { font-size: 20px; color: #232b37; font-weight: 500; text-decoration: underline }
.admin-part .profile .m_detail li span a:hover { text-decoration: none }
.admin-part .order-details-row h4 { color: #232b37; font-weight: 500; font-size: 26px; line-height: 30px; padding: 0 0 15px }
.admin-part .order-details-row { display: flex; padding: 25px 50px 90px }
.admin-part .order-details-row li { width: 25%; padding-right: 20px; color: #5b5c62; font-size: 16px; }
.admin-part .order-details-row li li { width: 100%; display: block; padding: 7px 0 }
.admin-part .order-details-row li li strong { display: inline-block; width: 140px; }
.admin-part .order-details-row li:first-child { width: 25% }
.admin-part .order-details-row li:first-child p { line-height: 30px; padding-bottom: 30px }
.admin-part .order-details-row li li:first-child { width: 100% }
.admin-part .order-details-row li:nth-child(2) { width: 32% }
.admin-part .order-details-row li li:nth-child(2) { width: 100% }
.admin-part .order-details-row li:nth-child(4) { width: 18% }
.admin-part .order-details-row li li:nth-child(4) { width: 100% }
.admin-part .order-details-row li:last-child li { text-align: right }
.admin-part .order-details-row li:last-child li strong { text-align: right; padding-right: 10px; }
.admin-part .order-details-row a { color: #5b5c62; text-decoration: underline; font-weight: 400 }
.admin-part .order-details-row a:hover { text-decoration: none }
.admin-part .order-details-row a b { font-weight: 500 }
.admin-part .order-details-row .btn { padding: 7px 20px 5px; border-radius: 30px; margin-bottom: 15px; font-size: 14px; text-transform: uppercase; font-weight: 500; line-height: 20px; width: 100%; text-decoration: none; color: #fff; display: inline-block; max-width: 100%; text-align: center; border: 1px solid #74577c; background: #74577c }
.admin-part .order-details-row .btn:hover { border: 1px solid #74577c; color: #333; background: none }
.admin-part .order-details-row .print { float: right; width: 40px; height: 40px; border: 1px solid #444951; border-radius: 50%; display: inline-block; color: #727c8b; text-align: center; line-height: 40px; }
.admin-part .order-list tbody td a { color: #74587c }
.admin-part .order-details-row .print:hover { border-color: #e24921 }
.admin-part .order-details-row .print i { color: #727c8b }
.admin-part .option-row { padding: 25px 0; float: left; width: 100%; display: flex }
.admin-part .process { padding: 35px 10% 200px; overflow: hidden }
.admin-part .progress { width: 120%; /*background: #ccc;*/ border-radius: 20px; height: 10px; }
.admin-part .progress li { float: left; height: 100%; width: 15%; background: #e6e6e6; position: relative; text-transform: uppercase; font-size: 14px; }
.admin-part .progress li .points { position: absolute; width: 70px; left: -20px; bottom: -80px; text-align: center; line-height: 20px; vertical-align: middle; font-size: 14px; font-weight: 700; color: #5b5c62 }
.admin-part .progress li .dot { position: absolute; left: 0px; top: -12px; width: 35px; height: 35px; background: #e6e6e6; border-radius: 50%; display: inline-block }
.admin-part .progress li:first-child { border-radius: 20px 0 0 20px }
.admin-part .progress li:last-child { border-radius: 0 20px 20px 0; background: #f5f5f5; }
.admin-part .progress li:last-child .dot { left: -4px; }
.admin-part .progress li.done:before { content: ''; width: 101%; background: #74577c; height: 100%; position: absolute; left: -100%; border-radius: 20px 0 0 20px }
.admin-part .progress li:first-child:before { display: none }
.admin-part .progress li.done .dot { background: #74577c }
.admin-part .table.order-list { background: none }
.admin-part .table.order-list td { padding: 25px 15px; }
.admin-part .table.order-list tr:nth-child(odd) { background: #efefef }
.admin-part .table.order-list tr:nth-child(even) { background: #ffffff }
.admin-part .table.order-list thead tr:nth-child(2n+1) { background: none }
.admin-part .total-box { width: 100%; padding: 25px 0; display: flex }
.admin-part .total-box .note { width: 80% }
.admin-part .total-box .note span { display: block; padding: 0 0 5px 15px }
.admin-part .total-box .note textarea { background: #fff; border: none; width: 40%; height: 110px }
.admin-part .total-box .total { width: 20%; text-align: left; min-width: 300px; font-size: 18px; text-align: right }
.admin-part .total-box .total strong { display: inline-block; width: 150px; color: #232b37; font-weight: 400; text-align: left; float: left }
.admin-part .total-box .total li { padding: 8px 0 }
.admin-part .total-box .total li:last-child strong { font-weight: 700; color: #74577c }
 @media only screen and (max-width: 1560px) {
.admin-part .status-row ul li .box { width: 190px; height: 190px; min-width: 190px; min-height: 190px; }
.admin-part .status-row ul li:nth-child(4) .box { border-color: #6aac54 }
.admin-part .status-row ul li .box span { font-size: 16px; line-height: 22px; display: block; }
.admin-part .status-row ul li .box strong { font-size: 26px; line-height: 30px; display: block; }
.admin-part .status-row ul li .box small { font-size: 14px; color: #7f8287; display: block }
.admin-part .col4.my-products { width: 100% }
.admin-part .col4.integration { width: 100% }
.admin-part .col-row2 { overflow: auto; width: 100% }
.admin-part .col-row2 .table { width: 1560px }
.admin-part .col-row2 .btn-box { width: 1560px }
.admin-part .order-details-row h4 { font-size: 20px; line-height: 26px; }
.admin-part .order-details-row li { font-size: 16px; }
.admin-part .order-details-row li li strong { display: block; width: 100% }
.admin-part .order-details-row li { width: 25%!important; }
.admin-part .order-details-row li li { width: 100%!important; display: block }
.admin-part .action { padding-bottom: 0 }
.admin-part .option-row .gray_button a { font-size: 12px; white-space: nowrap; min-width: 120px; margin: 2px 0 }
.admin-part .option-row .search { max-width: 370px; }
.admin-part .option-row .gray_button { width: 49% }
.admin-part .option-row .search { width: 38%; min-width: 320px; }
.admin-part .order-details-row li:last-child li { text-align: left }
.admin-part .order-details-row li:last-child li strong { text-align: left; padding-right: 0; }
.admin-part .table .search { max-width: 340px }
}
 @media only screen and (max-width: 1279px) {
.admin-part .status-row ul { display: block; text-align: center }
.admin-part .status-row ul li { display: inline-block; vertical-align: top; width: 49%; padding-left: 6%; padding-right: 6% }
.admin-part .status-row ul li .box { width: 230px; height: 230px; min-width: 230px; min-height: 230px; }
.admin-part .status-row ul li .box span { font-size: 22px; line-height: 26px; display: block; }
.admin-part .status-row ul li .box strong { font-size: 36px; line-height: 40px; display: block; }
.admin-part .status-row ul li .box small { font-size: 14px; color: #7f8287; display: block }
.admin-part .col-row { display: block }
.admin-part .col1, .admin-part .col2, .admin-part .col3, .admin-part .col4, .admin-part .col5, .admin-part .col6, .admin-part .col7, .admin-part .col8, .admin-part .col9 { width: 100%; margin: 0; background: none; padding: 15px; }
.admin-part .col-row1 { padding: 25px; }
.admin-part .col-row2 { padding: 0 25px 25px; }
.admin-part a.btn { width: auto }
.admin-part .search { width: 90%; margin-bottom: 20px; max-width: 320px; }
.admin-part .gray_button { width: 100%; float: none; margin: 0 0 0; padding-bottom: 0px; text-align: right }
.admin-part .gray_button a { margin-bottom: 10px; }
.admin-part .profile { max-width: 1260px; padding: 40px 0 40px }
.admin-part .profile .p_detail li { font-size: 14px; line-height: 22px; }
.admin-part .profile .p_detail h4 { font-size: 17px; }
.admin-part .order-details-row h4 { font-size: 18px; line-height: 22px; }
.admin-part .order-details-row li { font-size: 14px; }
.admin-part .process { padding: 25px 2% 100px; overflow: hidden; }
.admin-part .order-details-row { display: block }
.admin-part .order-details-row li { width: 49%!important; display: inline-block; vertical-align: top }
.admin-part .order-details-row li li { width: 100%!important; display: block }
.admin-part .progress li:last-child .points { left: -45px }
.admin-part .table .progress { width: 85% }
.admin-part .gray_button.thin a { padding: 8px 16px 5px; width: auto; font-size: 12px; }
.admin-part .option-row { padding: 0; display: block }
.admin-part .option-row .search { width: 92%; max-width: 100%; min-width: 280px; margin-bottom: 0 }
.admin-part .option-row .gray_button { width: 60%; float: left; padding-left: 35px; text-align: left }
.admin-part .option-row .gray_button a { width: 30% }
.admin-part .option-row .action { width: 40%; float: right }
}
 @media only screen and (max-width: 960px) {
.admin-part .status-row ul li .box { width: 190px; height: 190px; min-width: 190px; min-height: 190px; }
.admin-part .status-row ul li .box span { font-size: 16px; line-height: 22px; display: block; }
.admin-part .status-row ul li .box strong { font-size: 26px; line-height: 30px; display: block; }
.admin-part .status-row ul li .box small { font-size: 14px; color: #7f8287; display: block }
.admin-part .table a.btn { width: auto }
.admin-part .profile .p_detail li a { word-wrap: break-word; }
.admin-part .total-box .note textarea { width: 90% }
.admin-part .total-box .total { font-size: 15px; }
.admin-part .total-box .total li { padding: 3px 0 }
.admin-part .table th, .admin-part .table td { padding: 8px; font-size: 13px; line-height: 17px; }
.admin-part .progress li:last-child .points { left: -45px }
.admin-part .table .progress { width: 80% }
.admin-part .search { max-width: 100% }
.admin-part .option-row .search { width: 92%; max-width: 100%; min-width: 280px; margin-bottom: 0 }
.admin-part .option-row .gray_button { width: 100%; float: left; padding-right: 35px; text-align: right }
.admin-part .option-row .gray_button a { width: 31% }
.admin-part .option-row .action { width: 100%; float: left; text-align: right; padding: 0 30px 20px 0; }
.admin-part .progress li .points{ font-size:11px; line-height:15px; bottom:-55px}
.admin-part .progress li .dot{ width:30px; height:30px; top:-11px}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px)  {
	 
	 
	 header .right-panel .search_box .f_row{ width:64%}
header .right-panel .search_box{ width:54%}
header .right-panel .quick{ width:46%}
 }


 @media only screen and (max-width: 767px) {
.admin-part { display: block; padding: 0 }
.admin-part .sidepanel, .admin-part .content-area { width: 100%; padding: 0; max-width: 100% }
.admin-part .gray_button a { width: auto }
.admin-part .gray_button { text-align: left }
.admin-part .profile { max-width: 1260px; padding: 40px 25px }
.admin-part .col-row3 { overflow: auto }
.admin-part .col-row3 .order-list { width: 700px }
.admin-part .sidem { display: block; text-align: right; margin: -46px 0 0; position: relative }
.admin-part .sidem i { color: #fff; font-size: 30px; margin: 10px 20px 0 0; cursor: pointer }
.admin-part .sidemenu { display: none }
.admin-part .content-area { margin-top: 20px; }
.title-row .breadcrumbs { padding: 0 0 10px; margin-left: -5px; }
.title-row .breadcrumbs li:first-child { padding-left: 0 }
}
 @media only screen and (max-width: 540px) {
.admin-part .search { margin: 15px 5% }
.admin-part .data-box, .admin-part .col-row1 { overflow: auto; width: 100% }
.admin-part .col-row1 .table { width: 700px }
.admin-part .status-row ul li .box { width: auto; height: auto; border: none; min-height: 100px; min-width: 100%; }
.admin-part .admin-product { display: block }
.admin-part .admin-product li { display: block; width: 100%; margin: 0 0 10px }
.admin-part .search { padding: 12px; }
.admin-part .profile .p_detail li { display: block }
.admin-part .profile .p_detail li div { width: 100% }
.admin-part .profile .p_detail { padding: 0 }
.admin-part .profile .m_detail { display: block }
.admin-part .profile .m_detail li { width: 100% }
.admin-part .profile h2 { font-size: 32px; line-height: 38px }
.admin-part .order-details-row li { width: 100%!important; display: block; vertical-align: top }
.admin-part .total-box { display: block }
.admin-part .total-box .note { width: 100%; margin: 0 0 20px 0; }
.admin-part .total-box .note textarea { width: 100% }
.admin-part .process { display: none }
.admin-part .total-box .total { width: 100%; min-width: 100% }
.admin-part .gray_button.thin { padding-top: 10px; }
.admin-part .option-row .gray_button a { min-width: 120px; font-size: 11px; }
}
/* admin area end*/