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

.top-outer{width:100%;background:#4a147c url('../images/topbg.jpg') no-repeat; background-size:100%;}
.top-inner{width:90%; padding-bottom:10px;}
.top-left{float:left; width:9%;padding-top:10px;}
.top-right{float:right; width:89%;  line-height:27px;}
.logo{text-align:left; width:100%; padding-top: 10px;}
.logo img{background:#FFF; border:8px solid #80a139; box-shadow: 0px 0px 20px #4a147c;}
.top-right-left{float:left; width:70%;padding-top:10px;}
.top-right-right{float:left; width:30%;padding-top:10px;color: #ffffff; }
.top-right-right ul{list-style: none; text-align: center; margin: 0;}
.top-right-right li{display: inline; padding: 5px 2px 5px 2px;}
.top-right-right ul li a{color: #ffffff; text-decoration: none; font-size: 14px;}
.society_name{text-align:left;width:100%; font-size:16px; color:#ffffff; font-family: 'LatoWebBold'; 
text-shadow: 3px 3px #4a147c;}
.college_name{text-align:left;width:100%; font-size:26px; line-height:30px; color:#ffffff; font-family: 'LatoWebBold'; 
text-shadow: 3px 3px #4a147c;}
.estd{text-align:left;width:100%; font-size:15px; letter-spacing:0.3px; color:#edfdfd;}
.address{text-align:left;width:100%; font-size:15px; letter-spacing:0.3px; color:#edfdfd; }
.contact{text-align:left;width:100%; font-size:15px; letter-spacing:0.3px; color:#edfdfd; }

.menu-outer{width:100%; background:#FFC36A; z-index:1000;}
.menu-inner{width:90%;}
.menu-outer.sticky {box-shadow:0px 0px 10px #888888;animation-duration: 0.7s;position: fixed;top:0;}

.banner-outer{width:100%;}
.banner-inner{width:100%;}

.outer-section4{width:100%;background:#fff url('../images/topbg.png') no-repeat; background-size:100%;  border-bottom: 2px solid #eee;

    background-image: -ms-linear-gradient(top, #fbeef5 0%, #FFFFFF 50%, #fbeef5 100%);
    background-image: -moz-linear-gradient(top, #fbeef5 0%, #FFFFFF 50%, #fbeef5 100%);
    background-image: -o-linear-gradient(top, #fbeef5 0%, #FFFFFF 50%, #fbeef5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbeef5), color-stop(50, #FFFFFF), color-stop(100, #fbeef5));
    background-image: -webkit-linear-gradient(top, #fbeef5 0%, #FFFFFF 50%, #fbeef5 100%);
    background-image: linear-gradient(to bottom, #fbeef5 0%, #FFFFFF 50%, #fbeef5 100%);

    border-top:1px solid #efe5ea;
    border-bottom:1px solid #efe5ea;

    line-height:30px;}

.inner-section4{width:95%; text-align: center; font-size:16px; padding-top:10px; padding-bottom:10px;}
.moto {font-family:'BoldItalic'; font-size: 20px;color:#2e3192;}

.section-outer{width:100%;}
.section-inner{width:90%; padding-top:10px; padding-bottom: 10px;}
.section-left{float:left; width:49%;}
.section-right{float:right; width:49%;}

/*.inst-box{float:left; width:19%; height:200px; background: #e9e0f1; margin:0% 1% 0% 0%; border-top:5px solid #80a139; border-bottom: 5px solid #662e91; box-shadow:0px 0px 10px #888888;}*/
    .inst-box{float:left; width:19%; height:200px; background: #e9e0f1; margin:0% 1% 0% 0%; border-top:5px solid #fa720a; border-bottom: 5px solid #662e91; box-shadow:0px 0px 10px #888888;}
.inst-img{}
.inst-heading{ clear:both; width:100%; background:#e9e0f1; color:#662e91; padding:5px; text-align:center; font-size:14px;}
.inst-heading a{ text-decoration:none; color:#662e91; display:block;}
	
.left-bar{float:left; width:24%; margin-top:10px;margin-bottom:10px; background:white; border-top:0px solid #8c1857; }
.center-bar{float:left; width:50%; padding-top:10px; margin-left:1%;}
.right-bar{float:right; width:24%; margin-top:10px; margin-bottom:10px; background:white; border-top:0px solid #8c1857; }

.left-section{float:right; width:70%; padding-top:10px; margin-left:1%;}

.div-img{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:2px solid #8c1857;}
.div-img img{ float: left; padding: 0px 10px 10px 0px;}

.notice{width:100%; font-size:15px; padding:0px 0px 0px 0px; margin-top:10px;  border-bottom:2px solid #8c1857;}
.gallery{width:100%; margin-top:10px;  border-bottom:3px solid #662e91;}
.gallery_headings{ width:100%; padding:10px 10px 10px 10px; }
.gallery_contents{width:100%;}


.footer-outer{width:100%; background:#8c1857; background-size:100%;}
.footer-inner{width:90%;padding-top:20px; padding-bottom:20px; color:#e4f1f0;font-size:14px; line-height:30px; }
.footer_box1{float:left; width:26%; text-align:left; margin-right:1%; }
.footer_box2{float:left; width:30%; text-align:left; margin-top: 20px;}
.footer_box3{clear:none; float:right; width:42%; text-align:left; }

.footer_box3 p{color:#e9e0f1; text-align:left; font-family: 'LatoWebBold';}

.footer_inner_box{float:left; width:49%; margin-right:1%; margin-top: 20px;}
.footer-inner ul{list-style:none;}
.footer-inner li {}
.footer-inner a{color: #8d1111;text-decoration:none;}
.footer-inner a:hover{color:#ff9000; text-decoration:none;}

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

}/* Desktop */

@media screen  and (max-width: 979px) /* Tablet */ {
.wrapper{width:100%;}  
  
.top-outer{width:100%;background:#4a147c url('../images/topbg.jpg') no-repeat; background-size:100%;}
.top-inner{width:90%;padding-top:10px; padding-bottom:10px;}
.top-left{width:100%;}
.top-right{ width:100%; line-height:30px;}
.logo{text-align:center; }
.logo img{width: 120px; background:#FFF; border:8px solid #80a139; box-shadow: 0px 0px 20px #4a147c;}
.top-right-left{width:100%;padding-top:10px;}
.top-right-right{width:100%;color: #ffffff;  }
.top-right-right ul{list-style: none; text-align: center; margin: 0;}
.top-right-right li{display: inline; padding: 5px 5px 5px 5px;}
.top-right-right ul li a{color: #ffffff; text-decoration: none;}
.society_name{text-align:center;width:100%; font-size:16px; color:#ffffff; font-family: 'LatoWebBold'; 
text-shadow: 3px 3px #4a147c;}
.college_name{text-align:center;width:100%; font-size:25px; color:#ffffff; font-family: 'LatoWebBold'; 
text-shadow: 3px 3px #4a147c;}
.estd{text-align:left;width:100%; font-size:15px; letter-spacing:0.3px; color:#edfdfd;}
.address{text-align:center;width:100%; font-size:15px; letter-spacing: 0.3px; color:#edfdfd; }
.contact{text-align:center;width:100%; font-size:15px; letter-spacing: 0.3px; color:#edfdfd; }

.menu-outer{width:100%; background:#fff; z-index:1000;}
.menu-inner{width:90%;}
.menu-outer.sticky {box-shadow:0px 0px 10px #888888;animation-duration: 0.7s;position: fixed;top:0;}

.section-outer{width:100%; }
.section-inner{width:90%; padding-top:10px; padding-bottom: 10px;}
.section-left{width:100%;}
.section-right{width:100%;}

/*.inst-box{float:left; width:49%; height:230px; background: #e9e0f1; margin:0% 1% 0% 0%; border-top:5px solid #80a139; border-bottom: 5px solid #662e91; box-shadow:0px 0px 10px #888888;}*/
    .inst-box{float:left; width:49%; height:230px; background: #e9e0f1; margin:0% 1% 0% 0%; border-top:5px solid #fa720a; border-bottom: 5px solid #662e91; box-shadow:0px 0px 10px #888888;}
.inst-img{}
.inst-heading{ clear:both; width:100%; background:#e9e0f1; color:#662e91; padding:5px; text-align:center; font-size:14px;}
.inst-heading a{ text-decoration:none; color:#662e91; display:block;}
	
.left-bar{width:100%; margin-top:10px; margin-bottom:10px; background:#D7E7C7; border-top:2px solid #8c1857; box-shadow:0px 0px 10px #888888;}

.center-bar{width:100%; padding-top:10px; margin-left:0%; }
.right-bar{ width:100%; margin-top:10px; margin-bottom:10px; background:#e9e0f1; border-top:2px solid #662e91; box-shadow:0px 0px 10px #888888;}

.left-section{width:100%; padding-top:10px; margin-left:0%;}

.div-img{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:2px solid #662e91;}
.div-img img{ float: left; padding: 0px 10px 10px 0px;}

.notice{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:2px solid #662e91;}

.gallery{width:100%; margin-top:10px;  border-bottom:2px solid #662e91;}
.gallery_headings{ width:100%; padding:10px 0px 10px 1px; }
.gallery_contents{width:100%; }

/*.footer-outer{width:100%; background:#4a147c url('../images/footerbg.jpg') no-repeat center bottom; background-size:100%;}*/
.footer-outer{width:100%; background:#8c1857; background-size:100%;}
.footer-inner{width:90%;padding-top:20px; padding-bottom:20px; color:darkgreen;font-size:14px; line-height:30px; }
.footer_box1{  width:100%; text-align:left; margin-right:0%; }
.footer_box2{  width:100%; text-align:left; margin-right:0%;}
.footer_box3{clear:both; width:100%; text-align:left; }

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

.footer_inner_box{float:left; width:49%; margin-right:0%; margin-top:10px;}
.footer-inner ul{list-style:none;}
.footer-inner li {}
.footer-inner a{color:#e9e0f1;text-decoration:none;}
.footer-inner a:hover{color:#80a139; text-decoration:none;}

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

}/* Tablet */ 

@media screen and (max-width: 500px) /* Mobile */ {
.wrapper{width:100%;}  
   
.top-outer{width:100%;background:#4a147c url('../images/topbg.jpg') no-repeat; background-size:100%;}
.top-inner{width:90%;padding-top:10px; padding-bottom:10px;}
.top-left{width:100%;}
.top-right{ width:100%;  line-height:30px;}
.logo{text-align:center; }
.logo img{width: 120px; background:#FFF; border:8px solid #80a139; box-shadow: 0px 0px 20px #4a147c;}
.top-right-left{width:100%;padding-top:10px;}
.top-right-right{width:100%;color: #ffffff;  }
.top-right-right ul{list-style: none; text-align: center; margin: 0;}
.top-right-right li{display: inline; padding: 5px 5px 5px 5px;}
.top-right-right ul li a{color: #ffffff; text-decoration: none;}
.society_name{text-align:center;width:100%; font-size:16px; color:#ffffff; font-family: 'LatoWebBold'; 
text-shadow: 3px 3px #4a147c;}
.college_name{text-align:center;width:100%; font-size:25px; color:#ffffff; font-family: 'LatoWebBold'; 
text-shadow: 3px 3px #4a147c;}
.estd{text-align:left;width:100%; font-size:15px; letter-spacing:0.3px; color:#edfdfd;}
.address{text-align:center;width:100%; font-size:15px; letter-spacing: 0.3px; color:#edfdfd; }
.contact{text-align:center;width:100%; font-size:15px; letter-spacing: 0.3px; color:#edfdfd; }

.menu-outer{width:100%; background:#fff; z-index:1000;}
.menu-inner{width:90%;}
.menu-outer.sticky {box-shadow:0px 0px 10px #888888;animation-duration: 0.7s;position: fixed; top:0;}

.section-outer{width:100%; }
.section-inner{width:90%; padding-top:10px;padding-bottom: 10px;}
.section-left{width:100%;}
.section-right{width:100%;}

/*.inst-box{width:100%; height:260px; background: #D7E7C7; margin:0% 0% 0% 0%; border-top:5px solid #80a139; border-bottom: 5px solid #662e91; box-shadow:0px 0px 10px #888888;}*/
    .inst-box{width:100%; height:260px; background: #D7E7C7; margin:0% 0% 0% 0%; border-top:5px solid #fa720a; border-bottom: 5px solid #662e91; box-shadow:0px 0px 10px #888888;}
.inst-img{}
.inst-heading{ clear:both; width:100%; background:#D7E7C7; color: #8c1857; padding:5px; text-align:center; font-size:14px;}
.inst-heading a{ text-decoration:none; color:#662e91; display:block;}
	
.left-bar{width:100%; margin-top:10px; margin-bottom:10px; background:#D7E7C7; border-top:2px solid #8c1857; box-shadow:0px 0px 10px #888888;}
.center-bar{width:100%; padding-top:10px; margin-left:0%; }
.right-bar{ width:100%; margin-top:10px; margin-bottom:10px; background:#D7E7C7; border-top:2px solid #8c1857; box-shadow:0px 0px 10px #888888;}

.left-section{width:100%; padding-top:10px; margin-left:0%;}

.div-img{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:2px solid #8c1857;}
.div-img img{ float: left; padding: 0px 10px 10px 0px;}

.notice{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:2px solid #8c1857;}

.gallery{width:100%; margin-top:10px;  border-bottom:2px solid #662e91;}
.gallery_headings{ width:100%; padding:10px 0px 10px 0px; }
.gallery_contents{width:100%; }

/*.footer-outer{width:100%; background:#4a147c url('../images/footerbg.jpg') no-repeat center bottom; background-size:100%;}*/
.footer-outer{width:100%; background:#D7E7C7; background-size:100%;}
.footer-inner{width:90%;padding-top:20px; padding-bottom:20px; color:darkgreen;font-size:14px; line-height:30px; }
.footer_box1{ width:100%; text-align:left; margin-right:0%; }
.footer_box2{ width:100%; text-align:left; margin-right:0%;}
.footer_box3{clear:both; width:100%; text-align:left; }

.footer_box3 p{color:#662e91; text-align:left;}

.footer_inner_box{width:100%; margin-right:0%;margin-top: 10px;}
.footer-inner ul{list-style:none;}
.footer-inner li {}
.footer-inner a{color:darkgreen;text-decoration:none;}
.footer-inner a:hover{color:#80a139; text-decoration:none;}

.footer_divider{width:100%;
    border: 0;
    height: 1px; margin-top:5px; margin-bottom:5px;
    background: #4a147c; 
}
}/* Mobile */

.section6_notice{float:left; width:100%; margin-right:1%;  height:600px; background: #eee;box-shadow: 0px 0px 10px #ccc;border: 1px solid #ccc; padding:10px 20px 10px 20px;}
.section6_qlinks{float:left; width:100%; margin-right:1%;  height:300px; background: #ffffff;box-shadow: 0px 0px 10px #c9cc8b;border: 1px solid #fddaa6; padding:10px 20px 10px 20px;}