/*

  960 Grid System Modified for

  Responsive layout 960 Grid 

  System ~ Core CSS.

  Learn more ~ http://960.gs/    

  Author: InkThemes

  Licensed under GPL and MIT.

*/

/*

  Forces backgrounds to span full width,

  even if there is horizontal scrolling.

  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.

*/



/* `Container >> 24 Columns

-----------------------------------*/

 .container_24 {

        margin-left: auto;

        margin-right: auto;

        width: 1115px;

	-webkit-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -ms-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

    }

    /*  Each columns are measured 

        For their specific size.

    */

    .container_24 .grid_1 {

        width: 3.167%;

    }

    .container_24 .grid_2 {

        width: 7.333%;

    }

    .container_24 .grid_3 {

        width: 11.5%;

    }

    .container_24 .grid_4 {

        width: 15.667%;

    }

    .container_24 .grid_5 {

        width: 19.833%;

    }

    .container_24 .grid_6 {

        width: 24%;

    }

    .container_24 .grid_7 {

        width: 28.167%;

    }

    .container_24 .grid_8 {

        width: 32.7%;

    }

    .container_24 .grid_9 {

        width: 36.5%;

    }

    .container_24 .grid_10 {

        width: 40.667%;

    }

    .container_24 .grid_11 {

        width: 44.833%;

    }

    .container_24 .grid_12 {

        width: 49%;

    }

    .container_24 .grid_13 {

        width: 53.167%;

    }

    .container_24 .grid_14 {

        width: 57.993%;

    }

    .container_24 .grid_15 {

        width: 61.5%;

    }

    .container_24 .grid_16 {

        width: 65.667%;

    }

    .container_24 .grid_17 {

        width: 69.833%;

    }

    .container_24 .grid_18 {

        width: 74%;

    }

    .container_24 .grid_19 {

        width: 78.167%;

    }

    .container_24 .grid_20 {

        width: 82.333%;

    }

    .container_24 .grid_21 {

        width: 86.5%;

    }

    .container_24 .grid_22 {

        width: 90.667%;

    }

    .container_24 .grid_23 {

        width: 94.833%;

    }

    .container_24 .grid_24 {

        width: 99%;

    }

/* `Grid >> Global

-----------------------------------*/



.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {

    display: inline;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)

-----------------------------------*/



.alpha {

    margin-left: 0;

}

.omega {

    margin-right: 0;

}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23 {
  position: relative;
}

/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
  padding-left: 40px;
}

.container_24 .prefix_2 {
  padding-left: 80px;
}

.container_24 .prefix_3 {
  padding-left: 120px;
}

.container_24 .prefix_4 {
  padding-left: 160px;
}

.container_24 .prefix_5 {
  padding-left: 200px;
}

.container_24 .prefix_6 {
  padding-left: 240px;
}

.container_24 .prefix_7 {
  padding-left: 280px;
}

.container_24 .prefix_8 {
  padding-left: 320px;
}

.container_24 .prefix_9 {
  padding-left: 360px;
}

.container_24 .prefix_10 {
  padding-left: 400px;
}

.container_24 .prefix_11 {
  padding-left: 440px;
}

.container_24 .prefix_12 {
  padding-left: 480px;
}

.container_24 .prefix_13 {
  padding-left: 520px;
}

.container_24 .prefix_14 {
  padding-left: 560px;
}

.container_24 .prefix_15 {
  padding-left: 600px;
}

.container_24 .prefix_16 {
  padding-left: 640px;
}

.container_24 .prefix_17 {
  padding-left: 680px;
}

.container_24 .prefix_18 {
  padding-left: 720px;
}

.container_24 .prefix_19 {
  padding-left: 760px;
}

.container_24 .prefix_20 {
  padding-left: 800px;
}

.container_24 .prefix_21 {
  padding-left: 840px;
}

.container_24 .prefix_22 {
  padding-left: 880px;
}

.container_24 .prefix_23 {
  padding-left: 920px;
}

