
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media all and (min-width: 768px) and (max-width: 959px) {
    .first-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
	.second-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
	.third-col{
        padding-top: 20px;
    }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 600px */
@media all and (min-width: 600px) and (max-width: 767px) {
   .first-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	.second-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	.third-col{
        padding-top: 20px;
    }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media all and (min-width: 480px) and (max-width: 599px) {
    .first-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	.second-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	.third-col{
        padding-top: 20px;
    }
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media all and (max-width: 479px) {
    .first-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }   
		.second-col{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    } 
	.third-col{
        padding-top: 20px;
    }
}