/*
    Author: Cagatay KARA
    Author URI: http://www.ckara.com
    Description : CKara FrameWord Styles Widget
 */
 
/*** WIDGET AREAS ***/

.ckfw-wga{
    position: relative;
    float:left;
    width: 100%;
    height:auto;
}

.ckfw-wga h2{
    text-align: left;
    margin-bottom: 0.5em;
}

.ckfw-wga-onecolumn-container,
.ckfw-wga-twocolumn-container,
.ckfw-wga-threecolumn-container,
.ckfw-wga-fourcolumn-container,
.ckfw-wga-fivecolumn-container,
.ckfw-wga-sixcolumn-container{
    position: relative;
    float:left;
    width: 100%;
}


.ckfw-wga-twocolumn-container{
    position: relative;
    float:left;
    width: 50%;
}

.ckfw-wga-twocolumn-container:nth-child(2n) {
    position: relative;
    float:right;
 
}

.ckfw-wga-threecolumn-container{
    position: relative;
    float:left;
    width: 33%;
}
/* last-child*/
.ckfw-wga-threecolumn-container:nth-child(3n) {
    position: relative;
    float:right;
 
}



.ckfw-wga-fourcolumn-container{
    position: relative;
    float:left;
    width: 25%;
}

.ckfw-wga-fourcolumn-container:nth-child(4n) {
    position: relative;
    float:right;
 
}

.ckfw-wga-fivecolumn-container{
    position: relative;
    float:left;
    width: 20%;
}
.ckfw-wga-fivecolumn-container:nth-child(5n) {
    position: relative;
    float:right;
 
}

.ckfw-wga-sixcolumn-container{
    position: relative;
    float:left;
    width: 20%;
}
.ckfw-wga-sixcolumn-container:nth-child(6n) {
    position: relative;
    float:right;
 
}


.ckfw-wga-container-inpage{
 min-height:10px;
 max-width:100%;
 width:100%;
 margin-left:auto !important;
 margin-right:auto !important;	
}

.ckfw-wga-container-inpage-boxed{
 min-height:10px;
 max-width:1200px;
 width:100%;
 margin-left:auto !important;
 margin-right:auto !important;	
}

.ckfw-wga-container-inpage h2{
    text-align: left;
    margin-bottom: 0.5em;
}

h2.ckfw-wga-container-inpage-title
{
    font-size: 30px;
    border-bottom:#f1572f 3px solid;
    margin-bottom: 3px;
    
}


@media screen and (max-width: 699px) and (min-width: 520px){
	
    .ckfw-wga-twocolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }
    
    
    .ckfw-wga-twocolumn-container:nth-child(2n) {
    	position: relative;
    	float:left;
 
	}
    
    .ckfw-wga-threecolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

    .ckfw-wga-threecolumn-container:nth-child(3n) {
    	position: relative;
    	float:left;
 
	}

    .ckfw-wga-fourcolumn-container{
        position: relative;
        float:left;
        width: 50%;
    }

    .ckfw-wga-fourcolumn-container:nth-child(2n) {
    	position: relative;
    	float:right;
 
	}

    .ckfw-wga-fivecolumn-container{
        position: relative;
        float:left;
        width: 33%;
    }
    
	.ckfw-wga-fivecolumn-container:nth-child(5n) {
    	position: relative;
    	float:left;
 
	}
    
	.ckfw-wga-fivecolumn-container:nth-child(3n) {
    	position: relative;
    	float:right;
 
	}
	
    .ckfw-wga-sixcolumn-container{
        position: relative;
        float:left;
        width: 33%;
    }
    
	.ckfw-wga-sixcolumn-container:nth-child(5n) {
    	position: relative;
    	float:left;
 
	}
    
	.ckfw-wga-sixcolumn-container:nth-child(3n) {
    	position: relative;
    	float:right;
 
	}
	
        
    
}


@media screen and (max-width: 519px) and (min-width: 401px){

    .ckfw-wga-twocolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

	.ckfw-wga-twocolumn-container:nth-child(2n) {
    	position: relative;
    	float:left;
 
	}

    .ckfw-wga-threecolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

	.ckfw-wga-threecolumn-container:nth-child(3n) {
    	position: relative;
    	float:left;
 
	}

    .ckfw-wga-fourcolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

	.ckfw-wga-fourcolumn-container:nth-child(2n) {
    	position: relative;
    	float:right;
 
	}

    .ckfw-wga-fivecolumn-container{
        position: relative;
        float:left;
        width: 50%;
    }
    
	.ckfw-wga-fivecolumn-container:nth-child(5n) {
    	position: relative;
    	float:left;
 
	}
	
	.ckfw-wga-fivecolumn-container:nth-child(2n) {
    	position: relative;
    	float:right;
 
	}

    .ckfw-wga-sixcolumn-container{
        position: relative;
        float:left;
        width: 50%;
    }
	
	.ckfw-wga-sixcolumn-container:nth-child(6n) {
    	position: relative;
    	float:left;
 
	}
	
	.ckfw-wga-sixcolumn-container:nth-child(2n) {
    	position: relative;
    	float:right;
 
	}
	
        
    
}

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

    .ckfw-wga-twocolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

	.ckfw-wga-twocolumn-container:nth-child(2n) {
    	position: relative;
    	float:left;
 
	}


    .ckfw-wga-threecolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

	.ckfw-wga-threecolumn-container:nth-child(3n) {
    	position: relative;
    	float:left;
 
	}

    .ckfw-wga-fourcolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }

	.ckfw-wga-fourcolumn-container:nth-child(4n) {
    	position: relative;
    	float:left;
 
	}

    .ckfw-wga-fivecolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }
    
	.ckfw-wga-fivecolumn-container:nth-child(5n) {
    	position: relative;
    	float:left;
 
	}
        
    .ckfw-wga-sixcolumn-container{
        position: relative;
        float:left;
        width: 100%;
    }
    
	.ckfw-wga-sixcolumn-container:nth-child(5n) {
    	position: relative;
    	float:left;
 
	}
    
}