﻿@charset "utf-8";
/* CSS Document */

/* =============================== Master CSS Start ====================================== */

.BodyMainContainer {
    background-color: #EAEAEA;
    padding: 30px;
    float: left;
}

.MainContentBody {
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-bottom: 20px;
    float: left;
}

.MainBodyContent {
    margin-top: 35px;
    margin-bottom: 35px;
}

    .MainBodyContent span img {
        width: 30px;
        margin-top: 10px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

.MainBodyheading {
    margin: 10px 10px;
}

.MainBodyContainerContent {
}

.SpanBlue {
    color: #44546a;
}

.SpanBrown {
    color: #7f6000;
}

.SpanPurple {
    color: #7030a0;
}

.SpanGrey {
    color: #7f7f7f;
}

.SpanBold {
    font-weight: bold;
}

.feature9-img2 > img {
    width: 155%;
}

.video-link-1 {
    margin-bottom: 20px;
}

.video-link-1,
.video-link-2 {
    display: block;
    white-space: nowrap;
}

#feature3 {
    max-width: 100% !important; /*Desktop*/
}

.two-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; /*Desktop*/
}

.two-col-child,
.two-col-child1,
.two-col-child2 {
    max-width: 100%;
    margin-bottom: 20px;
}

.six-col {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /*Desktop*/
}

.six-col-child {
    max-width: 100%;
    margin-bottom: 20px;
}

.f8-img-container {
    width: 200px;
    height: 215px;
    margin-bottom: 20px;
}

#divSignInMessage {
    margin-left: 74px;
}

    #divSignInMessage strong a {
        margin-left: 0;
    }

.UserVerification {
    margin-left: 0 !important;
}

.reset-password {
    float: right;
    margin-right: 15px;
}
 
.start-studying {
    text-align: left;
    margin-right: 5%;
}

.btn-position {
    float: right;
}

.certifiedTeacherstxt {
    margin-top: 40px;
}
.Feature8Text {padding-left:15px;margin-left:0 !important;}

/* =============================== Master CSS End ====================================== */

/* ================================== Unique Feature Start ================================ */

.WhoWeAreImg2 {
    float: left;
}

    .WhoWeAreImg2 img {
        max-width: 100%;
    }

.UniquefeatureHeading {
    color: #c81f1f;
}

.UniqFeatureDetail {
    float: left;
    border-bottom: 1px solid #548235;
    margin-top: 10px;
    margin-bottom: 10px;
}

.UniqueFeatureLeft {
    float: left;
    text-align: right;
    margin-bottom: 15px;padding-bottom:10px;
}

.UniqueFeatureRight {
    float: right;
    text-align: left;padding-bottom:10px;
}
/*.UniqueFeatureLeft img{width:35%;}*/
.UniqueFeatureLeft img {
    max-width: 100%;margin:0 auto;display:block
}

/*.UniqueFeatureRight img{width:35%;}*/
.UniqueFeatureRight img {
    max-width: 100%;
    ;
}

/*.UniqueFeatureRight h4{color:#c81f1f; text-decoration:underline;}*/
.UniqueFeatureRight h4 {
    color: #c81f1f;
}

    .UniqueFeatureRight h4 span {
        padding-bottom: 4px;
        border-bottom: 2px solid;
        line-height: 35px;
    }

.UniqueFeatureRight p {
    line-height: 1.8;
}

    .UniqueFeatureRight p span.SpanGreen {
        color: #548235;
    }

    .UniqueFeatureRight p span.SpanRed {
        color: #c81f1f;
    }

    .UniqueFeatureRight p a, .UniqueFeatureRight a.readBtn {
        padding: 5px 10px;
        background-color: #e2f0d9;
        color: #000000;
        float: right;
    }

a.watchBtn {
    padding: 5px 10px;
    margin-right: 5px;
    color: #ffffff !important;
    float: right;
    background: #2c3e50 !important;
    border-color: #2c3e50 !important;
    box-shadow: none !important;
    cursor: pointer;
}

/*.UniqueFeatureLeft h4{color:#c81f1f; text-decoration:underline;}*/
.UniqueFeatureLeft h4 {
    color: #c81f1f;
}

    .UniqueFeatureLeft h4 span {
        padding-bottom: 4px;
        border-bottom: 2px solid;
        line-height: 35px;
    }

