.product-list-front .title-wrapper {
  background: rgba(0, 0, 0, 0) url("http://www.orcabags.com/wp-content/uploads/2017/08/sparelast.jpg") repeat scroll 0 0 / 100% 100%;
  height: 272px;
  margin: 0 -32px 0 -30px;
  position: relative;
}
.seach-spare-part-result-wrapper{margin-top:30px;}
.seach-spare-part{margin: 0px auto; text-align: center; position: absolute;bottom: 15px; color: rgb(255, 255, 255); width: 47%;right: 108px}
.product-list-front h1 {
  color: #00b0f0;
  font-size: 36px;
  text-align: left;
}
.title-wrapper ul{
  font-size: 17px;
  list-style: outside none none;
  margin-bottom: 17px;
  padding: 0;
  text-align: left;
}
.title-wrapper ul li{ padding-bottom:5px;}
.product-list-front  p {
    font-size: 18px;
    padding: 3px;
}
.seach-spare-part span {
  font-size: 22px;
  font-weight: bold;
}
.seach-spare-part-result-wrapper table {
    margin: auto;
}
#spart-part-search-query.error {border-color:red !important	;}
#spart-part-search-query {
  border: 1px solid #dddddd;
  border-radius: 3px;
  height: 30px;
  padding: 0 5px;
  width: 44.5%;
  font-size:14px;
}
#search-spare-part-btn {
  background-color: #4f81bd;
  border: 3px solid #fff;
  border-radius: 3px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  padding: 3px 0;
  width: 100px;
}
.product-list-front .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.product-list-front .search-form {
    display: inline-block;
    position: relative;
    width: 100%;
}
.product-list-front .search-form  label.error {
    bottom: -22px;
    color: #ff0000;
    font-size: 12px;
    left: 123px;
    position: absolute;
}
#dataCatalogListing tr td{ font-size:14px;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  text-align:left !important;
  text-transform:capitalize;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.product-list-front{}
.seach-spare-part-result-wrapper #dataCatalogListing{ border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.seach-spare-part-result-wrapper th {
  background: #333333 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.seach-spare-part-result-wrapper tr:nth-child(even) {background: #ddd}
.seach-spare-part-result-wrapper tr:nth-child(odd) {background: #FFF}
.seach-spare-part-result-wrapper tr:hover{ background:#ccc;}

#dataCatalogListing_length{padding-left: 10px;}
#dataCatalogListing_length select{border: 1px solid #ccc; padding: 5px;}

#dataCatalogListing_filter{border-right: 0px none !important; font-size: 14px;}
#dataCatalogListing_filter input{ border:1px solid #cccccc;}
#dataCatalogListing_info{margin-left: 20px;}
#dataCatalogListing_paginate{margin-right: 20px;}


.div_textarea textarea {height:130px !important;resize:none !important;}
.div_btnsubmit .wpcf7-submit {width:150px !important;padding:7px !important;}

.page-id-4231 .wpcf7 {
    background-image: url("http://www.orcabags.com/wp-content/uploads/2017/09/bg_img_form.jpg");
    padding: 12px;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.div_requestarrow {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: url("http://www.orcabags.com/wp-content/uploads/2017/09/arrow-pointing-to-rightblack.png");
    background-origin: padding-box;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-size: 58% 62%;
    border-radius: 50%;
    height: 26px;
    position: absolute;
    right: 19%;
    top: 70%;
    transition: all 0.3s ease-in-out 0s;
    width: 26px;
	cursor:pointer !important;
}
.div_requestarrow:hover {
	  background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: url("http://www.orcabags.com/wp-content/uploads/2017/09/arrow-pointing-to-right_white.png") !important;
    background-origin: padding-box;
    background-position: 5px 5px !important;;
    background-repeat: no-repeat !important;
    background-size: 58% 62% !important;
	background:#000;
	transition: all 0.3s ease-in-out 0s;
	
}
.div_arrow img {
	height: 15px;
    left: 5px;
    position: relative;
    top: 2px;
    width: 15px;
}

.div_arrow a:focus {outline:none !important;}


@media(min-width: 768px) and (max-width: 1023px){
	.product-list-front .title-wrapper {margin:0px !important;}
}

@media screen and (max-width: 767px) {
	.product-list-front .title-wrapper {width:100% !important;height:162px;}
	.product-list-front .title-wrapper {margin:0px !important;}
	.seach-spare-part {top: 112px;right:9px;width:97%;}
	#spart-part-search-query {width:auto !important;font-size:11px;}
	#search-spare-part-btn {width:67px !important;}
	.div_requestarrow {right: 3%;top: 59%;}
	
}

@media (min-width: 480px) and (max-width: 640px) {

.seach-spare-part {
    left: 105px;
    top: 128px;
    width: 97%;
}
	
}
@media(max-width:500px){
#search-spare-part-btn{ margin-top:10px;}
.seach-spare-part{ text-align:center;}
}
@media (max-width: 1200px) {
	.product-list-front .title-wrapper{ width:100% !important;}
}
@media (min-width: 768px) {
	
}
@media (max-width: 992px) {
	.product-list-front .title-wrapper{ width:100% !important;}
}
@media (min-width: 1100px) {
	.table-responsive{overflow-x:unset !important;}
}