@media screen and (min-width: 980px) /* Desktop */ {
.wrapper{width:100%;}

.section1_outer{width:100%; background: url(../images/blue_bg.png); color:#fff;}
.section1_inner{width:90%;}

.section1_left{float:left; width:29%; text-align:left;}
.section1_right{float:right; width:70%; text-align:right;}

.section2_outer{width:100%;	background:url(../images/body-background.png);	}
.section2_inner{width:95%; }
.section2_left{float:left; width:70%;padding-top:10px; padding-bottom:10px;}
.section2_right{float:right; width:30%; padding-top:5px; padding-bottom:5px;text-align:right;}

.logodiv{float:left; width:12%;text-align:left; }
.namediv{float:right; width:87%;text-align:left; }

.society_name{font-size:15px; color:#333;font-family: 'OpenSans-Bold';}
.college_name{text-transform:uppercase; font-size:23px; font-family: 'OpenSans-Bold'; color:#590808;text-shadow: 1px 1px #250101;}
.name_line1{font-size:15px; color:#333;font-family: 'OpenSans-Bold';}
.name_line3{font-size:14px; color:#000;}
.name_line3{font-size:14px; color:#000;}

.section3_outer{width:100%; background: url(../images/blue_bg.png);}
.section3_inner{width:90%;}

.section3_outer.sticky {margin-top: 0px; box-shadow: 0px 0px 10px #888888; z-index: 1000; animation-duration: 0.7s;
    position: fixed; top: 0;}

.section4_outer{width:100%;}
.section4_inner{width:100%;}

.section5_outer{width:100%; margin-top:20px;}
.section5_inner{width:90%;}

.section6_outer{width:100%; margin-top: 20px; padding-top:40px; padding-bottom:40px;background:url(../images/dark_gray2.png);}
.section6_inner{width:90%;}

.section6_left{float:left; width:33%; margin-right:1%; height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;}
.section6_center{float:left; width:33%; margin-right:1%;  height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;}
.section6_right{float:right; width:32%; height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;}

.section7_outer{width:100%; margin-top: 20px; padding-top:20px; padding-bottom:20px;}
.section7_inner{width:90%;}

.section8_outer{width:100%;}
.section8_inner{width:90%;}

.section9_outer{width:100%;margin-top: 20px; padding-top:20px; padding-bottom:20px; background:#181818; border-top: 4px solid #edccc3; border-bottom: 4px solid #4b4b4b; color: #ccc;    font-size: 14px;}
.section9_inner{width:90%;}

.section10_outer{width:100%; background:#000; color: #999;padding-top:10px; padding-bottom:10px;    font-size: 14px;}
.section10_inner{width:90%;}

.section10_inner a{color: #999;}
.section10_inner a:hover{color: #edccc3; text-decoration:none;}

.footer_box1{float:left; width:24%; }
.footer_box2{float:left; width:24%; margin-left:1%; padding:0px 10px 0px 10px; }
.footer_box3{float:left; width:24%; margin-left:1%; padding:0px 10px 0px 10px;}
.footer_box4{float:right; width:24%; }

.section11_outer{width:100%; margin-top:20px;}
.section11_inner{width:90%;}

.section11_left{float:left; width:24%; padding:10px; box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc;}
.section11_right{float:right; width:73%;}

}/* Desktop End*/

@media screen  and (max-width: 979px) /* Tablet */ {
.wrapper{width:100%;}

.section1_outer{width:100%; background: url(../images/blue_bg.png); color:#fff;}
.section1_inner{width:90%;}

.section1_left{width:100%; text-align:center;}
.section1_right{width:77%; text-align:center;}

.section2_outer{width:100%;	background:url(../images/body-background.png);	}
.section2_inner{width:90%; }
.section2_left{width:100%;padding-top:10px; padding-bottom:10px;}
.section2_right{width:100%;padding-top:5px; padding-bottom:5px;text-align:center;}

.logodiv{width:100%;text-align:center;}
.namediv{width:100%;text-align:center;}

.society_name{font-size:15px; color:#333;font-family: 'OpenSans-Bold';}
.college_name{text-transform:uppercase; font-size:26px; font-family: 'OpenSans-Bold'; color:#590808;text-shadow: 1px 1px #250101;}
.name_line1{font-size:15px; color:#333;font-family: 'OpenSans-Bold';}
.name_line3{font-size:14px; color:#000;}
.name_line3{font-size:14px; color:#000;}

.section3_outer{width:100%; background: url(../images/blue_bg.png);}
.section3_inner{width:90%;}

.section4_outer{width:100%;}
.section4_inner{width:100%;}

.section5_outer{width:100%; margin-top:20px;}
.section5_inner{width:90%;}

.section6_outer{width:100%; margin-top: 20px; padding-top:40px; padding-bottom:40px;background:url(../images/dark_gray2.png);}
.section6_inner{width:90%;}

.section6_left{width:100%; margin-right:0%; height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;}
.section6_center{width:100%; margin-right:0%;  height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;margin-top:15px;}
.section6_right{width:100%; height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;margin-top:15px;}

.section7_outer{width:100%;}
.section7_inner{width:90%;}

.section8_outer{width:100%;}
.section8_inner{width:90%;}

.section9_outer{width:100%;margin-top: 20px; padding-top:20px; padding-bottom:20px; background:#181818; border-top: 4px solid #edccc3; border-bottom: 4px solid #4b4b4b; color: #ccc;    font-size: 14px;}
.section9_inner{width:90%;}

.section10_outer{width:100%; background:#000; color: #999;padding-top:10px; padding-bottom:10px;    font-size: 14px;}
.section10_inner{width:90%;}

.section10_inner a{color: #999;}
.section10_inner a:hover{color: #edccc3; text-decoration:none;}

.footer_box1{width:100%; }
.footer_box2{float:left; width:49%; margin-top:10px; padding:0px 10px 0px 10px; }
.footer_box3{float:left; width:49%; margin-top:10px; padding:0px 10px 0px 10px;}
.footer_box4{clear:both; width:100%; margin-top:20px; }

.section11_outer{width:100%; margin-top:20px;}
.section11_inner{width:90%;}

.section11_left{width:100%; padding:10px; box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc;}
.section11_right{width:80%;}

}/* Tablet End*/

@media screen and (max-width: 500px) /* Mobile */ {
.wrapper{width:100%;}

.section1_outer{width:100%; background: url(../images/blue_bg.png); color:#4f0303;}
.section1_inner{width:90%;}

.section1_left{width:100%; text-align:center;}
.section1_right{width:77%; text-align:center;}

.section2_outer{width:100%;	background:url(../images/body-background.png);	}
.section2_inner{width:90%; }
.section2_left{width:100%;padding-top:10px; padding-bottom:10px;}
.section2_right{width:100%;padding-top:5px; padding-bottom:5px;text-align:center;}

.logodiv{width:100%;text-align:center;}
.namediv{width:100%;text-align:center;}

.society_name{font-size:15px; color:#333;font-family: 'OpenSans-Bold';}
.college_name{text-transform:uppercase; font-size:26px; font-family: 'OpenSans-Bold'; color:#590808;text-shadow: 1px 1px #250101;}
.name_line1{font-size:15px; color:#333;font-family: 'OpenSans-Bold';}
.name_line3{font-size:14px; color:#000;}
.name_line3{font-size:14px; color:#000;}

.section3_outer{width:100%; background: url(../images/blue_bg.png);}
.section3_inner{width:90%;}

.section4_outer{width:100%;}
.section4_inner{width:100%;}

.section5_outer{width:100%; margin-top:20px;}
.section5_inner{width:90%;}


.section6_outer{width:100%; margin-top: 20px; padding-top:40px; padding-bottom:40px;background:url(../images/dark_gray2.png);}
.section6_inner{width:90%;}

.section6_left{width:100%; margin-right:0%; height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;}
.section6_center{width:100%; margin-right:0%;  height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px; margin-top:15px;}
.section6_right{width:100%; height:430px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;margin-top:15px;}

.section7_outer{width:100%;margin-top: 20px; padding-top:20px; padding-bottom:20px;}
.section7_inner{width:90%;}

.section8_outer{width:100%;}
.section8_inner{width:90%;}

.section9_outer{width:100%;margin-top: 20px; padding-top:20px; padding-bottom:20px; background:#181818; border-top: 4px solid #edccc3; border-bottom: 4px solid #4b4b4b; color: #ccc;    font-size: 14px;}
.section9_inner{width:90%;}

.section10_outer{width:100%; background:#000; color: #999;padding-top:10px; padding-bottom:10px;    font-size: 14px;}
.section10_inner{width:90%;}

.section10_inner a{color: #999;}
.section10_inner a:hover{color: #edccc3; text-decoration:none;}

.footer_box1{width:100%; }
.footer_box2{width:100%; margin-top:10px; padding:0px 10px 0px 10px; }
.footer_box3{width:100%; margin-top:10px; padding:0px 10px 0px 10px;}
.footer_box4{width:100%; margin-top:20px; }

.section11_outer{width:100%; margin-top:20px;}
.section11_inner{width:90%;}

.section11_left{width:100%; padding:10px; box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc;}
.section11_right{ width:50%;}

}/* Mobile */