﻿
.pageImages {
	padding: 0 35px 35px 35px;
}

.pageImages img {
    display: block;
    max-width: 100%;
    height: auto;
}

.pagePadding {
	padding:35px;
}
/* PAGE HEADER */
.pageHeader .pageHeaderContent {
/*    padding: 45px 0 30px 0;*/
}

.pageHeader .breadcrumbs {
    width: 100%;
    text-align: left;
	padding:11px 0 11px 35px;
    
    
}

    .pageHeader .breadcrumbs ul li {
        display: inline-block;
        text-transform:capitalize;
        white-space:nowrap;
    }

.pageHeader .col01,
.pageHeader .col03 {
    display: block;
    float: left;
    width: 20%;
    height: 60px;
}

.pageHeader .col01 {
    padding-left: 20px;
	display:none;
}

    .pageHeader .col01 .back {
        display: inline-block;
        padding: 0 20px 0 20px;
        height: 100%;
    }

        .pageHeader .col01 .back img {
            position: absolute;
            width: 6px;
            height: 11px;
            top: 50%;
            opacity: 0.5;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .pageHeader .col01 .back span {
            display: inline-block;
            margin-left: 21px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }


.pageHeader .col02 {
    display: block;
    float: left;
    width: 60%;
    text-align: left;
}

    .pageHeader .col02 h1 {

    }

    .pageHeader .col02 .productCount {
        display: inline-block;
        top: -15px;
        left: 4px;
    }


.pageHeader .col03 {
    padding-right: 20px;
    text-align: right;
	display:none;
}

    .pageHeader .col03 .selectForm {
        margin-top: 10px;
    }


/* page header version */
.pageHeader.v1 .pageHeaderContent {
 	background-color:#fff;   
}

.pageHeader.v1 .breadcrumbs {
    margin-bottom: 5px;
}

.pageHeader.v1 .col02 {
    float: none;
    width: 100%;
}
/* End - page header version */







/* productDetail pageHeader */
#detail .pageHeader .pageHeaderContent {

}

#detail .pageHeader .col01,
#detail .pageHeader .col03 {
    height: 52px;
	display:none;
}

#detail .pageHeader .col03 {
    padding-right: 20px;
    text-align: right;
	display:none;
}

    #detail .pageHeader .col01 .previousProduct,
    #detail .pageHeader .col03 .nextProduct {
        display: inline-block;
        height: 100%;
        padding: 0 20px 0 20px;
    }

        #detail .pageHeader .col01 .previousProduct img,
        #detail .pageHeader .col03 .nextProduct img {
            display: inline-block;
            position: absolute;
            top: 50%;
            opacity: 0.5;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #detail .pageHeader .col03 .nextProduct img {
            right: 20px;
        }

        #detail .pageHeader .col01 .previousProduct span,
        #detail .pageHeader .col03 .nextProduct span {
            display: inline-block;
            margin-left: 21px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #detail .pageHeader .col03 .nextProduct span {
            margin-left: 0;
            margin-right: 21px;
        }
/* End - productDetail pageHeader */

.tbl-row {
    margin-bottom:10px;
    font-size:14px;
}
.tbl-row label {
    width:200px;
    display:inline-block;
    margin-left:35px;

}
.tbl-row div {
    width:200px;
    display:inline-block;

}


/* login pageHeader */
#login .pageHeader .pageHeaderContent {
    padding: 0 0 0 0;
}

#login .pageHeader .col02 {
    display: block;
    float: none;
    width: 100%;
    height: 100%;
    text-align: left;
}

    #login .pageHeader .col02 h1 {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }











.boxContent {
    /*background-color: #fff;*/
	margin: 0 35px;
	/*border: 2px solid #B2946F;*/
    border-top: 1px solid #b2946f;
}