/* `Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
  padding-right: 40px;
}

.container_24 .suffix_2 {
  padding-right: 80px;
}

.container_24 .suffix_3 {
  padding-right: 120px;
}

.container_24 .suffix_4 {
  padding-right: 160px;
}

.container_24 .suffix_5 {
  padding-right: 200px;
}

.container_24 .suffix_6 {
  padding-right: 240px;
}

.container_24 .suffix_7 {
  padding-right: 280px;
}

.container_24 .suffix_8 {
  padding-right: 320px;
}

.container_24 .suffix_9 {
  padding-right: 360px;
}

.container_24 .suffix_10 {
  padding-right: 400px;
}

.container_24 .suffix_11 {
  padding-right: 440px;
}

.container_24 .suffix_12 {
  padding-right: 480px;
}

.container_24 .suffix_13 {
  padding-right: 520px;
}

.container_24 .suffix_14 {
  padding-right: 560px;
}

.container_24 .suffix_15 {
  padding-right: 600px;
}

.container_24 .suffix_16 {
  padding-right: 640px;
}

.container_24 .suffix_17 {
  padding-right: 680px;
}

.container_24 .suffix_18 {
  padding-right: 720px;
}

.container_24 .suffix_19 {
  padding-right: 760px;
}

.container_24 .suffix_20 {
  padding-right: 800px;
}

.container_24 .suffix_21 {
  padding-right: 840px;
}

.container_24 .suffix_22 {
  padding-right: 880px;
}

.container_24 .suffix_23 {
  padding-right: 920px;
}

/* `Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
  left: 40px;
}

.container_24 .push_2 {
  left: 80px;
}

.container_24 .push_3 {
  left: 120px;
}

.container_24 .push_4 {
  left: 160px;
}

.container_24 .push_5 {
  left: 200px;
}

.container_24 .push_6 {
  left: 240px;
}

.container_24 .push_7 {
  left: 280px;
}

.container_24 .push_8 {
  left: 320px;
}

.container_24 .push_9 {
  left: 360px;
}

.container_24 .push_10 {
  left: 400px;
}

.container_24 .push_11 {
  left: 440px;
}

.container_24 .push_12 {
  left: 480px;
}

.container_24 .push_13 {
  left: 520px;
}

.container_24 .push_14 {
  left: 560px;
}

.container_24 .push_15 {
  left: 600px;
}

.container_24 .push_16 {
  left: 640px;
}

.container_24 .push_17 {
  left: 680px;
}

.container_24 .push_18 {
  left: 720px;
}

.container_24 .push_19 {
  left: 760px;
}

.container_24 .push_20 {
  left: 800px;
}

.container_24 .push_21 {
  left: 840px;
}

.container_24 .push_22 {
  left: 880px;
}

.container_24 .push_23 {
  left: 920px;
}

/* `Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
  left: -40px;
}

.container_24 .pull_2 {
  left: -80px;
}

.container_24 .pull_3 {
  left: -120px;
}

.container_24 .pull_4 {
  left: -160px;
}

.container_24 .pull_5 {
  left: -200px;
}

.container_24 .pull_6 {
  left: -240px;
}

.container_24 .pull_7 {
  left: -280px;
}

.container_24 .pull_8 {
  left: -320px;
}

.container_24 .pull_9 {
  left: -360px;
}

.container_24 .pull_10 {
  left: -400px;
}

.container_24 .pull_11 {
  left: -440px;
}

.container_24 .pull_12 {
  left: -480px;
}

.container_24 .pull_13 {
  left: -520px;
}

.container_24 .pull_14 {
  left: -560px;
}

.container_24 .pull_15 {
  left: -600px;
}

.container_24 .pull_16 {
  left: -640px;
}

.container_24 .pull_17 {
  left: -680px;
}

.container_24 .pull_18 {
  left: -720px;
}

.container_24 .pull_19 {
  left: -760px;
}

.container_24 .pull_20 {
  left: -800px;
}

.container_24 .pull_21 {
  left: -840px;
}

.container_24 .pull_22 {
  left: -880px;
}

.container_24 .pull_23 {
  left: -920px;
}

/* `Clear Floated Elements

-----------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */



.clearfix:before, .clearfix:after {

    content: '\0020';

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0;

}

.clearfix:after {

    clear: both;

}

/*

  The following zoom:1 rule is specifically for IE6 + IE7.

  Move to separate stylesheet if invalid CSS is a problem.

*/