.Block5Body .col-md-6 h5 span {
    border-bottom: 2px solid;
}

.MainBodyheading h2 span {
    padding-bottom: 4px;
    border-bottom: 2px solid;
}

.UniqueFeatureLeft p {
    line-height: 1.8;
}

.SpanGreen {
    color: #548235;
}

.SpanRed {
    color: #c81f1f;
}

a.ReadMore {
    padding: 5px 10px;
    background-color: #e2f0d9;
    color: #000000;
    float:right;
}

.UniqueFeatureLeft p a, .UniqueFeatureLeft a.readBtn {
    padding: 5px 10px;
    background-color: #e2f0d9;
    color: #000000;
    float:right;
}

.RightImg {
    text-align: left !important;
}

.Feature8Text li a.ReadMore {
    float: right !important;
    margin-right: 24px !important;
}

.Feature9Text a.ReadMore {
    float: right !important;
}

.Feature9Img {
    width: 90% !important;
}

.txtGrid {
    text-align: left !important;
}

.SpanBold {
    font-weight: 700;
}

#c2 {
    margin-bottom: 20px;
}

.HeadingImg {
    text-align: center;
    padding: 0; 
}

.Block5RightGrid {
    float: left;
}
.row.justify-content-md-center.MainBodyContainerContent .Block5RightGrid{height:172px;padding:15px 0;}
.row.justify-content-md-center.MainBodyContainerContent .Block5RightGrid h6{width:75%;float:left;clear:none;margin:30px 0;}
.row.justify-content-md-center.MainBodyContainerContent .col-md-6:first-child .Block5RightGrid h6{width:40%;float:right;clear:none;margin:30px 0;}
.row.justify-content-md-center.MainBodyContainerContent .col-md-6:first-child .Block5RightGrid img{max-width:30%;margin:0 !important;max-height:142px;object-fit:contain}
.row.justify-content-md-center.MainBodyContainerContent .Block5Body{display:flex;flex-wrap:wrap;}
.row.justify-content-md-center.MainBodyContainerContent .Block5Body .col-md-6 {padding-bottom:44px;}
.row.justify-content-md-center.MainBodyContainerContent .Block5Body .col-md-6 .Block5RightGridDetail{position:static}
.row.justify-content-md-center.MainBodyContainerContent .Block5Body .col-md-6 .block5ReadMore{position:absolute;bottom:0;left:0;width:100%}
    .Block5RightGrid img {
        float: left;
        width: 35%;
        /*margin-left: 2%;*/
    }

    .Block5RightGrid h6 {
        text-align: center;display:block;clear:both;
    }

.Block5Body {
    margin-top: 20px;
}

    .Block5Body .col-md-6 {
        float: left;
    }

.Block5RightGridDetail {
    float: left;
    text-align: left;
}

.block5Img2 {
    float: right !important;
    width: 25% !important;
    max-height:100%;object-fit:contain;
}

.block5ReadMore {
    text-align: center;
}
.icon-heading{margin:30px 0 20px 0px;justify-content:center;}
.icon-heading h2 {color:#c81f1f;margin:0;padding:0 15px;display:table;height:54px;}
.icon-heading h2 span{display:table-cell;height:54px;vertical-align:middle}
.icon-heading span:nth-child(2) {max-width: calc(100% - 86px);text-align: center;}

.footer-head .fa-facebook {
    color: #3b5999;
}
.footer-head .fa-twitter {
    color: #03a9f4;
}
.footer-head .fa-instagram {
    color: #e4405f;
}

a.watchBtn i {
    margin-right: 5px;
}

.UniqueFeatureRight a.readBtn.featureFiveBtn {
    margin-top: 0px !important; 
}

@media (max-width:1400px) {
    .resetWindowTxt {
        font-size: 13px;
        margin-left: 74px;
    }
}

@media (max-width:1920px) {
     .resetWindowTxt {
        font-size: 13px;
        margin-left: 74px;
    }

    .CertifiedTeachers {
    }

    .ImgAdjustment {
        width: 23% !important;
    }

    .certifiedTeacherstxt {
        margin-top: 0;
    }

    .featureFiveBtn {
        margin-top: -10px;
    }

    .WhoWeAreImg2 img {
        max-width: 70%!important;
    }
    .WhoWeAreImg2 {
        margin-top:110px;
    }
}


@media (min-width:1025x) and (max-width:1440px) {
    #Inner_Slider {
        width: 80% !important;
        top: 40% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 80px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 1.4em !important;
        text-align: center !important;
    }
}

