@media only screen and (max-width: 1040px) {
    .login_bt,
    .loginbox {
        right: 0;
    }
    .my_div {
        margin-left: 0;
        width: 48%;
    }
    /*    .home .home_left{ width: 50%; text-align: left;}
    .home .home_right{left:auto;}*/
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .login_bt,
    .loginbox {
        right: 20px;
    }
    .leftpart {
        width: 223px;
    }
    .rightpart {
        margin-right: 0;
        padding: 0 10px;
        width: 525px;
    }
    .rightpart .image_gallery {
        padding: 0 60px;
    }
    footer .footer .left {
        width: 310px;
    }
    header .logo {
        margin-left: 10px;
    }
    .product_details .leftpart,
    .product_details .rightpart {
        width: 100%;
        float: none;
        clear: both;
    }
    .personal_info {
        overflow: hidden;
    }
    .personal_info .left,
    .personal_info .right {
        width: 100%;
        float: none;
        clear: both;
    }
    .personal_info .left {
        margin-bottom: 10px;
    }
    /* .main_table th,.main_table td{ padding:10px;}*/
    .login_bt,
    .loginbox {
        right: 0;
    }
    footer .footer .left,
    footer .footer .right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .acymailing_fulldiv {
        float: none !important;
        width: 100% !important;
    }
    .acymailing_module_form .acymailing_form p {
        float: none !important;
        display: inline-block;
    }
    footer .footer .right .socoalpart {
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .login_bt,
    .loginbox {
        right: 20px;
    }
    header .logo {
        margin-left: 10px;
    }
    .product_details .leftpart,
    .product_details .rightpart {
        width: 100%;
        float: none;
        clear: both;
        padding: 0;
    }
    .product_details .rightpart .product_contant .leftside {
        width: 200px;
        margin: 0;
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .product_contant {
        padding-top: 20px;
    }
    .personal_info .left,
    .personal_info .right {
        width: 100%;
        float: none;
        clear: both;
    }
    .personal_info .left {
        margin-bottom: 10px;
    }
    /* .main_table th,.main_table td{ padding:10px;}*/
    .form .input,
    .form .select {
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
    }
    .stepmenu li {
        font-size: 22px;
    }
    .m_right170 {
        margin-right: 0 !important;
    }
    .main_content {
        display: block;
    }
    .contant {
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
    }
    .edit_link {
        margin-right: 22px;
    }
    .leftbar {
        float: none;
        top: 60px;
        position: absolute; /* background:#22262e;*/
        z-index: 10;
        width: 0;
        opacity: 0;
        height: 100%;
    }
    .leftmenu li {
        width: 0;
    }
    .leftbar.open {
        opacity: 1;
    }
    .leftmenu li.active a,
    .leftmenu li:hover a {
        background-image: none;
    }
    .submenu,
    .subsubmenu {
        border-radius: 0;
        box-shadow: none;
        left: 0;
        position: relative;
    }

    .leftmenu li .submenu li a,
    .leftmenu li:hover .submenu li a {
        background: url(../images/report_icon.png) no-repeat 24px 9px #ffffff;
        background-size: 16px;
        padding-left: 52px;
    }
    .leftmenu li .submenu li a:hover,
    .leftmenu li .submenu li a.reportmenuactive,
    .leftmenu li .submenu li:hover > a {
        background: url(../images/report_active.png) no-repeat 24px 9px #de1e25;
        background-size: 16px;
    }
    .leftmenu li .submenu .subsubmenu li a {
        padding-left: 72px;
        background: url(../images/report_icon.png) no-repeat 44px 9px #ffffff;
        background-size: 16px;
    }
    .leftmenu li .submenu .subsubmenu li a:hover {
        background: url(../images/report_active.png) no-repeat 44px 9px #de1e25;
        background-size: 16px;
    }
    .inner_container {
        position: relative;
        min-height: inherit;
    }
    .my_account .title {
        padding-left: 78px;
    }
    .title .responsive_menu {
        display: block;
    }
    footer .footer {
        text-align: center;
        padding: 20px;
    }
    .column2 {
        background: none;
        margin-bottom: 20px;
        text-align: left;
    }
    .column3 {
        margin-bottom: 20px;
        text-align: left;
    }
    .personal_info label {
        display: inline-block;
        width: 20%;
    }
    .personal_info .custom_personal_info > .float_r,
    .personal_info .row > .float_r,
    .company_info .row > .float_r {
        float: none;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .company_info .row > .float_r.m_right150 {
        margin-right: 0 !important;
    }
    .product_details .leftpart .product {
        margin: 0 auto;
    }
    .shopping_total {
        margin-bottom: 50px;
    }
    .shop_table {
        width: 100%;
    }
    .div_method_padding label {
        width: auto;
    }
    /*.home .home_right{ margin-bottom:130px;}*/
    #month_div {
        float: left;
        width: 136px;
        margin-bottom: 20px;
    }
    #year_div {
        float: left;
        width: 136px;
        margin-bottom: 20px;
    }
    .spancolon {
        float: left;
    }
    .registration .row {
        width: 100%;
        float: left;
    }
    #product_base .tree_view {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        margin-bottom: 20px;
    }
    .logo_home {
        margin-left: 0;
        margin-bottom: 112px;
    }
    .login_bt,
    .loginbox {
        right: 0;
        /*margin-left: 20px;*/
    }
    .loginform2 .forgot_link,
    .loginform2 .remember {
        font-size: 12px;
    }
    .inner_container {
        padding-bottom: 10px;
    }
    .contant {
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 880px) {
    .product_main_div {
        padding-left: 0;
        width: 100%;
    }
    .report_barcode {
        width: 100%;
    }
    .report_department {
        width: 100%;
    }
    .report_department .w80.icon_display_text,
    .report_barcode .w80.icon_display_text {
        width: 75%;
    }
    .modal-html-content {
        width: 90% !important;
    }
    .childmodal-html-content {
        width: 90% !important;
    }
}
@media only screen and (max-width: 767px) {
    .personal_info {
        overflow: hidden;
    }
    .home {
        padding: 20px 20px 0 20px;
    }
    .home .home_left {
        float: none;
        width: 100%;
        text-align: center;
        overflow: hidden;
    }
    .home .home_left .custom {
        position: relative;
        left: 110px;
    }
    .home .home_right {
        float: none;
        width: 100%;
    }
    .logo_home {
        margin-left: 0;
        text-align: center;
        margin-bottom: 50px;
    }
    .login_bt,
    .loginbox {
        right: 0;
    }
    footer .footer .left,
    footer .footer .right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .acymailing_fulldiv {
        float: none !important;
        width: 100% !important;
    }
    .acymailing_module_form .acymailing_form p {
        float: none !important;
        display: inline-block;
    }
    footer .footer .right .socoalpart {
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .login_bt,
    .loginbox {
        right: 20px;
    }
    /*.leftpart{ width:223px;}*/
    /*.rightpart{ margin-right:0; padding:0 10px; width:525px;}*/
    .rightpart .image_gallery {
        padding: 0 60px;
    }
    header .logo {
        margin-left: 10px;
    }
    .product_details .leftpart,
    .product_details .rightpart {
        width: 100%;
        float: none;
        clear: both;
    }
    .product_details .rightpart .product_contant .leftside {
        width: 110px;
    }
    .personal_info .left,
    .personal_info .right {
        width: 100%;
        float: none;
        clear: both;
    }
    .personal_info .left {
        margin-bottom: 10px;
    }
    /*.main_table th,.main_table td{ padding:10px;}*/
    .form .input,
    .form .select {
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
    }
    .loginform2 {
        margin: 30px;
    }
    .loginform2 label {
        font-size: 16px;
        margin-top: 0;
    }
    .loginform2 .input {
        width: 100%;
        height: 40px;
        padding: 4px 6px;
    }
    .loginform2 .row .right a {
        width: 100px;
    }
    .loginform2 .row .left {
        float: none;
    }
    .loginform2 .row .right {
        float: none;
        text-align: center;
    }
    .loginform2 .row .right a {
        width: auto;
        margin: 0 5px;
    }
    .w300 {
        width: auto;
    }
    .loginform2 .row .right.w300 .float_r {
        float: none;
    }
    .loginform2 .row .right.w300 img {
        height: 39px;
    }
    footer .footer {
        text-align: center;
        padding: 20px;
    }
    .home .home_right {
        margin-bottom: 0;
        padding-bottom: 80px;
        left: 0;
    }
    .main_content {
        display: block;
    }
    .contant {
        margin-left: 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
    }
    .edit_link {
        margin-right: 22px;
    }
    .leftbar {
        float: none;
        top: 60px;
        position: absolute; /* background:#22262e;*/
        z-index: 10;
        width: 0;
        opacity: 0;
        height: 100%;
    }
    .leftmenu li {
        width: 0;
    }
    .leftbar.open {
        opacity: 1;
    }
    .leftmenu li.active a,
    .leftmenu li:hover a {
        background-image: none;
    }
    .inner_container {
        position: relative;
        min-height: inherit;
    }
    .my_account .title {
        padding-left: 78px;
    }
    .title .responsive_menu {
        display: block;
    }
    .socoalpart {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .socoalpart a {
        margin: 0 3px;
    }
    .column2 {
        background: none;
        margin-bottom: 20px;
        text-align: left;
    }
    .column3 {
        margin-bottom: 20px;
        text-align: left;
    }
    .personal_info label {
        display: inline-block;
        width: 30%;
    }
    .personal_info .custom_personal_info > .float_r,
    .personal_info .row .width282.float_r {
        float: none;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .width250 {
        width: 245px !important;
    }
    .leftpart {
        min-height: 598px;
    }
    .leftpart,
    .rightpart {
        width: 100%;
        float: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .rightpart {
        margin-right: 0;
        padding: 0 20px;
    }
    .product_details .rightpart .product_contant .leftside {
        margin: 0;
        padding: 0 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .product_details .leftpart .product {
        margin: 0 auto;
    }
    .product_details .leftpart {
        padding-left: 0;
    }
    .product_contant {
        padding-top: 20px;
    }
    .shopping_total {
        margin-bottom: 50px;
    }
    .shop_table {
        width: 100%;
    }
    /*.buttonpart .black_button{ padding:9px 2%;}*/
    .shopping_table tr td .product_detail {
        width: auto;
    }
    .shopping_table tr td .product_detail .text {
        width: auto;
    }
    .stepmenu {
        height: auto;
    }
    .stepmenu li {
        width: 100%;
        float: none;
        vertical-align: top;
    }
    .stepmenu li:last-child {
        background: url(../images/step_arrow.png) no-repeat top right;
    }
    .stepmenu li.on {
        background: url("../images/step_arrow_active.png") no-repeat scroll
            right top #e11f26;
    }
    .stepmenu li:last-child.active {
        background: url("../images/step_arrow_active.png") no-repeat scroll
            right top #e11f26;
    }
    .registration h3 span.note {
        display: block;
        float: none;
    }
    .select_list.column4 li {
        width: 50%;
    }
    .company_info label {
        margin-bottom: 4px;
        width: 150px;
    }
    .company_info label.allowed_type {
        width: 184px;
    }
    /***Reponsive Table****/
    .shopping_table.responsive,
    .shopping_table.responsive thead,
    .shopping_table.responsive tbody,
    .shopping_table.responsive th,
    .shopping_table.responsive td,
    .shopping_table.responsive tr {
        display: block;
    }
    .shopping_table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .shopping_table.responsive td {
        border: none;
        border-bottom: 1px solid #c0c0c0;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }
    .shopping_table.responsive td:before {
        content: attr(data-label);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 6px;
        width: 42%;
        padding-right: 10px;
        text-align: left;
        color: #787878;
        font-family: "HelveticaNeue-Bold", Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        background: #f7f7f7;
    }
    .shopping_table.responsive tr.space {
        display: none;
    }
    .shopping_table.responsive tr td {
        text-align: left;
    }
    .details_list li {
        float: left;
        width: 98%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .container {
        overflow: inherit;
    }
    .buttonpart {
        margin: 10px 0 0;
    }
    .buttonpart.float_r {
        margin-top: 0 !important;
    }
    .submenu,
    .subsubmenu {
        border-radius: 0;
        box-shadow: none;
        left: 0;
        position: relative;
    }
    .leftmenu li .submenu li a,
    .leftmenu li:hover .submenu li a {
        background: url(../images/report_icon.png) no-repeat 15px 9px #ffffff;
        background-size: 16px;
        padding-left: 42px;
    }
    .leftmenu li .submenu li a:hover,
    .leftmenu li .submenu li a.reportmenuactive,
    .leftmenu li .submenu li:hover > a {
        background: url(../images/report_active.png) no-repeat 15px 9px #de1e25;
        background-size: 16px;
    }
    .leftmenu li .submenu .subsubmenu li a {
        padding-left: 72px;
        background: url(../images/report_icon.png) no-repeat 44px 9px #ffffff;
        background-size: 16px;
    }
    .leftmenu li .submenu .subsubmenu li a:hover {
        background: url(../images/report_active.png) no-repeat 44px 9px #de1e25;
        background-size: 16px;
    }
    /********/
    /*.export_margin {
         margin-top: -6px !important;
     }*/
    .contant h2 {
        padding-top: 5px;
    }
    .inner_container {
        padding-bottom: 10px;
    }
    .modal-body {
        padding-left: 10px;
        padding-right: 10px;
    }
    /*.highcharts-container svg text {font-size: 10px !important; }*/
    .childmodal-html-content {
        height: 90% !important;
    }
}
@media only screen and (max-width: 640px) {
    .home .home_left .custom {
        left: auto;
    }
    /*.home .home_left .custom img{ width:65%;}*/
    /*    .container{ overflow:hidden}*/
    /*.width282{ width:50% !important;}*/
    .m_right170 {
        margin-right: 0 !important;
    }
    .my_div {
        float: none;
        margin: 25px 0;
        width: 100%;
    }
    .column2 {
        min-height: inherit;
        margin-bottom: 10px;
    }
    .column3 {
        background: none;
    }
    .w_50p {
        width: 100%;
    }
    .personal_info .custom_personal_info > .float_r,
    .personal_info .row .width282.float_r {
        margin-left: 0;
        margin-bottom: 5px;
    }
    .personal_info .left {
        margin-bottom: 0;
    }
    .width282 {
        width: 282px !important;
    }
    .login_bt,
    .loginbox {
        width: 100%;
        background-size: 100%;
        right: 0;
    }
    /*.main_table,
    .main_table thead,
    .main_table tbody,
    .main_table th,
    .main_table td,
    .main_table tr {
        display: block;
    }
    .main_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .main_table td{	border: none;
                    border-bottom: 1px solid #c0c0c0;
                    position: relative;
                    padding-left: 50%;
                    white-space: normal;
                    text-align:left;
                    font-size: 13px;}
    .main_table td:before{ content:attr(data-label); position: absolute; top: 6px;
                           left: 6px;
                           width: 45%;
                           padding-right: 10px;
                           white-space: nowrap;
                           text-align:left;
                           color:#000000;
                           font-family:Arial, Helvetica, sans-serif;}	*/
    .m_right150 {
        margin-right: 0 !important;
    }
    .registration .personal_info .left {
        margin-bottom: 10px;
    }
    #table_shippings .left {
        margin-bottom: 0;
    }
    .buttonpart .black_button {
        padding: 9px 6%;
        margin: 0 5px;
    }
    .rightpart .image_gallery {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 0 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .rightpart .image_gallery li {
        float: none;
        width: 100%;
        text-align: center;
    }
    .rightpart .image_gallery li > a {
        width: 100%;
    }
    .cwidth {
        width: auto;
    }
    .company_info .input {
        width: 260px;
    }
    .logo_div .logo_class {
        width: 224px;
    }
    .company_base,
    .product_base,
    .company_info {
        padding: 20px 20px 40px;
        border: none;
    }
    .company_info label.allowed_type {
        display: none;
    }
    #month_div {
        float: left;
        width: 136px;
        margin-bottom: 20px;
    }
    #year_div {
        float: left;
        width: 136px;
        margin-bottom: 20px;
    }
    .registration .row {
        width: 100%;
        float: left;
    }
    .month_ul li {
        width: 48%;
    }
    .contact .controls {
        width: 100%;
    }
    .contact .input {
        width: 100%;
    }
    #myModal {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media only screen and (max-width: 520px) {
    .width282 {
        width: 100% !important;
    }
    .personal_info .custom_personal_info > .float_r {
        position: relative;
        width: 100%;
    }
    .personal_info .custom_personal_info > .float_r img.float_r {
        position: absolute;
        right: 0;
    }
    .custom_file_padding {
        padding: 0;
    }
    .width250 {
        width: 100% !important;
    }
    .personal_info label {
        margin-bottom: 4px;
        width: auto;
    }
    .title {
        font-size: 17px;
    }
    .height40 {
        height: inherit;
        margin-bottom: 10px;
    }
    .rightpart .image_gallery li {
        margin: 0 0 8px;
    }
    header .logo {
        float: none;
        text-align: center;
        margin-bottom: 10px;
        margin-left: 0;
    }
    header .header_right {
        float: none;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 22px;
    }
    header .header_right .toplinks {
        float: none;
        text-align: center;
        margin-right: 0;
    }
    header .header_right nav {
        position: relative;
        bottom: 0;
        margin: 10px 0;
        overflow: hidden;
        text-align: center;
    }
    header .header_right nav li {
        float: none;
        display: inline-block;
        line-height: 20px;
    }
    .registration .input {
        width: 100%;
        margin-left: 0;
    }
    .registration label {
        line-height: 12px;
        margin-bottom: 12px;
    }
    .shoppingcart .registration .select {
        display: block;
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .registration .personal_info label {
        float: none;
    }
    .shoppingcart select.reg_styled {
        width: 100%;
        margin-left: 0;
    }
    .shoppingcart .personal_info .left,
    .shoppingcart .personal_info .right {
        position: relative;
    }
    /*.risk_padding .float_l{ float:none}*/
    .risk_padding .input {
        margin-bottom: 10px;
    }
    #order_add_info {
        width: 100%;
    }
    .contact {
        padding: 0;
    }
    /*.contact .input{ width:280px;}*/
    .tj_wrapper ul li {
        float: none;
    }
    .tj_wrapper {
        float: none;
    }
    .rightpart .image_gallery li {
        padding: 11px 0;
    }
    .rightpart .image_gallery li > a {
        margin: 0;
    }
    .rightpart .image_gallery .arrow.prev {
        left: -12px;
    }
    .rightpart .image_gallery .arrow.next {
        right: -12px;
    }
    .state_div {
        display: block;
    }
    .state_div .statebox {
        width: 68%;
    }
    .state_div .zipbox {
        width: 30%;
        float: right;
    }
    .logo_div {
        display: block;
    }
    .logo_div .logo_class {
        width: 91%;
    }
    .registration label {
        width: auto;
        float: none;
    }
    .div_method_padding label {
        margin-bottom: 0;
        line-height: 22px;
    }
    .product_gallery ul {
        text-align: center;
        width: 100%;
    }
    .product_gallery .tj_wrapper {
        margin: 0;
    }
    #month_div {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .shoppingcart .registration .select {
        width: 100% !important;
    }
    #year_div {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    #product_base .tree_view {
        display: inline-block;
        width: 94%;
        vertical-align: top;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 479px) {
    .login_bt img {
        width: 100%;
    }
    /*.home .home_left .custom{ left:50px;}*/
    .loginform2 .forgot_link {
        float: none;
    }
    .loginform2 .remember {
        float: none;
        margin-bottom: 10px;
    }
    .loginbox {
        height: auto;
    }
    .acymailing_module_form .acymailing_form .acyfield_email input {
        width: 210px !important;
    }
    .my_account .title {
        padding-left: 70px;
    }
    .title span {
        display: none;
    }
    .select_list.column_2 li {
        width: 100%;
    }
    .company_info .input {
        width: 100%;
    }

    .product_details .leftpart .product {
        width: 300px;
    }
    .product_details .rightpart .product_contant .leftside {
        width: auto;
        float: none;
        display: inline-block;
    }
    .product_details .rightpart .product_contant .rightside {
        width: 100%;
        float: none;
        margin: 5px 0 0 0;
    }
    .shopping_total {
        width: 100%;
    }
    .div_voucher {
        float: none;
        margin: 10px 0 0 0;
    }
    .shoppingcart .buttonpart .black_button {
        display: inline-block;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 5px 0;
    }
    .add_report {
        margin-top: 0px;
        float: none; /*overflow:hidden */
    }
    .div_method_padding {
        padding-left: 20px;
    }
    .product_details .buttonpart {
        padding: 0 20px 40px 20px;
    }
    .product_details .buttonpart .black_button {
        display: inline-block;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 5px 0;
    }
    .contact .buttonpart {
        text-align: center;
        margin-left: 0;
    }
    .product_gallery {
        padding: 0 12px;
    }
    .product_gallery .arrow.prev {
        left: -10px;
        background-size: 100%;
    }
    .product_gallery .arrow.next {
        right: -10px;
        background-size: 100%;
    }
    .product_gallery .arrow {
        width: 40px;
    }
    .select_list.column4 li {
        width: 100%;
    }
    .logo_div .logo_class {
        width: 86%;
    }
    .shopping_total .row .left {
        font-size: 17px;
    }
    .div_method_padding.row {
        padding-left: 20px;
    }
    .jstree-default a {
        padding-right: 22px;
    }
    .home .home_right {
        margin-bottom: 0;
        padding-bottom: 80px;
    }
    .loginform2 {
        margin: 20px;
    }
    /*  .submenu_points {right: 0px;top: -52px}
    .submenu{right: 0px;top: -23px}*/
    .leftmenu li a span {
        left: 0;
    }
    .leftbar.open,
    .leftbar.open li a {
        text-indent: 30px;
    }
    .leftbar.open,
    .leftbar.open li {
        width: 235px;
    }
    .column3 {
        height: auto;
        min-height: inherit;
        margin-bottom: 0;
        text-align: center;
        width: 100%;
        padding: 0;
    }
    .column2 {
        padding: 0;
        text-align: center;
        width: 100%;
    }
    footer .footer .left p.copyright {
        margin-right: 0;
    }
    .contant h2 {
        margin-right: 0;
    }
    table.dataTable tr.child ul li span.dtr-data {
        display: inline-block;
        max-width: 80%;
        vertical-align: top;
    }
}
@media only screen and (max-width: 360px) {
    .top_total {
        display: block;
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }
    .col-sm-5.report_dt_info {
        padding-bottom: 10px;
        width: 100%;
    }
    table.dataTable tr.child ul li span.dtr-data {
        max-width: 70%;
    }
    .edit_link {
        margin-right: 0;
    }
}
.selectcity {
    padding: 0px !important;
    font-size: 1.5rem !important;
}
.selectul {
    font-size: 0.75rem !important;
    min-width: max-content !important;
    padding: 2px !important;
    margin: 2px !important;
}
.selectbtn {
    margin: 10px !important;
}