.clearfix {

    zoom: 1;

}

/*  This query is applied for

    Protait Tablet ipad

*/

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

	.container_24 .prefix_1,
	.container_24 .prefix_2,
	.container_24 .prefix_3,
	.container_24 .prefix_4,
	.container_24 .prefix_5,
	.container_24 .prefix_6,
	.container_24 .prefix_7,
	.container_24 .prefix_8,
	.container_24 .prefix_9,
	.container_24 .prefix_10,
	.container_24 .prefix_11,
	.container_24 .prefix_12,
	.container_24 .prefix_13,
	.container_24 .prefix_14,
	.container_24 .prefix_15,
	.container_24 .prefix_16,
	.container_24 .prefix_17,
	.container_24 .prefix_18,
	.container_24 .prefix_19,
	.container_24 .prefix_20,
	.container_24 .prefix_21,
	.container_24 .prefix_22,
	.container_24 .prefix_23 {
	  padding-left: 0px;
	}
	
	.container_24 .suffix_1,
	.container_24 .suffix_2,
	.container_24 .suffix_3,
	.container_24 .suffix_4,
	.container_24 .suffix_5,
	.container_24 .suffix_6,
	.container_24 .suffix_7,
	.container_24 .suffix_8,
	.container_24 .suffix_9,
	.container_24 .suffix_10,
	.container_24 .suffix_11,
	.container_24 .suffix_12,
	.container_24 .suffix_13,
	.container_24 .suffix_14,
	.container_24 .suffix_15,
	.container_24 .suffix_16,
	.container_24 .suffix_17,
	.container_24 .suffix_18,
	.container_24 .suffix_19,
	.container_24 .suffix_20,
	.container_24 .suffix_21,
	.container_24 .suffix_22,
	.container_24 .suffix_23 {
	  padding-right: 0px;
	}
	
	.container_24 .push_1,
	.container_24 .push_2,
	.container_24 .push_3,
	.container_24 .push_4,
	.container_24 .push_5,
	.container_24 .push_6,
	.container_24 .push_7,
	.container_24 .push_8,
	.container_24 .push_9,
	.container_24 .push_10,
	.container_24 .push_11,
	.container_24 .push_12,
	.container_24 .push_13,
	.container_24 .push_14,
	.container_24 .push_15,
	.container_24 .push_16,
	.container_24 .push_17,
	.container_24 .push_18,
	.container_24 .push_19,
	.container_24 .push_20,
	.container_24 .push_21,
	.container_24 .push_22,
	.container_24 .push_23 {
	  left: 0px;
	}
	
	.container_24 .pull_1,
	.container_24 .pull_2,
	.container_24 .pull_3,
	.container_24 .pull_4,
	.container_24 .pull_5,
	.container_24 .pull_6,
	.container_24 .pull_7,
	.container_24 .pull_8,
	.container_24 .pull_9,
	.container_24 .pull_10,
	.container_24 .pull_11,
	.container_24 .pull_12,
	.container_24 .pull_13,
	.container_24 .pull_14,
	.container_24 .pull_15,
	.container_24 .pull_16,
	.container_24 .pull_17,
	.container_24 .pull_18,
	.container_24 .pull_19,
	.container_24 .pull_20,
	.container_24 .pull_21,
	.container_24 .pull_22,
	.container_24 .pull_23 {
		left: 0px;
	}
	

}


