@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:#d1f0b7; 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;}


.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-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:#e7f7dd; border-top:2px solid #662e91; box-shadow:0px 0px 10px #77BC13;}*/
.left-bar{float:left; width:24%; margin-top:10px;margin-bottom:10px; background:#e7f7dd; border-top:0px solid #662e91; box-shadow:0px 0px 10px #77BC13;}
.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:#e9e0f1; border-top:2px solid #662e91; box-shadow:0px 0px 0px #888888;}*/
.right-bar{float:right; width:24%; margin-top:10px; margin-bottom:10px; background:#e9e0f1; border-top:0px solid #662e91; box-shadow:0px 0px 0px #888888;}

.left-bar1{float:left; width:24%; margin-top:10px;margin-bottom:10px; background:#e7f7dd; border-top:0px solid #662e91; box-shadow:0px 0px 0px #77BC13;}
.center-bar1{float:left; width:50%; padding-top:10px; margin-left:1%;}
.right-bar1{float:right; width:24%; margin-top:0px; margin-bottom:10px; border-top:0px solid #662e91; box-shadow:0px 0px 0px #888888;}

.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 #662e91;}*/
.div-img{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:0px 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:3px solid #662e91;}
.gallery_headings{ width:100%; padding:10px 10px 10px 10px; }
.gallery_contents{width:100%;}


.footer-outer{width:100%; background:#D7E7C7; background-size:100%;}
.footer-inner{width:90%;padding-top:20px; padding-bottom:20px; color:#268825;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:#268825;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;} 

}/* 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-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:#e9e0f1; border-top:2px solid #662e91; box-shadow:0px 0px 10px #888888;}*/
.left-bar{width:100%; margin-top:10px; margin-bottom:10px; background:#e9e0f1; border-top:0px solid #662e91; 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;}*/
.right-bar{ width:100%; margin-top:10px; margin-bottom:10px; background:#e9e0f1; border-top:0px 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{width:100%; font-size:15px; padding:10px 10px 10px 10px; margin-top:10px;  border-bottom:0px 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:#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:#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: #e9e0f1; margin:0% 0% 0% 0%; border-top:5px solid #80a139; 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:#e9e0f1; border-top:2px solid #662e91; box-shadow:0px 0px 10px #888888;}*/
.left-bar{width:100%; margin-top:10px; margin-bottom:10px; background:#e9e0f1; border-top:0px solid #662e91; 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;}*/
.right-bar{ width:100%; margin-top:10px; margin-bottom:10px; background:#e9e0f1; border-top:0px 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 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 */