.infoBox {
    float: left;
    width: 33.3%;
    height: 450px;
    /*background-color: #fff;*/
    border-right: 1px solid #b2946f;
    border-bottom: 1px solid #b2946f;
	position:relative;
    /*padding:16px;*/
}
.infoBox:nth-child(3n+1) {  
  border-left:  1px solid #b2946f;
}
.infoBox:nth-child(3n+3) {  
  border-right:  1px solid #b2946f;
  width: 33.4%;
}

    .infoBox .imageBox {
        width:100%;
        max-height: 230px;
		margin:0 auto 0 auto;
		display:block;
        background-color:#fff;
        border-bottom: 1px solid #b2946f;

    }
    .infoBox:nth-child(3n+3) .imageBox {  
       border-right:  none;
    }

        .infoBox .imageBox .image {
            /*width: 100%;
            height: auto;*/
            margin:0 auto;
        }

        .infoBox .imageBox .linkBox {
            display: none;
            position: absolute;
            z-index: 5;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 375px;
        }

            .infoBox .imageBox .linkBox .review {
                position: absolute;
                z-index: 6;
                top: 160px;
                opacity: 0;
                width: 100%;
                text-align: center;
            }

    .infoBox:hover .linkBox .review {
        opacity: 1;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
    }

    .infoBox .imageBox .linkBox .overlay {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0);
        transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
    }

    .infoBox:hover .linkBox .overlay {
        background-color: rgba(255, 255, 255, 0.8);
        transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
    }


    .infoBox .descBox {
		line-height:130%;
        padding:10px 18px 0 18px;
    }

        .infoBox .descBox .productName {
          
        }

            .infoBox .descBox .productName h2 {
                margin-bottom:10px;
            }

            .infoBox .descBox .productName span {
                display:block;
            }
            .infoBox .descBox .productName .boxPrice span {
                display:inline-block;
            }
            .infoBox .descBox .productName .boxPrice span.passivePrice {
                text-decoration:line-through;
                color:#ccc;
            }

	.infoBox .formItem {
			margin-top:10px;
            padding:0 18px;
		}
    .infoBox .giftproductFeaturesList {
            background-color:#0e0e0e;
			margin-top:10px;
            padding:5px 18px;
		}
        .infoBox .giftproductFeaturesList h1 {
            margin-bottom:5px;
        }
        .infoBox .giftproductFeaturesList .col-lg-10 {
            padding-left:20px;
        }
	.formItem .minict_wrapper.selamlique {
        display:inline-block;
        width:auto;
        border:none;
        background-color:#b2946f;
        
	}