@media only screen and (min-width: 960px) and (max-width: 1140px) {

.container_24 {

    margin-left: auto;

    margin-right: auto;

    width: 960px;

}

.container_24 .grid_23.suffix_1,
.container_24 .grid_23.prefix_1{
  width: 99%;
}

.container_24 .grid_22.suffix_2,
.container_24 .grid_22.prefix_2{
  width: 94.833%;
}

.container_24 .grid_21.suffix_3,
.container_24 .grid_21.prefix_3{
	width: 90.667%;
}

.container_24 .grid_20.suffix_4,
.container_24 .grid_20.prefix_4{
	width: 86.5%;
}

.container_24 .grid_19.suffix_5,
.container_24 .grid_19.prefix_5{
	width: 82.333%;
}

.container_24 .grid_18.suffix_6,
.container_24 .grid_18.prefix_6{
	width: 78.167%;
}

.container_24 .grid_17.suffix_7,
.container_24 .grid_17.prefix_7{
	width: 74%;
}

.container_24 .grid_16.suffix_8,
.container_24 .grid_16.prefix_8{
	width: 69.833%;
}

.container_24 .grid_15.suffix_9,
.container_24 .grid_15.prefix_9{
	width: 65.667%;
}

.container_24 .grid_14.suffix_10,
.container_24 .grid_14.prefix_10{
	width: 61.5%;
}

.container_24 .grid_13.suffix_11,
.container_24 .grid_13.prefix_11{
	width: 57.333%;
}

.container_24 .grid_12.suffix_12,
.container_24 .grid_12.prefix_12{
	width: 53.167%;
}

.container_24 .grid_11.suffix_13,
.container_24 .grid_11.prefix_13{
	width: 49%;
}

.container_24 .grid_10.suffix_14,
.container_24 .grid_10.prefix_14{
	width: 44.833%;
}

.container_24 .grid_9.suffix_15,
.container_24 .grid_9.prefix_15{
	width: 40.667%;
}

.container_24 .grid_8.suffix_16,
.container_24 .grid_8.prefix_16{
	width: 36.5%;
}

.container_24 .grid_7.suffix_17,
.container_24 .grid_7.prefix_17{
	width: 32.333%;
}

.container_24 .grid_6.suffix_18,
.container_24 .grid_6.prefix_18{
	width: 28.167%;
}

.container_24 .grid_5.suffix_19,
.container_24 .grid_5.prefix_19{
	width: 24%;
}

.container_24 .grid_4.suffix_20,
.container_24 .grid_4.prefix_20{
	width: 19.833%;
}

.container_24 .grid_4.suffix_20,
.container_24 .grid_4.prefix_20{
	width: 15.667%;
}

.container_24 .grid_3.suffix_21,
.container_24 .grid_3.prefix_21{
	width: 11.5%;
}

.container_24 .grid_2.suffix_22,
.container_24 .grid_2.prefix_22{
	width: 7.333%;
}

.container_24 .grid_1.suffix_23,
.container_24 .grid_1.prefix_23{
	width: 3.167%;
}


/* `Grid >> 24 Columns

-----------------------------------*/

}

