@media screen and (min-width: 1441px) {
    .opening-img h3 {
        background-size: 20%;
        height: 48px;
        padding-left: 51px;
    }
    .coverbanner-cont h1 {
        left: 30%;
    }
    .coverbanner-cont h2 {
        left: 32%;
    }
    button.btn.btn-apply {
        left: 42%;
    }
    .side-pic {
        width: 60%;
    }
}

@media screen and (max-width:1440px) {
    .opening-img h3 {
    background-size: 19% 100%;
    text-align: left;
    height: 50px;
    padding-left: 50px;
    padding-top: 0px;
}
.side-pic {
    width: 70%;
}
}

@media screen and (max-width:1280px) {
    .opening-img h3 {
    background-size: 34%;
    height: 48px;
    padding-left: 51px;
    background-position-x: unset;
    text-align: left;
}
.coverbanner-cont h1 {
    left: 20%;
}
.coverbanner-cont h2 {
    left: 24%;
}
button.btn.btn-apply {
    left: 38%;
}
.image-responsive {
    width: 300px
}
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
    .opening-img h3 {
        background-size: 40%;
        height: 48px;
        text-align: left;
    }
    .coverbanner-cont h1 {
        left: 16%;
    }
    .coverbanner-cont h2 {
        left: 20%;
    }
    button.btn.btn-apply {
        left: 38%;
    }
    
}

@media screen and (max-width:1024px) and (min-width: 992px) {
 .coverbanner-cont h1 {
    left: 12%;
    top: 33%;
}
.coverbanner-cont h2 {
    left: 16%;
}
button.btn.btn-apply {
    left: 38%;
}

.cover-verified p {
    margin-top: 20px;
}

.cover-start h6 {
    line-height: 44px;
}
.cover-start {
    padding: 40px 0px;
}

.cover-opening p {
    margin-top: 20px;
}
.cover-opening {
    padding: 40px 0px;
}
.cover-join{
    padding: 40px 0px;
}
.opening-img h3 {
    background-size: 40%;
    height: 50px;
}
.side-pic {
    width: 100%;
}

.image-responsive {
    width: 280px;
}

}

@media screen and (max-width: 991.98px) {
    button.navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }
    button.navbar-toggler {
        border: 2px solid #fff;
        height: 40px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
    }
    span.navbar-toggler-icon {
        border: 1px solid #fff;
        height: 1px;
        width: 26px;
        position: relative;
    }
    span.navbar-toggler-icon:after {
        content: '';
        position: absolute;
        width: 26px;
        left: -1px;
        height: 1px;
        border: 1px solid #fff;
        top: -10px;
    }
    span.navbar-toggler-icon:before {
        content: '';
        position: absolute;
        width: 26px;
        left: -1px;
        height: 1px;
        border: 1px solid #fff;
        bottom: -10px;
        transition: width 2s;
    }
    div#navbarTogglerDemo01 {
        position: fixed!important;
        background: #241745;
        right: -80%;
        top: 0px;
        height: 100vh;
        width: 60vw;
        transition: all 0.9s;
        display: none;
        padding-top: 20px;
        padding: 27px 40px;
    }
    body.show div#navbarTogglerDemo01 {
        display: block;
        right: 0px;
        z-index: 99;
    }
    body.show:after {
        position: fixed;
        left: 0px;
        top: 0px;
        background: #000000a6;
        z-index: 99;
        content: '';
        width: 100%;
        height: 100%;
    }
    body.show span.close-icon {
        display: block;
        z-index: 999;
        left: 0px;
        position: absolute;
        top: 0px;
    }
    button.navbar-toggler {
        position: absolute;
        right: 0px;

}
.side-pic {
    width: 100%;
}
body.show .close-icon {
    display: block;
}
.close-icon i.fa.fa-times {
    color: #fff;
    z-index: 99999;
    position: absolute;
    top: 9px;
    right: 16px;
    font-size: 29px;
}
.coverbanner-cont h1 {
    left: 10%;
    top: 26%;
    font-size: 40px;
}
.coverbanner-cont h2 {
    left: 12%;
    width: 76%;
    top: 36%;
}
button.btn.btn-apply {
    left: 30%;
    top: 66%;
}

.cover-start h6 {
    width: 60%;
}

.cover-start {
    padding: 50px 0px;
}
.right-copy ul {
    justify-content: center;
}
.right-copy p {
    text-align: center;
}
.cover-opening p {
    width: 100%;
}
.opening-img h3 {
    background-size: 60%;
    height: 50px;
    text-align: left;
}
.center-footer {
    margin: 30px 0px;
}
.fcol-2 {
    margin-top: 20px;
}
.left-copy p {
    display: inline-block;
}

.image-responsive {
    width: 280px;
}

.padding-left-none-md {
    padding-left: 0 !important;
}

.padding-right-none-md {
    padding-right: 0 !important;
}

.padding-bottom-0-md {
    padding-bottom: 0 !important;
}

.margin-bottom-0-md {
    margin-bottom: 0 !important;
}

section.four-section {
    padding: 20px;
}




}
@media screen and (max-width:767px) {

    .height-500-xs{
        height: 500px !important
    }


    button.btn.btn-apply {
    position: absolute;
    top: 77%;
    background: #802456;
    left: 4%;
    border-radius: 0px;
    font-family: Futura Std;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 5px 13px;
}
.coverbanner-cont h1 {
    font-size: 36px;
    line-height: 44px;
    text-align: left;
    color: #FAFAFA;
    font-weight: 500;
    position: absolute;
    left: 4%;
    top: 18%;
    letter-spacing: 3px;
}
.coverbanner-cont h2 {
    position: absolute;
    width: 83%;
    left: 4%;
    top: 35%;
    font-size: 21px;
    text-align: left;
    line-height: 36px;
    color: #FFFFFF;
    margin-bottom: 0px;
    letter-spacing: 0.07em;
}
.banner-section {
    background: url(../images/banner-mob.png);
    height: 100vh;
    background-position: center;
}
.coverbanner-cont h2 strong {
    font-weight: 900;
    font-size: 22px;
}

.cover-verified h3 {
    width: 100%;
}
.cover-verified p {
    width: 100%;
    font-size: 20px;
    letter-spacing: 0.05em;
}
.cover-start {
    padding: 30px 0px;
}
.cover-start h6 {
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.05em;
}
.cover-start ul {
    margin-left: 32px;
    margin-top: 10px;
}

.cover-join h3 {
    width: 100%;
}
.cover-join p {
    width: 100%;
}
.card-header.faqhead {
    padding: 0px 5px;
}
.right-footer {
    margin-left: 16px;
}
.right-copy ul {
    justify-content: center!important;
}
.cover-brand {
    padding: 30px 0px;
}
.card-header.faqhead h2 button.btn.btn-block {
    font-size: 18px;
    line-height: 35px;
}
.brand-img img {
    max-width: 52%;
}
.book img {
    max-width: 53%;
}
.slick-prev {
    left: 0px !important;
    z-index: 99999;
    opacity: 1;
}
.slick-next {
    right: 26px !important;
    z-index: 99999;
    opacity: 1;
}
.cover-road {
    padding: 30px 0px;
}
.cover-road h3 {
    font-size: 23px;
    line-height: 35px;
    letter-spacing: 0.03em;
}
.cover-road ol li h5 {
    font-weight: 900;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.03em;
}
.cover-road ol li p {
    font-weight: 500;
    font-size: 15px;
}
.brand img {
    width: 85%;
    object-fit: cover;
}
#webs{
    display: none;
}
#mobs{
    display: block;
}
.cover-opening {
    padding: 0px;
}
.opening-img {
    text-align: center;
}
.cover-opening p {
    font-size: 23px;
    line-height: 35px;
    letter-spacing: 0.06em;
    width: 100%;
}
button.btn.btn-apply2 {
    font-size: 18px;
    padding: 8px 20px;
}
.cover-team {
    padding: 30px 0px;
}
.cover-team h3 {
    font-size: 21px;
    line-height: 36px;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
}
.cover-faq {
    padding: 30px 0px;
}
.card-body {
    font-size: 16px;
    line-height: 35px;
    font-weight: normal;
    padding: 10px 10px;
}
.cover-faq h3 {
    margin-bottom: 20px;
}
.checq img {
    width: 64%;
}
.cover-verified h3 {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 3px;
}
.cover-join h3 {
    font-size: 21px;
    line-height: 35px;
    letter-spacing: 0.06em;
}
.cover-join p {
    letter-spacing: 0.04em;
}
.book {
    margin-top: 34px;
}
.brand-img {
    margin-top: 40px;
}
.my-slider {
    margin-top: 55px !important;
}
.right-copy {
    display: none;
}
.opening-img h3 {
    font-size: 18px;
    background-size: 36%;
    text-align: center;
    padding-top: 0px;
    background-position: center;
}
.center-footer {
    margin: 25px 0px;
}
.cover-footer {
    padding: 15px 30px;
}
.left-copy p {
    text-align: center;
    width: 100%;
}