@media (min-width:769px) and (max-width:1024px) {
    #Inner_Slider {
        width: 80% !important;
        top: 30% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 85px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 1.4em !important;
        text-align: center !important;
    }
}

@media (max-width:768px) {
    .HeadingImg img {
        max-width: 100%;
    }

    .feature9-img2 > img {
        width: 100% !important;
    }

    #Slider img {
        object-fit: cover;
    }

    .sl-4 {
        object-position: 90%;
    }

    .HeadingImg {
        margin-top: 0 !important;
    }
}

@media (min-width:611px) and (max-width:768px) {
    .BodyMainContainer {
        padding: 20px;
    }

    .MainBodyheading {
        margin: 0;
        width: 611px;
        text-align: center;
    }
}

@media (min-width:576px) and (max-width:610px) {
    .BodyMainContainer {
        padding: 12px;
    }

    .MainBodyheading {
        margin: 0;
        width: 500px;
        text-align: center;
    }

        .MainBodyheading h2 {
            font-size: 22px;
        }

    .MainBodyContent span img {
        width: 24px;
        margin-top: 0;
    }
}

@media (min-width:501px) and (max-width:575px) {

    .BodyMainContainer {
        padding: 12px;
    }

    .MainBodyheading {
        margin: 0;
        width: 500px;
        text-align: center;
    }

        .MainBodyheading h2 {
            font-size: 20px;
        }

    .MainBodyContent span img {
        width: 24px;
        margin-top: 0;
    }
}

@media (min-width:421px) and (max-width:500px) {

    .BodyMainContainer {
        padding: 12px;
    }

    .MainBodyheading {
        margin: 0;
        width: 340px;
        text-align: center;
    }

        .MainBodyheading h2 {
            font-size: 16px;
        }

    .MainBodyContent span img {
        width: 24px;
        margin-top: 0;
    }
    .icon-heading h2 {font-size:24px}
}

@media (min-width:401px) and (max-width:420px) {
    .BodyMainContainer {
        padding: 12px;
    }

    .MainBodyheading {
        margin: 0;
        width: 339px;
        text-align: center;
    }

        .MainBodyheading h2 {
            font-size: 16px;
        }

    .MainBodyContent span img {
        width: 24px;
        margin-top: 0;
    }
}

@media (max-width:1680px) {
    .sstm {
        margin-top: 4% !important;
    }
}

@media (max-width:1600px) {
    .sstm {
        margin-top: 12% !important;
    }
}

@media (max-width:1440px) {
    .sstm {
        margin-top: 3% !important;
    }
}

@media (max-width:1024px) {
    .sstm {
        margin-top: -4% !important;
    }
}

