/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  CSS Reset             
2.  Grid 1200px 
3.  Grid 960px
4.  Grid 720px
5.  Grid lt 720px/ Mobile 
6.  Responsive Image


**********************************************************************************************/
/********************************************************************************************* 

2.  Grid 1200px

*********************************************************************************************/
.container-16, .container-12 {
    margin: 0 auto;
    width: 1200px
    }
.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 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px
    }
.grid-4 {
    margin-left: 4px;
    margin-right: 4px
    }
.alpha {
    margin-left: 0
    }
.omega {
    margin-right: 0
    }
.beta {
    margin-left: 0;
    margin-right: 0
    }
/*

.container-16 .grid-1 {
	width:55px;
}
.container-16 .grid-2 {
	width:130px;
}
.container-16 .grid-3 {
	width:205px;
}
.container-16 .grid-4 {
	width:280px;
}
.container-16 .grid-5 {
	width:355px;
}
.container-16 .grid-6 {
	width:430px;
}
.container-16 .grid-7 {
	width:505px;
}
.container-16 .grid-8 {
	width:580px;
}
.container-16 .grid-9 {
	width:655px;
}
.container-16 .grid-10 {
	width:730px;
}
.container-16 .grid-11 {
	width:805px;
}
.container-16 .grid-12 {
	width:880px;
}
.container-16 .grid-13 {
	width:955px;
}
.container-16 .grid-14 {
	width:1030px;
}
.container-16 .grid-15 {
	width:1105px;
}
.container-16 .grid-16 {
	width:1180px;
}
.container-12 .grid-1 {
	width:80px;
}
.container-12 .grid-2 {
	width:180px;
}
.container-12 .grid-3 {
	width:280px;
}
.container-12 .grid-4 {
	width:380px;
}
.container-12 .grid-5 {
	width:480px;
}
.container-12 .grid-6 {
	width:580px;
}
.container-12 .grid-7 {
	width:680px;
}
.container-12 .grid-8 {
	width:780px;
}
.container-12 .grid-9 {
	width:880px;
}
.container-12 .grid-10 {
	width:980px;
}
.container-12 .grid-11 {
	width:1080px;
}
.container-12 .grid-12 {
	width:1180px;
}

*/
/********************************************************************************************* 

3.  Grid 960px (mediaqueries)

*********************************************************************************************/
/*
@media only screen and (min-width: 960px) and (max-width: 1199px) {
*/
.container-16, .container-12 {
    width: 960px
    }
.container-16 .grid-1 {
    width: 40px
    }
.container-16 .grid-2 {
    width: 100px
    }
.container-16 .grid-3 {
    width: 160px
    }
.container-16 .grid-4 {
    width: 220px
    }
.container-16 .grid-5 {
    width: 280px
    }
.container-16 .grid-6 {
    width: 340px
    }
.container-16 .grid-7 {
    width: 400px
    }
.container-16 .grid-8 {
    width: 460px
    }
.container-16 .grid-9 {
    width: 520px
    }
.container-16 .grid-10 {
    width: 580px
    }
.container-16 .grid-11 {
    width: 640px
    }
.container-16 .grid-12 {
    width: 700px
    }
.container-16 .grid-13 {
    width: 760px
    }
.container-16 .grid-14 {
    width: 820px
    }
.container-16 .grid-15 {
    width: 880px
    }
.container-16 .grid-16 {
    width: 940px
    }
.container-12 .grid-1 {
    width: 60px
    }
.container-12 .grid-2 {
    width: 140px
    }
.container-12 .grid-3 {
    width: 220px
    }
.container-12 .grid-4 {
    width: 230px
    }
.container-12 .grid-5 {
    width: 380px
    }
.container-12 .grid-6 {
    width: 460px
    }
.container-12 .grid-7 {
    width: 540px
    }
.container-12 .grid-8 {
    width: 620px
    }
.container-12 .grid-9 {
    width: 700px
    }
.container-12 .grid-10 {
    width: 780px
    }
.container-12 .grid-11 {
    width: 860px
    }
.container-12 .grid-12 {
    margin-right: 0;
    width: 950px
    }
/*
}
*/
/********************************************************************************************* 

4.  Grid 720px (mediaqueries)

*********************************************************************************************/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .container-16, .container-12 {
        width: 720px
        }
    .container-16 .grid-1 {
        width: 25px
        }
    .container-16 .grid-2 {
        width: 70px
        }
    .container-16 .grid-3 {
        width: 115px
        }
    .container-16 .grid-4 {
        width: 160px
        }
    .container-16 .grid-5 {
        width: 205px
        }
    .container-16 .grid-6 {
        width: 250px
        }
    .container-16 .grid-7 {
        width: 295px
        }
    .container-16 .grid-8 {
        width: 340px
        }
    .container-16 .grid-9 {
        width: 385px
        }
    .container-16 .grid-10 {
        width: 430px
        }
    .container-16 .grid-11 {
        width: 475px
        }
    .container-16 .grid-12 {
        width: 520px
        }
    .container-16 .grid-13 {
        width: 565px
        }
    .container-16 .grid-14 {
        width: 610px
        }
    .container-16 .grid-15 {
        width: 655px
        }
    .container-16 .grid-16 {
        width: 700px
        }
    .container-12 .grid-1 {
        width: 40px
        }
    .container-12 .grid-2 {
        width: 100px
        }
    .container-12 .grid-3 {
        width: 160px
        }
    .container-12 .grid-4 {
        width: 176px;
        margin: 2px
        }
    .container-12 .grid-5 {
        width: 280px
        }
    .container-12 .grid-6 {
        width: 340px
        }
    .container-12 .grid-7 {
        width: 400px
        }
    .container-12 .grid-8 {
        width: 460px
        }
    .container-12 .grid-9 {
        width: 520px
        }
    .container-12 .grid-10 {
        width: 580px
        }
    .container-12 .grid-11 {
        width: 640px
        }
    .container-12 .grid-12 {
        width: 700px
        }
    .container-12 #botmenu {
        font-size: 19px
        }
    }
/********************************************************************************************* 

5.  Grid lt 720px / Mobile (mediaqueries)

*********************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .container-12, .container-16 {
        width: 480px
        }
    .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 {
        width: 460px;
        margin-left: 10px;
        margin-right: 10px
        }
    .alpha {
        margin-left: 0
        }
    .omega {
        margin-right: 0
        }
    .beta {
        margin-left: 0;
        margin-right: 0
        }
    .container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
        width: 460px
        }
    }
/********************************************************************************************* 

5.  Grid lt 480px / Mobile (mediaqueries)

*********************************************************************************************/
@media only screen and (max-width: 479px) {
    .container-12, .container-16 {
        width: 300px
        }
    .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 {
        width: 280px;
        margin-left: 10px;
        margin-right: 10px
        }
    .alpha {
        margin-left: 0
        }
    .omega {
        margin-right: 0
        }
    .beta {
        margin-left: 0;
        margin-right: 0
        }
    .container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16, .container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {
        width: 280px
        }
    #front-page-social-media-right-logo, .circles-star {
        display: none
        }
    #front-page-main-text {
        background: #000;
        bottom: 0;
        margin-bottom: 0
        }
    }
/********************************************************************************************* 

6.  Responsive Image

*********************************************************************************************/
img.scale, img.responsive {
    max-width: 100%;
    height: auto
    }