@media only screen and (min-width: 768px) and (max-width: 960px) {

    .container_24 {

        margin-left: auto;

        margin-right: auto;

        width: 768px;

		overflow:hidden;

    }

    /*  Each columns are measured 

        For their specific size.

    */

    .container_24 .grid_1 {

        width: 3.167%;

    }

    .container_24 .grid_2 {

        width: 7.333%;

    }

    .container_24 .grid_3 {

        width: 11.5%;

    }

    .container_24 .grid_4 {

        width: 15.667%;

    }

    .container_24 .grid_5 {

        width: 19.833%;

    }

    .container_24 .grid_6 {

        width: 24%;

    }

    .container_24 .grid_7 {

        width: 28.167%;

    }

    .container_24 .grid_8 {

        width: 32.333%;

    }

    .container_24 .grid_9 {

        width: 36.5%;

    }

    .container_24 .grid_10 {

        width: 40.667%;

    }

    .container_24 .grid_11 {

        width: 44.833%;

    }

    .container_24 .grid_12 {

        width: 49%;

    }

    .container_24 .grid_13 {

        width: 53.167%;

    }

    .container_24 .grid_14 {

        width: 57.333%;

    }

    .container_24 .grid_15 {

        width: 61.5%;

    }

    .container_24 .grid_16 {

        width: 65.667%;

    }

    .container_24 .grid_17 {

        width: 69.833%;

    }

    .container_24 .grid_18 {

        width: 74%;

    }

    .container_24 .grid_19 {

        width: 78.167%;

    }

    .container_24 .grid_20 {

        width: 82.333%;

    }

    .container_24 .grid_21 {

        width: 86.5%;

    }

    .container_24 .grid_22 {

        width: 90.667%;

    }

    .container_24 .grid_23 {

        width: 94.833%;

    }

    .container_24 .grid_24 {

        width: 99%;

    }
	
	.container_24 .grid_23.suffix_1,
.container_24 .grid_23.prefix_1{
  width: 99%;
}

.container_24 .grid_22.suffix_2,
.container_24 .grid_22.prefix_2{
  width: 94.833%;
}

.container_24 .grid_21.suffix_3,
.container_24 .grid_21.prefix_3{
	width: 90.667%;
}

.container_24 .grid_20.suffix_4,
.container_24 .grid_20.prefix_4{
	width: 86.5%;
}

.container_24 .grid_19.suffix_5,
.container_24 .grid_19.prefix_5{
	width: 82.333%;
}

.container_24 .grid_18.suffix_6,
.container_24 .grid_18.prefix_6{
	width: 78.167%;
}

.container_24 .grid_17.suffix_7,
.container_24 .grid_17.prefix_7{
	width: 74%;
}

.container_24 .grid_16.suffix_8,
.container_24 .grid_16.prefix_8{
	width: 69.833%;
}

.container_24 .grid_15.suffix_9,
.container_24 .grid_15.prefix_9{
	width: 65.667%;
}

.container_24 .grid_14.suffix_10,
.container_24 .grid_14.prefix_10{
	width: 61.5%;
}

.container_24 .grid_13.suffix_11,
.container_24 .grid_13.prefix_11{
	width: 57.333%;
}

.container_24 .grid_12.suffix_12,
.container_24 .grid_12.prefix_12{
	width: 53.167%;
}

.container_24 .grid_11.suffix_13,
.container_24 .grid_11.prefix_13{
	width: 49%;
}

.container_24 .grid_10.suffix_14,
.container_24 .grid_10.prefix_14{
	width: 44.833%;
}

.container_24 .grid_9.suffix_15,
.container_24 .grid_9.prefix_15{
	width: 40.667%;
}

.container_24 .grid_8.suffix_16,
.container_24 .grid_8.prefix_16{
	width: 36.5%;
}

.container_24 .grid_7.suffix_17,
.container_24 .grid_7.prefix_17{
	width: 32.333%;
}

.container_24 .grid_6.suffix_18,
.container_24 .grid_6.prefix_18{
	width: 28.167%;
}

.container_24 .grid_5.suffix_19,
.container_24 .grid_5.prefix_19{
	width: 24%;
}

.container_24 .grid_4.suffix_20,
.container_24 .grid_4.prefix_20{
	width: 19.833%;
}

.container_24 .grid_4.suffix_20,
.container_24 .grid_4.prefix_20{
	width: 15.667%;
}

.container_24 .grid_3.suffix_21,
.container_24 .grid_3.prefix_21{
	width: 11.5%;
}

.container_24 .grid_2.suffix_22,
.container_24 .grid_2.prefix_22{
	width: 7.333%;
}

.container_24 .grid_1.suffix_23,
.container_24 .grid_1.prefix_23{
	width: 3.167%;
}

}

