/* Low voltage matrix, change color when hover*/
.widget-header .row .col-xl-12 h4 {
	color: #000;
}
/* adjust table height to sm and th padding from 12px to 5px*/

table.dataTable td,
table.dataTable th {
padding: 5px 7px !important; 

}
#zero-config tbody > tr {
 position: relative; /*set the hover images position*/
}
#zero-config tr .td_tooltip {
  border-radius: 25px;
  border:2px solid black;
  display: none; /* key feature, none = not display*/
  position: absolute; /*set the hover images position*/
  top: 90%;
  left: 0;
  margin:0;
  width: 200px;
  height: 200px;
  z-index:999;
}
#zero-config tr:hover .td_tooltip {
  display: block;  /* key feature, block = can see it when tr hover*/
}


#zero-config tbody > tr:hover {
	background-color:rgb(136,174,211) !important;
}

#zero-config tbody > tr > td:hover {
	background-color: #CCCCCC;
}
#zero-config tbody > tr > td a {
	display: block;
	cursor: pointer;
	padding-top:3px; /* adjust table cell padding instead of Valign top*/
	padding-bottom:3px; 
	border-bottom: 5px solid transparent;
	
}
 
#zero-config tbody > tr > td {
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */




/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) {
.table-responsive{
		display:block !important;
}
.row .parnter {
	
    margin-right: 30px;
    margin-left: -15px;
}
.producttxt{
	width: 415px !important;
}
.parnter img {
    width: 415px !important;
	Height: 415px !important;
	padding:0px !important;
	
}
.item-box1 img a {
    width: 415px !important;
	Height: 415px !important;
}
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}
.banner-img.body-banner .banner-content {
	padding-top:10% !important;
}
}

/*  Medium devices (tablets, 768px and up), two method to specify*/
@media (768px < width < 991px) {
.parnter img {
	padding-top:72px !important;
}
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}
}
@media (min-width: 768px) {
.parnter img {
	padding-top:72px !important;
}
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}
}


/* Large devices (desktops, 992px and up)*/

/* desktop */
@media (993px < width < 1119px) {
.parnter img {
	width:95% !important;
	padding-top:70px !important;
}
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}

}
@media (min-width:993px) {
.parnter img {
	width:95% !important;
	padding-top:75px !important;
}
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}

}
@media (width = 992px) {
.parnter img {
	width:95% !important;
	padding-top:10px !important;
}
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}

}

/* Extra large devices (large desktops, 1200px and up) maybe1600px*/
@media (min-width: 1200px) {		
.parnter img {
	padding-top:70px !important;
}


.banner-img.body-banner .banner-content h3{
	padding-bottom:5px !important;
}

.mt-20 {
	font-size: 10px !important;
    line-height:5px !important;
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}
}

@media all{
#img2
{
	background: linear-gradient(to bottom, #b4c5d9, #daf3fe 50%, #b4c5d9);
}

#img1
{
	background: linear-gradient(to bottom, #B3D7DF, #D4F2F9 50%, #B3D7DF);
}

#img3
{
	background: linear-gradient(to bottom, #B0BEE1, #D5E6F8 50%, #B0BEE1);
}

#img4
{
	background: linear-gradient(to bottom, #D1B9AD, #EEDDD5 50%, #D1B9AD);
}
.banner-img.body-banner .banner-content {
	height:193px !important;
}
.banner-img.body-banner .banner-content h3{
		color:black !important;
}
}