.product {
    border: 1px solid #c4c7c8;
    border-radius: 25px;
    overflow: hidden;
    background: #fff;
   }
.product:hover {
   border-color: #4ce700;
}  
   

   
.hotspot:not(.--slider):not(.--list):not(.--added) .products {    border: none;}

@media (min-width: 1200px){
.col-lg-3 {
    flex: 0 0 23%;
    max-width: 50%;
    margin: 0 1px 0 22px;}}

@media (min-width: 757px){
.product:first-child {
    margin-left: 22px;
    margin-right: 0px;
}}

@media (min-width: 757px){
.col-sm-4  {
    flex: 0 0 30%;
    max-width: 100%;
    margin: 22px 1px 10px 22px;}}
    
.newproducts, .label.--new {
    color: #000;
    background: #4ce600;
}

.btn.--large.--solid {
    background: #4ce600;
    border: 1px solid #4ce600;
    color: #000;
}
.btn.--medium.--solid {
    background: #4ce600;
    border: 1px solid #4ce600;
    color: #000;
}
@media (max-width: 756px){
.col-sm-4  {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 10px 0px 10px 0px;
    

@main_tree5 {
	ul {
		list-style: none;
		margin: 0;

		.title {
			color: @less_iaicolorscheme_background_text_color;
			display: block;
			line-height: 1;
			padding: 15px 0;
			cursor: pointer;
			position: relative;
			font-size: 1.2em;

			@media (min-width: 757px) {
				border: none;
				padding: 0 0 10px;
				font-size: 1.3em;
			}

			&:after {
				background-color: @less_iaicolorscheme_primary_color;
				content: "";
				width: 15px;
				height: 3px;
				display: none;
				margin-top: 8px;

				@media (min-width: 757px) {
					display: block;
				}
			}

			&:not(:only-child):before {
				line-height: 1;
				speak: none;
				-webkit-font-smoothing: antialiased;
				content: "\F0D7";
				font-family: FontAwesome;
				position: absolute;
				font-size: 11px;
				color: @less_iaicolorscheme_background_active_color;
				background: black;
				right: 0;
				top: 43%;
				margin: 0;
				font-weight: normal;

				@media (min-width: 757px) {
					display: none;
				}
			}
		}
}}