@media (min-width: 801px)
        {
        #main-menu-container {
    width: 260px;
        }
        }
        .section-content .header h1.mainheading:after {
            
    color: #84a8fc;
    background: #84a8fc;
}
        .onscroll-animate h3
        {
            color: #84a8fc;
        }
        .mainheading{
           color: #84a8fc;
        }
          #main-menu-container {    
        z-index: 99999;
        
        }
         #btn-close-modal {
                width:100%;
                text-align: center;
                cursor:pointer;
                color:#fff;
            }

        .menu-container {
    margin-right: 0;
    padding-bottom: 0;
}
.main-menu.scroll {
    max-height: inherit;
    overflow-y: hidden;
}
.menu-container .menu-bottom {
    display: none;
}
#footer {
    font-size: 115%;
    background-color: transparent;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
      z-index: 10000;
    height: 40px;
}
#footer .copyright {
    padding: 10px;
    margin-top: 0;
}
#header-static.slide-up {
    top: 0px;
}
#content.slide-right {
    padding-right: 0;
}
.menu-close {
    background-color: #0e74bc;
}


.main-menu li>ul {
    position: relative;
    top: 0;
    overflow: hidden;
    margin: 0;
    max-width: 100%;
    background-color: #1C1F26 !important;
    z-index: 10;
    border-left: 5px solid;
    
}
.main-menu li>ul.inactive
{
    display: none;
}
.main-menu li>ul.active
{
    display: none;
}
.main-menu li a i
{
        float: right;
    padding-right: 30px;
    color: gainsboro;
        padding-top: 2px;
}
.menu-container ul li:first-child:hover {
    z-index: 0 !important;
}
.menu-container ul li.active, .menu-container ul li:hover {
    z-index: 9;
    position: relative;
}
.menu-container ul li ul li a
{
  padding: 10px 40px;
    font-size: 14px;
    text-transform: capitalize;
        border-bottom: 1px solid #000;
}
#footer .copyright {
    padding: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(148, 158, 223);
      background-color: #bfc8ff;
}
.copyright p
{
        padding-top: 8px;
        color: #000;
        font-weight: 500;
}
#main-menu-button {
    color: #2a3189;
}
html.cssanimations .onscroll-animate {
    opacity: 1;
}
.menu-container {
    background-color: #0e74bc;
}
       .animatedModal
         {
               background: rgba(51, 82, 153, 0.92) !important;
     height: 87%!important;
    top: 50px !important;
    bottom: 50px !important;
         }
         
#footer .copyright {
    color: #fff;
    background-color: #0e74bc;
    background-color: #bfc8ff;
}

.section-content.section-dark p
{
    color:#fff;
        text-align: justify;
}
.section-content.section-dark {
    background-color: transparent;
}
.profile_img
{
        margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
}
li{
        color: #f5f5f5;
        text-align: justify;
}
#header-static {
    position: absolute;
    z-index: 10000;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    background-color: #bfc8ff;
    min-height: 50px;
}
#main-logo1, #main-menu-button {
    top: 8px;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: none;
    border: none;
}
.box-icon-container .box-icon {
    border: 2px #f5f5f5 solid;
    color: #f5f5f5;
}
.box-icon-container .box-icon:hover
{
    border: 2px #fff solid;
    color: #fff;
}
#main-logo1
{
    top: 0px;
        height: 50px;
}
.box-icon-container img{
        margin: 0 auto;    display: block;
            width: 100%;
                margin-bottom: 30px;
}
.section-content .header h1.mainheading:after {
    left: 43%;
}
@media (max-width: 750px)
{
        .section-content .header h1.mainheading:after {
    left: 38%;
}
}
@media (max-width: 600px)
{
        .section-content .header h1.mainheading:after {
    left: 35%;
}
}

@media (max-width: 450px)
{
        .section-content .header h1.mainheading:after {
    left: 30%;
}
}

@media (max-width: 350px)
{
        .section-content .header h1.mainheading:after {
    left: 27%;
}
}
@media (max-width: 550px)
{
    .menu-container ul li a {
    padding: 22px 30px;
    }
    .main-menu li a i {
 
    padding-top: 6px;

}
}
/* updations */
#head h1 {
    background-color: transparent;
    color:#ec008c;
}
.skew-color-2, .skew-edged.skew-edge-color-2:after, .skew-edged-small.skew-edge-color-2:after {
    background-color: #00abe6;
}
.skew-color-3, .skew-edged.skew-edge-color-3:after, .skew-edged-small.skew-edge-color-3:after {
    background-color: #3777bc;
}
.menu-container {
    background-color: #003c5a;
}
.copyright p {
    color: #f5f5f5;
} 
#footer .copyright {
    background-color: #0e4e96;
}
.mainheading {
    color: #9b0000;
}
.section-content .header h1.mainheading:after {
    color: #9b0000;
    background: #9b0000;
}
.section-content.section-dark p {
    color: #293896;
    text-align: justify;
    font-weight: 500;
        text-indent: 30px;
}
.menu-close {
    background-color: #003c5a;
}
#header-static {
    background-color: transparent;
}
.animatedModal {
    background: rgba(228, 228, 228, 0.96) !important;
    height: 95%!important;
    top: 0px !important;
}
li {
    color: #293896;
        line-height: 30px;
            font-size: 16px;
    font-weight: 400;
}
.onscroll-animate h3 {
    color: #293896;
}
.main-menu li a i {
    padding-top: 5px;
}
.main_li li
{
        line-height: 35px;
    font-size: 17px;
    font-weight: 500;
}