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

.header_outer{width:100%; position: relative; z-index: 6; background: rgba(255, 255, 255, 0.5);}
.header_inner{width:90%; padding-top: 10px;     padding-bottom: 10px;}
.header_left{float: left; width: 80%;}
.header_right{ }
.logo{float: left; width: 10%;}
.topname{float: left; width: 90%; padding-top: 3px; }

.society_name{font-size: 16px; color: #000; padding: 1px 10px 1px 5px;}
.school_name{color:#4d306e; text-transform:uppercase; font-size:22px; text-decoration: underline;font-weight: 700;  padding: 2px 10px 1px 5px;}
.cbse{font-size: 15px; color:#000; padding: 3px 10px 3px 5px;}
.regnumber{font-size: 15px; color:#000; background: rgba(255, 255, 255, 0.7);padding: 3px 10px 3px 5px;}
.address{font-size: 15px; color:#000; padding:3px 10px 3px 5px;}

.banner_outer{width:100%; float:left; margin-top: -135px; background: #4d306e;}
.banner_inner{width:100%;}

h1{font-size:40px; text-transform: uppercase; color:#fe2015 !important; text-align: center;}
h2{font-size:25px; text-transform: uppercase; color:#4d306e !important; text-align: center; font-weight: 700;}
h3{font-size:22px; font-weight: 600; text-transform: uppercase;color:#fff;}
h4{font-size:22px; font-weight: 600; text-transform: uppercase;color:#fff; text-align: center;}


.footer_outer{width:100%; padding-top:20px;padding-bottom: 20px;
background: #e9ecef;}
.footer_inner{width:95%; }
.footerbox1{float: left; width: 19%; padding: 10px 10px 10px 20px; }
.footerbox2{float: left; width: 19%; padding: 10px 10px 10px 10px; margin-left: 1%; }
.footerbox3{float: left; width: 19%; padding: 10px 10px 10px 10px; margin-left: 1%; }
.footerbox4{float: left; width: 19%; padding: 10px 10px 10px 10px; margin-left: 1%; }
.footerbox5{float: left; width: 19%; padding: 10px 10px 10px 10px; margin-left: 1%; }
.footer_inner ul{list-style: none;}
.footer_inner li {line-height: 30px; border-bottom: 1px dashed #4d306e;}
.footer_inner li a { padding-bottom: 5px; display: block; text-decoration: none; color: #4d306e;  font-size: 14px;}

.footerbottom_outer{width:100%; background:#4d306e; font-size: 12px; text-align: center; color: #fdf9f0;}
.footerbottom_inner{width:95%; padding: 8px 0 8px 0px;}
.footerbottom_left{float: left; width: 49%; text-align: left;}
.footerbottom_right{float: right; width: 49%; text-align: right;}
.footerbottom_inner a{color: #fdf9f0;}


.section_outer{width:100%; margin-top:20px; margin-bottom:20px;}
.section_inner{width:90%;}
}
/* Desktop End*/

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

.header_outer{width:100%; position: relative; z-index: 6; background: rgba(255, 255, 255, 0.5);}
.header_inner{width:90%; padding-top: 10px; padding-bottom: 10px;}
.header_left{float: left; width: 100%;}
.header_right{ }
.logo{float: left; width: 100%; text-align:center;}
.topname{float: left; width: 100%; padding-top: 3px; text-align:center;}

.society_name{font-size: 16px; color: #000; padding: 1px 10px 1px 5px;}
.school_name{color:#4d306e; text-transform:uppercase; font-size:22px; text-decoration: underline;font-weight: 700;  padding: 2px 10px 1px 5px;}
.cbse{font-size: 15px; color:#000; padding: 3px 10px 3px 5px;}
.regnumber{font-size: 15px; color:#000; background: rgba(255, 255, 255, 0.7);padding: 3px 10px 3px 5px;}
.address{font-size: 15px; color:#000; padding:3px 10px 3px 5px;}

.banner_outer{width:100%; float:left; margin-top: 15px; background: #4d306e;}
.banner_inner{width:100%;}

h1{font-size:40px; text-transform: uppercase; color:#fe2015 !important; text-align: center;}
h2{font-size:25px; text-transform: uppercase; color:#4d306e !important; text-align: center; font-weight: 700;}
h3{font-size:22px; font-weight: 600; text-transform: uppercase;color:#fff;}
h4{font-size:22px; font-weight: 600; text-transform: uppercase;color:#fff; text-align: center;}


.footer_outer{width:100%; padding-top:20px;padding-bottom: 20px;
background: #e9ecef;}
.footer_inner{width:95%; }
.footerbox1{float: left; width: 100%; padding: 10px 10px 10px 20px; }
.footerbox2{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footerbox3{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footerbox4{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footerbox5{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footer_inner ul{list-style: none;}
.footer_inner li {line-height: 30px; border-bottom: 1px dashed #4d306e;}
.footer_inner li a { padding-bottom: 5px; display: block; text-decoration: none; color: #4d306e;  font-size: 14px;}

.footerbottom_outer{width:100%; background:#4d306e; font-size: 12px; text-align: center; color: #fdf9f0;}
.footerbottom_inner{width:95%; padding: 8px 0 8px 0px;}
.footerbottom_left{float: left; width: 100%; text-align: center;}
.footerbottom_right{float: right; width: 100%; text-align: center;}
.footerbottom_inner a{color: #fdf9f0;}


.section_outer{width:100%; margin-top:20px; margin-bottom:20px;}
.section_inner{width:90%;}

}
/* Tablet End*/ 

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

.header_outer{width:100%; position: relative; z-index: 6; background: rgba(255, 255, 255, 0.5);}
.header_inner{width:90%; padding-top: 10px; padding-bottom: 10px;}
.header_left{float: left; width: 100%;}
.header_right{ }
.logo{float: left; width: 100%; text-align:center;}
.topname{float: left; width: 100%; padding-top: 3px; text-align:center;}

.society_name{font-size: 16px; color: #000; padding: 1px 10px 1px 5px;}
.school_name{color:#4d306e; text-transform:uppercase; font-size:22px; text-decoration: underline;font-weight: 700;  padding: 2px 10px 1px 5px;}
.cbse{font-size: 15px; color:#000; padding: 3px 10px 3px 5px;}
.regnumber{font-size: 15px; color:#000; background: rgba(255, 255, 255, 0.7);padding: 3px 10px 3px 5px;}
.address{font-size: 15px; color:#000; padding:3px 10px 3px 5px;}

.banner_outer{width:100%; float:left; margin-top: 15px; background: #4d306e;}
.banner_inner{width:100%;}

h1{font-size:40px; text-transform: uppercase; color:#fe2015 !important; text-align: center;}
h2{font-size:25px; text-transform: uppercase; color:#4d306e !important; text-align: center; font-weight: 700;}
h3{font-size:22px; font-weight: 600; text-transform: uppercase;color:#fff;}
h4{font-size:22px; font-weight: 600; text-transform: uppercase;color:#fff; text-align: center;}


.footer_outer{width:100%; padding-top:20px;padding-bottom: 20px;
background: #e9ecef;}
.footer_inner{width:95%; }
.footerbox1{float: left; width: 100%; padding: 10px 10px 10px 20px; }
.footerbox2{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footerbox3{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footerbox4{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footerbox5{float: left; width: 100%; padding: 10px 10px 10px 10px; margin-left: 0%; }
.footer_inner ul{list-style: none;}
.footer_inner li {line-height: 30px; border-bottom: 1px dashed #4d306e;}
.footer_inner li a { padding-bottom: 5px; display: block; text-decoration: none; color: #4d306e;  font-size: 14px;}

.footerbottom_outer{width:100%; background:#4d306e; font-size: 12px; text-align: center; color: #fdf9f0;}
.footerbottom_inner{width:95%; padding: 8px 0 8px 0px;}
.footerbottom_left{float: left; width: 100%; text-align: center;}
.footerbottom_right{float: right; width: 100%; text-align: center;}
.footerbottom_inner a{color: #fdf9f0;}


.section_outer{width:100%; margin-top:20px; margin-bottom:20px;}
.section_inner{width:90%;}
}/* Mobile */