.formItem .minict_wrapper.selamlique span {
    
}
.formItem .minict_wrapper.selamlique span:empty:before {
    color:#fff;
}
	.formItem input, .formItem select {
			border:0;
			outline:0;
			background-color:#b2946f;
			color:#fff;
			text-align:center;
			font-weight:600;
            font-size:13px;
            text-transform:capitalize;
		}
		.formItem input.amount {

			width:30px;
			padding:6px 5px 5px 5px;
		}
		.formItem input.submit {
			padding:6px 5px 5px 5px;
		}
		.formItem select.ddlBox {
			padding:2px 5px;
            background:url(../../images/_common/ddl_arrow.png) no-repeat 115px #b2946f;
            padding-right:15px;
		}

        /* kutular için selectmanipulator css*/
        .formItem .dropdownDiv .title {
            padding:2px 8px;
            padding-right: 30px;
            min-width:160px;
            background-color:#b29472;
            
        }
        .formItem .dropdownDiv.amount .title {
            padding:2px 8px;
            padding-right: 30px;
            min-width:40px;
            background-color:#b29472;
            
        }
        .formItem .dropdownDiv .title .label {color: #fff;}
        .formItem .dropdownDiv .dropdownUlCont {
                top:24px;
        }
        .formItem .dropdownDiv .title span {
            background:url(../../images/_common/ddlDown.png) no-repeat 2px 7px #B2946F;
        }
        .formItem .dropdownDiv:hover .title span {
            background:url(../../images/_common/ddlUp.png) no-repeat 2px 5px #B2946F;
        }
        .formItem .dropdownDiv .dropdownUlCont ul li {
	        background-color: #fff;
	        color: #b29472;
	        padding: 5px 8px;
	        margin-bottom: 0;
            border-bottom:2px solid #b29472;
	        cursor: pointer;
        }
            .formItem .dropdownDiv .dropdownUlCont ul li:last-child {
                border-bottom:none;
            }
        .formItem .dropdownDiv .dropdownUlCont ul li:hover {
	        color: #fff;
	        background-color: #b29472;
        }
	/* selectmanipulator*/

    /* tag- favorite */
    .infoBox .tag01 {
        display: none;
        position: absolute;
        z-index: 10;
        opacity: 0;
        top: 17px;
        right: 16px;
        width: 30px;
        height: 30px;
    }

        .infoBox .tag01 img {
            margin: 5px auto 0 auto;
            opacity: 0.2;
            transition: opacity 0.5s;
            -webkit-transition: opacity 0.5s;
        }

        .infoBox .tag01:hover img {
            opacity: 0.5;
        }

    .infoBox:hover .tag01 {
        opacity: 1;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
    }


    /* tag - yeni urun */
    .infoBox .tag02 {
        position: absolute;
        z-index: 10;
        top: 20px;
        left: 20px;
        padding: 4px 10px 4px 10px;
        background-color: #b1c800;
        border-radius: 4px;
    }

/* detay */
#detail .boxContent {
	border:none;
    width:81%;
}
#detail .infoBox {
    float: none;
    width:auto;
    height:300px;
    background-color: #fff;
	position:inherit;
	border:none;
    padding:20px;
    border-bottom:none;
}
#detail .infoBox .imageBox {
        width:100%;
        min-height: 210px;
		margin:0 auto 0 auto;
		display:block;
        background-color:#fff;
        border:none;

    }
 #detail .infoBox .descBox {
        padding:0;
    }
    #detail .infoBox .descBox .productName h2 {
        margin-bottom:7px;
    }
