.instructor-respons {
    padding: 0 6px;
}
.instructor-img {
    float: left;
    width: 100%;
}
.instructor-img-1 {
    float: left;
    height: auto;
    width: 100%;
}
.instructor-img-1 > img {
    height: auto;
    width: 50%;
}
.instructor-img-text {
    width: 100%;
	/*margin-left:30px;*/
}
.instructor-img-text > h3 {
    color: #3f3e3e;
    font-family: ""Cabin","Helvetica Neue",Helvetica,Arial,sans-serif";
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
}
.instructor-respons > label {
    float: left;
    margin: 5px 0 0;
    width: 87px;
}
.instructor-respons input{ width:77px;}
.instructor-respons h3 {
    font-size: 15px;
}
.form-control.product-input { display: inline-block;}

<!------------------new css-------------------->
.products_orlist {
    clear: both;
    padding-top: 23%;
}
.products_orlist ul {
   padding: 0;
}
.products_orlist ul li {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 300px;
    list-style: outside none none;
    margin: 0 20px;
    padding-bottom: 32px;
    position: relative;
    text-align: center;
    transition: opacity 0.4s ease 0s;
    width: 233px;
	margin-bottom:19px;
	border:1px solid #ebebeb; 
}
.products_orlist ul li img {
    cursor: pointer;
    height: 100%;
    max-height: 106px;
    max-width: 232px;
    vertical-align: top;
    width: auto;
	/*margin-top:15px;*/
}
.product_label > label {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 4px 15px;
}
.form-control.input-num {
    width: 100px;
}
.tbl-clm { background-color: #4f91cd; color:#fff; }
.products_orlist{ width:100%;}
.product_btn{ text-align:center; clear:both;}
.ttl_list{ background-color:#000; color:#fff;}

/*-----------------------tooltip----------------*/
.product_dly_lst {
    position: relative;
   /* display: inline-block;
    border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.product_dly_lst .product_over_lst {
    visibility: hidden;
    width: 175px;
    background-color: #ccc;
    color: #000;
    text-align: center;
    padding: 13px 0;
    border-radius: 6px;
	margin: 0 134px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.product_dly_lst:hover .product_over_lst {
    visibility: visible;
}
.product_over_lst label {
    float: left;
    margin-left: 18px;
}
.product_over_lst span {
    float: left;
    margin: 0 10px 5px;
	
}
.product_detail{/* padding-top:6px;*/ min-height: 89px !important; display: block; padding: 3px 1px 1px; position: relative; text-align: center;  background: white none repeat scroll 0 0; color: #959595;  border-image: none; /*border-style: none solid solid;*/ border-width: medium 1px 1px; /*border:1px solid #ebebeb;*/}
/*-----------------------end tooltip----------------*/
.prdt_dtl {
    color: #ffffff;
    padding-top: 26px;
	padding-left:0px;
}
.prdt_dtl label {
   	float: left;
    font-size: 15px;
    margin-left: 18px;
	font-weight:bold;
    /*margin-top: 0;*/
}
.prdt_dtl > span {
    float: right;
    font-size: 15px;
    font-weight: bold;
    padding-right: 16px;
}
.div_img img{min-height: 181px; width: 100%;}
.div_img{/*position: relative; width: 273px; display:inline-block; margin:0 10px;*/ min-height: 182px !important; overflow: hidden; position: relative;}	
.product_title .box-title {
    color: #555;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
	text-align:center;
	text-decoration:none;
}
.product_title {
    padding-top: 8px;
	float: left;
    margin: 0 17px;
}
.fdw-background{ background-color:#008000;opacity:0; margin-top:0; width:100%; height:181px; position:absolute; top:0; }
.box-image-mask {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.product_btn > span {
    margin-right: 14px;
}
.height_div > span { font-size: 15px; margin: 0 9px; }
.height_div { float: right; margin: 0 8px; }
.weight_div { float: left; margin-left: 85px; }
.slash { margin: 0 20px !important; }
.weight_div > span { font-size: 15px; margin: 0 9px; }
.product_top_btn{ margin:0 0 30px !important;}
/*-----------------------hover css-------------------------------------*/
.height > span { margin: 2px; font-size:15px; font-weight:bold; }
.height { color: #ffffff; margin:6px 0 -5px; }
.weight > span { margin: 4px; font-size:15px; font-weight:bold; }
.weight { color: #ffffff; float: left; margin: 5px 5px; }
/*-----------------------end hover css-------------------------------------*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
	.products_orlist {
    text-align: center;
    width: 100%;
}
	.product_label > label {
    float: left;}
	.products_orlist ul li { width:auto;}
}
@media screen and (max-width: 767px) {
	.products_orlist {
	float:left;
    width: 100%;
}
  .product_label > label { font-size: 13px; font-weight: bold; margin: 6px 15px; }
  .form-control.input-num { margin-bottom: 13px; margin-left:10px;  }
  .products_orlist ul li { }

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.form-control.input-num {
    width: 88px;
}
.products_orlist ul li{ width:209px;}

}