@media (max-width:414px) {

    body {
        font-size: 14px !important;
    }

    #Inner_Slider {
        width: 80% !important;
        top: 25% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 80px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .selector-box {
        font-size: 14px !important;
        padding-top: 10px !important;
        font-weight: bold;
        letter-spacing: 0.4px;
        white-space: nowrap;
    }

    .inputHeaderBanner {
    }

    .HeaderDownloadLink a img {
        margin-bottom: 10px;
    }

    .txt-space {
        padding-top: 5px;
    }

    .WWAheading h2,
    .MainBodyheading h2 {
        font-size: 15px !important;
        margin: 4px 0 9px;
    }

    .HeaderLeftBorder {
        position: relative;
        left: 10px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 10px;
    }

    .HeaderLeftBorder1 {
        position: relative;
        left: 5px;
    }

    .HeaderRightBorder2 {
        position: relative;
        right: 5px;
    }

    .WWAheading,
    .MainBodyheading,
    .Certifiedheading {
        width: 86.6% !important;
        display: inline-block;
    }

    .Certifiedheading {
        margin-bottom: 20px;
        margin-top: -12px;
    }

        .UniqueFeatureRight h4 span,
        .UniqueFeatureLeft h4 span,
        .Certifiedheading h4 span {
            padding-bottom: 0px !important;
            border-bottom: 1px solid !important;
            font-size: 16px;
        }

    .WhoWeAreImg img {
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .readBtn {
        display: block;
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }

    .Feature9Text a.ReadMore {
        float: none !important;
    }

    .CertifiedTeachers,
    .VarietyTeachers,
    .AffordablePrices {
        padding-top: 20px;
    }

    .AffordablePrices {
        padding-top: 30px;
    }

    .fee-block {
        margin-top: 0;
    }

    .Block5Body .col-md-6 h5 span {
        padding-bottom: 0;
        border-bottom: 1px solid;
        font-size: 14.91px;
        white-space: nowrap;
    }


    .FooterBottom p {
        font-size: 10px;
    }

    #myDropdown {
        width: 100%;
        right: 0;
        top: 10px;
    }

    .home_search_bar_wrapper .dropdown-content div span {
        margin-left: 0 !important;
    }

    #readBtn1,
    #readBtn2,
    #readBtn3,
    #readBtn4 {
        width: 87px;
        position: relative;
        left: 80px;
    }

    #readBtn1 {
        bottom: 17px;
    }

    .Certifiedheading h4 span {
        margin: 0 -1.4px 0 6.3px;
    }

    .Feature8Text {
        margin-left: -40px;
        margin-bottom: 35px;
    }

    .f8-img-container {
        width: 330px;
    }

    .first-img {
    }

    .audio-img {
        margin-top: -11px;
    }

    .third-img {
        margin-top: -10px;
    }

    .fourth-img {
        margin-top: -12px;
    }

    .fifth-img {
        margin-top: -38px;
    }

    .sixth-img {
        margin-top: -60px;
    }

    .block5ReadMore {
        margin-bottom: 10px;
    }

    .Block5RightGrid img {
        float: left;
        width: 100% !important;
        margin-right: 0 !important;
        max-width: 100%;
    }

    .Block5RightGrid {
        margin-top: 10px;
    }

    .start-studying {
        text-align: center;
        margin-right: 0;
    }

    .Feature8Text-li {
        white-space: nowrap;
        margin-left: 0px;
    }

    .Feature8Text-span {
        margin-left: -5px;
    }

    .Steptext h4 {
        font-size: 17.6px;
        margin-bottom: 0;
    }

    .UniqueFeatureRight p a {
        float: none !important;
        margin-bottom: 10px;
    }

    UniqueFeatureRight {
        margin-top: -20px;
        margin-bottom: -5px;
    }

    .UniqueFeatureLeft p a {
        margin-bottom: 30px;
    }

    .UniqueFeatureRight p a {
        margin-bottom: -6px;
    }

    #c1 {
        margin-top: -20px;
        margin-bottom: -3px;
    }

    #c2 {
        margin-top: -8px;
    }

    #c3 {
        margin-top: -10px;
        margin-bottom: 6px;
    }

    #c4 {
        margin-bottom: -75px;
    }

    #c5 {
        margin-top: -11px;
        margin-bottom: 8px;
    }

    .two-col-child1 {
        margin-top: 15px;
    }

    .two-col-child2 {
        margin-top: -10px;
        margin-bottom: 24px;
    }

    .btn-position {
        float: none;
        margin-bottom: -6px;
    }

    #feature7 {
        margin-top: -5px;
        margin-bottom: 4px !important;
    }

    .quranLearning {
        margin-top: -20px;
    }

    #feature9 {
        margin-top: 0;
        margin-bottom: 0 !important;
    }

    .feature9-img2.png {
        margin-top: -10px;
    }

    .Feature9Text {
        margin-bottom: 20px;
    }

    .WWAHeaderContent2 span img,
    .WWAHeaderContent1 span img {
        width: 24px;
        margin-top: 0;
    }

    .WWAHeaderContent2 {
        margin-top: -8px;
    }

    .Certifiedheading h4 {
        margin-left: 11px;
        margin-right: 9px;
    }

    .certifiedIcon {
        margin-top: -30px;
    }

    .certifiedTeacherstxt {
        margin-top: 0;
    }

    .ImgAdjustment {
        margin-top: 10px;
    }
    .row.justify-content-md-center.MainBodyContainerContent .Block5RightGrid h6 {width:100% !important;}
    .row.justify-content-md-center.MainBodyContainerContent .Block5RightGrid{height:auto !important;}
    .row.justify-content-md-center.MainBodyContainerContent .col-md-6:first-child .Block5RightGrid img{max-width:50% !important;}
    
    .icon-heading h2 {font-size:18px}
}

@media (max-width:375px) {
    .Feature8Text {
        margin-left: -50px;
    }

    .Feature8Text-li {
        white-space: nowrap;
        margin-left: 0px;
    }

    .Feature8Text-span {
        margin-left: -5px;
    }

    #readBtn1, #readBtn2, #readBtn3, #readBtn4 {
        left: 72px;
    }

    .Feature8Text-ul {
        padding-left: 20px;
    }

    .Steptext h4 {
        font-size: 15.5px;
    }

    .Certifiedheading h4 {
        margin-left: 2.3px;
        margin-right: 4px;
    }
}

@media (max-width:360px) {
    .Feature8Text-ul {
        padding-left: 20px;
    }

    #readBtn1, #readBtn2, #readBtn3, #readBtn4 {
        left: 80px;
    }

    .Steptext h4 {
        font-size: 14.7px;
    }

    .Certifiedheading h4 span {
        margin: 0 -3.8px 0 4.2px;
    }
}


@media (min-width:376px) and (max-width:411px) {
    #Inner_Slider {
        width: 80% !important;
        top: 20% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 80px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 1em !important;
        text-align: center !important;
    }

    #myDropdown {
        width: 100%;
        right: 0;
        top: 10px;
    }

    .home_search_bar_wrapper .dropdown-content div span {
        margin-left: 0 !important;
    }
}
/*Rumman 15-10-18*/
@media (min-width:360px) and (max-width:400px) {
    .BodyMainContainer {
        padding: 13px;
    }

    .MainBodyheading {
        margin: 0;
        width: 288px;
        text-align: center;
    }

        .MainBodyheading h2 {
            font-size: 16px;
        }

    .MainBodyContent span img {
        width: 24px;
        margin-top: 0;
    }

    body {
        font-size: 13px !important;
    }

    #Inner_Slider {
        width: 80% !important;
        top: 25% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 100px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 1em !important;
        text-align: center !important;
    }

    .selector-box {
        font-size: 13px !important;
        padding-top: 14px !important;
        font-weight: bold;
        letter-spacing: 0.4px;
        white-space: nowrap;
    }

    .inputHeaderBanner {
    }

    .HeaderDownloadLink a img {
        margin-bottom: 10px;
    }

    .txt-space {
        padding-top: 5px;
    }

    .WWAheading h2,
    .MainBodyheading h2 {
        font-size: 14.5px !important;
    }

    .HeaderLeftBorder {
        position: relative;
        left: 10px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 10px;
    }

    .HeaderLeftBorder1 {
        position: relative;
        left: 5px;
    }

    .HeaderRightBorder2 {
        position: relative;
        right: 5px;
    }

    .WWAheading,
    .MainBodyheading,
    .Certifiedheading {
        width: 82.6% !important;
        display: inline-block;
    }

    .Certifiedheading {
        margin-bottom: 20px;
        margin-top: -12px;
    }

        .UniqueFeatureRight h4 span,
        .UniqueFeatureLeft h4 span,
        .Certifiedheading h4 span {
            padding-bottom: 0px !important;
            border-bottom: 1px solid !important;
            font-size: 13.7px;
        }

    .WhoWeAreImg img {
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .readBtn {
        display: block;
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }

    .Feature9Text a.ReadMore {
        float: none !important;
    }

    .CertifiedTeachers,
    .VarietyTeachers,
    .AffordablePrices {
        padding-top: 20px;
    }

    .AffordablePrices {
        padding-top: 30px;
    }

    .fee-block {
    }

    .Block5Body .col-md-6 h5 span {
        padding-bottom: 0;
        border-bottom: 1px solid;
        font-size: 14.91px;
    }

    .FooterInfo {
        left: 0;
        margin: 20px 0;
    }

    .contactInfo {
        margin-top: 20px;
    }

    .feature-2 {
        top: -40px;
    }

    .FooterBottom p {
        font-size: 10px;
    }

    #myDropdown {
        width: 100%;
        right: 0;
        top: 10px;
    }

    .home_search_bar_wrapper .dropdown-content div span {
        margin-left: 0 !important;
    }
}