#detail .infoBox:nth-child(3n+3) {  
  border-right: none;
}



    /* versiyon */
    .infoBox.v1 {
        height: 320px;
        margin-bottom: 0;
    }

        .infoBox.v1 .imageBox {
            height: 100%;
            border-bottom: 1px solid #f5f5f5;
        }

            .infoBox.v1 .imageBox .linkBox {
                height: 100%;
            }

                .infoBox.v1 .imageBox .linkBox .review {
                    display: none;
                }

        .infoBox.v1:hover .linkBox .overlay {
            background-color: rgba(255, 255, 255, 0);
        }

        .infoBox.v1 .descBox {
            position: absolute;
            z-index: 4;
            opacity: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0 0 0 0;
            background-color: rgba(255, 255, 255, 0);
            transition: background-color 0.3s, opacity 0.3s;
            -webkit-transition: background-color 0.3s, opacity 0.3s;
        }

        .infoBox.v1:hover .descBox {
            opacity: 1;
            background-color: rgba(255, 255, 255, 0.8);
        }

        .infoBox.v1 .descBox .productName {
            top: initial;
            width: 100%;
            height: 100%;
            transform: none;
        }

            .infoBox.v1 .descBox .productName h2 {
                display: block;
                float: none;
                top: 50%;
                width: 100%;
                text-align: center;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .infoBox.v1 .descBox .productName span {
                position: absolute;
                z-index: 7;
                float: none;
                top: initial;
                bottom: 30px;
                left: 30px;
                width: 100%;
                text-align: left;
                transform: none;
            }




    .infoBox.v2 {
        width: 640px;
        height: 640px;
        margin-bottom: 0;
        border-right: 1px solid #f5f5f5;
    }

        .infoBox.v2 .imageBox {
            width: 100%;
            height: 100%;
            border-bottom: 1px solid #f5f5f5;
        }

            .infoBox.v2 .imageBox .linkBox {
                height: 100%;
            }

                .infoBox.v2 .imageBox .linkBox .review {
                    display: none;
                }

        .infoBox.v2:hover .linkBox .overlay {
            background-color: rgba(255, 255, 255, 0);
        }

        .infoBox.v2 .descBox {
            position: absolute;
            z-index: 4;
            right: 0;
            bottom: 56px;
            left: 0;
            height: initial;
            padding: 0 50px 0 50px;
            border-top: 0;
        }

            .infoBox.v2 .descBox .productName {
                top: initial;
                width: 100%;
                height: 100%;
                transform: none;
            }

                .infoBox.v2 .descBox .productName h2 {
                    display: table;
                    float: none;
                    top: initial;
                    width: initial;
                    height: 46px;
                    padding: 0 7px 0 7px;
                    margin: 0 0 1px 0;
                    color: #353535;
                    font-size: 34px;
                    font-weight: 700;
                    line-height: 46px;
                    background-color: #fff;
                    transform: none;
                }

                .infoBox.v2 .descBox .productName span {
                    display: table;
                    float: none;
                    top: initial;
                    width: initial;
                    height: 37px;
                    padding: 0 9px 0 9px;
                    color: #000;
                    font-size: 20px;
                    font-weight: 500;
                    line-height: 37px;
                    text-align: left;
                    background-color: #fff;
                    transform: none;
                }

        .infoBox.v2 .tag01 {
            display: none;
        }

        .infoBox.v2 .tag02 {
            top: -30px;
            left: 50px;
            padding: 4px 10px 4px 10px;
            background-color: #b1c800;
            border-radius: 4px;
        }





    .infoBox.v3 {
        height: 320px;
        margin-bottom: 0;
        background-color: #c30027;
        text-align: center;
        border-right: 1px solid #f5f5f5;
    }

        .infoBox.v3 .icon {
            display: block;
            width: 40px;
            height: 40px;
            margin: 53px auto 20px auto;
        }

            .infoBox.v3 .icon img {
                display: inline-block;
                width: 22px;
                height: auto;
                margin: 8px auto 0 auto;
            }

        .infoBox.v3 .text01 {
            display: inline-block;
            width: 215px;
            line-height: 25px;
        }




    .infoBox.v4 {
        height: 320px;
        margin-bottom: 0;
    }

        .infoBox.v4 .tag01 {
            display: none;
        }

        .infoBox.v4 .imageBox .linkBox {
            display: none;
        }

        .infoBox.v4 .descBox {
            display: none;
        }




    .infoBox.v5 {
        width: 400px;
        height: 160px;
        margin-right: 20px;
        border-right: 0;
    }

        .infoBox.v5:nth-child(3n+3) {
            margin-right: 0;
        }

        .infoBox.v5 .imageBox {
            float: left;
            width: auto;
            max-width: 161px;
            height: 160px;
            border-right: 1px solid #f5f5f5;
        }

            .infoBox.v5 .imageBox .image {
                width: auto;
                height: 100%;
            }

            .infoBox.v5 .imageBox .linkBox {
                width: 400px;
                height: 100%;
            }

                .infoBox.v5 .imageBox .linkBox .review {
                    display: none;
                }

        .infoBox.v5:hover .linkBox .overlay {
            background-color: rgba(255, 255, 255, 0);
        }

        .infoBox.v5 .descBox {
            float: left;
            width: 239px;
            height: 100%;
            padding: 0 20px 0 20px;
            border-top: 0;
        }

            .infoBox.v5 .descBox .productName h2 {
                display: block;
                float: none;
                width: 100%;
                margin-bottom: 5px;
            }

            .infoBox.v5 .descBox .productName span {
                display: block;
                float: none;
                width: 100%;
                text-align: left;
            }

        .infoBox.v5 .tag01 {
            display: none;
        }





    .infoBox.v6 {
        height: 320px;
        margin-bottom: 0;
    }

        .infoBox.v6 .imageBox {
            height: 100%;
            border-bottom: 1px solid #f5f5f5;
        }

            .infoBox.v6 .imageBox .image {
                height: 100%;
            }

            .infoBox.v6 .imageBox .linkBox {
                height: 100%;
            }

                .infoBox.v6 .imageBox .linkBox .review {
                    display: none;
                }

        .infoBox.v6:hover .linkBox .overlay {
            background-color: rgba(255, 255, 255, 0);
        }

        .infoBox.v6 .descBox {
            position: absolute;
            z-index: 4;
            right: 0;
            bottom: 28px;
            left: 0;
            height: initial;
            padding: 0 30px 0 30px;
            border-top: 0;
        }

            .infoBox.v6 .descBox .productName {
                top: initial;
                width: 100%;
                height: 100%;
                text-align: right;
                transform: none;
            }

                .infoBox.v6 .descBox .productName h2 {
                    display: table;
                    float: none;
                    width: initial;
                    height: 27px;
                    padding: 0 7px 0 7px;
                    margin: 0 0 1px auto;
                    color: #353535;
                    font-size: 23px;
                    font-weight: 700;
                    line-height: 27px;
                    background-color: #fff;
                }

                .infoBox.v6 .descBox .productName span {
                    display: table;
                    width: initial;
                    height: 24px;
                    padding: 0 9px 0 9px;
                    margin: 0 auto 0 auto;
                    color: #353535;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 24px;
                    background-color: #fff;
                }

        .infoBox.v6 .tag01 {
            display: none;
        }





/* PAYMENT TABBER */
.paymentTabber {
    background-color: #fff;
	width:100%;
	margin-bottom:35px;
}

    .paymentTabber .tabContent {
        float: left;
		width:50%;
        vertical-align: middle;
        transition: background-color 0.3s;
		background-color:#E4E5E7;
    }

        .paymentTabber .tabContent.first {
 
        }

        .paymentTabber .tabContent.second {
           
        }

        .paymentTabber .tabContent.third {
           
        }

        .paymentTabber .tabContent img.trigonImage {
            
        }

        .paymentTabber .tabContent .tabNumber {
            height: 30px;
            text-align: center;
            transition: background-color 0.3s;
            vertical-align: middle;
        }

        .paymentTabber .tabContent .tabNumber img {
			margin:20px auto 0 auto;   
        }


        .paymentTabber .tabContent .tabInfo {
            display: inline-block;
            vertical-align: middle;
			padding:5px 0;
			font-size:13px;
        }

            .paymentTabber .tabContent .tabInfo {
                display: block;
				text-align:center;
				background-color:#EFF0F2;
            }


        .paymentTabber .tabContent.active {
            background-color: #A28665;
        }

        .paymentTabber .tabContent.active .tabInfo {
            background-color: #B39570;
			color:#fff;
        }


        .paymentTabber .tabContent.approved .tabNumber {
            background-color: #b1c800;
        }

            .paymentTabber .tabContent.approved .tabNumber .number {
                display: none;
            }

            .paymentTabber .tabContent.approved .tabNumber img {
                opacity: 1;
            }

        .paymentTabber .tabContent.approved .tabInfo .title {
            color: #353535;
        }
/* END - PAYMENT TABBER */






@media all and (max-width: 767px) {
    .pageHeader .pageHeaderContent {
        padding: 0;
    }

    .pageHeader .col01,
    .pageHeader .col03 {
        float: none;
        position: absolute;
        top: 0;
        height: 100%;
    }

    .pageHeader .col01 {
        padding-left: 0;
        left: 0;
    }

    .pageHeader .col02 {
        float: none;
        top: 50%;
        margin: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .pageHeader .col03 {
        padding-right: 0;
        right: 0;
    }



    /* page header version */
    .pageHeader.v1 .pageHeaderContent {
        padding: 8px 0 0 0;
    }

    .pageHeader.v1 .col02 {
        top: initial;
        transform: none;
    }
    /* End - page header version */



    /* productDetail pageHeader */
    #detail .pageHeader .pageHeaderContent {

    }

    #detail .pageHeader .breadcrumbs {
        margin-bottom: 2px;
    }

    #detail .pageHeader .col01,
    #detail .pageHeader .col03 {
        height: 100%;
    }

    #detail .pageHeader .col02 {
        top: initial;
        transform: none;
    }

    #detail .pageHeader .col01 .previousProduct,
    #detail .pageHeader .col03 .nextProduct {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        width: 50px;
        height: 50px;
    }

    #detail .pageHeader .col01 .previousProduct {
        left: 0;
    }

    #detail .pageHeader .col03 .nextProduct {
        right: 0;
    }

        #detail .pageHeader .col01 .previousProduct img,
        #detail .pageHeader .col03 .nextProduct img {
            opacity: 0.8;
        }

        #detail .pageHeader .col01 .previousProduct span,
        #detail .pageHeader .col03 .nextProduct span {
            display: none;
        }
    /* End - productDetail pageHeader */


    #login .pageHeader .pageHeaderContent {
        height: 64px;
    }


	
	.infoBox:nth-child(3n+3) {  
	  border-right:none;
      border-left:none;
      width:100%;
	}
	.infoBox:nth-child(2n+2) {  
	 border-right:none;
     border-left:none;
	}

    .infoBox:nth-child(3n+1) {
        border-left:none;
    }

    .infoBox {
        width: 100%;
        min-height: 370px;
        height:auto;
        margin-bottom: 5px;
		border-right:none;
        border-left:none;
        padding-bottom:30px;
    }

        .infoBox .imageBox {
            height: auto;
            margin-bottom:10px;
        }

            .infoBox .imageBox .linkBox {
                height: calc(100% + 55px);
                height: -webkit-calc(100% + 55px);
            }

                .infoBox .imageBox .linkBox .review {
                    top: 50%;
                    -webkit-transform: translateY(-180%);
                    -ms-transform: translateY(-180%);
                    transform: translateY(-180%);
                }

        .infoBox .descBox {
            padding: 0 10px 0 20px;
        }

            .infoBox .descBox .productName h2 {
                display: block;
                float: none;
                width: 100%;
                margin-bottom: 5px;
            }

            .infoBox .descBox .productName span {
                display: block;
                float: none;
                width: 100%;
                text-align: left;
            }


        /* tag- favorite */
        .infoBox .tag01 {
            top: 5px;
            right: 5px;
        }

        /* tag - yeni urun */
        .infoBox .tag02 {
            top: 10px;
            left: 10px;
            padding: 3px 8px 3px 8px;
        }

    #detail .boxContent {
        width:auto;
    }

