/* Start Mobile Layout: 480px and below. */
.wrapper{width:100%;}
.top_outer{width:100%; /*background:#028bbf;*/ color:#000;
background:-webkit-linear-gradient(white, #c7c7c7);
background: -o-linear-gradient(white, #c7c7c7);
background: -moz-linear-gradient(white, #c7c7c7);
background: linear-gradient(white, #c7c7c7);
}
.top{width:90%;}
.top_left{width:100%; text-align:center;}
.top_right{ width:100%; }

.top_right_left{ width:100%; padding-top:5px;text-align:center; line-height:20px;}
.top_right_right{ width:100%; text-align:center; }
.contactdetails{clear:both; text-align:center;}
.top_right_right ul{ float:right; width:100%; list-style:none; font-size:13px; background:#028bbf;color:#fff;text-transform: uppercase;font-weight:bold;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;}
.top_right_right ul li{display:inline;}
.top_right_right ul li A { color:#fff;
	padding: 7px 8px 7px 8px;}
.top_right_right ul li A:hover{text-decoration:none;}	

.namediv{line-height:28px; padding-top:15px;}
.society_name{font-size:16px; color:#000;}
.college_name{font-size:26px; font-weight:bold; color:#028bbf;}
.address{font-size:14px; color:#000;}
.contact{font-size:14px; color:#000;}

.navbar-brand{display:block;}

.menu_outer{width:100%; background:#028bbf;}
.menu{width:90%;background:#028bbf; text-transform: uppercase;}

.banner_outer{width:100%; background:#028bbf;}
.banner{width:90%;background:#fff; }
.banner_left{width:90%; margin-top:0%; padding-top:10px; }
.banner_right{width:100%; margin-left:0%; margin-right:0%; margin-top:0%;padding-top:10px; }

.section_outer{width:100%; }
.section{width:90%; padding-top:10px; background:#FFF;}

.left_section{ width:100%; }
.right_section{ width:100%; margin-left:0%; }
.withimg img{padding:0.625em;}

.footer_outer{width:100%;margin-top:0.625em; background:#eeeeee; box-shadow: 0px 0px 10px #888888;
}
.footer{width:90%;padding-top:0.625em; padding-bottom:0.625em; color:#028bbf;font-size:90%; }
.footer a{color:#028bbf;}
.footer_box1{ width:100%; text-align:left; margin-right:0%;}
.footer_box2{ width:100%; text-align:left; margin-right:0%;}
.footer_box3{  width:100%; text-align:left; margin-right:0%; }

.footer_box3 p{color:#028bbf; text-align:left;}

.footer_inner_box{ width:100%; margin-right:1%;}
.footer_inner_box ul{list-style:none;}
.footer_inner_box a{color:#028bbf;}
.footer_inner_box a:hover{color:#000; text-decoration:none;}

.footer_divider{width:100%;
    border: 0;
    height: 1px; margin-top:5px; margin-bottom:5px;
    background: #dbdada; 
}

/* End Mobile Layout: 480px and below . */

/* Start Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media screen and (min-width: 481px) {
.wrapper{width:100%;}

.top_outer{width:100%; /*background:#028bbf;*/ color:#000;
background:-webkit-linear-gradient(white, #c7c7c7);
background: -o-linear-gradient(white, #c7c7c7);
background: -moz-linear-gradient(white, #c7c7c7);
background: linear-gradient(white, #c7c7c7);
}
.top{width:90%;}
.top_left{width:100%; text-align:center;}
.top_right{ width:100%; }

.top_right_left{ width:100%; padding-top:5px;text-align:center; line-height:20px;}
.top_right_right{ width:100%; text-align:center; }
.contactdetails{clear:both; text-align:center;}
.top_right_right ul{ float:right; width:100%; list-style:none; font-size:13px; background:#028bbf;color:#fff;text-transform: uppercase;font-weight:bold;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;}
.top_right_right ul li{display:inline;}
.top_right_right ul li A { color:#fff;
	padding: 7px 8px 7px 8px;}
.top_right_right ul li A:hover{text-decoration:none;}	

.namediv{line-height:25px; padding-top:15px;}
.society_name{font-size:16px; color:#000;}
.college_name{font-size:26px; font-weight:bold; color:#028bbf;}
.address{font-size:14px; color:#000;}
.contact{font-size:14px; color:#000;}

.navbar-brand{display:block;}

.menu_outer{width:100%; background:#028bbf;}
.menu{width:90%;background:#028bbf; text-transform: uppercase;}

.banner_outer{width:100%; background:#028bbf;}
.banner{width:90%;background:#fff; }
.banner_left{width:90%; margin-top:0%; padding-top:10px; }
.banner_right{width:100%; margin-left:0%; margin-right:0%; margin-top:0%;padding-top:10px; }

.section_outer{width:100%; }
.section{width:90%; padding-top:10px; background:#FFF;}

.left_section{ width:100%; }
.right_section{ width:100%; margin-left:0%; }
.withimg img{padding:0.625em;}

.footer_outer{width:100%;margin-top:0.625em; background:#eeeeee; box-shadow: 0px 0px 10px #888888;
}
.footer{width:90%;padding-top:0.625em; padding-bottom:0.625em; color:#028bbf;font-size:90%; }
.footer a{color:#028bbf;}
.footer_box1{ width:100%; text-align:left; margin-right:0%;}
.footer_box2{ width:100%; text-align:left; margin-right:0%;}
.footer_box3{  width:100%; text-align:left; margin-right:0%; }

.footer_box3 p{color:#028bbf; text-align:left;}

.footer_inner_box{float:left; width:49%; margin-right:1%;}
.footer_inner_box ul{list-style:none;}
.footer_inner_box ul li{padding-top:10px;}
.footer_inner_box a{color:#028bbf;}
.footer_inner_box a:hover{color:#000; text-decoration:none;}

.footer_divider{width:100%;
    border: 0;
    height: 1px; margin-top:5px; margin-bottom:5px;
    background: #dbdada; 
} 

}
/* End Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/* Start Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media screen and (min-width: 769px) {

.wrapper{width:100%;}

.top_outer{width:100%; /*background:#028bbf;*/ color:#000;
background:-webkit-linear-gradient(white, #c7c7c7);
background: -o-linear-gradient(white, #c7c7c7);
background: -moz-linear-gradient(white, #c7c7c7);
background: linear-gradient(white, #c7c7c7);
}
.top{width:90%;}
.top_left{float:left; width:11%; text-align:left; }
.top_right{float:left; width:89%; }

.top_right_left{float:left; width:58%; padding-top:5px;text-align:left; line-height:20px;}
.top_right_right{float:right; width:40%; text-align:center; }
.contactdetails{clear:both; text-align:justify;}
.top_right_right ul{ float:right; width:100%; list-style:none; font-size:13px; background:#028bbf;color:#fff;text-transform: uppercase;font-weight:bold;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
.top_right_right ul li{display:inline;}
.top_right_right ul li A { color:#fff;
	padding: 7px 8px 7px 8px;}
.top_right_right ul li A:hover{text-decoration:none;}	

.namediv{line-height:22px; padding-top:15px;}
.society_name{font-size:16px; color:#000;}
.college_name{font-size:26px; font-weight:bold; color:#028bbf;}
.address{font-size:14px; color:#000;}
.contact{font-size:14px; color:#000;}

.navbar-brand{display:none;}

.menu_outer{width:100%; background:#028bbf;}
.menu{width:90%;background:#028bbf; text-transform: uppercase;}

.banner_outer{width:100%; background:#028bbf;}
.banner{width:90%;background:#fff; }
.banner_left{float:left; width:21%; margin-top:1%; margin-left:1%; padding-top:0px;}
.banner_right{float:right; width:76%; margin-left:1%; margin-right:1%; margin-top:1%;padding-top:0px;}

.section_outer{width:100%; }
.section{width:90%; padding-top:10px; background:#FFF;}

.left_section{float:left; width:21%; margin-left:1%;}
.right_section{float:left; width:75%; margin-left:1%; }
.withimg img{float:left;padding:0.625em;}

.footer_outer{width:100%;margin-top:0.625em; background:#eeeeee; box-shadow: 0px 0px 10px #888888;
}
.footer{width:90%;padding-top:0.625em; padding-bottom:0.625em; color:#028bbf;font-size:100%; }
.footer a{color:#028bbf;}
.footer_box1{float:left; width:49%; text-align:left; margin-right:1%;}
.footer_box2{float:left; width:15%; text-align:left; margin-right:1%;}
.footer_box3{clear:none; float:left; width:50%; text-align:left; margin-right:1%; }

.footer_box3 p{color:#028bbf; text-align:left;}

.footer_inner_box{float:left; width:49%; margin-right:1%;}
.footer_inner_box ul{list-style:none;}
.footer_inner_box ul li{padding-top:10px;}
.footer_inner_box a{color:#028bbf; }
.footer_inner_box a:hover{color:#000; text-decoration:none;}

.footer_divider{width:100%;
    border: 0;
    height: 1px; margin-top:5px; margin-bottom:5px;
    background: #dbdada; 
} 



}

/* End Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */