/***************************Maintenance Course Page*********************************/
.maintenance-corse-container{
    background-color: #fff;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.maintenence-banner{
    width: 100%;
    min-height: 500px;
    height:auto;
    margin: 0 auto;
    background: url("../../images/Training/maintenance-banner.png") 50% -1% no-repeat;
}
.maintenence-banner .banner-caption{
    width: 50%;
    height: 500px;
    float: right;
    background: url("../../images/Training/bg-pattern.png");
}
.maintenance-corse-container .heading{
     background-color: #fff;
    height: auto;
    margin: 0 auto;
    width: 70%;
}
.maintenance-corse-container .heading h1{
    text-align: left;
    text-transform: uppercase;
    color: #ff6600;
    margin-top: 15%;
    font-size: 30px;
}
.caption-block{
     height: auto;
    margin: 23% 0;
    min-height: 200px;
    width: 80%;
}
.maintenence-banner p{
    color: white ;
    float: right ;
    font-family: robotol ;
    font-size: 26px ;
    height: auto ;
    text-align: right ;
    width: 100% ;
}
.caption-block button{
    background-color: #ff6600;
    border: medium none;
    color: white;
    float: right;
    font-family: robotol;
    font-size: 26px;
    padding: 4px 15px;
    margin-bottom: 10%;
    text-transform: uppercase;
    width:auto;
    height:auto;
}
.caption-block input[type="submit"]{
    background-color: #ff6600;
    border: medium none;
    color: white;
    float: right;
    font-family: robotol;
    font-size: 22px;
    padding: 4px 15px;
    margin-bottom: 10%;
    text-transform: uppercase;
}
.btn-social-feeds{
    width: 70%;
    height: 50px;
    margin: 1% auto;
    background-color: #EFEFEF;
}
.btn-social-feeds i{
    font-size: 25px;
}
.btn-social-feeds .btn-social{
    float: left;
    height: 50px;
    width: 200px;
    margin-right: 1%;
    border: none;
    color: white;
}
.btn-social-feeds .btn-facebook{
    background-color: #3b5998;
}
.btn-social-feeds .btn-twitter{
    background-color: #63cdf1;
}
.maintenance-page {
    background-color: #fff;
}
.maintenance-page h1{
    font-size: 25px !important;
    color: #006699 !important;
}
.maintenance-page h2{
    font-size: 16px !important;
    color: #006699 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}
.maintenance-page ul li{
    border-bottom: none !important;
    background-color: #f6f6f6 !important;
}
.maintenance-page ul li a{
    font-family: robotol !important;
    font-weight: 100;
}
.maintenance-page-inner{
    padding-top: 40px !important;
    min-height: 650px !important;
    height: auto !important;
}
.main-page-course-details{
    margin: 0 auto;
    width: 70%;
    height: auto;
    min-height: 650px;
    padding-top: 2%;

}
.main-page-course-details-main{
    margin: 0 auto;
    width: 100%;
    height: auto;
    background-color: #f4f4f4;
}
.main-page-course-details h1 {
    color: #006699;
    font-family: robotol;
    font-size: 24px;
    font-weight: 100;
    padding-bottom: 2px;
    text-align: left;
}
.main-page-course-details span {
    color: #ff6600;
    font-family: robotol;
    font-size: 16px;
    font-weight: 100;
    padding-bottom: 2px;
    text-align: left;
}
.main-page-course-details p {
    color: #4a4a4a;
    font-family: robotol;
    font-size: 16px;
    font-weight: 100;
    padding-bottom: 2px;
    text-align: justify;
}
/**********************Responsive Design***************************/
@media (min-width:320px) and (max-width:680px){
.caption-block {
    width: 90%;
}
.maintenance-corse-container {
    margin: 24% 0 0;
}
.maintenence-banner {
    min-height: 350px;
}
.maintenence-banner .banner-caption {
    height: 350px;
    width: 100%;
}
.caption-block {
    margin: 20% 0;
}
}
@media (min-width:320px) and (max-width:768px){
.maintenance-corse-container .heading{
    width: 90%;
}
}