/*  This query is applied for 

    landscape ipad, Mobile

*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container_24 {

        width: 480px;

		overflow:hidden;

    }

    /* `Grid 1 to 12 columns

        Moved to 100% width 

        Acroding to container width

        In landscape tablet screen

    */



    .container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12 {

        width: 100%;

    }

    /*  Grid 13 to 24 columns

        Fixed in 470px in minimum

        Width 480px to maximum 767px

        Screen

    */

    .container_24 .grid_13 {

        width: 470px;

    }

    .container_24 .grid_14 {

        width: 470px;

    }

    .container_24 .grid_15 {

        width: 470px;

    }

    .container_24 .grid_16 {

        width: 470px;

    }

    .container_24 .grid_17 {

        width: 470px;

    }

    .container_24 .grid_18 {

        width: 470px;

    }

    .container_24 .grid_19 {

        width: 470px;

    }

    .container_24 .grid_20 {

        width: 470px;

    }

    .container_24 .grid_21 {

        width: 470px;

    }

    .container_24 .grid_22 {

        width: 470px;

    }

    .container_24 .grid_23 {

        width: 470px;

    }

    .container_24 .grid_24 {

        width: 470px;

    }
	
	.container_24 .grid_23.suffix_1,
	.container_24 .grid_23.prefix_1{
	  width: 470px;
	}
	
	.container_24 .grid_22.suffix_2,
	.container_24 .grid_22.prefix_2{
	  width: 470px;
	}
	
	.container_24 .grid_21.suffix_3,
	.container_24 .grid_21.prefix_3{
		width: 470px;
	}
	
	.container_24 .grid_20.suffix_4,
	.container_24 .grid_20.prefix_4{
		width: 470px;
	}
	
	.container_24 .grid_19.suffix_5,
	.container_24 .grid_19.prefix_5{
		width: 470px;
	}
	
	.container_24 .grid_18.suffix_6,
	.container_24 .grid_18.prefix_6{
		width: 470px;
	}
	
	.container_24 .grid_17.suffix_7,
	.container_24 .grid_17.prefix_7{
		width: 470px;
	}
	
	.container_24 .grid_16.suffix_8,
	.container_24 .grid_16.prefix_8{
		width: 470px;
	}
	
	.container_24 .grid_15.suffix_9,
	.container_24 .grid_15.prefix_9{
		width: 470px;
	}
	
	.container_24 .grid_14.suffix_10,
	.container_24 .grid_14.prefix_10{
		width: 470px;
	}
	
	.container_24 .grid_13.suffix_11,
	.container_24 .grid_13.prefix_11{
		width: 470px;
	}
	
	.container_24 .grid_12.suffix_12,
	.container_24 .grid_12.prefix_12{
		width: 100%;
	}
	
	.container_24 .grid_11.suffix_13,
	.container_24 .grid_11.prefix_13{
		width: 100%;
	}
	
	.container_24 .grid_10.suffix_14,
	.container_24 .grid_10.prefix_14{
		width: 100%;
	}
	
	.container_24 .grid_9.suffix_15,
	.container_24 .grid_9.prefix_15{
		width: 100%;
	}
	
	.container_24 .grid_8.suffix_16,
	.container_24 .grid_8.prefix_16{
		width: 100%;
	}
	
	.container_24 .grid_7.suffix_17,
	.container_24 .grid_7.prefix_17{
		width: 100%;
	}
	
	.container_24 .grid_6.suffix_18,
	.container_24 .grid_6.prefix_18{
		width: 100%;
	}
	
	.container_24 .grid_5.suffix_19,
	.container_24 .grid_5.prefix_19{
		width: 100%;
	}
	
	.container_24 .grid_4.suffix_20,
	.container_24 .grid_4.prefix_20{
		width: 100%;
	}
	
	.container_24 .grid_4.suffix_20,
	.container_24 .grid_4.prefix_20{
		width: 100%;
	}
	
	.container_24 .grid_3.suffix_21,
	.container_24 .grid_3.prefix_21{
		width: 100%;
	}
	
	.container_24 .grid_2.suffix_22,
	.container_24 .grid_2.prefix_22{
		width: 100%;
	}
	
	.container_24 .grid_1.suffix_23,
	.container_24 .grid_1.prefix_23{
		width: 100%;
	}


}

/* This query is applied for protait ipad, Mobile

*/

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

    .container_24 {

        width: 300px;

		overflow:hidden;

    }

    /*  Grid 1 to 24 columns are

        Fixed in mobile layout

    */

    .container_24 .grid_1,  .container_24 .grid_2,  .container_24 .grid_3,  .container_24 .grid_4,  .container_24 .grid_5,  .container_24 .grid_6,  .container_24 .grid_7,  .container_24 .grid_8,  .container_24 .grid_9,  .container_24 .grid_10,  .container_24 .grid_11,  .container_24 .grid_12,  .container_24 .grid_13,  .container_24 .grid_14,  .container_24 .grid_15,  .container_24 .grid_16,  .container_24 .grid_17,  .container_24 .grid_18,  .container_24 .grid_19,  .container_24 .grid_20,  .container_24 .grid_21,  .container_24 .grid_22,  .container_24 .grid_23,  .container_24 .grid_24 {

        width: 97%;

    }

	.alpha {

    margin-left: 0;

}

.omega {

    margin-right: 0;

}

}