@media (max-width:359px) {
    .BodyMainContainer {
        padding: 12px;
    }

    .MainBodyheading {
        margin: 0;
        width: 248px;
        text-align: center;
    }

        .MainBodyheading h2 {
            font-size: 16px;
        }

    .MainBodyContent span img {
        width: 24px;
        margin-top: 0;
    }

    .Steptext h4 {
        font-size: 12.6px;
    }

    .WWAHeaderContent2 {
        margin-top: -3px;
    }

    .Certifiedheading h4 {
        margin-left: 6px;
        margin-right: 9px;
        line-height: 0.8;
    }
}

@media (min-width:360px) and (max-width:375px) {
    body {
        font-size: 13px !important;
    }

    #Inner_Slider {
        width: 80% !important;
        top: 25% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 71px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 1em !important;
        text-align: center !important;
    }

    .selector-box {
        font-size: 12px !important;
        padding-top: 12px !important;
        font-weight: bold;
        letter-spacing: 0.4px;
        white-space: nowrap;
    }

    .inputHeaderBanner {
    }

    .HeaderDownloadLink a img {
        margin-bottom: 10px;
    }

    .txt-space {
        padding-top: 5px;
    }

    .WWAheading h2,
    .MainBodyheading h2 {
        font-size: 14px !important;
    }

    .HeaderLeftBorder {
        position: relative;
        left: 10px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 10px;
    }

    .HeaderLeftBorder1 {
        position: relative;
        left: 5px;
    }

    .HeaderRightBorder2 {
        position: relative;
        right: 5px;
    }

    .WWAheading,
    .MainBodyheading,
    .Certifiedheading {
        width: 81.3% !important;
        display: inline-block;
        margin: 0 auto;
    }

    .Certifiedheading {
    }

        .UniqueFeatureRight h4 span,
        .UniqueFeatureLeft h4 span,
        .Certifiedheading h4 span {
            padding-bottom: 0px !important;
            border-bottom: 1px solid !important;
            font-size: 13.7px;
        }

    .WhoWeAreImg img {
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .readBtn {
        display: block;
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }

    .Feature9Text a.ReadMore {
        float: none !important;
    }

    .CertifiedTeachers,
    .VarietyTeachers,
    .AffordablePrices {
        padding-top: 20px;
    }

    .AffordablePrices {
        padding-top: 30px;
    }

    .fee-block {
    }

    .Block5Body .col-md-6 h5 span {
        padding-bottom: 0 !important;
        border-bottom: 1px solid !important;
        font-size: 13px !important;
        float: left !important;
        margin: 10px 0 !important;
    }

    .FooterInfo {
        left: 0;
        margin: 20px 0;
    }

    .contactInfo {
        margin-top: 20px;
    }

    .feature-2 {
        top: -40px;
    }

    .FooterBottom p {
        font-size: 10px;
    }

    .f8-img-container {
        width: 275px;
        height: 225px;
    }

    #myDropdown {
        width: 100%;
        right: 0;
        top: 10px;
    }

    .home_search_bar_wrapper .dropdown-content div span {
        margin-left: 0 !important;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .rwd-container {
        display: flex;
        flex-direction: column;
    }

    #c1, #c2, #c3, #c4, #c5 {
        left: 0;
        right: 0;
        order: 1;
        text-align: center !important;
    }

    .rwD {
        order: 2;
    }

    .logoBrand {
        text-align: center;
    }

    .LangChanger {
        text-align: center;
    }
}


@media (max-width: 736px) and (orientation : landscape) {
    #Inner_Slider {
        top: 40% !important;
    }

    .WhoWeAreImg2 img {
        max-width: 100%;
    }

    .Slider_Content {
        padding: 30px 5px 5px !important;
    }

    .inputHeaderBanner {
    }

    .HeaderLeftBorder {
        position: relative;
        left: 50px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 50px;
    }

    .WWAheading, .MainBodyheading, .Certifiedheading {
        margin: 0 auto;
    }

        .WWAheading,
        .MainBodyheading h2 {
            padding-top: 15px;
        }

            .WWAheading h2, .MainBodyheading h2 {
                font-size: 20px !important;
            }

    .UniqueFeatureLeft {
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    #c1, #c2, #c3, #c4, #c5 {
        text-align: center !important;
    }

    .FooterNewsLetter {
        top: 15px;
    }

    .f8-img-container {
        width: 210px;
    }

    .Block5Body .col-md-6 h5 span {
        padding-bottom: 0 !important;
        border-bottom: 1px solid !important;
        font-size: 18px;
        float: left;
        margin: 17px 0;
    }

    .LangChanger {
        padding-top: 10px;
    }
}