.column-reversed-xs {
    display: flex;
    flex-direction: column-reverse;
}
.side-pic {
    width: 80%;
}

.padding-left-none-xs {
    padding-left: 0 !important;
}

.padding-right-none-xs {
    padding-right: 0 !important;
}

.padding-left-4-xs {
    padding-left: 4px !important;
}

.padding-right-4-xs {
    padding-right: 4px !important;
}

.padding-bottom-0-xs {
    padding-bottom: 0 !important;
}

.margin-bottom-0-xs {
    margin-bottom: 0 !important;
}

.slick-prev, .slick-next {
    height: 50px !important;
}

}
@media screen and (max-width:375px) {

.coverbanner-cont h1 {
    font-size: 28px;
    top: 20%;
}
.coverbanner-cont h2 {
    position: absolute;
    width: 100%;
    font-size: 20px;
    top: 36%;
    line-height: 34px;
}
.cover-verified h3 {
    font-size: 20px;
}
.cover-join h3 {
    font-size: 24px;
}
.cover-road h3 {
    font-size: 21px;
}
.opening-img h3 {
    background-size: 70%;
    height: 45px;
    padding-left: 35px;
}
.cover-opening p {
    font-size: 23px;
    line-height: 37px;
    letter-spacing: 0.05em;
}
}

@media screen and (max-width:320px){
button.btn.btn-apply {
    position: absolute;
    top: 80%;
    background: #802456;
    left: 4%;
    border-radius: 0px;
    font-family: Futura Std;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 36px;
    color: #FFFFFF;
    padding: 6px 18px;
}

.coverbanner-cont h1 {
    font-size: 28px;
    top: 18%;
}
.coverbanner-cont h2 {
    position: absolute;
    word-break: break-word;
    font-size: 19px;
}
.banner-section {
    background: url(../images/banner-mob.png);
    height: 100vh;
}
.coverbanner-cont h2 strong {
    font-weight: 900;
    font-size: 22px;
}
.cover-verified h3 {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.05em;
}
.cover-verified p {
    width: 100%;
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 30px;
}
.cover-start h6 {
    font-weight: 500;
    font-size: 21px;
    line-height: 35px;
    letter-spacing: 1px;
    margin-bottom: 25px;
}
.cover-start ul li {
    font-weight: normal;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 15px;
}
.cover-join h3 {
    letter-spacing: 0.05em;
    font-size: 18px;
}

.cover-join p {
    font-weight: 300;
    font-size: 15px;
    line-height: 35px;
    letter-spacing: 0.3px;
}
.cover-opening p {
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 0.06em;
}
.opening-img h3 {
    background-size: 70%;
    height: 45px;
    padding-left: 34px;
}
}