/* 
   Author: Cagatay KARA
   Author URI: http://www.ckara.com
*/

/* ITEM LIST*/
.CKProductItemList{
    float:left;
    position: relative;
    display: block;
    width:100%;
    min-height:560px;
    height:auto;
}

.CKProductItemListBox{
    float:left;
    position: relative;
    display: block;
    height:250px;
    /*background-color: #fff;*/
    margin:1%;
    width:48%;
    
    
}

.CKProductItemListBoxItem{
    float:left;
    position: relative;
    display:block;
    width:100%;
    height:100%;
    border:#fff 1px solid;
    overflow:hidden;
}


.CKProductItemListBoxItem a{
	clear:both;
	display:block;
    float:left;
    position: relative;
    width:100%;
	height:auto;
	margin:0px;
}

.CKProductItemListBoxItem span{
    float:left;
    position:absolute;
    top:1px;
    left:5px;
    height:auto;
}

.CKProductItemListBoxItem a,
.CKProductItemListBoxItem a:visited{
	color:#fff !important;
	text-shadow: 2px 2px 2px #000 !important;
}


/*
.CKProductItemListBoxItem:hover .CKProductItemListBoxTitle a{
	font-size: 115%;
	color:#fff !important;
	text-shadow: 1px 1px 2px #000 !important;
	border-bottom:3px solid orange;
}


.CKProductItemListBoxImage{
    float:left;
    position: relative;
    width:100%;
    height:auto;
}

.CKProductItemListBoxTitle a,
.CKProductItemListBoxTitle a:visited{
	color:#fff !important;
	text-shadow: 2px 2px 2px #000 !important;
}
*/
/*
.CKProductItemListBoxTitle a:hover + .CKProductItemListBoxImage img:hover{
	font-size: 115%;
	color:#fff !important;
	text-shadow: 1px 1px 2px #000 !important;
	border-bottom:3px solid orange;
}
*/
/*
.CKProductItemListBoxImage img{
    width:100%;
    height:auto;
}

.CKProductItemListBoxTitle{
    float:left;
    position:absolute;
    top:1px;
    left:5px;
    height:auto;
}
*/
/*.CKProductItemListBoxImage a{
	display:block;
    width:100%;
    height:auto;
}

.CKProductItemListBoxImage a,
.CKProductItemListBoxImage img{
    width:100%;
    height:auto;
}


.CKProductItemListBoxImagePreview{
	width: 100px;
    height: 84px;
    margin:0px;
    display:inline-block;
    position:relative;
}

.CKProductItemListBoxImagePreview:empty{
    background: url(../../../../ck-customize/no-image.png) center no-repeat;
    background-size: 84px 84px;
}

.CKProductItemListBoxImagePreview img{
	max-width: 100%;
    max-height:100%;
    margin: auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

*/




/**/
/*
.CKProductItemListUL img{
   margin:0 auto;
    max-width: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
   
}
.CKProductItemListLI:hover{
    background-color: #003882;
    border:#fa4 1px solid;
    
}
.CKProductItemListLI:hover img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.CKProductItemListInfoPreview{
    float:left;
    position:relative;
    width: 100%;
    margin: 3px;
    text-align: center;
    height:40px;
}

.CKProductsInfoPreview:hover{
    color:#fa4;
}

.CKProductItemListLI:hover .CKProductItemListInfoPreview {
  color:#eee;
}

*/
/*  META */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.CKProductItemListBox{
    height:200px;
    
    
}

.CKProductItemListBox img{
    min-height:200px;
    
    
}
	
}

@media only screen and (max-width: 767px) {

	.CKProductItemListBox{
    float:left;
    position: relative;
    display: block;
    height:150px;
    /*background-color: #fff;*/
    margin:1%;
    width:98%;
    
    
}
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.CKProductItemListBox{
    float:left;
    position: relative;
    display: block;
    height:150px;
    /*background-color: #fff;*/
    margin:1%;
    width:98%;
    
    
}
	
}

@media screen and (max-width: 600px) {

.CKProductItemListBox{
    float:left;
    position: relative;
    display: block;
    height:150px;
    /*background-color: #fff;*/
    margin:1%;
    width:98%;
    
    
}
	
    .CKProductItemListUL{
        background: transparent;
        list-style: none;
        margin: 0;
    }

    .CKProductItemListLI{
        float:left;
        position:relative;
        width: 100%;
        border:#eee 1px solid;
        margin-left: 0px !important;
        margin-bottom: 5px;
    }

    .CKProductItemListImagePreview{
        width: calc(100%-4px);
        height:356px;
        padding: 2px;
        overflow: hidden !important;
        text-align: center;
    }

}