/*
    Description: 	HTML5 NeoBusiness Premium Theme
    Author: 		Business Lab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: Grid & Main Container of 1200px Desktop
	-------------------------------------------------- */

    .container { position:relative; width:1200px; margin:0 auto; padding:0; }
    .container .column,
    .container .columns { 
	    float:left; 
	    display:inline-block; 
	    margin-left:10px; 
	    margin-right:10px; 
	}

    .column.alpha, .columns.alpha { margin-left:0; }
    .column.omega, .columns.omega { margin-right:0; }

    .container .one.column { width:55px; }
    .container .two.columns { width:130px; }
    .container .three.columns { width:205px; }
    .container .four.columns { width:280px; }
    .container .five.columns { width:355px; }
    .container .six.columns { width:430px; }
    .container .seven.columns { width:505px; }
    .container .eight.columns { width:580px; }
    .container .nine.columns { width:655px; }
    .container .ten.columns { width:730px; }
    .container .eleven.columns { width:805px; }
    .container .twelve.columns { width:880px; }
    .container .thirteen.columns { width:955px; }
    .container .fourteen.columns { width:1030px; }
    .container .fifteen.columns { width:1105px; }
    .container .sixteen.columns { width:1180px; }
 
    .container .one-third.column { width:380px; }
    .container .two-thirds.column { width:780px; }

/*	--------------------------------------------------
	:: Grid & Container of 960px Laptop and Tablet
	-------------------------------------------------- */

    @media only screen and (min-width: 960px) and (max-width: 1199px) {
	
        .container { width:960px; }
		
        .container .column,
        .container .columns { 
		    margin-left:10px; 
		    margin-right:10px;  
		}
		
        .column.alpha, .columns.alpha { 
		    margin-left:0; 
		    margin-right:10px; 
		}
		
        .column.omega, .columns.omega { 
		    margin-right:0; 
		    margin-left:10px; 
		}
		
        .alpha.omega { 
		    margin-left:0; 
		    margin-right:0; 
		}

        .container .one.column,
        .container .one.columns { width:40px;  }
        .container .two.columns { width:100px; }
        .container .three.columns { width:160px; }
        .container .four.columns { width:220px; }
        .container .five.columns { width:280px; }
        .container .six.columns { width:340px; }
        .container .seven.columns { width:400px; }
        .container .eight.columns { width:460px; }
        .container .nine.columns { width:520px; }
        .container .ten.columns { width:580px; }
        .container .eleven.columns { width:640px; }
        .container .twelve.columns { width:700px; }
        .container .thirteen.columns { width:760px; }
        .container .fourteen.columns { width:820px; }
        .container .fifteen.columns { width:880px; }
        .container .sixteen.columns { width:940px; }

        .container .one-third.column { width:300px; }
        .container .two-thirds.column { width:620px; }

    }

/*	--------------------------------------------------
	:: Grid & Container of 768px Tablet
	-------------------------------------------------- */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	
        .container { width:768px; }
		
        .container .column,
        .container .columns { 
		    margin-left:10px; 
		    margin-right:10px;  
		}
		
        .column.alpha, .columns.alpha { 
		    margin-left:0; 
		    margin-right:10px; 
		}
		
        .column.omega, .columns.omega { 
		    margin-right:0; 
		    margin-left:10px; 
		}
		
        .alpha.omega { 
		    margin-left:0; 
		    margin-right:0; 
		}
		
        .container .one.column,
        .container .one.columns { width:28px; }
        .container .two.columns { width:76px; }
        .container .three.columns { width:124px; }
        .container .four.columns { width:172px; }
        .container .five.columns { width:220px; }
        .container .six.columns { width:268px; }
        .container .seven.columns { width:316px; }
        .container .eight.columns { width:364px; }
        .container .nine.columns { width:412px; }
        .container .ten.columns { width:460px; }
        .container .eleven.columns { width:508px; }
        .container .twelve.columns { width:556px; }
        .container .thirteen.columns { width:604px; }
        .container .fourteen.columns { width:652px; }
        .container .fifteen.columns { width:700px; }
        .container .sixteen.columns { width:748px; }

        .container .one-third.column { width:236px; }
        .container .two-thirds.column { width:492px; }
		
    }

/*	--------------------------------------------------
	:: Grid & Container of 480px Mobile Landscape
	-------------------------------------------------- */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	    
		.container { width:420px; }

        .container .columns,
        .container .column { margin:0; }

        .container .one.column { width:50px; }
		.container .six.columns { width:320px; }
		.container .fourteen.columns { width:320px; }
		
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
		.container .thirteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width:420px; }
		
    }

/*	--------------------------------------------------
	:: Grid & Container of 480px Mobile Portrait
	-------------------------------------------------- */

    @media only screen and (max-width: 479px) {
	
        .container { width:300px; }
        .container .columns,
        .container .column { margin:0; }

        .container .one.column { width:50px; }
		.container .six.columns { width:200px }
		.container .fourteen.columns { width:200px }
		
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width:300px; }

    }
	
/*	--------------------------------------------------
	:: Clearing Float Elements
	-------------------------------------------------- */
	
    .container:after { 
	    content:"\0020"; 
	    display:block; 
	    height:0; 
	    clear:both; 
	    visibility:hidden; 
	}

    .clearfix:before,
    .clearfix:after {
        content:'\0020';
        display:block;
        overflow:hidden;
        visibility:hidden;
        width:0;
        height:0; 
	}
	
    .clearfix:after {
        clear:both;	  
	}
	
    .clearfix {
        zoom:1; 
	}

    .clear {
        clear:both;
        display:block;
        overflow:hidden;
        visibility:hidden;
        width:0;
        height:0;
    }