/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
 
 

/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}



    /* 1. 3 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    33.3333333333%
    Span 2:    66.6666666667%
    Span 3:    100%
    
    ----------------------------------------------------------------------------- */

   /* @media screen and (min-width: 0px) {*/
        
        .row {
            margin-left:-20px;
        }
        .col {
            border-left-width:20px;
        	padding:0px 0px;
        }
        
        
        
        /*
        Add your semantic classnames in alongside their corresponding spans here. e.g.
        
        .span_3,
        .my_semantic_class_name {
            ...
        }
        */
        .span_half{
			width:50%;
			}
        .span_1 {
            width:33.3333333333%;
			
        }
        .span_2 {
            width:66.6666666667%;
        }
        .span_3 {
            margin-left:0;
            width:100%;
        }
  /*  }
	*/
	/*-------------------------------------Min Width End-------------------------------------------*/
	
@media  (max-width: 860px)
{
	.wrapper {
		margin:0 20px 0 20px;
	}
	
	.navigation {
	background:#f25400;	
	}
	
	.navigation ul li {
	font-size:11px;
	}
	
	.latest li {
		width:33.33%;
		float:left;
		margin-bottom:10px;
	}
}

	
	/*-------------------------------------768 Width End-------------------------------------------*/	
	
	
@media (max-width: 480px){
	
	.wrapper {
		margin:0 20px 0 20px;
	}
	
	.leftColumn {
		width:100%;
		float:left;
		height:auto;
	}
	
	.rightColumn {
		width:100%;
		float:left;
		height:auto;
		margin-top:30px;
	}
	
	.latest li {
		margin-right:10px;
	}
	
	.col {
        border-left-width:0px;
        padding:0px 0px;
    }
	
	.meet {
		text-align:center;
	}
	
	.footer li {
		float:left !important;
		margin-top:10px;
	}
	
	.navigation ul {
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;
	display: table;
  	table-layout: fixed;
}
	
	.navigation ul li {
		font-size:14px;
		display:block;
		text-align:left;
		padding:0 20px;
		width:100%;
		box-sizing:border-box;
		line-height:24px;
		border-bottom:1px dotted #fff;
	}
	
	.navigation ul li.selected {
		font-size:13px;
		display:block;
		text-align:left;
		padding:0 20px;
		width:100%;
		box-sizing:border-box;
		line-height:0;
		border-bottom:1px dotted #fff;
	}
	
	
	.latest li {
		width:28%;
		float:left;
		margin-bottom:10px;
	}

	}
	
	/*-------------------------------------480 Width End-------------------------------------------*/