.navbar-default{
    background: url(../images/Regi-header.png) repeat center center;
}  
.online-reg-header {
            width:100%; margin: 0 auto; height: auto;
        }
.online-reg-header-left {
width: 110px;
float: left;
margin-left: 140px;
position: absolute;
}
.online-reg-header-right {
width: 100%;
float: left;
position: relative;

}

.Oneline-reg-school-name {
padding: 0px 0px 0px 0px;
}
.Oneline-reg-school-name1 {
font-family: Calibri;
font-size: 32px;
color: #fff;
text-shadow: 2px 2px 2px #fb8a35;
font-weight: bold;
}
.Oneline-reg-school-name2 {
font-family: Calibri;
font-size: 17px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
.Oneline-reg-school-name3 {
font-family: Calibri;
font-size: 20px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
.online-reg-empty {
margin-top: 130px;
}
/*Online-reg-Guidlen*/
 .RegGuideline {
        width: 80%!important;
        margin: 0 auto!important; 
        position: relative; 

        }

    .onlin-reg-headline {
color: #ff6a00; font-family: Verdana; font-size: 14px; font-weight: 700;
}
.glyphicon-arrow-right {
font-size: 11px!important;
color: #3199fe!important;
}
.glyphicon-share-alt {
color: #ff0000!important;
}
.onlin-reg-sample-text {
color: #ff0000; font-family: Verdana; font-size: 12px;padding-left: 15px; 

}
    .online_reg-guid-padd {
    padding-left: 34px;
    }
    .online_reg-guid-padd1 {
        padding-left: 54px;
    }
@media only screen and (min-width:300px) and (max-width:386px) {
    .online-reg-header {
            width:100%; margin: 0 auto; height: auto;
        }
.online-reg-header-left {
width: 110px;
float: left;
margin-left: 0px;
position: absolute;
}
.online-reg-header-right {
width: 301px;
float: left;
position: relative;
margin-left: 40px;

}
    .online-reg-header-logo {
    height: 100px;
    }

.Oneline-reg-school-name {
padding: 0px 20px 0px 72px;
}
.Oneline-reg-school-name1 {
font-family: Calibri;
font-size: 13px;
color: #fff;
text-shadow: 2px 2px 2px #fb8a35;
font-weight: bold;
}
.Oneline-reg-school-name2 {
font-family: Calibri;
font-size: 13px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
.Oneline-reg-school-name3 {
font-family: Calibri;
font-size: 10px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;}
.online-reg-empty {
margin-top: 100px;
}
        }

@media only screen and (min-width:387px) and (max-width:600px) {
    .online-reg-header {
            width:100%; margin: 0 auto; height: auto;
        }
.online-reg-header-left {
width: 110px;
float: left;
margin-left: 0px;
position: absolute;
}
.online-reg-header-right {
width: 100%;
float: left;
position: relative;

}
    .online-reg-header-logo {
    height: 100px;
    }

.Oneline-reg-school-name {
padding: 0px 50px 0px 119px;
}
.Oneline-reg-school-name1 {
font-family: Calibri;
font-size: 25px;
color: #fff;
text-shadow: 2px 2px 2px #fb8a35;
font-weight: bold;
}
.Oneline-reg-school-name2 {
font-family: Calibri;
font-size: 13px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
.Oneline-reg-school-name3 {
font-family: Calibri;
font-size: 10px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;}
.online-reg-empty {
margin-top: 100px;
}
        }
@media only screen and (min-width:601px) and (max-width:900px) {
    .online-reg-header {
            width:100%; margin: 0 auto; height: auto;
        }
.online-reg-header-left {
width: 110px;
float: left;
margin-left: 0px;
position: absolute;
}
.online-reg-header-right {
width: 100%;
float: left;
position: relative;

}
    .online-reg-header-logo {
    height: 100px;
    }

.Oneline-reg-school-name {
padding: 0px 0px 0px 81px;
}
.Oneline-reg-school-name1 {
font-family: Calibri;
font-size: 25px;
color: #fff;
text-shadow: 2px 2px 2px #fb8a35;
font-weight: bold;
}
.Oneline-reg-school-name2 {
font-family: Calibri;
font-size: 13px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
.Oneline-reg-school-name3 {
font-family: Calibri;
font-size: 10px;
color: #fff;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
.online-reg-empty {
margin-top: 100px;
}
        }
@media only screen and (min-width:1103px) and (max-width:1220px) {
    .Oneline-reg-school-name2 {

font-size: 17px;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;
}
}
@media only screen and (min-width:901px) and (max-width:1102px) {
    .Oneline-reg-school-name2 {
font-size: 15px;
text-shadow: 1px 1px 18px #080808;
font-weight: 700;

}
    .Oneline-reg-school-name {
    padding: 0px 0px 0px 157px;
}
}