/* here you can put your own css here for custom mobile version */
    .add_padding {padding:10px 15px;}
	.control-label {float: left !important;margin-top: 7px !important;}
	.topnav .icon_responsive {display: none;}
    .order-search_1 .portlet-body {display: inline-block !important; width: 100% !important;}
    .order-search_1 .grey {margin: 11px 0px !important; font-size:13px !important;}
    .remove_padding {padding:0px !important;}
    .removepadding_all .form-group, .removepadding_all .control-label {margin: 0px !important;}
    .removepadding_all .form-group {padding: 0px;}
     input {border: 1px solid #dfdfdf;}
    .remove_bg_green {background-color: #fff !important;border-color: #dfdfdf !important; color:#000 !important;}
    .remove_bg_green .control-label {font-weight: bold; }

     #home-table_length label {font-size: 13px !important;color: #464646;}
    .product_filter .dataTables_filter {margin-top: -28px;}
    .product_filter .dataTables_filter label {line-height:0px !important;}
    .black_color {color:#333;}
     #downloadProducts {padding: 4px 14px !important;font-size: 13px !important;margin-top: -3px !important;}
    .dv-paging {float: right !important;width: 50% !important;}
    .action_marketplace a {margin:5px 5px;}
    .action_marketplace .fa.fa-plus { font-size: 18px;}
     .action_marketplace .fa.fa-trash-o {vertical-align: top;margin-top: 3px;}
    .black_btn {background: #242733;border: none;color: #fff;padding: 3px 14px;margin: 1px 0px;font-size: 11px;text-transform: uppercase}
    .black_btn:hover{background: #ce0000;}
    #ui-datepicker-div { z-index: 13000 !important;}
    .box select {text-indent: 3px !important;}
    .col-xs-12 {padding-left:0px !important;padding-right:0px !important;}
    .delete_product {margin-top:0px;}
    .portlet-title .caption {text-transform: uppercase;padding-left: 13px;margin-bottom: 9px;}
    .icon_responsive:hover, .icon_responsive:active, .icon_responsive:focus { text-decoration: none; color: #fff;}
    .dropdown-menu {z-index: 1030 !important;}
    .img_upload {height: 90px;width: 50%;display: block;}
    .upload_div_file {width: 50%; position: absolute; bottom: 4%;right: 10%;}
    .upload_div_file div {margin-bottom: 15px;height: 90px;}
    .upload_div_file input[type="file"] {margin-bottom: 2%;}
    .dataTables_filter label {line-height: 21px !important;}

    /** css for all type of buttom btn***/
    .upload_btn {background-color: #605e5e;color:#fff;}
    .upload_btn:hover { background-color: #3E3C3C;}


    .dark_blue_btn {background-color: #0f6492;}
    .dark_blue_btn:hover {background-color: #00507E ;}
    .back_btn {background: #252525;color:#fff;}
    .back:hover, .back:focus {background:#000; color:#fff !important;}
    .update_btn { background:#1bbc9b; color:#fff;}
    .update_btn:hover { background-color: #08a988 !important; color:#fff !important;}
    .btn:hover, .btn:focus {color:#fff !important;}
    .centerize {margin: 6px auto !important;float: none !important;}
    .AddkitItems .col-xs-11 {margin: 0 auto !important;}

    .width_9 {width:84%; margin:0 auto;}
   

/*marketplaces pages css***/
       .mapfields{width: 80%; margin-top: 10px;border: solid 1px gray;}
       .mapfields th {background-color: gray; padding: 5px;color: white;}
       .mapfields th{background-color: gray;padding: 5px;color: white; }
       .mapfields tr{border-bottom: solid 1px gray;}
       .mapfields td {padding: 5px;}
       .advance-search #main-navigation li ul li {width: 100%;}
       .amazon_order span {width:16%;float:left;margin: 10px 0px;}
       .amazon_order span input[type="checkbox"], input[type="radio"] {margin-right:10px;vertical-align: top;}
       .dv-paging a {line-height:32px;}
       .overflow-x-lg {overflow-x:auto; }


/** map catgeories css start hetre ***/
    .MarketPalceCategoriesDD{font-size: 12px;  width: 320px; position: absolute;}
#home-table td {vertical-align: top;}


@media (min-width: 320px) and (max-width: 766px) {
    .col-xs-1 { width: 8.333333333333332% !important; margin-left:0px !important;}
    .col-xs-2 {width: 16.666666666666664% !important;margin-left:0px !important;}
    .col-xs-3 {width: 25% !important;margin-left:0px !important;}
    .col-xs-4 {width: 33.33333333333333% !important;margin-left:0px !important;}
    .col-xs-5 {width: 41.66666666666667% !important;margin-left:0px !important;}
    .col-xs-6 {width: 50% !important;margin-left:0px !important;}
    .col-xs-7 {width: 58.333333333333336% !important;margin-left:0px !important;}
    .col-xs-8 { width: 66.66666666666666% !important;margin-left:0px !important;}
    .col-xs-9 {width: 75% !important;margin-left:0px !important;}
    .col-xs-10 { width: 83.33333333333334% !important;margin-left:0px !important;}
    .col-xs-11 {width: 91.66666666666666% !important;margin-left:0px !important;}
    .col-xs-11 {width: 91.66666666666666% !important;margin-left:0px !important;}
    .col-xs-12 {width: 100% !important;margin-left:0px !important;}
    .remove_margin_md {margin:0px !important;}
    .remove_padding_md {padding:0px !important;}
    .removepadding_all { padding: 0px !important;}
    .removepaddingvertical {padding-left:0px !important; padding-right:0px !important;}
    .addspcainghorizontally {padding-bottom:10px; }
     
    #main-navigation li a, #inner-navigation li a {padding:4px 8px !important;}
    .navbar-nav {margin:-3.5px -15px !important;}
    .dv-paging a {}
    
 

    /***  css for header  start here***/
    .topspacing {margin-top:81px !important;}
    .logo {font-size:22px !important;}
    nav {margin-top: 14px;width: 128%;border-bottom: 1px dashed #939393}
    #main-navigation { float: right !important;}
    #main-navigation li:hover ul {z-index: 12000;}
    #main-navigation ul {top: 24px !important; padding-top: 0px;   }
   .responsive ul {padding-top: 31px;}
    #main-navigation li:hover ul {display: inline-block !important; position: static;}
    #main-navigation li { width:100%;}
    #main-navigation ul {width:100% !important;}
    .advance-search #main-navigation li { width:50%;}

    /******  responsive navigation******/

    .topnav li {display: none;}
    .topnav a.icon_responsive  {float: right;display: block; }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon_responsive { position: absolute;right: 0;top: 0;}
    .topnav.responsive li {float: none;display: block;text-align: left;}
    .icon_responsive {color:#fff;font-size:16px;float: right;margin: 4px 0px;;    }
    .icon_responsive hover {text-decoration:none;}

    /***  css for advance-search  start here***/
    .advance-search {margin-top: 82px;}
    .advance-search nav {width: 100%;}
    h3.toggle i {margin-right: 0px !important; }
    .search-cont .box select, .search-cont .box input[type="text"], .btn-group.open .dropdown-toggle {text-indent: 1px!important ;width: 106% !important;}
    .search-cont .box i {top: 2px !important;}
    .search-cont .box {width: 96% !important; }
    .portlet > .portlet-title > .caption {font-size: 17px;}   

    .box select {width:80%; text-indent: 3px !important;}


    /**datatables css start here***/
    
    #home-table {overflow-y: hidden;display: block;max-width: 100%;border-right: 1px solid #333;}
    .table_md {overflow-y: hidden;display: block;max-width: 100%;border: 1px solid #c7c7c7 !important;}
    .dv-paging {min-width: 100%;}
    .dv-paging a {font-size: 12px;float: left;margin-top: 5px;line-height: 17px;}
    .footer {padding:9px 15px !important;text-align: center; }
    .input {border: 1px solid #a0a0a0 !important; }
    select, input {width: 100%;border: 1px solid #c7c7c7;}
    #inner-navigation {margin-top: 10px !important;width:100%;}
    #inner-navigation li {width: 50%;}
    .file_uploaded_md {height: 243px !important;}
    .grey {margin: 3px 0px;}
    /* .form-body {padding: 0px 10px !important;}*/
    table .mapfields {width:95% !important;}
    .home-table_length {margin-top:10px;}
    #home-table_length label {width: 100%;}
    #home-table_length select { width: 32%;}
    #home-table_filter input {  width: 51%;}
    .delete_product {margin-top: 0px;}
    #downloadProducts {float: none !important;}
    .table-responsive {overflow-y: hidden;border: 1px solid #dfdfdf;}
    .form-body .caption {border-top: 1px dashed #c1c1c1;padding-top: 10px;}
    .btn.green {width:45%;float:left;}
    footer a {padding: 8px 0;}
    .upload_div_file input[type="submit"] {width: 40%;}

     .width_9 {width:100%; margin:0px auto;}
     .width_9 .form-control {width:100% !important;}
    .mapfields {width: 100% !important;} 

     .BulkUpdateCategories .form-group div {text-align:left !important;}
    .BulkUpdateCategories .form-group div .btn { margin-top: 10px;}


    .modal-body {padding:20px 0px !important;}



    /*marketplaces amazon page css***/
    .amazon_order span {width: 50%;}
    .amazon_order span input[type="checkbox"], input[type="radio"] {width: 17%; }
    .amazon_order input[type="text"] { margin-bottom: 10px;}

    /** shoppingcart page css***/
    #tbl_CustomOptionsField {max-width: 666px; width: 666px !important;}

    .overflow-x-lg {overflow-x:hidden; }

}


@media (min-width: 767px) and (max-width: 998px) {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {float: left !important;}
    .col-sm-1 {width: 8.333333333333332% !important; margin-left:0px !important;}
    .col-sm-2 {width: 16.666666666666664% !important;margin-left:0px !important;}
    .col-sm-3 { width: 25% !important;margin-left:0px !important;}
    .col-sm-4 { width: 33.33333333333333% !important;margin-left:0px !important;}
    .col-sm-5 {width: 41.66666666666667% !important;margin-left:0px !important;}
    .col-sm-6 { width: 50% !important;margin-left:0px !important;}
    .col-sm-7 {width: 58.333333333333336% !important;margin-left:0px !important;}
    .col-sm-8 {width: 66.66666666666666% !important;margin-left:0px !important;}
    .col-sm-9 { width: 75% !important;margin-left:0px !important;}
    .col-sm-10 { width: 83.33333333333334%;margin-left:0px !important;}
    .col-sm-11 { width: 91.66666666666666%;margin-left:0px !important;}
    .col-sm-12 {width: 100%;margin-left:0px !important;}

    .table-responsive {overflow-y: hidden;border: 1px solid #dfdfdf;}
    .advance-search {margin-top: 82px;}
    .advance-search nav {width: 100%;}
    .advance-search #main-navigation li { width: 50%;}
    .upload_div_file input[type="submit"] {width: 40%;}
  

 /***  css for header  start here***/
    .topspacing {margin-top:81px !important;width: 100%;}
    nav {margin-top: 14px;width: 133%;border-bottom: 1px dashed #939393}
    #main-navigation li:hover ul {z-index: 12000;}
    #main-navigation ul {top: 24px !important; padding-top: 0px;   }
    .responsive ul {padding-top: 31px;}
    #main-navigation li:hover ul {display: inline-block !important; position: static;}
    #main-navigation ul {width:100% !important;}
    #main-navigation li { width:100%;}

    /*        responsive navigation              */

    .topnav li {display: none;}
    .topnav a.icon_responsive  {float: right;display: block; }
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon_responsive { position: absolute;right: 0;top: 0;}
    .topnav.responsive li {float: none;display: block;text-align: left;}
    .icon_responsive {color:#fff;font-size:16px;float: right;margin: 4px 0px;;    }
    .icon_responsive hover {text-decoration:none;}
    .topspacing {margin-top: 95px !important;}

    /** header logo***/
    .logo {font-size:31px !important;}
    .navbar-nav > li > a { padding-top: 5px !important;padding-bottom: 5px!important;}

}
@media (min-width: 767px) and (max-width: 1223px) {
    .search-cont .row div {margin-left:0px !important;}
    table.dataTable {display: block;overflow-y: hidden;border-right: 1px solid #333;}
    .grey {margin: 3px 0px; }
}
@media (min-width: 999px) and (max-width: 1269px)
{

    .page-container {
        margin-top: 140px !important;
    }

}