
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1024px) {

/********* Idea **********/
.product-info ul{ padding:0;}
.product-info ul li{ margin:0 3px 0 0;}

.search-area input{ width:21%;}

}

@media (min-width: 800px) and (max-width: 991px) {
.bar-bg p{ padding:10px 0 0 0;}
.bar-bg h2{padding: 6px 0 0 20px;}
/********* Idea **********/
.teespring-list .col-sm-3{ width:50%;}
.product-holder{margin: 0 0 15px 25px;}
.product-info ul{ padding: 0 0 0 50px;}

.search-area select{ width:39%;}
.search-area input{ width:25%;}
.search-area input{ margin: 10px 0 0;}
}

@media (min-width: 600px) and (max-width: 799px) {
.figur{ margin:0 0 10px 0;}
/********* Idea **********/
.product-holder{margin: 0 0 15px 25px;}
.succes-list li{ margin:0 12px 10px 0;}
.search-area select{ width:100%; margin:10px 0 0 0;}
.search-area input{ width:100%; margin:0 0 10px 0;}
.search-area input{ margin: 10px 0 0;}
}

@media (min-width: 480px) and (max-width: 599px) {
.bar-bg h2{ width:30%; padding:11px 0 0 0;}
.figur{ margin:0 0 10px 0;}
/********* Idea **********/
.product-holder{margin: 0 0 15px 25px;}
.succes-list li{ margin:0 12px 10px 0;}
.contant2{ padding: 30px 0 0 10px;}
.search-area select{ width:100%; margin:10px 0 0 0;}
.search-area input{ width:100%; margin:0 0 10px 0;}
.search-area input{ margin: 10px 0 0;}
}
@media (min-width: 320px) and (max-width: 479px) {
.bar-bg h2{ width:30%; padding:11px 0 0 0; font-size: 12.5px;}
.figur{ margin:0 0 10px 0;}
.bar-bg p{ display:none;}
.figur-btm a{ padding: 6px 7px;}
.contant{ padding:70px 0;}
/********* Idea **********/
.idea-list li{ float:none;}
.product-holder{margin: 0 0 15px 25px;}
.succes-list li{ margin:0 12px 10px 0; float:none;}
.contant2{ padding: 30px 0 0 10px;}

.search-area select{ width:100%; margin:10px 0 0 0;}
.search-area input{ width:100%; margin:0 0 10px 0;}
.search-area input{ margin: 10px 0 0;}


}