@media (max-width:667px) and (orientation : landscape) {
    #Inner_Slider {
        top: 40% !important;
    }

    .Slider_Content {
        padding: 30px 5px 5px !important;
    }

    .inputHeaderBanner {
    }

    .HeaderLeftBorder {
        position: relative;
        left: 50px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 50px;
    }

    .WWAheading, .MainBodyheading, .Certifiedheading {
        margin: 0 auto;
    }

        .WWAheading,
        .MainBodyheading h2 {
            padding-top: 15px;
        }

            .WWAheading h2, .MainBodyheading h2 {
                font-size: 20px !important;
            }

    .UniqueFeatureLeft {
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    #c1, #c2, #c3, #c4, #c5 {
        text-align: center !important;
    }

    .FooterNewsLetter {
        top: 30px;
    }

    .f8-img-container {
        width: 210px;
    }

    .LangChanger {
        padding-top: 10px;
    }
}

@media (max-width:568px) and (orientation : landscape) {
    .HeaderLeftBorder {
        position: relative;
        left: 50px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 50px;
    }

    .Slider_Content {
        height: 95px !important;
    }

    .WWAheading, .MainBodyheading, .Certifiedheading {
        margin: 0 auto;
    }

        .WWAheading, .MainBodyheading h2 {
            padding-top: 0;
        }

    .WWAheading, .MainBodyheading {
        width: 74% !important;
    }

    .Certifiedheading {
        margin-top: -11px;
    }


    .UniqueFeatureLeft {
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    #c1, #c2, #c3, #c4, #c5 {
        text-align: center !important;
    }

    .FooterNewsLetter {
        top: 0px;
    }
}

@media (min-width:320px) and (max-width:359px) {
    body {
        font-size: 12px !important;
    }

    #Inner_Slider {
        width: 80% !important;
        top: 40% !important;
        margin-right: 10% !important;
        left: -15% !important;
    }

    #Slider img {
        height: 90vh !important;
    }

    .Slider_Content {
        padding: 20px 5px 5px !important;
        height: 71px !important;
    }

    .Heading_CArousel {
        color: #fff !important;
        font-size: 1em !important;
        text-align: center !important;
    }

    .selector-box {
        font-size: 10.2px !important;
        padding-top: 14px !important;
        font-weight: bold;
        letter-spacing: 0.4px;
        white-space: nowrap;
    }

    .inputHeaderBanner {
    }

    .HeaderDownloadLink a img {
        margin-bottom: 10px;
    }

    .f8-img-container {
        width: 238px;
        height: 225px;
    }

    .txt-space {
        padding-top: 7px;
    }

    .UniqueFeatureLeft img {
        max-width: 100%;
        object-fit: fill;
        object-position: 94%;
    }

    .WWAheading h2,
    .MainBodyheading h2 {
        font-size: 12px !important;
    }

    .HeaderLeftBorder {
        position: relative;
        left: 10px;
    }

    .HeaderRightBorder {
        position: relative;
        right: 10px;
    }

    .HeaderLeftBorder1 {
        position: relative;
        left: 5px;
    }

    .HeaderRightBorder2 {
        position: relative;
        right: 5px;
    }

    .WWAheading,
    .MainBodyheading,
    .Certifiedheading {
        width: 82% !important;
        display: inline-block;
    }

    .Certifiedheading {
        margin-bottom: 20px;
        margin-top: -12px;
    }

        .UniqueFeatureRight h4 span,
        .UniqueFeatureLeft h4 span,
        .Certifiedheading h4 span {
            padding-bottom: 0px !important;
            border-bottom: 1px solid !important;
            font-size: 12px;
        }

    .WhoWeAreImg img {
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .readBtn {
        display: block;
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }

    .Feature9Text a.ReadMore {
        float: none !important;
    }

    .CertifiedTeachers,
    .VarietyTeachers,
    .AffordablePrices {
        padding-top: 20px;
    }

    .AffordablePrices {
        padding-top: 30px;
    }

    .fee-block {
    }

    .Block5Body .col-md-6 h5 span {
        padding-bottom: 0;
        border-bottom: 1px solid;
        font-size: 12.59px;
        margin-left: -22px;
    }

    .FooterBottom p {
        font-size: 10px;
    }

    #myDropdown {
        width: 100%;
        right: 0;
        top: 10px;
    }

    .home_search_bar_wrapper .dropdown-content div span {
        margin-left: 0 !important;
    }

    .Feature8Text {
        margin-left: -50px;
    }

    .Feature8Text-ul {
        padding-left: 4px;
    }

    #readBtn1, #readBtn2, #readBtn3, #readBtn4 {
        width: 78px;
        left: 72px;
    }
}

