/*------------------------------------------------------------------------
 * @package Sj Virtue Mart
 * @version 2.0
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 * @copyright (c) 2012 YouTech Company. All Rights Reserved.
 * @author YouTech Company http://www.smartaddons.com
 *
 *-------------------------------------------------------------------------*/
 
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
} 
.so-basic-product{
    margin:0;
    padding:0;
    overflow:hidden;
}

.so-basic-product .item-wrap {
    overflow: hidden;
}

.so-basic-product  .item-element {
	float:left;
}
.so-basic-product  .item-element .item-inner{
	padding:0 15px 0 15px;	
}
@media all and (max-width: 479px){
    .so-basic-product .preset04-1 .item-element{width: 100%;}
    .so-basic-product .preset04-2 .item-element{width: 50%;}
    .so-basic-product .preset04-3 .item-element{width: 33.3295%;}
    .so-basic-product .preset04-4 .item-element{width: 25%;}
    .so-basic-product .preset04-5 .item-element{width: 20%;}
    .so-basic-product .preset04-6 .item-element{width: 16.6595%;}
    .so-basic-product .preset04-1  .clr1,
    .so-basic-product .preset04-2  .clr2,
    .so-basic-product .preset04-3  .clr3,
    .so-basic-product .preset04-4  .clr4,
    .so-basic-product .preset04-5  .clr5,
    .so-basic-product .preset04-6  .clr6{
        clear: both;
    }
}

@media all and (min-width: 480px) and (max-width: 767px){
    .so-basic-product .preset03-1 .item-element{width: 100%;}
    .so-basic-product .preset03-2 .item-element{width: 50%;}
    .so-basic-product .preset03-3 .item-element{width: 33.3295%;}
    .so-basic-product .preset03-4 .item-element{width: 25%; }
    .so-basic-product .preset03-5 .item-element{width: 20%;}
    .so-basic-product .preset03-6 .item-element{width: 16.6595%;}
    .so-basic-product .preset03-1  .clr1,
    .so-basic-product .preset03-2  .clr2,
    .so-basic-product .preset03-3  .clr3,
    .so-basic-product .preset03-4  .clr4,
    .so-basic-product .preset03-5  .clr5,
    .so-basic-product .preset03-6  .clr6{
        clear: both;
    }
}

@media all and (min-width: 768px) and (max-width: 991px){
    .so-basic-product .preset02-1 .item-element{width: 100%;}
    .so-basic-product .preset02-2 .item-element{width: 50%; }
    .so-basic-product .preset02-3 .item-element{width: 33.3295%;}
    .so-basic-product .preset02-4 .item-element{width: 25%; }
    .so-basic-product .preset02-5 .item-element{width: 20%;}
    .so-basic-product .preset02-6 .item-element{width: 16.6595%;}
    .so-basic-product .preset02-1  .clr1,
    .so-basic-product .preset02-2  .clr2,
    .so-basic-product .preset02-3  .clr3,
    .so-basic-product .preset02-4  .clr4,
    .so-basic-product .preset02-5  .clr5,
    .so-basic-product .preset02-6  .clr6{
        clear: both;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px){
    .so-basic-product .preset01-1 .item-element{width: 100%;}
    .so-basic-product .preset01-2 .item-element{ width: 50%; }
    .so-basic-product .preset01-3 .item-element{ width: 33.3295%; }
    .so-basic-product .preset01-4 .item-element{ width: 25%; }
    .so-basic-product .preset01-5 .item-element{ width: 20%; }
    .so-basic-product .preset01-6 .item-element{ width: 16.6595%;}
    .so-basic-product .preset01-1  .clr1,
    .so-basic-product .preset01-2  .clr2,
    .so-basic-product .preset01-3  .clr3,
    .so-basic-product .preset01-4  .clr4,
    .so-basic-product .preset01-5  .clr5,
    .so-basic-product .preset01-6  .clr6{
        clear: both;
    }
}

@media all and (min-width: 1200px){
    .so-basic-product .preset00-1 .item-element{width: 100%;}
    .so-basic-product .preset00-2 .item-element{ width: 50%; }
    .so-basic-product .preset00-3 .item-element{ width: 33.3295%; }
    .so-basic-product .preset00-4 .item-element{ width: 25%; }
    .so-basic-product .preset00-5 .item-element{ width: 20%; }
    .so-basic-product .preset00-6 .item-element{ width: 16.6595%;}
    .so-basic-product .preset00-1  .clr1,
    .so-basic-product .preset00-2  .clr2,
    .so-basic-product .preset00-3  .clr3,
    .so-basic-product .preset00-4  .clr4,
    .so-basic-product .preset00-5  .clr5,
    .so-basic-product .preset00-6  .clr6{
        clear: both;
    }
}