#detail .infoBox {
    width: 100%;
}


        /* versiyon */
        .infoBox.v1 {
            height: auto;
            margin-bottom: 5px;
            border-bottom: 0;
        }

            .infoBox.v1 .imageBox {
                height: auto;
            }

                .infoBox.v1 .imageBox .linkBox {
                    height: calc(100% + 55px);
                    height: -webkit-calc(100% + 55px);
                }

                    .infoBox.v1 .imageBox .linkBox .review {
                        display: block;
                        top: 50%;
                        -webkit-transform: translateY(-180%);
                        -ms-transform: translateY(-180%);
                        transform: translateY(-180%);
                    }

            .infoBox.v1:hover .linkBox .overlay {
                background-color: rgba(255, 255, 255, 0.8);
            }

            .infoBox.v1 .descBox {
                position: static;
                z-index: 4;
                opacity: 1;
                top: initial;
                right: initial;
                bottom: initial;
                left: initial;
                height: 55px;
                padding: 0 10px 0 20px;
                background-color: none;
            }

            .infoBox.v1:hover .descBox {
                background-color: none;
            }

            .infoBox.v1 .descBox .productName {
                top: 50%;
                width: 100%;
                height: initial;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .infoBox.v1 .descBox .productName h2 {
                    display: block;
                    top: initial;
                    width: 100%;
                    margin-bottom: 5px;
                    text-align: left;
                    transform: none;
                }

                .infoBox.v1 .descBox .productName span {
                    display: block;
                    position: static;
                    bottom: initial;
                    left: initial;
                    width: 100%;
                }




        .infoBox.v2 {
            width: 100%;
            height: auto;
            margin-bottom: 5px;
            border-right: 0;
        }

            .infoBox.v2 .imageBox {
                height: auto;
            }

            .infoBox.v2 .descBox {
                bottom: 10px;
                height: initial;
                padding: 0 10px 0 10px;
            }

                .infoBox.v2 .descBox .productName h2 {
                    height: 30px;
                    font-size: 25px;
                    line-height: 30px;
                }

                .infoBox.v2 .descBox .productName span {
                    height: 20px;
                    font-size: 15px;
                    line-height: 20px;
                }

            .infoBox.v2 .tag02 {
                top: -30px;
                left: 10px;
            }




        .infoBox.v3 {
            width: 100%;
            height: 205px;
            border-right: 0;
        }

            .infoBox.v3 .icon {
                margin: 26px auto 15px auto;
            }

            .infoBox.v3 .text01 {
                display: inline-block;
                width: 185px;
                line-height: 20px;
            }




        .infoBox.v4 {
            display: none;
        }



        .infoBox.v5 {
            width: 300px;
            height: 120px;
            margin: 0 0 10px 0;
        }

            .infoBox.v5 .imageBox {
                max-width: 121px;
                height: 120px;
                border-right: 1px solid #f5f5f5;
            }

                .infoBox.v5 .imageBox .linkBox {
                    width: 300px;
                }

            .infoBox.v5 .descBox {
                width: 179px;
            }



        .infoBox.v6 {
            height: auto;
            margin-bottom: 5px;
            border-bottom: 0;
        }

            .infoBox.v6 .imageBox {
                height: auto;
            }

                .infoBox.v6 .imageBox .linkBox {
                    height: calc(100% + 55px);
                    height: -webkit-calc(100% + 55px);
                }

                    .infoBox.v6 .imageBox .linkBox .review {
                        display: block;
                        top: 50%;
                        -webkit-transform: translateY(-180%);
                        -ms-transform: translateY(-180%);
                        transform: translateY(-180%);
                    }

            .infoBox.v6:hover .linkBox .overlay {
                background-color: rgba(255, 255, 255, 0.8);
            }

            .infoBox.v6 .descBox {
                position: static;
                right: initial;
                bottom: initial;
                left: initial;
                height: 55px;
                padding: 0 10px 0 20px;
                background-color: none;
                border-top: 1px solid #f5f5f5;
            }

            .infoBox.v6:hover .descBox {
                background-color: none;
            }

            .infoBox.v6 .descBox .productName {
                top: 50%;
                width: 100%;
                height: initial;
                text-align: left;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .infoBox.v6 .descBox .productName h2 {
                    display: block;
                    width: 100%;
                    height: auto;
                    padding: 0 0 0 0;
                    margin-bottom: 5px;
                    color: #5f5f5f;
                    font-size: 9px;
                    font-weight: 600;
                    line-height: normal;
                    background-color: none;
                }

                .infoBox.v6 .descBox .productName span {
                    display: block;
                    width: 100%;
                    height: auto;
                    padding: 0 0 0 0;
                    color: #afafaf;
                    font-size: 10px;
                    font-weight: 600;
                    line-height: normal;
                    background-color: none;
                }

            .infoBox.v6 .tag01 {
                display: block;
            }

.formItem .dropdownDiv {
    display:block;
    margin-bottom:3px;
    
}

    /* PAYMENT TABBER */
    .paymentTabber {
        display: none;
    }
    /* END - PAYMENT TABBER */
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .pageHeader .col01,
    .pageHeader .col03 {
        width: 30%;
    }

    .pageHeader .col02 {
        width: 40%;
    }


    /* productDetail pageHeader */
    #detail .pageHeader .breadcrumbs {
        margin-bottom: 0;
    }

    #detail .pageHeader .pageHeaderContent {

    }

    #detail .pageHeader .col01 .previousProduct,
    #detail .pageHeader .col03 .nextProduct {
        width: 50px;
        top: -24px;
    }

        #detail .pageHeader .col01 .previousProduct img,
        #detail .pageHeader .col03 .nextProduct img {
            opacity: 0.8;
        }

        #detail .pageHeader .col01 .previousProduct span,
        #detail .pageHeader .col03 .nextProduct span {
            display: none;
        }





    .infoBox {
        width: 50%;
        height: 460px;
		border-right: 1px solid #b2946f;
        border-left: 1px solid #b2946f;
    }
    .infoBox .imageBox {
    width:100%;
    
}
	.infoBox:nth-child(3n+3) {  
	 width: 50%;

	}
	.infoBox:nth-child(3n+3) {  
	  
	}
	.infoBox:nth-child(2n+2) {  
	  border-left:none;
	}

     #detail .boxContent {
        width:auto;
    }


        /* versiyon */
        .infoBox.v1 {
            height: 242px;
        }


        .infoBox.v2 {
            width: 484px;
            height: 484px;
            margin-bottom: 0;
        }

            .infoBox.v2 .descBox {
                bottom: 15px;
                padding: 0 15px 0 15px;
            }

            .infoBox.v2 .tag02 {
                left: 15px;
            }



        .infoBox.v3 {
            height: 242px;
        }

            .infoBox.v3 .icon {
                margin: 38px auto 20px auto;
            }

            .infoBox.v3 .text01 {
                width: 180px;
                line-height: 21px;
            }



        .infoBox.v4 {
            height: 242px;
        }



        .infoBox.v5 {
            width: 340px;
        }

            .infoBox.v5 .imageBox .linkBox {
                width: 340px;
            }

            .infoBox.v5 .descBox {
                width: 179px;
            }

            .infoBox.v5:nth-child(2n+2) {
                margin-right: 0;
            }

            .infoBox.v5:nth-child(3n+3) {
                margin-right: 20px;
            }

            .infoBox.v5:nth-child(6n+6) {
                margin-right: 0;
            }


        .infoBox.v6 {
            display: none;
        }







}