.tparrows.tp-rightarrow::before, .tparrows.tp-leftarrow::before {
    display: none;
}

.tp-caption i {
    font-size: inherit !important;
}

@media (min-width:768px) {
    .ImgAdjustment {
        width: 35%;
    }
}
<!-- REVOLUTION LAYERS STYLES -->
body {
    overflow-x: hidden;
    width: 100%;
}

#rev_slider_1_1 .tp-revslider-mainul {
    padding: 0 !important;
    margin: 0;
}

.hesperiden.tp-bullets {
    position: absolute;
}

    .hesperiden.tp-bullets div {
        border: none !important;
    }

.HeaderDownloadLink {
    top: 0 !important;
    width: auto;
}

.inputHeaderBanner, .HeaderFormContainer {
    margin-top: 0 !important;
}

#rev_slider_1_1 .uranus.tparrows, .tp-rightarrow.tparrows.uranus {
    position: absolute;
    background: url("../images/slider-bg/slide-arrows.png") !important;
    height: 45px !important;
    width: 45px !important;
    cursor: pointer;
}

#rev_slider_1_1 .tp-rightarrow.tparrows.uranus {
    background-position: right !important;
}

    .HeaderFormContainer {
        float: left;
    }

@media screen and (max-width:1200px) and (min-width:992px) {
.navbar-light .navbar-nav .nav-link{
    font-size: 13px;
    padding: 0.6rem 0.25rem !important;
}
}
@media (max-width:1200px) {
    .HeaderFormContainer {
        float: left;
    }
}
@media screen and (max-width:1080px) {
.HeaderDownloadLink a img {
    width: 115px;
}
}
@media (max-width:991px) {
    .HeaderFormContainer {
        width: 50% !important;
    }

    .selector-box {
        font-size: 13px !important;
        height: 32px !important;
    }

    .inputHeaderBanner {
        margin: 0 !important;
        padding: 5px;
    }

    .selector-btn {
        height: 32px !important;
        padding: 5px 0px 9px 0px !important;
    }

   
}

@media (max-width:767px) {
}

@media (max-width:500px) {

    .tp-bullets {
        display: none;
    }

    .HeaderDownloadLink img {
        height: 30px;
        width: 30px !important;
        object-fit: cover;
        object-position: left;
        border-radius: 5px;
    }

    .HeaderFormContainer {
        width: calc(100% - 93px) !important;
    }

    #slide-3-layer-1, #slide-6-layer-1, #slide-5-layer-1, #slide-8-layer-1, #slide-10-layer-1, #slide-12-layer-1, #slide-14-layer-1, #slide-16-layer-1 {
        min-height: 55px !important;
    }

    #slide-11-layer-1, #slide-13-layer-1, #slide-17-layer-1 {
        min-height: 68px !important;
    }
}

#rev_slider_1_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0);
}

#rev_slider_1_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

#rev_slider_1_1 .uranus.tparrows:hover:before {
    opacity: 0.75;
}

.hesperiden.tp-bullets {
}

    .hesperiden.tp-bullets:before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        padding: 10px;
        margin-left: -10px;
        margin-top: -10px;
        box-sizing: content-box;
        border-radius: 8px;
    }

.hesperiden .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: rgb(153,153,153);
    background: -moz-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%);
    background: -webkit-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%);
    background: -o-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%);
    background: -ms-linear-gradient(top,rgb(153,153,153) 0%,rgb(225,225,225) 100%);
    background: linear-gradient(to bottom,rgb(153,153,153) 0%,rgb(225,225,225) 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr="rgb(153,153,153)",endcolorstr="rgb(225,225,225)",gradienttype=0 );
    border: 3px solid rgb(229,229,229);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
}

    .hesperiden .tp-bullet:hover, .hesperiden .tp-bullet.selected {
        background: rgb(102,102,102);
    }

.hesperiden .tp-bullet-image {
}

.hesperiden .tp-bullet-title {
}