@media all and (min-width: 1024px) and (max-width: 1200px) {
	
	 .infoBox {
        width: 50%;
        height: 490px;
		border-right: 1px solid #b2946f;
    }
	
	.infoBox:nth-child(3n+3) {  
      width:50%;
	}
	.infoBox:nth-child(2n+2) {  
	  
	}
    .infoBox:nth-child(3n+1) {  
	  border-left:none;
	}
     .infoBox:nth-child(2n+1) {  
	  border-left: 1px solid #b2946f;
	}





            .infoBox .imageBox .linkBox {
                height: 381px;
            }

                .infoBox .imageBox .linkBox .review {
                    top: 164px;
                }
#detail .boxContent {
        width:auto;
    }

        .infoBox.v1 {
            height: 326px;
            border-bottom: 0;
        }




        .infoBox.v2 {
            width: 652px;
            height: 652px;
        }




        .infoBox.v5 {
            width: 450px;
        }

            .infoBox.v5 .imageBox .linkBox {
                width: 450px;
            }

            .infoBox.v5 .descBox {
                width: 288px;
            }

            .infoBox.v5:nth-child(2n+2) {
                margin-right: 0;
            }

            .infoBox.v5:nth-child(3n+3) {
                margin-right: 20px;
            }

            .infoBox.v5:nth-child(6n+6) {
                margin-right: 0;
            }


        .infoBox.v6 {
            display: none;
        }






}

@media all and (min-width: 1201px) and (max-width: 1340px) {


            .infoBox .imageBox .linkBox {
                height: 330px;
            }

                .infoBox .imageBox .linkBox .review {
                    top: 130px;
                }



        .infoBox.v1 {
            height: 275px;
        }



        .infoBox.v2 {
            width: 550px;
            height: 550px;
        }


        .infoBox.v3 {
            height: 275px;
        }

            .infoBox.v3 .icon {
                margin: 36px auto 20px auto;
            }

            .infoBox.v3 .text01 {
                width: 180px;
            }


        .infoBox.v4 {
            height: 275px;
        }




        .infoBox.v6 {
            height: 275px;
        }




}
