:root {
    --blue: #005BA0;
    --white: #fff;
    --grey: #707070;
    --radius: 30px;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.mt-30 {
    margin-top: 30px;
}

hr {
    border-color: var(--grey);
}

/*code by aiswariya*/
.zoneboxanchors.zone-arrows {
    position: absolute;
    right: 0;
    top: -60px;
}

.footer-social-al .hover-logo:before {
    transform: rotate(-180deg);
    top: 30px;
}

.col-lg-12.mt-4.fat {
    margin-top: 30px;
}

.fat a {
    padding: 0 10px;
    text-decoration: underline !important;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    display: inline-flex;
}

.tlfr {
    font-weight: 500;
    font-size: 14px;
}

.r-tbn {
    width: auto;
    background: #000;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px 25px;
    display: inline-block;
    font-weight: 800;
    font-size: 1.3rem;
    border-radius: 8px;
    margin-top: 10px;
}

.otpoption.otp {
    position: absolute;
    right: 0;
    color: #bbb;
    display: block;
    cursor: not-allowed;
    pointer-events: none;
    font-weight: 500;
    top: 16px;
    font-family: 'Conv_Gilroy-Regular';
}

    .otpoption.otp.hilight {
        bottom: 28px;
        cursor: pointer;
        pointer-events: inherit;
        top: 16px;
        color: blue;
    }

.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px #dcdcdc solid;
}

.checklabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checklabel {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 500;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: auto;
    display: flex;
    align-items: center;
}

    .checklabel input:checked ~ .checkmark:after {
        display: block;
    }

    .checklabel .checkmark:after {
        left: 4px;
        top: 0px;
        width: 5px;
        height: 10px;
        border: solid black;
        border-width: 0 1px 1px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.radio-theme,
.radio-theme2 {
    border: 1px #dcdcdc solid !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    margin: 0 4px 0 0 !important;
}

    .radio-theme:checked,
    .radio-theme2:checked {
        background: #DD1121;
        outline: 0;
        border: 0 !important;
    }

.section.registerform {
    background: #fff;
}

.wht-rg-txt {
    position: relative;
}

    .wht-rg-txt ul li {
        position: relative;
        padding-left: 25px;
    }

    .wht-rg-txt.pd-7 {
        padding: 20px;
    }

    .wht-rg-txt span {
        display: block;
    }

.ch4 {
    font-weight: 500;
    font-size: 1.4rem;
    color: #000;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

li.ch4 {
    margin-bottom: 10px;
}

    li.ch4::before {
        content: "";
        background: url(../images/tick.png) no-repeat;
        width: 12px;
        height: 12px;
        display: block;
        background-size: 100%;
        position: absolute;
        left: 2px;
        top: 5px;
    }

.wht-rg-txt span {
    display: block;
    padding: 20px;
}

.br-cd {
    border: 1px #F0F0F0 solid;
    border-radius: 5px;
    padding: 0;
}

.wht-rg-txt span {
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    margin-top: 10px;
}

.social-icons {
    position: relative;
}

.hover-icon {
    width: 35px;
    margin: 0 10px 0 0;
    position: relative;
}

.footer-social-al .hover-logo {
    bottom: auto;
    top: -40px;
    left: -80px;
}

    .footer-social-al .hover-logo.hover-youtube {
        left: -80px;
    }

    .footer-social-al .hover-logo.hover-insta:before {
        left: auto;
        right: 45px;
    }

    .footer-social-al .hover-logo.hover-insta {
        left: -140px;
    }

.logo-url img {
    width: 80px !important;
}

.wht-rg-txt li {
    list-style: none;
}

.wht-rg-txt ul {
    padding: 0;
}

.hover-logo {
    position: absolute;
    background: #f2f2f2;
    padding: 5px;
    bottom: -50px;
    left: -85px;
    display: none;
    width: 220px;
}

    .hover-logo.hover-youtube {
        left: -35px;
    }

    .hover-logo.hover-insta {
        left: 5px;
    }

    .hover-logo:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #f2f2f2;
        content: '';
        position: absolute;
        top: -8px;
        left: 90px;
    }

.logo-url {
    margin: 0 0 0 10px !important;
    border-right: 1px solid #000;
    border-radius: 0 !important;
}

    .logo-url:last-child {
        border: none;
    }

#winnersSection {
    background: url(../images/winner-bg.png) no-repeat;
}

.photography-popupstyle .modal-dialog {
    background: #fff;
}

#winnersSection {
    background: url(../images/winner-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

.photography-popupstyle p span {
    display: block;
}

.photography-popupstyle .modal-content {
    margin: 0;
    width: 100%;
}

.photography-popupstyle h5 {
    font-weight: bold;
    font-size: 22px;
}

.box-space ul.slick-dots {
    position: static;
    margin: 20px 0 0 0;
}

.box-space .slick-slide {
    padding: 0 0 0 20px;
}

.box-space ul.slick-dots li.slick-active button {
    background: #ccc !important;
}

.box-space ul.slick-dots li button {
    background: transparent;
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
}

.photography-popupstyle .close {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000;
    opacity: 1;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 20px;
    padding: 0;
    text-align: center;
}

.photography-popupstyle p {
    font-size: 18px;
}

.photography-popupstyle .modal-header button span {
    position: relative;
    top: -4px;
}

/*code by aiswariya*/
.bghome {
    background: url(../images/photography/new/banner-nw.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 13%;
}

.bghome-2 {
    background: url(../images/photography/new/Round-2-Desktop.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 14%;
    padding-left: 10%;
}

.bghome-3 {
    background: url(../images/photography/new-1/desktop-banner-result-season1-round3.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 14%;
    padding-left: 10%;
}

.bghome-4 {
    background: url(../images/photography/new-2/Desktop-Banner-com.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 14%;
    padding-left: 10%;
}

.apache-banner {
    position: relative;
    padding-left: 50px;
}

.Homebg1-new {
    height: auto !important;
}

.apache-text {
    width: 100%;
    text-align: left;
}

    .apache-text img {
        padding-bottom: 50px;
    }

    .apache-text h2 {
        text-transform: uppercase;
        margin: 0px;
        color: #fff;
        font-size: 110px;
        font-weight: 900;
        line-height: 95px;
    }

        .apache-text h2:nth-child(2) {
            margin-bottom: 35px;
        }

.apache-text-2 h2 {
    text-transform: inherit;
    margin: 0px;
    color: #fff;
    font-size: 62px;
    font-weight: 900;
    line-height: 50px;
    padding-bottom: 25px;
    margin-bottom: 0px !important;
}

    .apache-text-2 h2:nth-child(4),
    .apache-text-2 h2:nth-child(5) {
        padding-bottom: 0px;
        font-size: 44px;
        line-height: 48px;
    }

    .apache-text-2 h2:nth-child(5) {
        padding-bottom: 25px;
    }

.apache-text p {
    font-size: 30px;
    color: #fff;
    margin: 0px;
}

.apache-text-2 p {
    font-size: 36px;
    color: #fff;
    margin: 0px;
    line-height: 40px;
}

.apache-text-2 span {
    display: none;
}

.about-apache {
    background-image: none !important;
    background-color: #fff !important;
}

.about-head {
    text-align: left;
    position: relative;
    margin-bottom: 2%;
}

    .about-head h1 {
        font-family: 'Conv_Gilroy-Black';
        color: #fff;
        text-align: left;
        text-transform: uppercase;
        font-size: 18rem;
        margin: 0px;
        -webkit-text-stroke: 2px #E7282C;
        line-height: 70%;
        margin-top: 6%;
    }

    .about-head p {
        font-family: 'sf_pro_displayregular';
        font-size: 31px;
        width: 80%;
        line-height: 38px;
        position: absolute;
        top: 150px;
        left: 105px;
        margin: 0px;
    }

.box-space {
    margin: 0px 30px;
    background-image: url(/assets/images/photography/new/background.jpg);
    background-size: cover;
    background-position: top center;
    padding: 15px 0px;
}

.dot-image {
    position: relative;
}

    .dot-image .dot-20 {
        position: absolute;
        top: 70px;
        right: 110px;
    }

.box-image {
    position: relative;
}

.box-text h2 {
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    margin: 20px 0px;
    padding-bottom: 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 10% 0px;
}

.box-image:hover .box-text h2 {
    transform: translateX(-10px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.box-text p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 22px;
    color: #000;
    margin-bottom: 0px;
    padding-right: 10%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.box-image:hover .box-text p {
    transform: translateX(8px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.submit {
    position: relative;
}

    .submit h2 {
        font-size: 6.1em;
        color: #fff;
        margin: 0px;
        position: absolute;
        right: 15px;
        top: 202px;
        padding-right: 5px;
    }

.photo {
    position: relative;
}

.pht-text {
    position: absolute;
    top: 140px;
    left: 0px;
    text-align: left;
    width: 95%;
    padding: 50px 0px;
}

    .pht-text h2 {
        font-size: 7em;
        color: #000;
        margin: 0px;
    }

.photo-form {
    padding: 40px 0px 0px 40px;
}

    .photo-form .parent-input {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

        .photo-form .parent-input .form-group {
            margin: 0px 5px;
            position: relative;
        }

            .photo-form .parent-input .form-group .form-lab {
                font-family: 'Conv_Gilroy-Medium';
                font-size: 14px;
                color: #000;
                text-transform: uppercase;
                margin-bottom: 0px;
            }

            .photo-form .parent-input .form-group .form-control {
                width: 550px;
                height: 50px;
                background: transparent;
                border: none;
                border-radius: 0px;
                box-shadow: none;
                border-bottom: 2px solid #c9c9c9;
                padding: 6px 12px;
            }

            .photo-form .parent-input .form-group > span {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 2px;
                height: 10px;
                background-color: #c9c9c9;
            }

            .photo-form .parent-input .form-group input::placeholder {
                font-family: 'Conv_Gilroy-Regular';
                font-size: 13px;
                color: #c9c9c9 !important;
                text-transform: uppercase;
            }

.form-control-choss {
    padding: 15px 12px !important;
}

.photo-form .parent-input .form-check {
    display: flex;
    flex-direction: column;
    width: 550px;
}

    .photo-form .parent-input .form-check div {
        margin-bottom: 4px;
    }

    .photo-form .parent-input .form-check button {
        background: transparent;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        font-size: 28px;
        color: #253b83;
        border-bottom: 3px solid #253b83;
        padding-bottom: 5px;
        text-transform: uppercase;
        padding: 0px;
        width: 235px;
        text-align: left;
    }

        .photo-form .parent-input .form-check button:focus {
            outline: none;
        }

.read-rules {
    height: 165px;
    /* background-color:#edebec; */
    position: relative;
    margin: 75px -65px 0px -15px;
}

    .read-rules h3 {
        margin: 0px;
        position: absolute;
        top: 0px;
        right: 180px;
        display: flex;
        align-items: center;
    }

        .read-rules h3 a {
            font-family: 'Conv_Gilroy-Medium';
            font-size: 24px;
            color: #000;
            text-decoration: none;
        }

        .read-rules h3 img {
            padding-left: 15px;
        }

.foot_align-pht > li > a {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 16px !important;
}

.dot-image .arrow-20 {
    z-index: 1;
    position: absolute;
    width: 48px;
    display: block;
    top: -28px;
    right: 203px;
}

.photo-form .parent-input .form-group .form-control.caption-hgt {
    max-height: 70px;
}

.regulation {
    margin: 20px 40px;
}

    .regulation ul {
        list-style: none;
    }

        .regulation ul li {
            font-size: 21px;
            line-height: 45px;
            text-align: left;
            position: relative;
        }

            .regulation ul li:before {
                content: "";
                position: absolute;
                width: 8px;
                height: 8px;
                background: #000;
                left: 0px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                margin: auto auto auto -20px;
                border-radius: 25px;
            }

.flaunt-regul ul li:before {
    width: 5px;
    height: 5px;
    background: #E7282C;
}

.regulation ul .rules-ph:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #E7282C;
    left: 0px;
    top: -40px;
    right: 0px;
    bottom: 0px;
    margin: auto auto auto -20px;
    border-radius: 25px;
}

.rules-photo h1 {
    font-family: 'Conv_Gilroy-Black';
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 100px;
    margin: 0px;
    -webkit-text-stroke: 2px #E7282C;
    line-height: 100px;
    margin-top: 20px;
    margin-left: 30px;
}

.dot-image .arrow-20 {
    display: none !important;
}

.box-text h2 {
    text-align: center;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 370px;
    perspective: 1000px;
    margin-left: 6px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}


.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-back {
    color: #000;
    background: #F3F4F2;
    transform: rotateY(180deg);
    margin-left: 5px;
}

.box-text {
    border: 1px solid #000;
    height: 95%;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    display: inline-block;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.share-pic {
    padding-top: 10px;
    font-size: 22px !important;
}

.form-group.form-check input[type=checkbox],
input[type=radio] {
    margin: 4px 6px 0px 0px !important;
}

::-webkit-textarea-placeholder {
    /* Chrome */
    color: #c9c9c9;
}

:-ms-textarea-placeholder {
    /* IE 10+ */
    color: #c9c9c9;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #c9c9c9;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #c9c9c9;
    opacity: 1;
}

#txtCaption::placeholder {
    color: #c9c9c9 !important;
}

.form-control.form-control-choss {
    color: #c9c9c9 !important;
}

.journey-body {
    overflow: auto !important;
}

.journey-bg {
    background: url(/./images/journey/bg.jpg) no-repeat;
    background-size: cover;
    height: 972px !important;
}

.apache-journey {
    width: 86%;
    background-color: #fff;
    border-radius: 10px;
    padding: 35px 30px;
}

    .apache-journey h2 {
        font-family: sf_pro_displaybold;
        font-size: 23px;
        color: #000;
        margin: 0px;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 40px;
    }

    .apache-journey .form-group {
        margin-bottom: 25px;
    }

        .apache-journey .form-group .form-control {
            background-color: #EBEBEB;
            height: 48px;
            box-shadow: inset 0px 1px 3px 2px rgba(0, 0, 0, 0.1);
            font-family: sf_pro_displayregular;
            font-size: 15px;
            border: none;
            color: #858585;
        }

        .apache-journey .form-group .form-control-select {
            padding: 6px 6px;
        }

        .apache-journey .form-group .form-control:focus {
            border: none;
        }

.upload p {
    font-family: sf_pro_displayregular;
    font-size: 16px;
    color: #666666;
    margin-bottom: 0px;
    padding: 0px 0px 15px;
    font-weight: 700;
}

.choose-file {
    width: 100%;
    background-color: #F5F5F5;
    border: 1px dashed #B2B2B2;
    border-radius: 5px;
    padding: 20px 0px;
}

    .choose-file img {
        margin: 0px auto;
        padding-bottom: 10px;
    }

    .choose-file p {
        font-family: sf_pro_displayregular;
        font-size: 16px;
        color: #676767;
        padding-bottom: 10px;
    }

    .choose-file .choose-btn {
        width: 260px;
        height: 45px;
        font-size: 16px;
        color: #fff;
        /*background: #5F5F5F;*/
        border-radius: 5px;
        background: rgb(84, 84, 84);
        background: linear-gradient(87deg, rgba(84, 84, 84, 1) 0%, rgba(51, 51, 51, 1) 100%);
        padding: 10px 12px;
        margin: 0px auto;
    }

        .choose-file .choose-btn:focus {
            background: none;
            border: none;
            color: #fff;
        }

        .choose-file .choose-btn:hover {
            background: rgb(84, 84, 84);
            background: linear-gradient(87deg, rgba(84, 84, 84, 1) 0%, rgba(51, 51, 51, 1) 100%);
        }

.mand {
    text-align: left;
    margin-top: 20px;
}

    .mand p {
        font-family: sf_pro_displayregular;
        font-size: 16px;
        color: #666666;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }

    .mand label {
        font-family: sf_pro_displayregular;
        font-size: 15px;
        color: #666666;
    }

        .mand label input[type=checkbox] {
            display: block;
        }

    .mand .checkbox {
        margin: 0px;
    }

.jour-subb {
    width: 260px;
    height: 50px;
    background: #ED2124;
    border: 1px solid #ED2124;
    border-radius: 5px;
    font-family: sf_pro_displayregular;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    margin-top: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .jour-subb:hover {
        background: transparent;
        border: 1px solid #ED2124;
        color: #ED2124;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .jour-subb:focus {
        background: #ED2124;
        color: #fff;
        outline: 0;
        background-position: 0 0px;
    }

.this-imgg {
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footersec {
    margin-top: 30px;
}

.journey-bg-thank {
    height: 965px !important;
}

#EthanolBg1 {
    background: url(/./images/journey/chequred-flag-1920.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
}

.eth_Right-flag img {
    width: auto !important;
    margin: 0px auto;
    display: table;
}

/*lek-ladakh*/
.bghome-5 {
    background: url(../images/lek-ladakh/top-banner-23-7-21.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 3%;
    padding-left: 0%;
}

.ladakh-lr-padding {
    padding: 0px 100px;
}

.lek-banner-text {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 6%;
    /*display:none;*/
}

    .lek-banner-text h2 {
        font-family: 'Conv_Gilroy-Black';
        font-size: 100px;
        color: #ffffff;
        margin: 0px;
        text-align: initial;
        /*text-transform: uppercase;*/
        line-height: 90px;
        -webkit-text-stroke: 2px #E53C27;
        /*text-shadow: 2px 5px 4px rgba(0,0,0,0.5);*/
    }

        .lek-banner-text h2 span {
            font-size: 110px;
            display: inherit;
        }

.ride-overall-parent {
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: fixed;
    bottom: 0px;
    width: 30%;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    z-index: 11;
}

    .ride-overall-parent .ride-left {
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
    }

        .ride-overall-parent .ride-left .ride-text {
            width: 30%;
        }

            .ride-overall-parent .ride-left .ride-text p {
                font-family: 'Conv_Gilroy-Medium';
                font-size: 22px;
                color: #000000;
                margin-bottom: 0px;
                text-align: initial;
                padding-left: 45px;
            }

        .ride-overall-parent .ride-left .ride-count-plugin {
            width: 70%;
        }

            .ride-overall-parent .ride-left .ride-count-plugin #example {
                display: flex;
                padding-inline-start: 0px;
                margin-bottom: 0px;
            }

                .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
                .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
                .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
                .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
                    font-family: 'Conv_Gilroy-Bold';
                    font-size: 32px;
                    color: #000000;
                }

                .ride-overall-parent .ride-left .ride-count-plugin #example li:nth-child(odd) {
                    width: 110px;
                    text-align: left;
                    position: relative;
                }

                .ride-overall-parent .ride-left .ride-count-plugin #example li {
                    list-style-type: none;
                    font-family: 'Conv_Gilroy-Bold';
                    font-size: 32px;
                    color: #000000;
                }

                    .ride-overall-parent .ride-left .ride-count-plugin #example li:nth-child(even) {
                        padding-right: 25px;
                    }

                    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
                    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
                    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
                    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
                        font-family: 'Conv_Gilroy-Medium';
                        font-size: 20px;
                        color: #000000;
                        margin-bottom: 0px;
                        text-transform: uppercase;
                        position: absolute;
                        top: 2px;
                        left: 38px;
                    }

    .ride-overall-parent .ride-left-text {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 15px;
    }

        .ride-overall-parent .ride-left-text p {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 22px;
            color: #ffffff;
            margin-bottom: 0px;
            text-align: initial;
        }

    .ride-overall-parent .terms-parent {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .ride-overall-parent .terms-parent a:nth-child(1) {
            font-family: 'Conv_Gilroy-Medium';
            font-size: 22px;
            color: #000000;
            width: 25%;
            display: none;
        }

            .ride-overall-parent .terms-parent a:nth-child(1):hover {
                text-decoration: underline;
            }

        .ride-overall-parent .terms-parent a:nth-child(2) {
            text-transform: uppercase;
            text-decoration: none;
            font-family: 'Conv_Gilroy-Bold';
            color: #ffffff;
            background-color: #E53C29;
            width: 100%;
            height: 60px;
            font-size: 24px;
            border-top-right-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.ride-to-leh-bg {
    background: url(../images/lek-ladakh/ride-to-leh-bg-neww.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
}

.ride-to-leh-left p {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 25px;
    color: #000000;
    margin-bottom: 0px;
    line-height: 42px;
    text-align: initial;
}

.ride-to-leh-right p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 25px;
    color: #000000;
    margin-bottom: 0px;
    line-height: 42px;
    text-align: initial;
    padding-bottom: 25px;
}

    .ride-to-leh-right p:last-child {
        padding-bottom: 0px;
    }

.ride-to-leh-bg .about-head {
    margin-bottom: 30px;
    margin-top: 75px;
}

.ride-to-leh-bg .about-head-things {
    margin-top: 125px;
}

.ride-to-leh-bg .about-head h1 {
    margin-top: 40px;
}

.trip-itinerary-bg {
    background-color: #F4F3F1 !important;
    height: auto !important;
}

    .trip-itinerary-bg .about-head h1 {
        color: #F4F3F1;
    }

.things-to-bg {
    background: url(../images/lek-ladakh/things-to-carry-bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 100vh !important;
    position: relative !important;
}

.trip-riding-parent {
    width: 100%;
    display: flex;
    text-align: initial;
    margin-top: 30px;
}

    .trip-riding-parent .trip-riding-child1 {
        width: 24%;
    }

        .trip-riding-parent .trip-riding-child1 h6 {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 15px;
            color: #34488B;
            text-transform: uppercase;
            margin: 0px;
            padding-top: 15px;
        }

        .trip-riding-parent .trip-riding-child1 p {
            font-family: 'Conv_Gilroy-Regular';
            font-size: 17px;
            color: #000000;
            margin-bottom: 0px;
            line-height: 20px;
            padding-right: 5px;
        }

    .trip-riding-parent .trip-riding-child2 {
        width: 72%;
    }

.about-the-place {
    margin-top: 20px;
    text-align: initial;
}

    .about-the-place h2 {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 22px;
        color: #34488B;
        text-transform: uppercase;
        margin: 0px;
        padding-top: 15px;
    }

    .about-the-place p {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 21px;
        color: #000000;
        margin-bottom: 0px;
        line-height: 32px;
        padding-right: 15px;
        text-align: justify;
    }

.things-to-bg .about-head-things h1 {
    color: transparent;
    line-height: 30%;
    margin-top: 5%;
}

.clothing-parent {
    display: flex;
}

.things-to-bg .clothing-parent:nth-child(1) {
    position: absolute;
    top: 35px;
    left: 75px;
}

.things-to-bg .clothing-parent:nth-child(2) {
    position: absolute;
    top: 270px;
    left: 170px;
}

.clothing-parent .clothing-box {
    width: 465px;
    height: 200px;
    padding: 30px;
    border-radius: 10px;
    background-color: rgba(234, 234, 236, 0.9);
    display: flex;
}

    .clothing-parent .clothing-box:nth-child(1) {
        margin-right: 30px;
    }

    .clothing-parent .clothing-box .clothing-icon {
        width: 25%;
    }

    .clothing-parent .clothing-box .clothing-text {
        width: 100%;
        text-align: initial;
        position: relative;
    }

        .clothing-parent .clothing-box .clothing-text h2 {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 28px;
            color: #34488B;
            margin: 0px;
            padding-bottom: 15px;
            text-transform: uppercase;
        }

        .clothing-parent .clothing-box .clothing-text p {
            font-family: 'Conv_Gilroy-Regular';
            font-size: 22px;
            color: #000000;
            margin-bottom: 0px;
            line-height: 28px;
            padding-bottom: 20px;
        }

        .clothing-parent .clothing-box .clothing-text a {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 18px;
            color: #E33D27;
            text-transform: uppercase;
            text-decoration: none;
            position: absolute;
            bottom: 0px;
        }

.basic-do-dont-bg {
    background: url(../images/lek-ladakh/basic-dos-donts-bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 100vh !important;
}

    .basic-do-dont-bg .about-head-things h1 {
        color: rgba(255, 255, 255, 0.5);
        line-height: 11%;
        margin-top: 7%;
        /*-webkit-text-stroke: 2px #ffffff;*/
    }

    .basic-do-dont-bg .clothing-parent {
        margin-top: 20%;
    }

        .basic-do-dont-bg .clothing-parent .clothing-text {
            width: 100%;
        }

.footersec-ladakh {
    margin-top: 0px;
    padding: 20px 0 85px 0 !important;
}

.trip-init-slider {
    position: relative;
}

    .trip-init-slider .trip-slider .trip-day-june {
        display: flex;
        justify-content: flex-end;
    }

    .trip-init-slider h2 {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 38px;
        color: #34488B;
        margin: 0px;
        text-transform: capitalize;
        transform: rotate(-90deg);
        position: absolute;
        top: 55%;
        left: -150px;
        z-index: 9999999;
    }

.trip-slider-parent,
.trip-overall-parent {
    position: relative;
}

    .trip-slider-parent .slick-prev {
        left: 80%;
        top: 90%;
        z-index: 9;
    }

        .trip-slider-parent .slick-prev:before {
            content: "";
            background: url(../images/lek-ladakh/left-arrow.png) no-repeat;
            width: 56px;
            height: 56px;
            background-size: contain;
            display: inline-block;
            opacity: 1;
        }

    .trip-slider-parent .slick-next {
        right: 14%;
        top: 90%;
        z-index: 9;
    }

        .trip-slider-parent .slick-next:before {
            content: "";
            background: url(../images/lek-ladakh/right-arrow.png) no-repeat;
            width: 56px;
            height: 55px;
            background-size: contain;
            display: inline-block;
            opacity: 1;
        }

    .trip-overall-parent .date-parent {
        position: absolute;
        bottom: 5%;
        left: 59%;
    }

        .trip-overall-parent .date-parent span:nth-child(1) {
            padding-right: 15px;
        }

        .trip-overall-parent .date-parent span {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 24px;
            color: #000000;
            text-transform: uppercase;
        }

.cookieopen {
    z-index: 11;
}

.modal-parent .modal-content {
    background-color: #ffffff;
}

.modal-parent .modal-header,
.modal-parent .modal-body {
    padding: 18px;
}

    .modal-parent .modal-header .modal-title {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 20px;
        color: #000000;
    }

    .modal-parent .modal-header .close {
        font-size: 24px;
        color: #000000;
        opacity: 1;
    }

    .modal-parent .modal-body ul {
        padding-inline-start: 15px;
        padding-top: 10px;
    }

        .modal-parent .modal-body ul li {
            list-style-type: none;
            font-family: 'Conv_Gilroy-Regular';
            font-size: 18px;
            color: #000000;
            line-height: 24px;
            position: relative;
            padding-bottom: 10px;
        }

    .modal-parent .modal-body p {
        font-family: 'Conv_Gilroy-Regular' !important;
        font-size: inherit !important;
        width: 100% !important;
    }

        .modal-parent .modal-body p a {
            position: static !important;
            text-transform: initial !important;
            text-decoration: underline !important;
            font-size: 19px !important;
        }

    .modal-parent .modal-body ul li:before {
        content: '.';
        font-size: 70px;
        color: #E53C29;
        position: absolute;
        top: -21px;
        left: -20px;
    }

.trip-riding-scroll {
    max-height: 700px;
    overflow-y: auto;
    width: 100%;
}

    .trip-riding-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #a3a3a3;
    }

    .trip-riding-scroll::-webkit-scrollbar {
        width: 4px;
        height: 5px;
        background-color: #a3a3a3;
    }

    .trip-riding-scroll::-webkit-scrollbar-thumb {
        background-color: #34488B;
        cursor: pointer;
    }

.trip-riding-parent .trip-riding-child1 .trip-ridd-imgg {
    min-height: 50px;
}

.inclusion-exclusion-bg {
    background: url(../images/lek-ladakh/Inclusions-and-Exclusions-bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom center;
    height: 100vh !important;
}

    .inclusion-exclusion-bg .about-head-things {
        float: right;
    }

        .inclusion-exclusion-bg .about-head-things h1 {
            -webkit-text-stroke: 2px #E53D29;
            line-height: 75%;
            margin-top: 0%;
        }

    .inclusion-exclusion-bg .clothing-parent {
        margin-top: 2%;
    }

.ride-highlight-bg {
    background: url(../images/lek-ladakh/ride-highlights-neww.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
}

.ride-highlight-parent {
    margin-top: 40px;
}

    .ride-highlight-parent .clothing-box {
        width: auto;
        height: 230px;
        padding: 30px;
        border-radius: 10px;
        background-color: #ffffff;
        box-shadow: 2px 8px 10px 8px rgba(0, 0, 0, 0.09);
        position: relative;
    }

        .ride-highlight-parent .clothing-box .clothing-text {
            width: 100%;
            text-align: initial;
        }

            .ride-highlight-parent .clothing-box .clothing-text h2 {
                font-family: 'Conv_Gilroy-Bold';
                font-size: 30px;
                color: #000000;
                margin: 0px;
                padding-bottom: 10px;
                line-height: 30px;
            }

                .ride-highlight-parent .clothing-box .clothing-text h2 span {
                    display: block;
                }

            .ride-highlight-parent .clothing-box .clothing-text p {
                font-family: 'Conv_Gilroy-Regular';
                font-size: 24px;
                color: #000000;
                margin-bottom: 0px;
                line-height: 28px;
                padding-bottom: 20px;
                width: 75%;
            }

            .ride-highlight-parent .clothing-box .clothing-text a {
                font-family: 'Conv_Gilroy-Bold';
                font-size: 18px;
                color: #E33D27;
                text-transform: uppercase;
                text-decoration: none;
                position: absolute;
                bottom: 30px;
            }

            .ride-highlight-parent .clothing-box .clothing-text img {
                position: absolute;
                right: 30px;
                bottom: 30px;
            }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            right: 0px;
            bottom: 0px;
        }

.ride-highlight-bg .about-head h1 {
    margin-top: 5%;
}

.ride-highlight-bg .about-head {
    margin-bottom: 10px;
}

.footersec-ladakh .socSprite {
    margin: 0 0px;
}

.footersec-ladakh .footer-social-al {
    display: flex;
    align-items: center;
    margin-top: 0px;
}

.footersec-ladakh ul li span {
    top: 26px !important;
}

.modal-parent .modal-lg {
    width: 1120px;
}

.ladakh-lr-padding-itinerary {
    padding: 0px 0px 0px 100px;
}

.bghome-5-video .lek-banner-text {
    position: relative;
}

    .bghome-5-video .lek-banner-text img:nth-child(1) {
        position: absolute;
        left: 0px;
        right: 0px;
        margin: 0px auto;
        cursor: pointer;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-header,
    .bghome-5-video .lek-banner-text .modal-parent .modal-body {
        padding: 0px;
        border: 0px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-lg {
        width: 1200px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-header .close {
        font-size: 30px;
        color: #ffffff;
        opacity: 1;
        font-weight: normal;
        position: absolute;
        top: -10px;
        right: -25px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-content {
        background: none;
        width: 100%;
    }

/*lek-ladakh*/
/*aog-north-chapter-ride*/
.aog-secone-bg {
    background: url(../images/north-chapter/home-bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 18%;
    position: relative;
}

.north-text h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 120px;
    color: #ffffff;
    margin: 0px;
    text-transform: uppercase;
    line-height: 60%;
    padding-top: 12%;
}

.north-text h3 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 90px;
    color: #ffffff;
    margin: 0px;
}

.north-text p {
    font-family: 'Conv_Gilroy-Black';
    font-size: 50px;
    color: #FB5336;
    margin-bottom: 0px;
    -webkit-text-stroke: 1px #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

    .north-text p img {
        padding-right: 15px;
    }

.top-aog-logo {
    display: flex;
    justify-content: flex-end;
}

.list-bottom {
    background-color: #ffffff;
    border-radius: 3px;
    padding: 22px 0px;
    box-shadow: 4px 1px 12px 0px rgb(0 0 0 / 50%);
    width: 90% !important;
    margin: 0px auto;
    height: 75px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1 !important;
}

    .list-bottom ul {
        padding-inline-start: 0px;
        display: flex;
        justify-content: space-around;
        margin-bottom: 0px;
    }

        .list-bottom ul li {
            list-style-type: none;
        }

            .list-bottom ul li a {
                font-family: 'Conv_Gilroy-bold';
                font-size: 20px;
                color: #000000;
                text-transform: uppercase;
                text-decoration: none;
            }

.welcome-aog-bg {
    background: url(../images/north-chapter/bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 60px;
}

.welcome-aog-text {
    width: 75%;
    margin: 0px auto;
}

    .welcome-aog-text p {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 24px;
        line-height: 34px;
        color: #000000;
        margin-bottom: 0px;
        padding-bottom: 15px;
        text-align: center;
    }

        .welcome-aog-text p:last-child {
            padding-bottom: 0px;
        }

.mustical-bg {
    background: url(../images/north-chapter/bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 85px;
}

.mystical-text h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 80px;
    color: #000000;
    margin: 0px;
    line-height: 90%;
    padding: 80px 0px 45px 0px;
}

    .mystical-text h2 span {
        display: inherit;
    }

.mystical-text p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 27px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 25px;
}

    .mystical-text p:last-child {
        padding-bottom: 0px;
    }

.arrival-and-bg {
    background: url(../images/north-chapter/bg-3.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 2%;
}

    .arrival-and-bg .mystical-text h6 {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 32px;
        color: #000000;
        margin: 0px;
        text-transform: uppercase;
    }

.customerguide {
    position: absolute;
    left: 7vw;
    z-index: 1;
    color: var(--white);
    top: 5rem;
    font-family: 'Conv_Gilroy-Bold';
    font-size: 50px;
}

.arrival-and-bg .mystical-text h2 {
    padding: 30px 0px 30px 0px;
}

.arrival-and-bg .mystical-text p {
    font-size: 21px;
}

.arrival-and-bg .mystical-text a {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 26px;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 18px;
    background-color: #D6001C;
    border-radius: 5px;
}

.arrival-and-bg .mystical-image picture img {
    padding-top: 2%;
}

.riding-around-bg {
    background: url(../images/north-chapter/bg-4-new-15.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    position: relative;
    padding-top: 2%;
}

    .riding-around-bg .mystical-image picture img {
        position: absolute;
        top: 0px;
        left: -99px;
        width: 990px;
        padding-top: 0%;
    }

.how-prepped-bg {
    background: url(../images/north-chapter/bg-5.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 12%;
}

.how-box-parent {
    display: flex;
    justify-content: space-between;
}

    .how-box-parent .how-box-child-1 {
        background-color: #ffffff;
        border-radius: 5px;
        padding: 25px;
        width: 390px;
        height: 480px;
        position: relative;
    }

        .how-box-parent .how-box-child-1 picture img {
            width: 100%;
        }

        .how-box-parent .how-box-child-1 h2 {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 34px;
            color: #000000;
            margin: 0px;
            padding: 15px 0px;
        }

        .how-box-parent .how-box-child-1 p {
            font-family: 'Conv_Gilroy-Regular';
            font-size: 23px;
            color: #000000;
            margin-bottom: 0px;
        }

        .how-box-parent .how-box-child-1 a {
            font-family: 'Conv_Gilroy-Bold';
            font-size: 26px;
            color: #ffffff;
            text-decoration: none;
            padding: 12px 18px;
            background-color: #D6001C;
            border-radius: 5px;
            position: absolute;
            bottom: -27px;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            transition: all 0.3s linear;
        }

            .how-box-parent .how-box-child-1 a:hover {
                transform: translateX(-25px);
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

.performance-gear-bg {
    background: url(../images/north-chapter/bg-6.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 9%;
}

.gear-text {
    margin-top: 39%;
    width: 75%;
}

    .gear-text h2 {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 56px;
        color: #ffffff;
        margin: 0px;
        line-height: 95%;
        padding-bottom: 35px;
    }

        .gear-text h2 span {
            display: inherit;
        }

    .gear-text p {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 23px;
        color: #ffffff;
        margin-bottom: 0px;
        padding-bottom: 45px;
    }

    .gear-text a {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 30px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 25px;
        background-color: #D6001C;
        border-radius: 5px;
    }

.gear-box-parent {
    float: right;
}

    .gear-box-parent .gear-box-one {
        display: flex;
    }

.registration-process-bg {
    background: url(../images/north-chapter/bg-7-new.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
    padding-top: 7%;
}

.number-parent {
    margin-top: 60%;
}

    .number-parent p {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 17px;
        color: #000000;
        border: 1px solid #989898;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 65px;
    }

        .number-parent p.active {
            background-color: #F10021;
            border: 1px solid #ffffff;
            color: #ffffff;
        }

        .number-parent p:last-child {
            margin-bottom: 0px;
        }

        .number-parent p:nth-child(1),
        .number-parent p:nth-child(2) {
            position: relative;
        }

            .number-parent p:nth-child(1)::after,
            .number-parent p:nth-child(2)::after {
                content: '';
                width: 1px;
                height: 35px;
                border-right: 1px dashed #7C7C7C;
                position: absolute;
                top: 59px;
                left: 20px;
            }

.resgis-text h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 50px;
    color: #000000;
    margin: 0px;
    padding-bottom: 20px;
}

.regi-form-parent .form-group {
    margin-bottom: 20px;
    position: relative;
}

    .regi-form-parent .form-group .form-control {
        background: transparent;
        border: none;
        border-bottom: 1px solid #7C7C7C;
        border-radius: 0px;
        padding: 8px 12px 8px 0px;
        height: 45px;
        font-size: 16px;
        font-family: 'Conv_Gilroy-Regular';
        color: #4F4F4F;
        box-shadow: none;
    }

.regi-form-parent .form-group-mobile {
    display: flex;
    justify-content: space-between;
}

    .regi-form-parent .form-group-mobile .form-control {
        width: 100%;
        margin-right: 10px;
    }

    .regi-form-parent .form-group-mobile a {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 17px;
        color: #ffffff;
        background-color: #616161;
        width: 55%;
        height: 45px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .regi-form-parent .form-group-mobile p {
        width: 15%;
        height: 45px;
        border: 1px solid #7c7c7c;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
        padding: 13px 18px;
    }

        .regi-form-parent .form-group-mobile p i {
            font-size: 17px;
            color: #00b72f;
        }

.regi-form-parent .form-group .form-control::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #4F4F4F;
}

.regi-form-parent .form-group .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #4F4F4F;
    opacity: 1;
}

.regi-form-parent .form-group .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #4F4F4F;
    opacity: 1;
}

.regi-form-parent .form-group .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #4F4F4F;
}

.regi-form-parent .form-group .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #4F4F4F;
}

.regi-form-parent .form-group .form-control::placeholder {
    /* Most modern browsers support this now. */
    color: #4F4F4F;
}

.regi-form-parent .form-group .form-control:focus {
    box-shadow: none;
}

/*.regi-form-parent .form-group select.form-control option
{
    background-color:rgba(0,0,0,0.6);
}*/
.regi-form-parent .continue-submit {
    width: 250px;
    height: 70px;
    font-family: 'Conv_Gilroy-Bold';
    font-size: 36px;
    color: #ffffff;
    background-color: #F10021;
    border-radius: 5px;
    border: none;
    margin-top: 10%;
    background-image: none;
}

    .regi-form-parent .continue-submit a {
        color: #ffffff;
        text-decoration: none;
    }

    .regi-form-parent .continue-submit:focus {
        outline: none;
        outline-offset: 0px;
    }

.gear-text .modal-parent .modal-body p {
    color: #000000;
}

    .gear-text .modal-parent .modal-body p a {
        background: none;
        padding: 0px;
        border-radius: 0px;
        color: #000000;
        text-decoration: none;
        font-family: 'Conv_Gilroy-Regular' !important;
    }

.regi-form-parent .jan-list {
    display: flex;
    margin-bottom: 25px;
}

    .regi-form-parent .jan-list p {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 18px;
        color: #000000;
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        padding-right: 25px;
    }

        .regi-form-parent .jan-list p picture img {
            padding-right: 7px;
        }

        .regi-form-parent .jan-list p:last-child {
            padding-right: 0px;
        }

.regis-radio {
    margin-bottom: 25px;
    display: flex;
}

    .regis-radio p {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 18px;
        color: #000000;
        margin-bottom: 0px;
        padding-right: 30px;
    }

    .regis-radio label {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 18px;
        color: #000000;
        padding-right: 30px;
        margin-bottom: 0px;
    }

        .regis-radio label:last-child {
            padding-right: 0px;
            margin-left: 0;
        }

        .regis-radio label input[type=radio] {
            margin: 6px 10px 0px 0px !important;
            position: inherit;
        }

/* The container */
.radio-custom {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radio-custom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom radio button */
    /*.checkmark {
  position: absolute;
    top: 6px;
    left: 20px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #F00022;
}*/
    .radio-custom:hover input ~ .checkmark {
        background-color: #ccc;
    }

    .radio-custom input:checked ~ .checkmark {
        background-color: transparent;
    }

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-custom input:checked ~ .checkmark:after {
    display: block;
}

.radio-custom .checkmark:after {
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #F00022;
}

.regis-fees h6 {
    font-family: 'Conv_Gilroy-Medium';
    font-size: 19px;
    color: #000000;
    margin: 0px;
    padding-bottom: 30px;
}

    .regis-fees h6 sup {
        color: #FF0101;
        font-size: 20px;
        position: inherit;
    }

.regis-fees label {
    font-family: 'Conv_Gilroy-Light';
    font-size: 14px;
    color: #000000;
    margin-bottom: 15px;
}

    .regis-fees label b {
        color: #FE0000;
    }

        .regis-fees label b.black {
            color: #000000;
            font-family: 'Conv_Gilroy-Medium';
        }

/* The container */
.checkbox-custom {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbox-custom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .checkbox-custom .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: transparent;
        border: 1px solid #F00022;
        border-radius: 0px;
    }

    /* On mouse-over, add a grey background color */
    .checkbox-custom:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkbox-custom input:checked ~ .checkmark {
        background-color: #F00022;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkbox-custom .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkbox-custom input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkbox-custom .checkmark:after {
        left: 4px;
        top: 0px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.regis-fees label sup {
    color: #FF0101;
    font-size: 20px;
    top: 0px;
}

.regis-fees p {
    font-family: 'Conv_Gilroy-Light';
    font-size: 14px;
    color: #000000;
}

    .regis-fees p sup {
        color: #FF0101;
        font-size: 20px;
        top: 0px;
    }

    .regis-fees p b {
        color: #FE0000;
    }

.thank-paras p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 18px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 25px;
}

.thank-paras ul {
    padding-inline-start: 0px;
}

    .thank-paras ul li {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 18px;
        color: #000000;
        list-style-type: none;
        padding-bottom: 35px;
        position: relative;
    }

        .thank-paras ul li:last-child {
            padding-bottom: 0px;
        }

        .thank-paras ul li:before {
            content: '';
            width: 6px;
            height: 20px;
            background-color: #9E9E9E;
            position: absolute;
            top: 5px;
            left: -15px;
        }

        .thank-paras ul li b {
            color: #FE0000;
        }

        .thank-paras ul li span {
            display: inherit;
        }

            .thank-paras ul li span b {
                color: #000000;
            }

.event-begin-parent {
    width: 40%;
    background-color: rgba(241, 0, 33, 0.7);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 25px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: 0px auto;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .event-begin-parent .begin-text p {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 22px;
        color: #ffffff;
        margin-bottom: 0px;
    }

    .event-begin-parent .begin-regis a {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 15px;
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
        padding: 5px 10px;
        border-radius: 50px;
        text-transform: uppercase;
    }

    .event-begin-parent .ride-count-plugin {
        width: 45%;
    }

        .event-begin-parent .ride-count-plugin ul {
            padding-inline-start: 0px;
            display: flex;
            justify-content: space-between;
            margin-bottom: 0px;
            text-align: center;
        }

            .event-begin-parent .ride-count-plugin ul li {
                list-style-type: none;
            }

                .event-begin-parent .ride-count-plugin ul li span {
                    font-family: 'Conv_Gilroy-Medium';
                    font-size: 25px;
                    color: #ffffff;
                }

                .event-begin-parent .ride-count-plugin ul li p {
                    font-family: 'Conv_Gilroy-Regular';
                    font-size: 13px;
                    color: #ffffff;
                    margin-bottom: 0px;
                }

                .event-begin-parent .ride-count-plugin ul li.seperator {
                    font-size: 45px;
                    color: #ffffff;
                    margin-top: -12px;
                }

    .event-begin-parent .begin-close {
        position: absolute;
        right: 10px;
        top: 7px;
        cursor: pointer;
    }

.form-group-mobile .modal-header {
    padding: 5px 18px;
    border-bottom: 0px;
}

.form-group-mobile .modal-body {
    text-align: center;
}

    .form-group-mobile .modal-body h6 {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 22px;
        color: #595959;
        margin: 0px;
        padding-bottom: 10px;
    }

    .form-group-mobile .modal-body p {
        font-family: 'Conv_Gilroy-Regular' !important;
        font-size: 16px !important;
        color: #585858;
        margin-bottom: 0px;
        padding-bottom: 30px;
    }

    .form-group-mobile .modal-body .form-group {
        display: flex;
        justify-content: space-evenly;
        margin-bottom: 35px;
    }

        .form-group-mobile .modal-body .form-group .form-control {
            background: transparent;
            border: none;
            border-bottom: 3px solid #BEBEBE;
            border-radius: 0px;
            box-shadow: none;
            width: 45px;
            height: 45px;
            font-size: 16px;
            font-family: 'Conv_Gilroy-Regular';
            color: #4F4F4F;
            box-shadow: none;
            padding: 0px 4px;
            text-align: center;
        }

        .form-group-mobile .modal-body .form-group input[type=number] {
            -moz-appearance: textfield;
        }

    .form-group-mobile .modal-body .validate-submit {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 22px;
        color: #ffffff;
        background-color: #D6001C;
        border-radius: 5px;
        padding: 12px 20px;
        border: none;
    }

    .form-group-mobile .modal-body a {
        font-family: 'Conv_Gilroy-Medium';
        font-size: 17px;
        color: #575757;
        text-decoration: none;
        background: no-repeat;
        margin: 0px auto;
    }

.inclusion-bg {
    background-color: #F4F5F7;
    height: 100vh !important;
    padding-top: 6%;
}

.inclu-text p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 20px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.inclu-text ul li {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 20px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.inclu-text-terms h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 18px;
    color: #000000;
    margin: 0px;
    padding-bottom: 20px;
    text-align: center;
}

.inclu-text-terms p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 16px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.inclu-text-terms ul {
    padding-inline-start: 15px;
}

    .inclu-text-terms ul li {
        list-style-type: none;
        font-family: 'Conv_Gilroy-Regular';
        font-size: 16px;
        color: #000000;
        padding-bottom: 15px;
        position: relative;
    }

        .inclu-text-terms ul li:before {
            content: '.';
            font-size: 70px;
            color: #E53C29;
            position: absolute;
            top: -60px;
            left: -22px;
        }

        .inclu-text-terms ul li sup,
        .inclu-text-terms p sup {
            color: #E53C29;
            font-size: 20px;
            top: 0px;
        }

.is-sticky .list-bottom {
    width: 100% !important;
    border-radius: 0px;
}

.swipe {
    display: none;
}

/*aog-north-chapter-ride*/

/*Manglore*/
.aog-homebg {
    height: 100vh !important;
    padding-top: 0px;
}

    .aog-homebg > * {
        height: 100%;
    }

        .aog-homebg > * > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.mangalore-aboutbg {
    background: url(../images/north-chapter/mangalore/aog-about.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
}

.text-end {
    text-align: end;
}

.lazyloadbg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 55vw !important;
}

    .lazyloadbg > .container-fluid,
    .lazyloadbg > .container-fluid > .ladakh-lr-padding,
    .lazyloadbg > .container-fluid > .ladakh-lr-padding > .south-row {
        height: 100%;
    }

.mangalorebg.ridingearbg.lazyloaded {
    background-image: url(/-/media/SouthChapterRide/Group-28.png);
}

.mangalorebg {
    background-image: url(/-/media/SouthChapterRide/Group-28.png) !important;
    padding-top: 100px;
}

.dayonebg.lazyloaded {
    background-image: url(/-/media/SouthChapterRide/Mask-Group-5.png);
}

/* .dayonebg {
    height: 100vh !important;
} */
.daytwobg.lazyloaded {
    background-image: url(/-/media/SouthChapterRide/Mask-Group-6.png);
}

/* .daytwobg {
    height: 100vh !important;
} */
.daythreebg.lazyloaded {
    background-image: url(/-/media/SouthChapterRide/Mask-Group-7.png);
}

.ridingearbg.lazyloaded {
    background-image: url(/-/media/TVSv2/ChapterRide/coastal-ride/MaskGroup8.png);
}

.getprepped {
    background: #F5F5F5;
    height: 100vh !important;
}

.performance-gear-man-bg {
    background: url(../images/north-chapter/mangalore/performance-gear-man.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh !important;
}

.top-aog-manlogo {
    display: flex;
    justify-content: flex-end;
    padding-top: 65px;
    height: 65px;
}

.colorred {
    color: #DD1121 !important;
}

#example-event-mangalore li {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding-right: 5px;
    padding-left: 0;
    padding-top: 0;
}

    #example-event-mangalore li span {
        font-weight: bold;
        padding-right: 5px;
    }

    #example-event-mangalore li p {
        margin-bottom: 0px;
    }

#example-event-mangalore .seperator {
    font-weight: bold;
}

.mangalore-bottom {
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 4px 1px 12px 0px rgb(0 0 0 / 50%);
    width: 95% !important;
    margin: 0px auto;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 111 !important;
}

    .mangalore-bottom ul {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: space-between;
        padding: 0 30px;
    }

        .mangalore-bottom ul li {
            list-style-type: none;
            padding-left: 15px;
        }

            .mangalore-bottom ul li a {
                font-family: 'Conv_Gilroy-bold';
                font-size: 18px;
                color: #000000;
                text-transform: uppercase;
                text-decoration: none;
            }

.greybgmangalore {
    background: #ddd;
    height: 100%;
    padding-left: 0;
    padding-right: 30px;
}

.mangaloretextbg {
    position: absolute;
    left: 20%;
    bottom: 0px;
}

.welcome-south-text {
    align-items: center;
}

    .welcome-south-text p {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 20px;
        line-height: 30px;
        color: #000000;
        margin-bottom: 0px;
        padding-bottom: 25px;
    }

.south-row {
    height: 100vh;
    display: flex;
    align-items: center;
}

.mys-man {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 70px;
    color: #000;
    margin: 0px;
    line-height: 90%;
    padding: 80px 0px 45px 0px;
}

.mystical-mangalore-text {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 22px;
    color: #000;
    margin-bottom: 0px;
    padding-right: 50px;
}

.dayonebg .mystical-text h6,
.daytwobg .mystical-text h6,
.daythreebg .mystical-text h6 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 32px;
    color: var(--blue);
    margin: 0px;
    text-transform: uppercase;
}

.dayonebg .mystical-text h2,
.daytwobg .mystical-text h2,
.daythreebg .mystical-text h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 55px;
    color: #000000;
    margin: 0px;
    line-height: 90%;
    padding: 15px 0px 15px 0px;
}

.dayonebg .mystical-text p,
.daytwobg .mystical-text p,
.daythreebg .mystical-text p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 20px;
    color: #000000;
    margin-bottom: 0px;
    padding-bottom: 25px;
}

.dayonebg .mystical-text ul,
.daytwobg .mystical-text ul,
.daythreebg .mystical-text ul {
    position: relative;
    padding-left: 20px;
}

    .dayonebg .mystical-text ul li,
    .daytwobg .mystical-text ul li,
    .daythreebg .mystical-text ul li {
        font-family: 'Conv_Gilroy-Regular';
        font-size: 18px;
        color: #000000;
        margin-bottom: 0px;
        padding-bottom: 5px;
        list-style: none;
        position: relative;
    }

.dashright li:before,
.dashright li:before {
    content: "";
    background: #000;
    width: 10px;
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto auto auto -20px;
}

.dayonebg .mystical-text a,
.daytwobg .mystical-text a,
.daythreebg .mystical-text a {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 40px;
    background-color: #D6001C;
    border-radius: 30px;
}

.dayonebg .kn-space,
.daytwobg .kn-space {
    margin-top: 50px;
}

.daythreebg .kn-space {
    margin-top: 100px;
}

.dayonebg .mystical-image {
    position: relative;
    top: 100px;
}

.daytwobg .mystical-image {
    position: relative;
    top: 50px;
}

.dayonebg .ladakh-lr-padding {
    padding-left: 100px;
    padding-right: 20px;
}

.daytwobg .ladakh-lr-padding {
    padding-left: 20px;
    padding-right: 100px;
}

.how-box-child-2 {
    padding-top: 90px;
}

.how-box-child-1 h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 70px;
    color: #000000;
    margin: 0px;
    line-height: 90%;
    padding: 0px 0px 45px 60px;
    white-space: nowrap;
    z-index: 11;
    position: relative;
}

.how-box-child-2 h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 70px;
    color: #000000;
    margin: 0px;
    line-height: 90%;
    padding: 0px 0px 45px 0px;
    white-space: nowrap;
    z-index: 11;
    position: relative;
    margin-left: -100px;
}

.how-box-child-1 p {
    font-size: 18px;
    padding-left: 60px;
}

.how-box-child-2 p {
    font-size: 18px;
    padding-left: 25px;
}

.spacetopma {
    margin-top: 60px;
    padding-left: 60px;
}

    .spacetopma a {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 20px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 40px;
        background-color: #D6001C;
        border-radius: 30px;
    }

.spacetopmaone {
    margin-top: 60px;
    margin-left: -60px;
    z-index: 11;
    position: relative;
}

    .spacetopmaone a {
        font-family: 'Conv_Gilroy-Bold';
        font-size: 20px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 40px;
        background-color: #D6001C;
        border-radius: 30px;
    }

.gear-box-parent-mangalore {
    display: flex;
    justify-content: flex-end;
}

.gear-box-two-mangalore {
    position: relative;
    top: 60px;
}

.gear-text-mangalore h2 {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 65px;
    color: var(--black);
    margin: 0px;
    line-height: 95%;
    padding-bottom: 35px;
}

.gear-text-mangalore p {
    font-family: 'Conv_Gilroy-Regular';
    font-size: 20px;
    color: var(--black);
    margin-bottom: 0px;
    padding-bottom: 30px;
}

.buynowtvs {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 40px;
    background-color: #D6001C;
    border-radius: 30px;
    display: inline-block;
    margin-top: 50px;
}

.gear-text-mangalore a {
    font-family: 'Conv_Gilroy-Bold';
    font-size: 23px;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 25px;
    background-color: #D6001C;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
}

.gear-text-mangalore h2 span {
    display: inherit;
}

.gear-text-mangalore {
    padding-top: 25%;
}

.mangalore-lr {
    padding-top: 10%;
}

.mangalore-lr {
    padding-top: 70px !important;
    padding-bottom: 60px !important;
    height: auto !important;
}

.section.registerform {
    height: auto !important;
}

.gear-text-mangalore .modal-parent .modal-body p {
    color: #000000;
}

    .gear-text-mangalore .modal-parent .modal-body p a {
        background: none;
        padding: 0px;
        border-radius: 0px;
        color: #000000;
        text-decoration: none;
        font-family: 'Conv_Gilroy-Regular' !important;
    }

.carrycon {
    position: relative;
    bottom: 70px;
}

.animatelistimg img,
.animatelistimgtwo img {
    width: 250px;
    border: 2px solid #fff;
}

.animatelistimg.dayonefirst,
.animatelistimg.dayonefirstall {
    position: absolute;
    bottom: 70px;
    right: 320px;
    z-index: 11;
}

.animatelistimg.dayonetwo,
.animatelistimg.dayonetwoall {
    position: absolute;
    bottom: 0px;
    right: 100px;
    z-index: 1;
}

.animatelistimg.dayonethree,
.animatelistimg.dayonethreeall {
    position: absolute;
    left: 70px;
    bottom: -100px;
    z-index: 11;
}

.animatelistimg.dayonefour,
.animatelistimg.dayonefourall {
    position: absolute;
    bottom: -235px;
    right: 250px;
}

.animatelistimg.dayonefive,
.animatelistimg.dayonefiveall {
    position: absolute;
    top: 60px;
    left: 200px;
}

.animatelistimg.dayonesix,
.animatelistimg.dayonesixall {
    position: absolute;
    bottom: -300px;
    left: -70px;
    z-index: 11;
}

.hideForAnim {
    opacity: 0;
}

.animatelistimgtwo.daytwofirst,
.animatelistimgtwo.daytwofirstall {
    position: absolute;
    bottom: 0px;
    right: 300px;
    z-index: 1;
}

.animatelistimgtwo.daytwotwo,
.animatelistimgtwo.daytwotwoall {
    position: absolute;
    bottom: -130px;
    z-index: 1;
}

.animatelistimgtwo.daytwothree,
.animatelistimgtwo.daytwothreeall {
    position: absolute;
    left: 210px;
    bottom: -230px;
}

.animatelistimgtwo.daytwofour {
    position: absolute;
    top: 165px;
    left: 0;
}

.animatelistimgtwo.daytwofive {
    position: absolute;
    left: 220px;
    top: 200px;
}

.animatelistimgtwo.daytwosix {
    position: absolute;
    right: 190px;
    top: 260px;
}

.animatelistone {
    position: relative;
    bottom: 110px;
}

#menu-center .click-seven {
    padding-right: 15px;
}

    #menu-center .click-seven a {
        background: #D6001C;
        color: white !important;
        padding: 10px;
    }

#magalorenine {
    display: none;
}

.motosoul-flaunt {
    background: url(../images/flaunt/motosoul-flaunt.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh;
}

.flaunt-form {
    background-color: #303030;
}

    .flaunt-form .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    .flaunt-form .pht-text {
        padding: 0;
    }

    .flaunt-form .photo-form {
        padding: 0px 0px 0px 25px;
    }

        .flaunt-form .photo-form .parent-input .form-group .form-lab {
            color: #ffffff;
        }

    .flaunt-form .iti--separate-dial-code .iti__selected-dial-code {
        color: #ffffff;
    }

.flauntsub h2 {
    text-align: left;
    padding: 30px 0px 30px 50px;
    color: #ffffff;
    font-size: 70px;
    line-height: 70px;
}

.flaunt-form .pht-text {
    position: initial;
}

.flaunthome {
    background: url(../images/flaunt/flauntbg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: 100vh;
    padding-top: 14%;
    padding-left: 50px;
}

.aboutbg {
    background: url(../images/flaunt/about-bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    height: auto !important;
}

.flauntslick img {
    margin: 0 auto 0 auto;
    border: 10px solid #fff;
}

.flaunttext img {
    padding-bottom: 20px;
}

.flaunttext h2 {
    text-transform: inherit;
    margin: 0px;
    color: #000;
    font-size: 50px;
    font-weight: 900;
    line-height: 50px;
    padding-bottom: 15px;
    margin-bottom: 0px !important;
}

.flaunttext p br {
    display: none;
}

.flaunttext p {
    font-size: 40px;
    color: #000;
    margin: 0px;
    line-height: 50px;
    margin: 10px 20px 0px 0px;
}

.flaunttext span {
    display: inline;
    color: #E7282C;
}

p.share-picnew {
    font-size: 28px;
    line-height: 42px;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #fff;
}

.flaunt-abt h1 {
    margin-top: 0;
    font-size: 16rem;
}

.flaunt-abt {
    display: flex;
    align-items: center;
    margin-top: 7%;
}

    .flaunt-abt p {
        position: relative;
        top: 0px;
        left: 0;
        width: 100%;
        color: #ffffff;
        font-size: 38px;
        line-height: 44px;
        padding: 0px 50px 0px 140px;
    }

        .flaunt-abt p::before {
            content: "";
            background: #fff;
            width: 1px;
            height: 100%;
            position: absolute;
            left: 70px;
        }

.box-spacenew {
    margin-bottom: 10%;
}

.flaunthome .flip-card-back {
    height: 594px;
}

.flaunthide {
    visibility: hidden;
}

.flaunttext a {
    text-decoration: none;
}

.flaunt-form .form-control {
    color: #fff;
}

.flauntcopy .foot_align > li > a {
    cursor: inherit;
    text-decoration: none;
}


/*breakpoints*/
@media only screen and (min-width:2048px) {

    /*lek-ladakh*/
    .trip-slider-parent .slick-next {
        top: 89%;
        right: 16.5%;
    }

    .trip-slider-parent .slick-prev {
        left: 78%;
        top: 89%;
    }

    .trip-overall-parent .date-parent {
        bottom: 5%;
    }

    .trip-riding-parent .trip-riding-child1 p {
        padding-right: 15px;
    }

    /*lek-ladakh*/
}

@media only screen and (min-width:1900px) {
    .regulation ul .rules-ph:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        background: #E7282C;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto auto auto -20px;
        border-radius: 25px;
    }

    .box-space {
        height: 60vh;
    }

    .flip-card {
        height: 510px;
    }
}

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

@media only screen and (max-width: 2160px) and (min-width: 1681px) {

    /*lek-ladakh*/
    .trip-init-slider .trip-slider .trip-day-june {
        display: initial;
    }

        .trip-init-slider .trip-slider .trip-day-june img {
            width: auto;
            height: auto;
        }

    /*lek-ladakh*/
}

@media only screen and (max-width: 1680px) and (min-width: 1601px) {
    .ride-highlight-bg .about-head h1 {
        font-size: 17rem;
    }
}

@media only screen and (max-width: 1680px) {
    .customerguide {
        font-size: 40px;
    }

    .rules-photo h1 {
        font-size: 90px;
        line-height: 90px;
    }

    .regulation ul li {
        font-size: 18px;
    }

    .regulation ul .rules-ph:before {
        top: -40px;
    }

    .box-space {
        height: 52vh;
    }

    .flip-card {
        height: 440px;
    }

    .vidbgsection {
        height: 100vh !important;
    }

    /*lek-ladakh*/
    .ride-overall-parent {
        width: 33%;
    }

    .things-to-bg .about-head-things h1 {
        line-height: 35%;
    }

    .things-to-bg .clothing-parent:nth-child(2) {
        left: 110px;
    }

    .trip-riding-parent .trip-riding-child1 p {
        font-size: 15px;
        padding-top: 5px;
        padding-right: 10px;
    }

    .trip-overall-parent .date-parent {
        bottom: 5%;
        left: 61%;
    }

    .trip-slider-parent .slick-next {
        top: 89%;
        right: 8%;
    }

    .trip-slider-parent .slick-prev {
        top: 89%;
        left: 85%;
    }

    .basic-do-dont-bg .about-head-things h1 {
        line-height: 20%;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 75%;
    }

    .ride-highlight-parent .clothing-box .clothing-text-first img {
        width: 155px;
    }

    .arrival-and-bg .mystical-text p {
        font-size: 19px;
    }

    /*lek-ladakh*/
    .dayonebg .mystical-text h2,
    .daytwobg .mystical-text h2,
    .daythreebg .mystical-text h2 {
        font-size: 60px;
    }

    .how-box-child-1 h2 {
        font-size: 60px;
    }

    .how-box-child-2 h2 {
        font-size: 60px;
    }

    .gear-text-mangalore h2 {
        font-size: 55px;
    }

    .regi-form-parent .form-group-mobile a {
        width: 70%;
    }

    .dayonebg .mystical-text p,
    .daytwobg .mystical-text p,
    .daythreebg .mystical-text p {
        font-size: 16px;
    }

    .dayonebg .mystical-text ul li,
    .daytwobg .mystical-text ul li,
    .daythreebg .mystical-text ul li {
        font-size: 16px;
    }

    .mys-man {
        font-size: 60px;
    }

    .animatelistimg img,
    .animatelistimgtwo img {
        width: 200px;
    }

    .animatelistimg.dayonetwo,
    .animatelistimg.dayonetwoall {
        right: 140px;
    }

    .animatelistimg.dayonefour,
    .animatelistimg.dayonefourall {
        bottom: -190px;
    }

    .animatelistimg.dayonesix,
    .animatelistimg.dayonesixall {
        bottom: -235px;
        left: -65px;
    }

    .animatelistimg.dayonefive,
    .animatelistimg.dayonefiveall {
        left: 166px;
    }

    .animatelistimgtwo.daytwofirst,
    .animatelistimgtwo.daytwofirstall {
        right: 250px;
    }

    .animatelistimgtwo.daytwothree,
    .animatelistimgtwo.daytwothreeall {
        left: 170px;
        bottom: -205px;
    }

    .animatelistimgtwo.daytwofive {
        top: 200px;
    }

    .animatelistimgtwo.daytwosix {
        right: 175px;
    }

    .flaunt-abt p {
        font-size: 30px;
        line-height: 36px;
    }

    .flaunthome .flip-card {
        padding: 0px 5px;
    }

        .flaunthome .flip-card .box-text h2 {
            font-size: 26px;
        }

    .flaunthome .flip-card-back {
        height: 524px;
    }
}

@media only screen and (max-width:1600px) {

    .bghome {
        height: 100vh !important;
    }

    .bghome-2 {
        height: 100vh !important;
    }

    .box-space {
        height: 43vh;
    }

    .flip-card {
        height: 420px;
    }

    .apache-text h2 {
        font-size: 82px;
        line-height: 66px;
    }

    .apache-text p {
        font-size: 25px;
    }

    .dot-image .dot-20 {
        width: 420px;
    }

    .dot-image .arrow-20 {
        top: -28px;
        right: 203px;
    }

    .about-head h1 {
        font-size: 15rem;
        margin-top: 6%;
    }

    .about-head p {
        font-size: 28px;
        line-height: 33px;
        position: absolute;
        left: 100px;
    }

    .box-space {
        margin: 0px 25px;
    }

    .box-text h2 {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .box-text p {
        font-size: 19px;
        padding-right: 8%;
    }

    .submit h2 {
        font-size: 5em;
        position: absolute;
        top: 108px;
    }

    .photo img {
        width: 580px;
    }

    .pht-text {
        position: absolute;
        top: 100px;
        padding: 0px 0px;
    }

        .pht-text h2 {
            font-size: 5.5em;
        }

    .photo-form .parent-input .form-group .form-lab {
        font-size: 13px;
    }

    .photo-form .parent-input .form-group .form-control {
        width: 465px;
        height: 45px;
    }

    .photo-form .parent-input .form-check {
        width: 465px;
    }

        .photo-form .parent-input .form-check button {
            font-size: 24px;
            width: 200px;
        }

    .photo-form .parent-input {
        margin-bottom: 25px;
    }

    .read-rules {
        height: 140px;
        margin: 50px -65px 0px -15px;
    }

        .read-rules h3 a {
            font-size: 20px;
        }

        .read-rules h3 img {
            width: 40px;
        }

        .read-rules h3 {
            position: absolute;
            top: 58px;
        }

    .form-control-choss {
        padding: 10px 12px !important;
    }

    .apache-text h2:nth-child(3) {
        margin-bottom: 5px;
    }

    .apache-text img {
        padding-bottom: 25px;
    }

    .rules-photo h1 {
        font-size: 80px;
        line-height: 80px;
    }

    .regulation ul li {
        font-size: 19px;
    }

    .regulation {
        margin: 20px 20px;
    }

    .bghome-2 {
        padding-top: 10%;
    }

    .apache-text-2 h2 {
        font-size: 54px;
        padding-bottom: 20px;
    }

        .apache-text-2 h2:nth-child(4),
        .apache-text-2 h2:nth-child(5) {
            font-size: 40px;
            line-height: 42px;
        }

        .apache-text-2 h2:nth-child(5) {
            padding-bottom: 15px;
        }

    .apache-text-2 p {
        line-height: 30px;
    }

    .apache-journey {
        width: 95%;
        padding: 30px 25px;
    }

    .footersec {
        margin-top: 10px;
    }

    .this-imgg img {
        width: 635px;
    }

    .journey-bg {
        height: 910px !important;
    }

    .journey-bg-thank {
        height: 882px !important;
    }

    .footersec {
        margin-top: 55px;
    }

    /*lek-ladakh*/
    .ladakh-lr-padding {
        padding: 0px 80px;
    }

    .ride-overall-parent .ride-left .ride-text p,
    .ride-overall-parent .ride-left-text p,
    .ride-overall-parent .terms-parent a:nth-child(1) {
        font-size: 20px;
    }

    .ride-overall-parent .terms-parent a:nth-child(2) {
        font-size: 22px;
    }

    .ride-to-leh-left p,
    .ride-to-leh-right p {
        font-size: 22px;
        line-height: 36px;
    }

    .trip-riding-parent .trip-riding-child1 {
        width: 30%;
    }

    .trip-riding-parent .trip-riding-child2 {
        width: 70%;
    }

    .trip-riding-parent .trip-riding-child1 p {
        font-size: 16px;
        padding-top: 5px;
        line-height: 18px;
    }

    .about-the-place h2 {
        font-size: 20px;
    }

    .about-the-place p {
        font-size: 19px;
        line-height: 30px;
    }

    .about-the-place {
        width: 100%;
    }

    .trip-init-slider h2 {
        font-size: 30px;
        top: 58%;
        left: -120px;
    }

    .clothing-parent .clothing-box {
        width: 400px;
        height: 190px;
    }

        .clothing-parent .clothing-box .clothing-text h2 {
            font-size: 24px;
        }

        .clothing-parent .clothing-box .clothing-text p {
            font-size: 19px;
            line-height: 26px;
        }

        .clothing-parent .clothing-box .clothing-text a {
            font-size: 16px;
        }

    .things-to-bg .clothing-parent:nth-child(1) {
        position: absolute;
        top: 20px;
        left: 55px;
    }

    .things-to-bg .clothing-parent:nth-child(2) {
        position: absolute;
        top: 240px;
        left: 140px;
    }

    .footersec-ladakh {
        margin-top: 0px !important;
        padding: 20px 0 75px 0 !important;
    }

    .ride-overall-parent,
    .ride-overall-parent .ride-left,
    .ride-overall-parent .ride-left-text,
    .ride-overall-parent .terms-parent,
    .ride-overall-parent .terms-parent a:nth-child(2) {
        height: 55px;
    }

    .clothing-parent .clothing-box .clothing-icon img {
        width: 60px;
    }

    .trip-overall-parent .date-parent {
        left: 60%;
        bottom: 5%;
    }

    .trip-slider-parent .slick-prev {
        left: 86%;
        top: 90%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 90%;
    }

    .lek-banner-text h2 {
        font-size: 85px;
    }

    .trip-riding-parent .trip-riding-child1 .trip-ridd-imgg {
        min-height: 45px;
    }

    .ride-overall-parent {
        width: 33%;
    }

    .ride-highlight-parent .clothing-box {
        height: 210px;
    }

        .ride-highlight-parent .clothing-box .clothing-text h2 {
            font-size: 24px;
            line-height: 28px;
        }

        .ride-highlight-parent .clothing-box .clothing-text p {
            font-size: 19px;
            line-height: 24px;
        }

        .ride-highlight-parent .clothing-box .clothing-text a {
            font-size: 16px;
        }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            width: 150px;
        }

    .trip-slider-parent .slick-next:before,
    .trip-slider-parent .slick-prev:before {
        background-size: 80%;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .north-text h2 {
        font-size: 100px;
    }

    .north-text h3 {
        font-size: 75px;
    }

    .north-text p {
        font-size: 40px;
    }

    .top-aog-logo picture img {
        width: 400px;
    }

    .list-bottom {
        /*bottom:-54px;*/
        height: 65px;
    }

        .list-bottom ul li a {
            font-size: 17px;
        }

    .welcome-aog-text p {
        font-size: 22px;
    }

    .mystical-text h2 {
        font-size: 72px;
        padding: 60px 0px 45px 0px;
    }

    .mystical-text p {
        font-size: 23px;
    }

    .arrival-and-bg .mystical-text h6 {
        font-size: 24px;
    }

    .arrival-and-bg .mystical-text p {
        font-size: 20px;
    }

    .arrival-and-bg .mystical-image picture img {
        padding-top: 8%;
    }

    .riding-around-bg .mystical-image picture img {
        top: 15px;
        width: 860px;
        padding-top: 0%;
    }

    .how-box-parent .how-box-child-1 {
        width: 335px;
        height: 455px;
    }

        .how-box-parent .how-box-child-1 h2 {
            font-size: 28px;
        }

        .how-box-parent .how-box-child-1 p {
            font-size: 21px;
        }

        .how-box-parent .how-box-child-1 a {
            font-size: 22px;
            padding: 8px 16px;
            bottom: -22px;
        }

    .arrival-and-bg .mystical-text a {
        font-size: 22px;
        padding: 8px 16px;
    }

    .gear-text h2 {
        font-size: 46px;
    }

    .gear-text p {
        font-size: 22px;
    }

    .gear-text a {
        font-size: 26px;
        padding: 10px 22px;
    }

    .resgis-text h2 {
        font-size: 48px;
    }

    .regi-form-parent .continue-submit {
        width: 230px;
        height: 60px;
        font-size: 30px;
    }

    .regi-form-parent .form-group-mobile a {
        font-size: 14px;
    }

    .registration-process-steptwo .resgis-text h2 {
        font-size: 38px;
        padding-bottom: 40px;
    }

    .regi-form-parent .jan-list p,
    .regis-radio p,
    .regis-radio label {
        font-size: 17px;
    }

    .regis-fees h6 {
        font-size: 18px;
    }

    .regis-fees label {
        font-size: 13px;
    }

    .registration-process-steptwo .regi-form-parent .continue-submit {
        margin-top: 6%;
    }

    .thank-paras p,
    .thank-paras ul li {
        font-size: 17px;
    }

    .thank-paras p,
    .thank-paras ul li {
        font-size: 16px;
    }

    .inclu-text p {
        font-size: 19px;
    }

    .inclu-text ul li {
        font-size: 19px;
    }

    .inclu-text-terms p {
        font-size: 16px;
    }

    .arrival-and-bg .mystical-text h2 {
        padding: 15px 0px 15px 0px;
        font-size: 58px;
    }

    .regi-form-parent .form-group-mobile p {
        width: 18%;
    }

    .aog-homebg {
        height: 790px !important;
    }

    /*aog-north-chapter-ride*/

    .flauntsub h2 {
        font-size: 60px;
        line-height: 60px;
    }

    .flaunttext h2 {
        font-size: 45px;
        line-height: 45px;
    }

    .flaunttext p {
        font-size: 35px;
        line-height: 45px;
    }

    p.share-picnew {
        font-size: 26px;
    }

    .flaunt-abt h1 {
        margin-top: 0;
    }

    .flaunt-abt p {
        position: relative;
        left: 0;
    }
}

@media only screen and (max-width:1540px) {
    .customerguide {
        font-size: 34px;
    }

    .about-head {
        margin-bottom: 9%;
    }

        .about-head h1 {
            font-size: 12rem;
            margin-top: 6%;
        }

        .about-head p {
            font-size: 27px;
            line-height: 32px;
        }

    .dot-image .dot-20 {
        width: 400px;
    }

    .dot-image .arrow-20 {
        width: 42px;
        display: block;
    }

    .box-text h2 {
        font-size: 28px;
        padding-bottom: 5px;
    }

    .box-text p {
        font-size: 18px;
        padding-right: 5%;
    }

    .submit h2 {
        font-size: 5.2em;
        position: absolute;
        top: 80px;
    }

    .pht-text {
        position: absolute;
        top: 32px;
        padding: 50px 0px;
    }

        .pht-text h2 {
            font-size: 5.2em;
        }

    .photo img {
        width: 525px;
    }

    .photo-form .parent-input .form-group .form-lab {
        font-size: 12px;
    }

    .photo-form .parent-input .form-group .form-control {
        width: 445px;
    }

    .photo-form .parent-input .form-check button {
        font-size: 22px;
        width: 185px;
        padding-top: 4px;
    }

    .read-rules {
        height: 130px;
        margin: 54px -65px 0px -15px;
    }

        .read-rules h3 a {
            font-size: 18px;
        }

        .read-rules h3 img {
            width: 35px;
            padding-left: 10px;
        }

        .read-rules h3 {
            position: absolute;
            top: 43px;
        }

    .apache-text img {
        padding-bottom: 20px;
        width: 410px;
    }

    .rules-photo h1 {
        font-size: 8rem;
        margin-top: 3%;
    }

    .regulation ul li {
        font-size: 18px;
    }

    .pht-text {
        position: absolute;
        top: 66px;
    }

    .submit h2 {
        font-size: 66px;
        position: absolute;
        top: 112px;
    }

    .pht-text h2 {
        font-size: 60px;
    }

    .this-imgg img {
        width: 600px;
    }

    .apache-journey {
        padding: 25px 25px;
    }

        .apache-journey h2 {
            font-size: 21px;
            padding-bottom: 35px;
        }

    .journey-bg {
        height: 890px !important;
    }

    .journey-bg-thank {
        height: 882px !important;
    }

    /*lek-ladakh*/
    .ladakh-lr-padding {
        padding: 0px 60px;
    }

    .lek-banner-text h2 {
        font-size: 85px;
        line-height: 75px;
    }

        .lek-banner-text h2 span {
            font-size: 100px;
        }

    .ride-to-leh-right p {
        font-size: 20px;
        line-height: 32px;
    }

    .ride-overall-parent .ride-left .ride-text p,
    .ride-overall-parent .ride-left-text p,
    .ride-overall-parent .terms-parent a:nth-child(1) {
        font-size: 18px;
    }

    .ride-overall-parent .terms-parent a:nth-child(2) {
        font-size: 20px;
    }

    .ride-overall-parent,
    .ride-overall-parent .ride-left,
    .ride-overall-parent .ride-left-text,
    .ride-overall-parent .terms-parent,
    .ride-overall-parent .terms-parent a:nth-child(2) {
        height: 45px;
    }

    .ride-overall-parent {
        width: 31%;
    }

    .footersec-ladakh {
        padding: 20px 0 75px 0 !important;
    }

    .trip-overall-parent .date-parent {
        bottom: 6%;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
        font-size: 30px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
        font-size: 19px;
    }

    .inclusion-exclusion-bg .clothing-parent {
        margin-top: 0%;
    }

    .things-to-bg .about-head-things h1 {
        line-height: 20%;
    }

    .basic-do-dont-bg .about-head-things h1 {
        line-height: 0%;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 76%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 90%;
    }

    .trip-slider-parent .slick-prev {
        left: 86%;
        top: 90%;
    }

    .ride-highlight-parent {
        margin-top: 35px;
    }

    .ride-highlight-bg .about-head {
        margin-bottom: 5px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .north-text h2 {
        font-size: 83px;
    }

    .north-text h3 {
        font-size: 68px;
    }

    .north-text p {
        font-size: 38px;
    }

        .north-text p img {
            width: 40px;
        }

    .top-aog-logo picture img {
        width: 350px;
    }

    .list-bottom {
        /*bottom: -120px;*/
        padding: 20px 0px;
    }

    .welcome-aog-text p {
        font-size: 20px;
    }

    .how-box-parent .how-box-child-1 {
        width: 330px;
    }

    .riding-around-bg .mystical-text p {
        padding-bottom: 20px;
    }

    .inclusion-bg .resgis-text h2 {
        font-size: 42px;
    }

    .inclu-text p {
        font-size: 18px;
    }

    .inclu-text ul li {
        font-size: 18px;
    }

    .inclu-text-terms p {
        font-size: 16px;
    }

    /*aog-north-chapter-ride*/

    .flaunt-abt h1 {
        margin-top: 0;
    }

    .flaunt-abt p {
        position: relative;
        left: 0;
    }

    .flaunttext img {
        width: auto;
    }

    .flaunt-abt {
        margin-bottom: 2%;
    }
}

@media only screen and (max-width:1440px) {
    .apache-text h2 {
        font-size: 76px;
        line-height: 64px;
    }

        .apache-text h2:nth-child(3) {
            margin-bottom: 0px;
        }

    .apache-text p {
        font-size: 23px;
    }

    .dot-image .dot-20 {
        width: 355px;
        position: absolute;
    }

    .dot-image .arrow-20 {
        top: -28px;
        width: 45px;
        right: 165px;
        display: block;
    }

    .about-head h1 {
        font-size: 13rem;
        line-height: 69%;
        margin-top: 6%;
    }

    .about-head p {
        font-size: 25px;
        line-height: 29px;
        position: absolute;
        top: 110px;
        left: 80px;
    }

    .box-space {
        margin: 0px 15px;
    }

    .box-text h2 {
        font-size: 26px;
    }

    .photo-form {
        padding: 25px 0px 0px 25px;
    }

        .photo-form .parent-input .form-group .form-control,
        .photo-form .parent-input .form-check {
            width: 425px;
        }

            .photo-form .parent-input .form-check button {
                font-size: 20px;
                width: 168px;
                padding-top: 7px;
            }

    .read-rules {
        height: 119px;
        margin: 30px -65px 0px -15px;
    }

        .read-rules h3 img {
            width: 30px;
        }

        .read-rules h3 {
            position: absolute;
            top: 38px;
        }

    .rules-photo h1 {
        font-size: 70px;
        line-height: 70px;
    }

    .regulation ul li {
        font-size: 17px;
    }

    .bghome {
        height: 100vh !important;
    }

    .bghome-2 {
        height: 100vh !important;
    }

    .box-space {
        height: 55vh;
    }

    .flip-card {
        height: 380px;
    }

    .vidbgsection {
        height: 87vh !important;
    }

    .apache-text-2 h2 {
        font-size: 48px;
    }

    .pht-text {
        position: absolute;
        top: 40px;
    }

    .submit h2 {
        font-size: 62px;
        position: absolute;
        top: 90px;
    }

    .this-imgg img {
        width: 550px;
    }

    .apache-journey {
        width: 98%;
        padding: 20px 25px;
        margin-top: 20px;
    }

        .apache-journey h2 {
            font-size: 20px;
            padding-bottom: 30px;
        }

        .apache-journey .form-group .form-control {
            height: 45px;
        }

    .jour-subb {
        height: 45px;
    }

    .footersec {
        margin-top: 10px;
    }

    /*lek-ladakh*/
    .trip-init-slider .trip-slider .trip-day-june {
        justify-content: inherit;
    }

        .trip-init-slider .trip-slider .trip-day-june img {
            width: 650px;
        }

    .things-to-bg .clothing-parent:nth-child(2) {
        left: 80px;
    }

    .trip-slider-parent .slick-list {
        width: auto;
    }

    .lek-banner-text h2 {
        font-size: 80px;
        line-height: 65px;
    }

        .lek-banner-text h2 span {
            font-size: 90px;
        }

    .bghome-5 {
        /*height: 85vh !important;*/
    }

    .ride-to-leh-bg {
        /*height: 85vh !important;*/
    }

    .lek-banner-text img {
        width: 220px;
    }

    .trip-itinerary-bg {
        /*height: 90vh !important;*/
    }

    .trip-riding-parent .trip-riding-child1 h6 {
        font-size: 14px;
    }

    .trip-riding-parent .trip-riding-child1 p {
        font-size: 16px;
    }

    .about-the-place h2 {
        font-size: 18px;
    }

    about-the-place p {
        font-size: 19px;
        line-height: 30px;
    }

    .trip-init-slider h2 {
        font-size: 29px;
        top: 56%;
        left: -115px;
    }

    .trip-slider-parent .slick-prev {
        left: 86%;
        top: 86%;
    }

    .things-to-bg {
        /*height: 85vh !important;*/
    }

    .clothing-parent .clothing-box:nth-child(1) {
        margin-right: 25px;
    }

    .clothing-parent .clothing-box {
        width: 370px;
        height: 155px;
        padding: 20px;
    }

        .clothing-parent .clothing-box .clothing-icon img {
            width: 50px;
        }

        .clothing-parent .clothing-box .clothing-text h2 {
            font-size: 20px;
            padding-bottom: 10px;
        }

        .clothing-parent .clothing-box .clothing-text p {
            font-size: 18px;
            line-height: 24px;
            padding-bottom: 15px;
        }

        .clothing-parent .clothing-box .clothing-text a {
            font-size: 15px;
        }

    .things-to-bg .clothing-parent:nth-child(1) {
        position: absolute;
        top: 25px;
        left: -10px;
    }

    .things-to-bg .clothing-parent:nth-child(2) {
        top: 205px;
    }

    .ride-overall-parent {
        width: 32%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 86%;
    }

    .trip-overall-parent .date-parent {
        left: 60%;
        bottom: 8%;
    }

    .modal-parent .modal-header .modal-title {
        font-size: 19px;
    }

    .modal-parent .modal-header,
    .modal-parent .modal-body {
        padding: 16px;
    }

        .modal-parent .modal-body ul li {
            font-size: 17px;
        }

    .trip-riding-parent .trip-riding-child1 {
        margin-right: 5px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
        font-size: 28px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
        font-size: 18px;
    }

    .inclusion-exclusion-bg .clothing-parent {
        margin-top: 3%;
    }

    .ride-overall-parent .terms-parent a:nth-child(2) {
        font-size: 18px;
    }

    .inclusion-exclusion-bg {
        background-position: bottom left;
    }

    .about-head h1 {
        font-size: 10rem;
    }

    .things-to-bg .about-head-things h1 {
        line-height: 16%;
    }

    .about-the-place p {
        font-size: 18px;
        line-height: 28px;
    }

    .ride-highlight-parent .clothing-box {
        height: 200px;
        padding: 25px;
    }

        .ride-highlight-parent .clothing-box .clothing-text h2 {
            font-size: 22px;
            line-height: 24px;
        }

        .ride-highlight-parent .clothing-box .clothing-text p {
            font-size: 18px;
            line-height: 22px;
        }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            width: 140px;
        }

    .ride-highlight-bg .about-head h1 {
        margin-top: 7%;
    }

    .ride-highlight-parent {
        margin-top: 30px;
    }

    .bghome-5-video .lek-banner-text img:nth-child(1) {
        width: auto;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-body iframe {
        height: 650px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .aog-secone-bg {
        height: 730px !important;
    }

    .north-text h2 {
        font-size: 80px;
    }

    .north-text p {
        font-size: 37px;
    }

    .top-aog-logo picture img {
        width: 330px;
    }

    .list-bottom {
        /*bottom: -45px;*/
        padding: 18px 0px;
        height: 60px;
    }

    .welcome-aog-bg {
        height: 730px !important;
        padding-top: 45px;
    }

    .welcome-aog-text p {
        font-size: 18px;
        line-height: 30px;
    }

    .mustical-bg {
        height: 730px !important;
        padding-top: 75px;
    }

    .mystical-text h2 {
        font-size: 66px;
        padding: 30px 0px 35px 0px;
    }

    .mystical-text p {
        font-size: 21px;
    }

    .arrival-and-bg {
        height: 725px !important;
        padding-top: 2%;
    }

        .arrival-and-bg .mystical-text h6 {
            font-size: 23px;
        }

        .arrival-and-bg .mystical-text h2 {
            padding: 20px 0px 20px 0px;
            font-size: 56px;
        }

        .arrival-and-bg .mystical-text p {
            font-size: 17px;
            padding-bottom: 15px;
        }

        .arrival-and-bg .mystical-image picture img {
            padding-top: 13%;
        }

    .riding-around-bg .mystical-image picture img {
        top: 15px;
        width: 790px;
        padding-top: 0%;
    }

    .how-prepped-bg {
        height: 730px !important;
        padding-top: 10%;
    }

    .how-box-parent .how-box-child-1 {
        width: 305px;
        height: 425px;
        padding: 20px;
    }

        .how-box-parent .how-box-child-1 h2 {
            font-size: 26px;
        }

        .how-box-parent .how-box-child-1 p {
            font-size: 19px;
        }

        .how-box-parent .how-box-child-1 a {
            font-size: 20px;
        }

    .arrival-and-bg .mystical-text a {
        font-size: 20px;
    }

    .performance-gear-bg {
        height: 730px !important;
        padding-top: 7%;
    }

    .gear-text h2 {
        font-size: 40px;
        padding-bottom: 25px;
    }

    .gear-text p {
        font-size: 20px;
        padding-bottom: 35px;
    }

    .gear-text a {
        font-size: 23px;
        padding: 10px 22px;
    }

    .gear-box-parent .gear-box-one picture img {
        width: 270px;
    }

    .registration-process-bg {
        height: 730px !important;
    }

    .resgis-text h2 {
        font-size: 44px;
    }

    .riding-around-bg .mystical-text p {
        font-size: 18px;
    }

    .riding-around-bg .mystical-text h2 {
        padding: 30px 0px 25px 0px;
    }

    .event-begin-parent {
        padding: 7px 25px;
    }

        .event-begin-parent .begin-text p {
            font-size: 20px;
        }

        .event-begin-parent .ride-count-plugin {
            width: 42%;
        }

            .event-begin-parent .ride-count-plugin ul li span {
                font-size: 22px;
            }

            .event-begin-parent .ride-count-plugin ul li.seperator {
                font-size: 32px;
                margin-top: -12px;
            }

        .event-begin-parent .begin-regis a {
            font-size: 13px;
        }

    .regi-form-parent .form-group-mobile a {
        font-size: 13px;
    }

    .regi-form-parent .jan-list p,
    .regis-radio p,
    .regis-radio label {
        font-size: 16px;
    }

    .regi-form-parent .jan-list,
    .regis-radio {
        margin-bottom: 15px;
    }

    .regis-fees h6 {
        font-size: 17px;
        padding-bottom: 20px;
    }

    .regis-fees label {
        margin-bottom: 10px;
    }

    .registration-process-steptwo .regi-form-parent .continue-submit {
        margin-top: 4%;
    }

    .thank-paras ul li:before {
        top: 4px;
        left: -18px;
    }

    .inclusion-bg .resgis-text h2 {
        font-size: 38px;
    }

    .inclu-text p {
        font-size: 17px;
    }

    .inclu-text ul li {
        font-size: 17px;
    }

    .inclu-text-terms ul li {
        font-size: 15px;
    }

    .inclu-text-terms p {
        font-size: 15px;
    }

    .welcome-aog-text {
        width: 80%;
    }

    .mystical-text h2 span {
        display: inherit;
    }

    .mystical-text h2 span {
        display: inline-block;
        padding-left: 10px;
    }

    .regi-form-parent .form-group-mobile p {
        width: 20%;
    }

    /*aog-north-chapter-ride*/

    .mangaloretextbg img {
        width: 80%;
    }

    .top-aog-manlogo img {
        width: 75%;
        position: relative;
        left: 85px;
    }

    .aog-homebg,
    .mangalore-aboutbg,
    .mangalorebg,
    .daythreebg,
    .performance-gear-man-bg {
        height: 730px !important;
    }

    .dayonebg,
    .daytwobg {
        height: 760px !important;
        padding-top: 25px;
    }

    .welcome-south-text {
        padding-top: 100px;
    }

        .welcome-south-text p {
            font-size: 18px;
        }

    .mys-man {
        font-size: 50px;
        padding: 20px 0px 30px 0px;
    }

    .mystical-mangalore-text {
        font-size: 18px;
        padding-right: 25px;
    }

    .dayonebg .ladakh-lr-padding {
        padding-left: 50px;
    }

    .dayonebg .mystical-text h6,
    .daytwobg .mystical-text h6,
    .daythreebg .mystical-text h6 {
        font-size: 23px;
    }

    .dayonebg .mystical-text h2,
    .daytwobg .mystical-text h2,
    .daythreebg .mystical-text h2 {
        font-size: 40px;
        padding: 20px 0px 20px 0px;
    }

    .dayonebg .mystical-text p,
    .daytwobg .mystical-text p,
    .daythreebg .mystical-text p {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .dayonebg .mystical-text ul li,
    .daytwobg .mystical-text ul li,
    .daythreebg .mystical-text ul li {
        font-size: 14px;
    }

    .dayonebg .mystical-text a,
    .daytwobg .mystical-text a,
    .daythreebg .mystical-text a {
        font-size: 18px;
    }

    .dayonebg .kn-space,
    .daytwobg .kn-space {
        margin-top: 30px;
    }

    .dayonebg .mystical-image {
        top: 10px;
    }

    .daytwobg .mystical-image {
        top: 10px;
    }

    .getprepped {
        height: 730px !important;
    }

    .south-row {
        height: 730px;
    }

    .how-box-child-1 h2 {
        font-size: 50px;
    }

    .how-box-child-2 {
        padding-top: 60px;
    }

    .spacetopma {
        padding-left: 20px;
    }

    .how-box-child-2 h2 {
        font-size: 50px;
    }

    .gear-text-mangalore h2 {
        font-size: 50px;
        padding-bottom: 30px;
    }

    .gear-text-mangalore p {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .buynowtvs {
        font-size: 18px;
        margin-top: 20px;
    }

    .gear-box-parent-mangalore img {
        width: 230px;
    }

    .mangalore-bottom ul li {
        padding-left: 0px;
    }

        .mangalore-bottom ul li a {
            font-size: 16px;
        }

    .animatelistimg img,
    .animatelistimgtwo img {
        width: 150px;
    }

    .animatelistimg.dayonefirst,
    .animatelistimg.dayonefirstall {
        bottom: 100px;
        right: 220px;
    }

    .animatelistimg.dayonetwo,
    .animatelistimg.dayonetwoall {
        right: 40px;
        bottom: 35px;
    }

    .animatelistimg.dayonethree,
    .animatelistimg.dayonethreeall {
        left: 135px;
        bottom: 0;
    }

    .animatelistimg.dayonesix,
    .animatelistimg.dayonesixall {
        bottom: -120px;
        left: 30px;
    }

    .animatelistimg.dayonefive,
    .animatelistimg.dayonefiveall {
        left: 195px;
        top: -20px;
    }

    .animatelistimg.dayonefour,
    .animatelistimg.dayonefourall {
        bottom: -50px;
        right: 200px;
    }

    .animatelistimgtwo.daytwofirst,
    .animatelistimgtwo.daytwofirstall {
        right: 200px;
    }

    .animatelistimgtwo.daytwothree,
    .animatelistimgtwo.daytwothreeall {
        left: 140px;
        bottom: -140px;
    }

    .animatelistimgtwo.daytwotwo,
    .animatelistimgtwo.daytwotwoall {
        bottom: -30px;
    }

    .animatelistimgtwo.daytwofour {
        top: 100px;
    }

    .animatelistimgtwo.daytwofive {
        top: 125px;
        left: 130px;
    }

    .animatelistimgtwo.daytwosix {
        right: 200px;
        top: 190px;
    }

    .flauntsub h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .flaunthome {
        padding-left: 5%;
    }

    .flauntslick img {
        margin: 0;
        width: 55%;
    }

    .flaunttext h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .flaunttext p {
        font-size: 35px;
        line-height: 45px;
    }

    p.share-picnew {
        font-size: 24px;
    }

    .flaunt-abt p {
        position: relative;
        top: 0;
        left: 0;
    }

    .flaunt-abt h1 {
        margin-top: 0px;
    }

    .flaunthome .flip-card-back {
        height: 472px;
    }
}

@media (max-width: 1400px) {
    .gear-text-mangalore {
        padding-right: 15%;
    }
}

@media only screen and (max-width:1399px) {
    .customerguide {
        font-size: 28px;
    }

    .bghome {
        height: 100vh !important;
    }

    .bghome-2 {
        height: 100vh !important;
    }

    .box-space {
        height: 62vh;
    }

    .flip-card {
        height: 365px;
    }

    .apache-text h2 {
        font-size: 70px;
        line-height: 58px;
    }

    .apache-text-2 h2 {
        font-size: 44px;
    }

    .apache-text p {
        font-size: 21px;
    }

    .dot-image .dot-20 {
        width: 310px;
        position: absolute;
        right: 90px;
    }

    .dot-image .arrow-20 {
        top: -37px;
        right: 116px;
        width: 54px;
        display: block;
    }

    .about-head h1 {
        font-size: 8rem;
        margin-top: 2%;
    }

    .about-head p {
        font-size: 23px;
        line-height: 28px;
        position: absolute;
        top: 86px;
        left: 75px;
        width: 85%;
    }

    .box-text h2 {
        font-size: 25px;
        padding: 2% 0px;
    }

    .box-text p {
        font-size: 14px;
        padding-right: 4%;
    }

    .submit h2 {
        font-size: 5.5rem;
        position: absolute;
        top: 58px;
    }

    .photo img {
        width: 470px;
    }

    .pht-text h2 {
        font-size: 5.1rem;
    }

    .photo-form .parent-input .form-group .form-control,
    .photo-form .parent-input .form-check {
        width: 400px;
    }

    .read-rules {
        height: 90px;
        margin: 20px -65px 0px -15px;
    }

        .read-rules h3 a {
            font-size: 17px;
        }

        .read-rules h3 img {
            width: 27px;
        }

        .read-rules h3 {
            position: absolute;
            top: 5px;
            right: 190px;
        }

    .rules-photo h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .regulation ul li {
        font-size: 18px;
    }

    .regulation ul .rules-ph:before {
        top: -30px;
    }

    .rules-ph {
        line-height: 30px !important;
    }

    .about-head {
        margin-bottom: 6%;
    }

    .vidbgsection {
        height: 100vh !important;
    }

    .pht-text {
        position: absolute;
        top: 10px;
    }

    .this-imgg img {
        width: 500px;
    }

    .apache-journey {
        margin-top: 30px;
        padding: 20px 25px;
    }

        .apache-journey h2 {
            font-size: 18px;
        }

        .apache-journey .form-group .form-control {
            height: 43px;
        }

    .upload p {
        font-size: 15px;
        padding: 0px 0px 10px;
    }

    .choose-file p,
    .mand p {
        font-size: 15px;
    }

    .choose-file .choose-btn {
        width: 230px;
        font-size: 15px;
    }

    .mand label {
        font-size: 14px;
    }

    .jour-subb {
        width: 230px;
        font-size: 16px;
        margin-top: 30px;
    }

    .footersec {
        margin-top: 25px;
    }

    .journey-bg {
        height: 865px !important;
    }

    /*lek-ladakh*/
    .ladakh-lr-padding {
        padding: 0px 40px;
    }

    .lek-banner-text h2 {
        font-size: 65px;
        line-height: 60px;
    }

        .lek-banner-text h2 span {
            font-size: 80px;
        }

    .ride-overall-parent .ride-left .ride-text p,
    .ride-overall-parent .ride-left-text p,
    .ride-overall-parent .terms-parent a:nth-child(1) {
        font-size: 16px;
    }

    .ride-overall-parent .terms-parent a:nth-child(2) {
        font-size: 16px;
    }

    .ride-overall-parent {
        width: 30%;
    }

        .ride-overall-parent,
        .ride-overall-parent .ride-left,
        .ride-overall-parent .ride-left-text,
        .ride-overall-parent .terms-parent,
        .ride-overall-parent .terms-parent a:nth-child(2) {
            height: 45px;
        }

    .ride-to-leh-right p {
        font-size: 19px;
        line-height: 30px;
    }

    .about-the-place p {
        font-size: 17px;
        line-height: 26px;
    }

    .about-the-place h2 {
        font-size: 17px;
    }

    .trip-riding-parent .trip-riding-child1 p {
        font-size: 14px;
    }

    .trip-init-slider h2 {
        font-size: 26px;
        top: 59%;
        left: -105px;
    }

    .trip-overall-parent .date-parent span {
        font-size: 20px;
    }

    .trip-init-slider .date-parent {
        left: 25%;
    }

    .trip-slider-parent .slick-next:before,
    .trip-slider-parent .slick-prev:before {
        background-size: 70%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 88%;
    }

    .trip-slider-parent .slick-prev {
        left: 86%;
        top: 88%;
    }

    .things-to-bg .clothing-parent:nth-child(1) {
        left: -60px;
    }

    .things-to-bg .clothing-parent:nth-child(2) {
        left: 25px;
    }

    .things-to-bg {
        /*height: 80vh !important;*/
    }

        .things-to-bg .about-head-things h1 {
            line-height: 5%;
        }

    .basic-do-dont-bg .about-head-things h1 {
        line-height: 0%;
        margin-top: 5%;
    }

    .basic-do-dont-bg .clothing-parent {
        margin-top: 20%;
    }

    .inclusion-exclusion-bg .clothing-parent {
        margin-top: 2%;
    }

    .trip-riding-parent .trip-riding-child1 h6 {
        font-size: 13px;
    }

    .footersec-ladakh {
        padding: 20px 0 65px 0 !important;
    }

    .trip-itinerary-bg {
        height: auto !important;
    }

    .trip-overall-parent .date-parent {
        left: 60%;
        bottom: 7%;
    }

    .trip-riding-parent .trip-riding-child1 {
        margin-right: 5px;
    }

    .trip-riding-scroll {
        max-height: 600px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
        font-size: 26px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
        font-size: 17px;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 46%;
    }

    .clothing-parent .clothing-box {
        width: 370px;
        height: 150px;
        padding: 20px;
    }

    .things-to-bg .clothing-parent:nth-child(2) {
        top: 200px;
    }

    .bghome-5 {
        /*height: 81vh !important;*/
    }

    .ride-highlight-parent .clothing-box .clothing-text h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .ride-highlight-parent .clothing-box {
        height: 190px;
        padding: 25px;
    }

        .ride-highlight-parent .clothing-box .clothing-text a {
            font-size: 15px;
            bottom: 20px;
        }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            width: 130px;
        }

        .ride-highlight-parent .clothing-box .clothing-text img {
            right: 20px;
            bottom: 20px;
        }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            right: 0px;
            bottom: 0px;
        }

    .ride-to-leh-bg,
    .ride-highlight-bg {
        height: 750px !important;
    }

    .ride-highlight-parent {
        margin-top: 25px;
    }

    .ride-highlight-bg .about-head {
        margin-bottom: 5px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-body iframe {
        height: 500px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .aog-secone-bg {
        height: 692px !important;
    }

    .north-text h2 {
        font-size: 78px;
    }

    .north-text h3 {
        font-size: 66px;
    }

    .north-text p {
        font-size: 35px;
    }

        .north-text p img {
            width: 36px;
        }

    .top-aog-logo picture img {
        width: 300px;
    }

    .list-bottom {
        /*bottom: -60px;*/
        padding: 16px 0px;
        height: 54px;
    }

        .list-bottom ul li a {
            font-size: 15px;
        }

    .welcome-aog-bg {
        height: 692px !important;
        padding-top: 40px;
    }

    .welcome-aog-text p {
        font-size: 18px;
    }

    .mustical-bg {
        height: 692px !important;
        padding-top: 70px;
    }

    .mystical-text h2 {
        font-size: 62px;
    }

    .mystical-text p {
        font-size: 20px;
    }

    .mustical-bg .mystical-image picture img {
        width: 570px;
    }

    .arrival-and-bg {
        height: 690px !important;
        padding-top: 2%;
    }

        .arrival-and-bg .mystical-text h6 {
            font-size: 22px;
        }

    .mystical-text h2 {
        font-size: 56px;
    }

    .arrival-and-bg .mystical-text p {
        font-size: 18px;
    }

    .riding-around-bg .mystical-image picture img {
        top: 5px;
        width: 780px;
    }

    .how-prepped-bg {
        height: 692px !important;
        padding-top: 9%;
    }

    .how-box-parent .how-box-child-1 {
        width: 295px;
        height: 400px;
        padding: 20px;
    }

        .how-box-parent .how-box-child-1 h2 {
            font-size: 23px;
        }

        .how-box-parent .how-box-child-1 p {
            font-size: 18px;
        }

        .how-box-parent .how-box-child-1 a {
            font-size: 19px;
            bottom: -20px;
        }

    .arrival-and-bg .mystical-text a {
        font-size: 19px;
    }

    .performance-gear-bg {
        height: 692px !important;
    }

    .gear-text h2 {
        font-size: 38px;
        padding-bottom: 23px;
    }

    .gear-text p {
        font-size: 19px;
        padding-bottom: 32px;
    }

    .gear-box-parent .gear-box-one picture img {
        width: 250px;
    }

    .number-parent p {
        font-size: 15px;
        width: 35px;
        height: 35px;
    }

        .number-parent p:nth-child(1)::after,
        .number-parent p:nth-child(2)::after {
            height: 45px;
            top: 45px;
            left: 15px;
        }

    .resgis-text h2 {
        font-size: 36px;
    }

    .regi-form-parent .form-group .form-control {
        font-size: 15px;
    }

    .regi-form-parent .continue-submit {
        width: 210px;
        height: 55px;
        font-size: 26px;
        margin-top: 8%;
    }

    .riding-around-bg .mystical-text h2 {
        padding: 20px 0px 20px 0px;
    }

    .event-begin-parent {
        padding: 7px 25px;
    }

        .event-begin-parent .begin-text p {
            font-size: 18px;
        }

        .event-begin-parent .ride-count-plugin {
            width: 40%;
        }

    .regi-form-parent .jan-list p,
    .regis-radio p,
    .regis-radio label {
        font-size: 14px;
    }

    .regis-fees h6 {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .regis-fees p {
        font-size: 13px;
    }

    .thank-paras p,
    .thank-paras ul li {
        font-size: 15px;
    }

        .thank-paras ul li:before {
            top: 5px;
            left: -16px;
            width: 5px;
            height: 15px;
        }

    .inclusion-bg .resgis-text h2 {
        font-size: 32px;
        padding-bottom: 27px;
    }

    .inclu-text p {
        font-size: 16px;
        padding-bottom: 12px;
    }

    .inclu-text ul li {
        font-size: 16px;
        padding-bottom: 12px;
    }

    .inclu-text-terms ul li {
        font-size: 14px;
    }

    .inclu-text-terms p {
        font-size: 14px;
    }

    .welcome-aog-text {
        width: 85%;
    }

    .arrival-and-bg .mystical-text h2 {
        padding: 18px 0px 18px 0px;
        font-size: 48px;
    }

    .gear-text .modal-parent .modal-body p {
        font-size: 17px !important;
    }

    /*aog-north-chapter-ride*/

    .aog-homebg,
    .mangalore-aboutbg,
    .mangalorebg,
    .daythreebg,
    .performance-gear-man-bg,
    .registerbg {
        height: 692px !important;
    }

    .mangaloretextbg img {
        width: 70%;
        position: relative;
        bottom: 40px;
    }

    .south-row {
        height: 692px;
    }

    .welcome-south-text p {
        line-height: 28px;
        padding-bottom: 20px;
    }

    .dayonebg,
    .daytwobg {
        padding-top: 50px;
    }

    .how-box-child-1 h2 {
        padding: 0px 0px 45px 45px;
    }

    .gear-text-mangalore .modal-parent .modal-body p {
        font-size: 17px !important;
    }

    .flaunttext h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .flaunttext p {
        font-size: 30px;
        line-height: 40px;
    }

    p.share-picnew {
        font-size: 22px !important;
        line-height: 35px;
    }

    .flaunttext p {
        font-size: 26px;
        line-height: 36px;
    }

    .flauntbanner {
        bottom: 20px;
    }

    .flaunt-abt h1 {
        margin-top: 0px;
    }

    .flaunt-abt p {
        position: relative;
        top: 0px;
        left: 0;
        width: 100%;
        color: #ffffff;
        font-size: 24px;
        line-height: 30px;
    }

    .flaunthome .flip-card-back {
        height: 442px;
    }

    .flaunt-abt {
        margin-bottom: 2%;
    }
}

@media only screen and (max-width:1280px) {
    .photo-form {
        padding: 15px 0px 0px 15px;
    }

        .photo-form .parent-input .form-group .form-control,
        .photo-form .parent-input .form-check {
            width: 380px;
        }

        .photo-form .parent-input {
            margin-bottom: 20px;
        }

    .read-rules {
        height: 97px;
    }

    .this-imgg img {
        width: 465px;
    }

    .apache-journey h2 {
        padding-bottom: 25px;
    }

    .apache-journey .form-group .form-control {
        height: 40px;
    }

    .upload p {
        font-size: 14px;
        padding: 0px 0px 10px;
    }

    .choose-file p,
    .mand p {
        font-size: 14px;
    }

    .mand label {
        font-size: 13px;
    }

    .apache-journey {
        padding: 20px 20px;
        margin-top: 35px;
    }

    /*lek-ladakh*/
    .trip-overall-parent .date-parent {
        bottom: 10%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 85%;
    }

    .trip-slider-parent .slick-prev {
        left: 85%;
        top: 85%;
    }

    .trip-init-slider h2 {
        font-size: 25px;
        top: 58%;
        left: -100px;
    }

    .lek-banner-text h2 {
        font-size: 70px;
    }

    .ride-left .ride-count-plugin #example li:nth-child(even) {
        padding-right: 20px !important;
    }

    .things-to-bg .about-head-things h1 {
        line-height: 8%;
    }

    .ride-overall-parent {
        width: 32%;
    }

    .bghome-5 {
        /*height: 76vh !important;*/
    }

    .basic-do-dont-bg .about-head-things h1 {
        line-height: 0%;
        margin-top: 5.5%;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 46%;
    }

    .about-the-place p {
        font-size: 16px;
        line-height: 24px;
    }

    .trip-overall-parent .date-parent span {
        font-size: 18px;
    }

    .ride-highlight-parent .clothing-box .clothing-text p {
        font-size: 17px;
        line-height: 22px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-lg {
        width: 1150px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-body iframe {
        height: 600px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .aog-secone-bg,
    .mustical-bg,
    .arrival-and-bg,
    .how-prepped-bg,
    .performance-gear-bg,
    .registration-process-bg {
        height: 648px !important;
    }

    .welcome-aog-bg {
        height: 648px !important;
    }

    .north-text h2 {
        font-size: 72px;
    }

    .north-text h3 {
        font-size: 62px;
    }

    .north-text p {
        font-size: 32px;
    }

    .list-bottom {
        /*bottom: -32px;*/
    }

    .mystical-text h2 {
        font-size: 54px;
    }

    .mystical-text p {
        font-size: 19px;
    }

    .arrival-and-bg .mystical-text p {
        font-size: 17px;
    }

    .riding-around-bg .mystical-image picture img {
        top: 5px;
        width: 725px;
    }

    .how-box-parent .how-box-child-1 {
        width: 275px;
        height: 385px;
    }

    .gear-text p {
        font-size: 18px;
        padding-bottom: 30px;
    }

    .number-parent p {
        font-size: 13px;
    }

    .mustical-bg .mystical-image picture img {
        width: 550px;
    }

    .event-begin-parent {
        padding: 5px 25px;
    }

    .regi-form-parent .form-group-mobile a {
        font-size: 13px;
    }

    .registration-process-steptwo .resgis-text h2 {
        font-size: 28px;
        padding-bottom: 25px;
    }

    .registration-process-steptwo {
        height: 730px !important;
    }

    .regi-form-parent .form-group-mobile .form-control {
        margin-right: 5px;
    }

    .regi-form-parent .form-group-mobile a {
        width: 60%;
    }

    /*aog-north-chapter-ride*/

    .aog-homebg,
    .mangalore-aboutbg,
    .mangalorebg,
    .daythreebg,
    .performance-gear-man-bg,
    .registerbg {
        height: 648px !important;
    }

    .mangaloretextbg img {
        width: 70%;
        bottom: 10px;
    }

    .top-aog-manlogo img {
        width: 68%;
        left: 105px;
    }

    .south-row {
        height: 648px;
    }

    .mys-man {
        font-size: 50px;
    }

    .mangalorebg {
        padding-top: 70px;
    }

    .dayonebg .mystical-text h2,
    .daytwobg .mystical-text h2,
    .daythreebg .mystical-text h2 {
        font-size: 40px;
    }

    .dayonebg,
    .daytwobg {
        padding-top: 80px;
    }

    .how-box-child-1 h2 {
        padding: 0px 0px 45px 25px;
    }

    .how-box-child-1 p {
        padding-left: 25px;
    }

    .gear-text-mangalore {
        padding-top: 25%;
        padding-right: 5%;
    }

    .gear-text-mangalore {
        padding-top: 40%;
    }

    .performance-gear-man-bg {
        padding-top: 35px;
    }

    .mangalore-bottom ul li a {
        font-size: 14px;
    }
}

@media only screen and (max-width:1199px) {
    .submit h2 {
        font-size: 5rem;
        position: absolute;
        top: 50px;
    }

    .photo img {
        width: 400px;
    }

    .pht-text h2 {
        font-size: 4.8rem;
    }

    .pht-text {
        position: absolute;
        top: 20px;
        z-index: 1;
        padding: 30px 0px;
    }

    .photo-form {
        padding: 10px 0px 0px 10px;
    }

        .photo-form .parent-input .form-group .form-control,
        .photo-form .parent-input .form-check {
            width: 360px;
        }

    .read-rules {
        height: 89px;
    }

        .read-rules h3 a {
            font-size: 15px;
        }

        .read-rules h3 {
            position: absolute;
            top: 35px;
            right: 180px;
        }

    .about-head p {
        font-size: 20px;
    }

    .regulation ul li {
        font-size: 14px;
        line-height: 30px;
    }

    .bghome {
        padding-top: 10%;
    }

    .apache-text h2 {
        font-size: 64px;
    }

    .apache-text-2 h2 {
        font-size: 36px;
    }

        .apache-text-2 h2:nth-child(4),
        .apache-text-2 h2:nth-child(5) {
            font-size: 34px;
            line-height: 38px;
        }

    .box-space {
        height: 56vh;
    }

    .about-head {
        margin-bottom: 8%;
    }

    .flip-card {
        height: 270px;
    }

    .rules-photo h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .photo-form .parent-input .form-group .form-control,
    .photo-form .parent-input .form-check {
        width: 320px;
    }

    .photo-form .parent-input .form-group {
        margin-right: 15px;
    }

    /*lek-ladakh*/
    .bghome-5 {
        /*height: 71vh !important;*/
    }

    .clothing-parent .clothing-box {
        width: 345px;
    }

    .things-to-bg .clothing-parent:nth-child(1) {
        left: -35px;
    }

    .basic-do-dont-bg {
        /*height: 75vh !important;*/
    }

    .trip-overall-parent .date-parent {
        bottom: 17%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 78%;
    }

    .trip-slider-parent .slick-prev {
        top: 78%;
        left: 85%;
    }

    .clothing-parent .clothing-box .clothing-text p {
        font-size: 17px;
        line-height: 22px;
    }

    .trip-init-slider h2 {
        font-size: 22px;
        top: 59%;
        left: -90px;
    }

    .lek-banner-text h2 {
        font-size: 65px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
        font-size: 24px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
        font-size: 16px;
    }

    .ride-left .ride-count-plugin #example li:nth-child(even) {
        padding-right: 15px !important;
    }

    .ride-overall-parent {
        width: 35%;
    }

    .basic-do-dont-bg .about-head-things h1 {
        line-height: 8%;
        margin-top: 5.5%;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 46%;
    }

    .ride-highlight-parent .clothing-box .clothing-text-first img {
        width: 110px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-lg {
        width: 1050px;
    }

    .welcome-aog-text {
        width: 100%;
    }

        .welcome-aog-text p {
            font-size: 16px;
            line-height: 24px;
        }

    .mystical-text h2 span {
        display: inline-block;
        padding-left: 10px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .list-bottom {
        /*bottom: -46px;*/
    }

    .arrival-and-bg .mystical-text h6 {
        font-size: 18px;
    }

    .arrival-and-bg .mystical-text h2 {
        padding: 10px 0px 10px 0px;
        font-size: 38px;
    }

    .arrival-and-bg .mystical-text p {
        padding-bottom: 10px;
    }

    .how-box-parent .how-box-child-1 {
        width: 255px;
        height: 360px;
    }

        .how-box-parent .how-box-child-1 h2 {
            font-size: 20px;
        }

        .how-box-parent .how-box-child-1 p {
            font-size: 16px;
        }

    .gear-text h2 {
        font-size: 32px;
    }

    .gear-text p {
        font-size: 17px;
        padding-bottom: 25px;
    }

    .gear-text a {
        font-size: 21px;
    }

    .resgis-text h2 {
        font-size: 32px;
        padding-bottom: 30px;
    }

    .regi-form-parent .form-group .form-control {
        height: 40px;
    }

    .regi-form-parent .form-group-mobile a {
        font-size: 12px;
        height: 40px;
    }

    .regi-form-parent .continue-submit {
        width: 200px;
        height: 50px;
        font-size: 22px;
        margin-top: 6%;
    }

    .event-begin-parent {
        width: 45%;
    }

    .regi-form-parent .jan-list p,
    .regis-radio p,
    .regis-radio label {
        font-size: 13px;
    }

    .thank-paras ul li:before {
        top: 4px;
        width: 4px;
    }

    .regi-form-parent .form-group-mobile p {
        width: 20%;
        height: 40px;
        padding: 10px 13px;
    }

    .kn-space {
        margin-top: 20px;
    }

    .dayonebg,
    .daytwobg {
        padding-top: 120px;
    }

    .carrycon {
        position: relative;
        bottom: 0px;
    }

    .animatelistimg.dayonefirst,
    .animatelistimg.dayonefirstall {
        bottom: 130px;
        right: 150px;
    }

    .animatelistimg.dayonethree,
    .animatelistimg.dayonethreeall {
        left: 45px;
        bottom: 35px;
    }

    .animatelistimg.dayonesix,
    .animatelistimg.dayonesixall {
        bottom: -80px;
        left: -20px;
    }

    .animatelistimg.dayonefour,
    .animatelistimg.dayonefourall {
        bottom: -60px;
        right: 180px;
    }

    .animatelistimg.dayonefive,
    .animatelistimg.dayonefiveall {
        left: 240px;
        top: 20px;
    }

    .animatelistimgtwo.daytwofirst,
    .animatelistimgtwo.daytwofirstall {
        right: 20px;
    }

    .animatelistimgtwo.daytwosix {
        right: 0px;
        top: 190px;
    }

    /*aog-north-chapter-ride*/
}

@media only screen and (max-width: 1100px) and (min-width: 1026px) {

    /*lek-ladakh*/
    .trip-init-slider .trip-slider .trip-day-june {
        display: initial;
    }

        .trip-init-slider .trip-slider .trip-day-june img {
            width: auto;
            height: auto;
        }

    /*lek-ladakh*/
}

@media only screen and (max-width: 1025px) and (min-width: 992px) {

    /*lek-ladakh*/
    .ladakh-lr-padding {
        padding: 0px 25px;
    }

    .lek-banner-text h2 {
        font-size: 55px;
        line-height: 55px;
    }

        .lek-banner-text h2 span {
            font-size: 70px;
        }

    .lek-banner-text img {
        width: 180px;
    }

    .ride-overall-parent {
        width: 36%;
    }

        .ride-overall-parent,
        .ride-overall-parent .ride-left,
        .ride-overall-parent .ride-left-text,
        .ride-overall-parent .terms-parent,
        .ride-overall-parent .terms-parent a:nth-child(2) {
            height: 45px;
        }

            .ride-overall-parent .ride-left .ride-text p,
            .ride-overall-parent .ride-left-text p,
            .ride-overall-parent .terms-parent a:nth-child(1) {
                font-size: 14px;
            }

            .ride-overall-parent .terms-parent a:nth-child(2) {
                font-size: 16px;
            }

    .ride-to-leh-left p {
        font-size: 20px;
        line-height: 32px;
    }

    .ride-to-leh-right p {
        font-size: 17px;
        line-height: 26px;
    }

    .trip-riding-parent .trip-riding-child1 {
        width: 35%;
    }

    .trip-riding-parent .trip-riding-child2 {
        width: 65%;
    }

    .trip-riding-parent .trip-riding-child1 h6 {
        font-size: 14px;
    }

    .trip-riding-parent .trip-riding-child1 p {
        font-size: 15px;
    }

    .about-the-place {
        width: 95%;
        margin-top: 15px;
    }

        .about-the-place h2 {
            font-size: 17px;
        }

        .about-the-place p {
            font-size: 16px;
            line-height: 28px;
            padding-top: 10px;
        }

    .trip-init-slider h2 {
        font-size: 20px;
        top: 57%;
        left: -85px;
    }

    .trip-overall-parent .date-parent span {
        font-size: 16px;
    }

    trip-overall-parent .date-parent {
        left: 23%;
    }

    .trip-slider-parent .slick-next:before,
    .trip-slider-parent .slick-prev:before {
        background-size: 50%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 62%;
    }

    .trip-slider-parent .slick-prev {
        left: 85%;
        top: 62%;
    }

    .trip-itinerary-bg {
        /*height: 80vh !important;*/
    }

    .things-to-bg .about-head-things h1,
    .basic-do-dont-bg .about-head-things h1 {
        line-height: 15%;
    }

    .things-to-bg .clothing-parent:nth-child(1) {
        left: -100px;
        top: 20px;
    }

    .things-to-bg .clothing-parent:nth-child(2) {
        left: -70px;
        top: 225px;
    }

    .basic-do-dont-bg .clothing-parent .clothing-box .clothing-text h2 {
        font-size: 18px;
    }

    .basic-do-dont-bg .clothing-parent .clothing-box .clothing-text p {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .basic-do-dont-bg .clothing-parent .clothing-box .clothing-text a {
        font-size: 14px;
    }

    .trip-overall-parent .date-parent {
        bottom: 36%;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
        font-size: 20px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
        font-size: 14px;
        position: absolute;
        top: 5px;
        left: 25px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li:nth-child(odd) {
        width: 65px;
    }

    .things-to-bg .about-head-things h1 {
        line-height: 22%;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 42%;
    }

    .trip-init-slider .trip-slider .trip-day-june img {
        width: auto;
        height: auto;
    }

    .ride-highlight-parent .clothing-box {
        height: 175px;
        padding: 20px;
    }

        .ride-highlight-parent .clothing-box .clothing-text h2 {
            font-size: 18px;
            line-height: 18px;
        }

        .ride-highlight-parent .clothing-box .clothing-text p {
            font-size: 16px;
            line-height: 20px;
        }

        .ride-highlight-parent .clothing-box .clothing-text a {
            font-size: 14px;
            bottom: 20px;
        }

        .ride-highlight-parent .clothing-box .clothing-text img {
            right: 15px;
            bottom: 20px;
            width: 60px;
        }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            width: 90px;
        }

    .modal-parent .modal-lg {
        width: 900px;
    }

    .ride-highlight-parent .clothing-box .clothing-text-first img {
        right: 0px;
        bottom: 0px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-lg {
        width: 899px;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-body iframe {
        height: 510px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .aog-secone-bg,
    .welcome-aog-bg,
    .mustical-bg,
    .arrival-and-bg,
    .how-prepped-bg,
    .performance-gear-bg,
    .registration-process-bg {
        height: 520px !important;
    }

    .north-text h2 {
        font-size: 60px;
    }

    .north-text h3 {
        font-size: 50px;
    }

    .north-text p {
        font-size: 24px;
    }

        .north-text p img {
            width: 26px;
            padding-right: 10px;
        }

    .top-aog-logo picture img {
        width: 210px;
    }

    .list-bottom {
        /*bottom: -58px;*/
        padding: 12px 0px;
        height: 45px;
    }

    .welcome-aog-text p {
        font-size: 15px;
    }

    .mustical-bg {
        padding-top: 10px;
    }

    .mystical-text h2 {
        font-size: 32px;
        padding: 20px 0px 25px 0px;
    }

    .mystical-text p {
        font-size: 17px;
    }

    .arrival-and-bg .mystical-text h6 {
        font-size: 16px;
    }

    .arrival-and-bg .mystical-text h2 {
        padding: 10px 0px 10px 0px;
        font-size: 28px;
    }

    .arrival-and-bg .mystical-text p {
        font-size: 14px;
        padding-bottom: 8px;
    }

    .arrival-and-bg .mystical-text a {
        font-size: 17px;
    }

    .how-box-parent .how-box-child-1 {
        width: 222px;
        height: 320px;
    }

        .how-box-parent .how-box-child-1 h2 {
            font-size: 17px;
        }

        .how-box-parent .how-box-child-1 p {
            font-size: 14px;
        }

        .how-box-parent .how-box-child-1 a {
            font-size: 17px;
            bottom: -20px;
        }

    .gear-text h2 {
        font-size: 28px;
    }

    .gear-text p {
        font-size: 16px;
    }

    .gear-text a {
        font-size: 18px;
    }

    .gear-box-parent .gear-box-one picture img {
        width: 200px;
    }

    .registration-process-bg {
        padding-top: 3%;
    }

    .resgis-text h2 {
        font-size: 26px;
        padding-bottom: 25px;
    }

    .regi-form-parent .form-group .form-control {
        font-size: 14px;
    }

    .regi-form-parent .form-group-mobile a {
        text-align: center;
    }

    .regi-form-parent .continue-submit {
        width: 190px;
    }

    .event-begin-parent {
        width: 50%;
    }

    .list-bottom ul li a {
        font-size: 13px;
    }

    .header {
        display: block !important;
    }

    .registration-process-steptwo {
        height: 800px !important;
        padding-top: 8% !important;
    }

    .regi-form-parent .form-group-mobile p {
        padding: 10px 11px;
    }

    /*aog-north-chapter-ride*/
}

@media (max-width: 1024px) {

    .aog-homebg,
    .mangalore-aboutbg,
    .mangalorebg,
    .daythreebg,
    .performance-gear-man-bg,
    .registerbg {
        height: 520px !important;
    }

    .mangaloretextbg img {
        bottom: 0px;
    }

    .top-aog-manlogo img {
        width: 50%;
        left: 170px;
    }

    .welcome-south-text p {
        line-height: 24px;
        padding-bottom: 10px;
        font-size: 16px;
    }

    .welcome-south-text {
        padding-top: 70px;
    }

    .mys-man {
        font-size: 40px;
    }

    .mystical-mangalore-text {
        font-size: 16px;
        padding-right: 10px;
    }

    .dayonebg .ladakh-lr-padding {
        padding-left: 20px;
    }

    .dayonebg .mystical-text h6,
    .daytwobg .mystical-text h6,
    .daythreebg .mystical-text h6 {
        font-size: 16px;
    }

    .dayonebg .mystical-text h2,
    .daytwobg .mystical-text h2,
    .daythreebg .mystical-text h2 {
        font-size: 30px;
        padding: 10px 0px 10px 0px;
    }

    .dayonebg .mystical-text p,
    .daytwobg .mystical-text p,
    .daythreebg .mystical-text p {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .dayonebg .mystical-text ul li,
    .daytwobg .mystical-text ul li,
    .daythreebg .mystical-text ul li {
        font-size: 16px;
    }

    .south-row {
        height: 520px;
    }

    .how-box-child-1 h2 {
        font-size: 38px;
    }

    .getprepped {
        height: 520px !important;
    }

    .spacetopma a {
        padding: 12px 20px;
    }

    .how-box-child-1 p {
        padding-left: 10px;
    }

    .how-box-child-2 {
        padding-top: 40px;
    }

        .how-box-child-2 h2 {
            font-size: 38px;
        }

        .how-box-child-2 p {
            padding-left: 0;
        }

    .gear-text-mangalore h2 {
        font-size: 38px;
        padding-bottom: 20px;
    }

    .gear-text-mangalore p {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .buynowtvs {
        font-size: 16px;
        margin-top: 10px;
    }

    .gear-box-parent-mangalore img {
        width: 160px;
    }

    .mangalore-bottom {
        height: 50px;
    }

    #example-event-mangalore li {
        font-size: 14px;
    }

    .greybgmangalore {
        padding-right: 15px;
    }

    .mangalore-bottom ul {
        padding-left: 25px;
    }

        .mangalore-bottom ul li a {
            font-size: 12px;
        }

    .flaunttext h2 {
        font-size: 26px;
        line-height: 26px;
    }

    .flaunttext p {
        font-size: 24px;
        line-height: 34px;
    }

    p.share-picnew {
        font-size: 16px !important;
        line-height: 30px;
    }

    .flauntslick img {
        margin: 0;
        width: 90%;
    }

    .flaunt-abt {
        margin-bottom: 2%;
    }
}

@media only screen and (max-width:991px) {
    .bghome {
        height: 65vh !important;
    }

    .share-pic {
        font-size: 14px !important;
    }

    .about-head p {
        font-size: 14px;
        line-height: 20px;
    }

    .flip-card {
        height: 410px;
    }

    .box-space {
        height: auto;
    }

    .rules-photo h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .dot-image .dot-20 {
        display: none;
    }

    .dot-image .arrow-20 {
        display: none;
    }

    .submit h2 {
        position: absolute;
        top: 120px;
        left: 30px;
        text-align: left;
    }

    .pht-text {
        position: relative;
        top: 25px;
        padding: 20px 0px;
    }

        .pht-text h2 {
            padding-left: 25px;
        }

    .pht-text {
        width: 98%;
    }

    .photo-form {
        padding: 10px 0px 0px 25px;
    }

        .photo-form .parent-input .form-group .form-control,
        .photo-form .parent-input .form-check {
            width: 350px;
        }

    .read-rules {
        height: 110px;
    }

        .read-rules h3 {
            position: absolute;
            top: 22px;
            right: 165px;
        }

    .apache-text p {
        font-size: 16px;
    }

    .apache-text h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .apache-text img {
        padding-bottom: 20px;
        width: 280px;
    }

    .regulation ul li {
        font-size: 12px;
    }

    .submit img {
        width: 100%;
    }

    .vidbgsection {
        background: #fff !important;
        height: auto !important;
    }

    .apache-text-2 h2:nth-child(4),
    .apache-text-2 h2:nth-child(5) {
        font-size: 30px;
        line-height: 32px;
    }

    .this-imgg {
        height: 55vh;
    }

    .journey-bg {
        background-size: cover;
        height: 1120px !important;
    }

    .journey-bg-thank {
        height: 882px !important;
    }

    /*lek-ladakh*/
    .ladakh-lr-padding {
        padding: 0px 15px;
    }

    .bghome-5 {
        /*height: 60vh !important;*/
    }

    .lek-banner-text h2 {
        font-size: 40px;
        line-height: 50px;
    }

        .lek-banner-text h2 span {
            font-size: 65px;
        }

    .lek-banner-text img {
        width: 150px;
    }

    .ride-overall-parent {
        height: auto;
    }

        .ride-overall-parent .ride-left,
        .ride-overall-parent .ride-left-text,
        .ride-overall-parent .terms-parent,
        .ride-overall-parent .terms-parent a:nth-child(2) {
            height: 45px;
        }

            .ride-overall-parent .terms-parent a:nth-child(2) {
                border-top-right-radius: 10px;
            }

            .ride-overall-parent .ride-left-text p {
                padding-left: 0px;
            }

    .ride-to-leh-left p,
    .ride-to-leh-right p {
        font-size: 20px;
        line-height: 30px;
    }

    .ride-to-leh-right p {
        font-size: 17px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .about-head h1 {
        font-size: 6rem;
    }

    .trip-riding-parent {
        flex-wrap: wrap;
    }

        .trip-riding-parent .trip-riding-child1 {
            width: 48%;
            margin-bottom: 10px;
        }

    .about-the-place {
        margin-top: 0px;
    }

        .about-the-place h2 {
            font-size: 16px;
            padding-bottom: 5px;
        }

        .about-the-place p {
            font-size: 15px;
            line-height: 22px;
            padding-right: 10px;
        }

    .trip-init-slider h2 {
        font-size: 15px;
        top: 55%;
        left: -65px;
    }

    .trip-overall-parent .date-parent {
        bottom: 49%;
    }

        .trip-overall-parent .date-parent span {
            font-size: 14px;
        }

            .trip-overall-parent .date-parent span:nth-child(1) {
                padding-right: 10px;
            }

    .trip-slider-parent .slick-next:before,
    .trip-slider-parent .slick-prev:before {
        background-size: 40%;
    }

    .trip-slider-parent .slick-next {
        right: 8%;
        top: 49%;
    }

    .trip-slider-parent .slick-prev {
        top: 49%;
        left: 85%;
    }

    .things-to-bg .clothing-parent:nth-child(1),
    .things-to-bg .clothing-parent:nth-child(2) {
        position: static;
    }

    .things-to-bg .about-head-things h1,
    .basic-do-dont-bg .about-head-things h1 {
        line-height: 24%;
    }

    .things-to-bg .clothing-parent {
        margin-top: 30px;
    }

    .footersec-ladakh {
        padding: 20px 0 100px 0 !important;
    }

    .trip-riding-scroll {
        max-height: 560px;
    }

    .ride-left .ride-count-plugin #example li:nth-child(even) {
        padding-right: 25px !important;
    }

    .things-to-bg .about-head-things h1 {
        line-height: 24%;
    }

    .inclusion-exclusion-bg .about-head-things h1 {
        line-height: 46%;
    }

    .ride-overall-parent {
        width: 54%;
    }

        .ride-overall-parent .terms-parent a:nth-child(2) {
            font-size: 16px;
        }

    .trip-init-slider .trip-slider .trip-day-june img {
        width: auto;
        height: auto;
    }

    .trip-init-slider .trip-slider .trip-day-june {
        display: initial;
    }

    .ride-highlight-bg .about-head h1 {
        margin-top: 5%;
    }

    .ride-highlight-parent {
        margin-top: 30px;
    }

        .ride-highlight-parent .clothing-box {
            height: 165px;
            padding: 20px;
            margin-bottom: 15px;
        }

    .ride-highlight-bg {
        height: 960px !important;
    }

    .ride-to-leh-bg {
        background-position: 0% 0%;
    }

    .modal-parent .modal-body p {
        font-size: 18px !important;
    }

    .footersec-ladakh .footer-social-al {
        justify-content: center;
    }

    .modal-parent .modal-lg {
        width: auto;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-lg {
        width: 85%;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-body iframe {
        height: 370px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .event-begin-parent {
        width: 60%;
    }

        .event-begin-parent .ride-count-plugin ul li span {
            font-size: 20px;
        }

        .event-begin-parent .begin-regis a {
            font-size: 12px;
        }

    .north-text h2 {
        font-size: 54px;
    }

    .north-text h3 {
        font-size: 42px;
    }

    .north-text p {
        font-size: 22px;
    }

        .north-text p img {
            width: 25px;
            padding-right: 10px;
        }

    .aog-secone-bg {
        padding-top: 33%;
    }

    .list-bottom {
        /*bottom: -94px;*/
        padding: 10px 0px;
        height: 61px;
    }

        .list-bottom ul {
            flex-wrap: wrap;
        }

            .list-bottom ul li a {
                font-size: 12px;
                line-height: 22px;
            }

    .welcome-aog-bg {
        background-position: 48% center;
    }

    .welcome-aog-text p {
        font-size: 15px;
    }

    .mustical-bg {
        height: 500px !important;
        padding-top: 0px;
    }

    .mystical-text h2 {
        font-size: 26px;
        padding: 20px 0px 20px 0px;
    }

    .mystical-text p {
        font-size: 17px;
    }

    .arrival-and-bg .mystical-text h6 {
        font-size: 16px;
    }

    .arrival-and-bg .mystical-text h2 {
        font-size: 28px;
    }

    .arrival-and-bg .mystical-text p {
        padding-bottom: 8px;
        font-size: 14px;
    }

    .how-prepped-bg {
        height: 430px !important;
        padding-top: 5%;
    }

    .how-box-parent .how-box-child-1 {
        width: 195px;
        height: 280px;
    }

        .how-box-parent .how-box-child-1 h2 {
            font-size: 16px;
        }

        .how-box-parent .how-box-child-1 p {
            font-size: 14px;
        }

        .how-box-parent .how-box-child-1 a {
            font-size: 16px;
            bottom: -17px;
        }

    .performance-gear-bg {
        height: 430px !important;
    }

    .gear-text h2 {
        font-size: 26px;
    }

    .gear-text p {
        font-size: 15px;
    }

    .gear-text a {
        font-size: 17px;
    }

    .modal-parent .modal-body ul li {
        font-size: 16px;
        line-height: 22px;
    }

    .gear-text .modal-parent .modal-body p {
        font-size: 15px !important;
    }

    .resgis-text h2 {
        font-size: 26px;
        padding-bottom: 25px;
    }

    .regi-form-parent .continue-submit {
        margin-top: 4%;
    }

    .registration-process-bg {
        height: 545px !important;
    }

    .mustical-bg .mystical-image picture img {
        padding-top: 20%;
    }

    .arrival-and-bg .mystical-image picture img {
        padding-top: 50%;
    }

    .gear-text {
        margin-top: 25%;
        width: 85%;
    }

    .header {
        display: block !important;
    }

    .registration-process-steptwo {
        height: 760px !important;
        padding-top: 10%;
    }

        .registration-process-steptwo .resgis-text h2 {
            font-size: 26px;
        }

    .inclusion-bg {
        padding-top: 10%;
    }

        .inclusion-bg .resgis-text h2 {
            font-size: 26px;
            padding-bottom: 20px;
        }

    .inclu-text p {
        font-size: 15px;
    }

    .inclu-text ul li {
        font-size: 15px;
    }

    /*aog-north-chapter-ride*/

    .spacetopma {
        padding-left: 0px;
    }

    .gear-text-mangalore {
        padding-top: 25%;
    }

    .mys-man {
        font-size: 30px;
    }

    .mystical-mangalore-text {
        font-size: 14px;
    }

    .dayonebg,
    .daytwobg {
        padding-top: 120px;
        height: 760px !important;
    }

        .dayonebg .mystical-text p,
        .daytwobg .mystical-text p,
        .daythreebg .mystical-text p {
            font-size: 14px;
        }

        .dayonebg .mystical-text ul li,
        .daytwobg .mystical-text ul li,
        .daythreebg .mystical-text ul li {
            font-size: 14px;
        }

    .how-box-child-1 h2 {
        font-size: 24px;
        padding: 0px 0px 20px 20px;
    }

    .spacetopma a {
        font-size: 14px;
    }

    .how-box-child-2 h2 {
        font-size: 24px;
        padding: 0px 0px 10px 0px;
        margin-left: -50px;
    }

    .spacetopmaone a {
        font-size: 14px;
        padding: 12px 20px;
    }

    .gear-text-mangalore h2 {
        font-size: 24px;
        padding-bottom: 20px;
    }

    .mangalore-bottom ul li a {
        font-size: 10px;
        padding: 0px 10px;
    }

    .animatelistimg.dayonefirst,
    .animatelistimg.dayonefirstall {
        bottom: 170px;
        right: 80px;
    }

    .animatelistimg.dayonetwo,
    .animatelistimg.dayonetwoall {
        right: 0px;
    }

    .animatelistimg img,
    .animatelistimgtwo img {
        width: 110px;
    }

    .animatelistimg.dayonetwo,
    .animatelistimg.dayonetwoall {
        right: 0px;
        bottom: 100px;
    }

    .animatelistimg.dayonethree,
    .animatelistimg.dayonethreeall {
        left: 15px;
        bottom: 80px;
    }

    .animatelistimg.dayonefour,
    .animatelistimg.dayonefourall {
        bottom: 0px;
        right: 95px;
    }

    .animatelistimg.dayonesix,
    .animatelistimg.dayonesixall {
        bottom: -22px;
        left: -20px;
    }

    .animatelistimg.dayonefive,
    .animatelistimg.dayonefiveall {
        left: 150px;
        top: -15px;
    }

    .animatelistimgtwo.daytwotwo,
    .animatelistimgtwo.daytwotwoall {
        bottom: -40px;
        left: -30px;
    }

    .animatelistimgtwo.daytwothree,
    .animatelistimgtwo.daytwothreeall {
        left: 60px;
        bottom: -100px;
    }

    .animatelistimgtwo.daytwofour {
        top: 65px;
    }

    .animatelistimgtwo.daytwofive {
        top: 135px;
        left: 90px;
    }

    .animatelistimgtwo.daytwosix {
        top: 240px;
    }

    .list-bottom .click-seven a,
    #menu-center .click-seven a {
        padding: 5px;
    }

    .flaunthome {
        height: auto !important;
    }

    .flauntbanner {
        bottom: 0;
        padding-top: 30px;
        padding-left: 0;
    }

    .flaunthome .flip-card-back {
        height: 332px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 810px) {

    /*lek-ladakh*/
    .trip-overall-parent .date-parent {
        bottom: 55%;
    }

    .trip-slider-parent .slick-next {
        right: 6%;
        top: 42%;
    }

    .trip-slider-parent .slick-prev {
        top: 42%;
        left: 84%;
    }

    .trip-init-slider .trip-slider .trip-day-june {
        display: initial;
    }

        .trip-init-slider .trip-slider .trip-day-june img {
            width: auto;
            height: auto;
        }

    /*lek-ladakh*/
}

@media only screen and (max-width:767px) {
    .customerguide {
        font-size: 24px;
    }

    .foot_align > li > a {
        padding: 0px;
    }

    .stripe-2text p:first-child {
        display: none;
    }

    .bghome {
        background: url(../images/photography/new/banner-nw-mobile.jpg) no-repeat;
        background-size: cover;
        background-position: top center !important;
        height: 100vh !important;
        padding-top: 100% !important;
    }

    .bghome-2 {
        background: url(../images/photography/new/Round-2-Mobile.jpg) no-repeat;
        background-size: cover;
        background-position: top center !important;
        height: 100vh !important;
        padding-top: 87% !important;
    }

    .bghome-3 {
        background: url(../images/photography/new-1/mobile-banner-result-season1-round3.jpg) no-repeat;
        background-size: cover;
        background-position: top center !important;
        height: 100vh !important;
        padding-top: 87% !important;
    }

    .bghome-4 {
        background: url(../images/photography/new-2/Mobile-Banner-com.jpg) no-repeat;
        background-size: cover;
        background-position: top center !important;
        height: 100vh !important;
        padding-top: 87% !important;
    }

    .apache-banner {
        position: relative;
        padding-left: 0px;
        padding-top: 25px;
    }

    .apache-text h2 {
        font-size: 28px;
        line-height: 28px;
    }

    .apache-text-2 h2 {
        font-size: 22px;
        line-height: 20px;
        padding-bottom: 15px;
    }

        .apache-text-2 h2:nth-child(4),
        .apache-text-2 h2:nth-child(5) {
            font-size: 20px;
            line-height: 20px;
        }

        .apache-text-2 h2:nth-child(5) {
            padding-bottom: 10px;
        }

    .apache-text h2:nth-child(3) {
        margin-bottom: 5px;
    }

    .apache-text p {
        font-size: 13px;
        width: 100%;
    }

    .apache-text-2 p {
        font-size: 16px;
        width: 95%;
        margin: 0px auto;
        line-height: 20px;
    }

        .apache-text-2 p:nth-child(7) {
            margin-bottom: 25px;
        }

    .apache-text-2 span {
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
        display: none;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .about-head h1 {
        font-size: 34px;
        line-height: 0px;
        margin-top: 6%;
    }

    .about-head p {
        font-size: 14px;
        position: inherit;
        top: 35px;
        left: 10px;
        width: 100%;
    }

    .about-head {
        margin-bottom: 9%;
    }

    .dot-image .dot-20 {
        display: block;
        width: 225px;
        height: 100px;
        position: absolute;
        top: -331px;
        right: 0px;
    }

    .dot-image .arrow-20 {
        top: -325px;
        right: 30px;
        width: 40px;
        display: block;
    }

    .box-space {
        margin: 0px 0px;
        background: none;
    }

    .box-text h2 {
        font-size: 16px;
        padding-bottom: 0px;
    }

    .box-text p {
        font-size: 15px;
        padding-right: 0%;
        line-height: 20px;
    }

    .mob-pad {
        padding: 0px;
    }

    .submit {
        margin: 80px -15px 0px -15px;
    }

        .submit h2:nth-child(3) {
            position: absolute;
            top: -52px;
            left: 20px;
            font-size: 42px;
            color: #000;
        }

        .submit h2:nth-child(4) {
            position: absolute;
            top: 0px;
            left: 20px;
            color: #fff;
            font-size: 42px;
        }

    .photo-form {
        padding: 10px 0px 0px 10px;
    }

        .photo-form .parent-input {
            margin-bottom: 0px;
            flex-direction: column;
        }

            .photo-form .parent-input .form-group .form-control,
            .photo-form .parent-input .form-check {
                width: 100%;
            }

            .photo-form .parent-input .form-group {
                margin-bottom: 20px;
            }

    .read-rules {
        height: 125px;
        margin: 20px 0px 0px 0px;
    }

        .read-rules h3 {
            position: inherit;
            top: 32px;
            right: 0px;
            left: 20px;
        }

    .apache-text img {
        padding-bottom: 20px;
        width: 210px;
        margin: 0px auto;
        padding-top: 35px;
    }

    .rules-photo h1 {
        font-size: 30px;
        margin-top: 0%;
        line-height: 30px;
        margin-left: 0px;
    }

    .regulation {
        margin: 20px 5px;
    }

        .regulation ul {
            list-style: none;
            padding: 5px;
        }

            .regulation ul li {
                font-size: 14px;
                line-height: 26px;
            }

                .regulation ul li:before {
                    left: -20px;
                    top: 12px;
                    margin: 0px;
                }

            .regulation ul .rules-ph:before {
                left: -20px;
                top: 12px;
                margin: 0px;
            }

    .box-text p {
        color: #000;
        width: 70%;
        margin: 0 auto;
    }

    .flip-card {
        height: 530px;
    }

    .share-pic {
        font-size: 14px !important;
    }

    .box-space .slick-slide {
        padding: 0 0 0 0px;
    }

    .box-text {
        margin: 10px 20px 10px 10px;
    }

    .apache-text {
        text-align: center;
    }

    .this-imgg {
        height: auto;
        padding-top: 10px;
    }

    .apache-journey {
        padding: 20px 5px;
        margin-top: 25px;
    }

        .apache-journey h2 {
            font-size: 16px;
            line-height: 22px;
            padding-bottom: 20px;
        }

        .apache-journey .form-group {
            margin-bottom: 20px;
        }

    .choose-file {
        padding: 20px 0px;
    }

        .choose-file .choose-btn {
            width: 220px;
            font-size: 15px;
            padding: 8px 12px;
            height: 41px;
        }

    .jour-subb {
        width: 160px;
        font-size: 15px;
        margin-top: 20px;
        height: 40px;
    }

    .footersec {
        margin-top: 0px;
    }

    .journey-bg {
        background-position: 15% 0%;
        height: 1145px !important;
    }

    .journey-bg-thank {
        height: 570px !important;
    }

    #EthanolBg1 {
        background: url(/./images/journey/chequred-flag-750.jpg) no-repeat;
        background-size: cover;
        height: 100vh !important;
    }

    .eth_Right-flag {
        padding-top: 25%;
    }

    .explink-flag {
        display: inline-table !important;
        margin-top: 40px;
    }

    /*lek-ladakh*/
    .bghome-5 {
        background: url(../images/lek-ladakh/top-banner-mobile-23-7-21.jpg) no-repeat;
        height: 85vh !important;
        background-size: cover;
        background-position: top center !important;
    }

    .clothing-parent {
        flex-direction: column;
    }

        .clothing-parent .clothing-box {
            width: 100%;
            padding: 15px;
            height: 140px;
        }

    .lek-banner-text {
        flex-direction: column-reverse;
        margin-top: 12%;
    }

        .lek-banner-text img {
            padding-top: 30px;
        }

    .ride-overall-parent {
        width: 97%;
    }

        .ride-overall-parent .ride-left .ride-text p,
        .ride-overall-parent .ride-left-text p,
        .ride-overall-parent .terms-parent a:nth-child(1) {
            font-size: 15px;
        }

        .ride-overall-parent .ride-left .ride-text p,
        .ride-overall-parent .ride-left-text p {
            padding-left: 18px;
        }

        .ride-overall-parent .terms-parent a:nth-child(2) {
            font-size: 14px;
        }

        .ride-overall-parent .ride-left,
        .ride-overall-parent .ride-left-text,
        .ride-overall-parent .terms-parent,
        .ride-overall-parent .terms-parent a:nth-child(2) {
            height: 35px;
        }

    .ride-to-leh-left p,
    .ride-to-leh-right p {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .ride-to-leh-right p {
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .ride-to-leh-bg {
        height: 885px !important;
        background-position: 32% 0%;
    }

    .trip-itinerary-bg .about-head h1 {
        line-height: 38px;
    }

    .trip-itinerary-bg,
    .things-to-bg,
    .basic-do-dont-bg {
        height: auto !important;
    }

    .trip-riding-parent .trip-riding-child1 {
        width: 45%;
        margin-bottom: 15px;
        margin-right: 10px;
    }

    .about-the-place {
        width: 100%;
    }

        .about-the-place h2 {
            font-size: 15px;
        }

        .about-the-place p {
            font-size: 14px;
            line-height: 20px;
            padding-right: 0px;
        }

    .trip-overall-parent .date-parent {
        bottom: 99%;
        left: 0%;
        right: 0%;
        margin: 0px auto;
    }

    .trip-slider-parent .slick-next {
        right: 38% !important;
        top: 21.5%;
        /*display:none !important;*/
    }

    .trip-slider-parent .slick-prev {
        top: 21.5%;
        left: 38% !important;
        /*display: none !important;*/
    }

    .things-to-bg .about-head-things h1,
    .basic-do-dont-bg .about-head-things h1 {
        line-height: 50%;
    }

    .clothing-parent {
        margin-bottom: 30px;
    }

        .clothing-parent .clothing-box:nth-child(1) {
            margin-right: 0px;
            margin-bottom: 15px;
        }

        .clothing-parent .clothing-box .clothing-text h2 {
            font-size: 16px;
            padding-bottom: 10px;
        }

        .clothing-parent .clothing-box .clothing-text p {
            font-size: 15px;
            line-height: 20px;
        }

    .modal-parent .modal-header .modal-title {
        font-size: 17px;
    }

    .modal-parent .modal-body ul li {
        font-size: 15px;
        line-height: 22px;
    }

    .footersec-ladakh .footer-social-al {
        margin-top: 0px;
    }

    .trip-riding-scroll {
        max-height: none;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
        overflow-y: inherit;
    }

        .trip-riding-scroll::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #dadada;
        }

        .trip-riding-scroll::-webkit-scrollbar {
            width: 2px;
            height: 3px;
            background-color: #dadada;
        }

        .trip-riding-scroll::-webkit-scrollbar-thumb {
            background-color: #34488B;
            cursor: pointer;
        }

    .ladakh-lr-padding {
        padding: 0px 5px;
    }

    .trip-init-slider h2 {
        font-size: 15px;
        top: 53%;
        left: -60px;
        font-family: 'Conv_Gilroy-Bold';
    }

    .trip-overall-parent .date-parent span {
        font-size: 15px;
    }

    .trip-init-mobb {
        display: flex;
        flex-direction: column-reverse;
    }

    .trip-init-slider {
        margin-top: 20px;
    }

    .lek-banner-text h2 {
        font-size: 30px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li span.days,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.hours,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.minutes,
    .ride-overall-parent .ride-left .ride-count-plugin #example li span.seconds {
        font-size: 18px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li p.days_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.hours_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.minutes_text,
    .ride-overall-parent .ride-left .ride-count-plugin #example li p.seconds_text {
        font-size: 13px;
        position: static;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li {
        font-size: 22px;
    }

    .ride-overall-parent .ride-left {
        height: 55px;
    }

    .lek-banner-text img {
        width: 155px;
    }

    .ride-overall-parent .ride-left .ride-count-plugin #example li:nth-child(even) {
        padding-right: 17px !important;
    }

    .ride-overall-parent .ride-left-text {
        justify-content: center;
    }

    .ride-overall-parent .terms-parent a:nth-child(2) {
        border-top-right-radius: 0px;
    }

    .footersec-ladakh {
        padding: 20px 0 125px 0 !important;
    }

    .inclusion-exclusion-bg .about-head-things {
        float: none;
    }

    .trip-init-slider .trip-slider .trip-day-june img {
        width: auto;
        height: auto;
    }

    .trip-init-slider .trip-slider .trip-day-june {
        display: initial;
    }

    .ride-highlight-bg .about-head h1 {
        margin-top: 10%;
    }

    .ride-highlight-parent {
        margin-top: 15px;
    }

        .ride-highlight-parent .clothing-box .clothing-text h2 {
            font-size: 16px;
            line-height: 18px;
        }

        .ride-highlight-parent .clothing-box .clothing-text p {
            font-size: 15px;
            line-height: 20px;
        }

        .ride-highlight-parent .clothing-box .clothing-text-first img {
            width: 115px;
        }

    .ride-highlight-bg {
        height: 1550px !important;
    }

    .modal-parent .modal-body p {
        font-size: 17px !important;
    }

    .ride-to-leh-bg .about-head-things {
        margin-top: 40px;
    }

    .ride-to-leh-bg .about-head {
        margin-top: 40px;
    }

    .footer-social-al {
        position: static !important;
        justify-content: flex-start !important;
    }

    .ride-highlight-bg .about-head {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .trip-overall-parent .trip-slider-parent {
        margin-bottom: 0px;
    }

    .bghome-5-video .lek-banner-text img {
        padding-top: 0px;
    }

        .bghome-5-video .lek-banner-text img:nth-child(1) {
            bottom: -80px;
        }

    .bghome-5-video .lek-banner-text .modal-parent .modal-lg {
        width: auto;
        margin-top: 15%;
    }

    .bghome-5-video .lek-banner-text .modal-parent .modal-header .close {
        top: -30px;
        right: 0px;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .header {
        display: block;
    }

    .aog-secone-bg {
        background: url(../images/north-chapter/home-bg.jpg) no-repeat !important;
        padding-top: 22% !important;
        height: auto !important;
    }

    .north-text {
        text-align: center;
    }

        .north-text h2 {
            font-size: 40px;
            color: #000000;
        }

        .north-text h3 {
            font-size: 32px;
            padding-top: 15px;
            color: #000000;
        }

        .north-text p {
            font-size: 18px;
            justify-content: center;
            padding-top: 10px;
            padding-bottom: 15px;
        }

            .north-text p img {
                width: 20px;
                padding-right: 10px;
            }

    .list-bottom {
        position: absolute;
        bottom: 0;
        height: 42px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .list-bottom ul {
            justify-content: space-around;
            width: 1000px;
        }

            .list-bottom ul li {
                padding-right: 10px;
                position: relative;
            }

                .list-bottom ul li:after {
                    content: '';
                    border-right: 1px solid #D6001C;
                    position: absolute;
                    top: 6px;
                    right: -5px;
                    width: 2px;
                    height: 10px;
                }

                .list-bottom ul li:last-child:after {
                    content: '';
                    border-right: 0px solid #D6001C;
                    position: absolute;
                    top: 6px;
                    right: -5px;
                    width: 2px;
                    height: 10px;
                }

    .event-begin-parent {
        width: 98%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .begin-text {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

    .event-begin-parent .begin-text p {
        font-size: 16px;
    }

    .event-begin-parent .ride-count-plugin {
        width: 100%;
        margin-bottom: 10px;
    }

        .event-begin-parent .ride-count-plugin ul li span {
            font-size: 18px;
        }

    .begin-regis {
        margin-bottom: 10px;
    }

    .top-aog-logo {
        justify-content: center;
        margin-bottom: 20rem;
    }

    .header {
        display: block !important;
    }

    .welcome-aog-text p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 8px;
    }

    .welcome-aog-bg {
        background-position: 20% center;
        padding-top: 5% !important;
    }

    .kn-space {
        margin-top: 0px;
    }

    .welcome-aog-bg,
    .mustical-bg,
    .arrival-and-bg,
    .how-prepped-bg,
    .registration-process-bg {
        padding-top: 14% !important;
    }

    .modal-parent .modal-body p a {
        font-size: 14px !important;
        word-break: break-all;
    }

    .swipe {
        border-radius: 3px;
        width: 90% !important;
        margin: 0px auto;
        height: 70px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        z-index: 1 !important;
        color: #fff;
        font-size: 14px;
        display: block;
    }

    .performance-gear-bg {
        padding-top: 5% !important;
    }

    .top-aog-logo picture img {
        width: 200px;
    }

    .mystical-text h2 {
        font-size: 22px;
        padding: 20px 0px 10px 0px;
    }

    .mystical-text p {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .mustical-bg .mystical-image picture img {
        padding-top: 5%;
    }

    .mustical-bg {
        height: 660px !important;
        background-position: 42% 0%;
    }

    .arrival-and-bg {
        height: 955px !important;
        padding-top: 9% !important;
        background-position: 45% 0%;
    }

        .arrival-and-bg .mystical-text h6 {
            font-size: 15px;
        }

        .arrival-and-bg .mystical-text h2 {
            font-size: 22px;
        }

        .arrival-and-bg .mystical-text a {
            font-size: 16px;
        }

        .arrival-and-bg .mystical-text p:nth-child(6) {
            padding-bottom: 20px;
        }

        .arrival-and-bg .mystical-image picture img {
            padding-top: 6%;
        }

    .riding-around-bg {
        height: 750px !important;
        background-position: 70% 0%;
    }

    .how-prepped-bg {
        height: 645px !important;
        padding-top: 5% !important;
        background-position: 22% 0%;
    }

    .how-box-parent {
        flex-direction: column;
    }

        .how-box-parent .how-box-child-1 {
            width: 100%;
            height: auto;
            margin-bottom: 35px;
            padding: 15px;
        }

            .how-box-parent .how-box-child-1 a {
                font-size: 15px;
                bottom: -17px;
            }

    .performance-gear-bg {
        height: 620px !important;
    }

    .gear-text {
        margin-top: 10%;
        width: 100%;
        margin-bottom: 30px;
    }

        .gear-text h2 {
            font-size: 22px;
            color: #000000;
            padding-bottom: 10px;
        }

        .gear-text p {
            font-size: 14px;
            color: #000000;
            line-height: 16px;
        }

        .gear-text a {
            font-size: 14px;
        }

    .number-parent {
        margin-top: 10%;
        display: flex;
        justify-content: space-between;
    }

        .number-parent p:nth-child(1)::after,
        .number-parent p:nth-child(2)::after {
            height: 1px;
            top: 16px;
            left: 49px;
            width: 60px;
            border-bottom: 1px dashed #7C7C7C;
        }

        .number-parent p {
            margin-bottom: 25px;
        }

    .resgis-text h2 {
        font-size: 17px;
        padding-bottom: 15px;
    }

    .regi-form-parent .form-group .form-control {
        font-size: 14px;
    }

    .registration-process-bg {
        height: 830px !important;
        background-position: 58% 0%;
    }

    .registration-process-steptwo .resgis-text h2 {
        font-size: 20px;
        padding-bottom: 20px;
    }

    .regi-form-parent .jan-list {
        flex-direction: column;
    }

        .regi-form-parent .jan-list p {
            padding-bottom: 10px;
        }

    .regis-radio {
        flex-wrap: wrap;
    }

        .regis-radio p {
            width: 100%;
            padding-bottom: 10px;
        }

        .regis-radio label {
            padding-right: 0px;
        }

    .regis-fees h6 {
        font-size: 15px;
        line-height: 22px;
    }

    .registration-process-steptwo {
        height: 1160px !important;
        padding-top: 14% !important;
    }

    .thank-paras p,
    .thank-paras ul li {
        font-size: 14px;
    }

        .thank-paras ul li:before {
            top: 3px;
            width: 4px;
            left: -10px;
        }

    .registration-process-steptwo-thank {
        height: auto !important;
    }

    .inclusion-bg {
        padding-top: 20% !important;
    }

        .inclusion-bg .resgis-text h2 {
            font-size: 18px;
        }

    .inclu-text p {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .inclu-text ul li {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .how-box-parent .how-box-child-1 p {
        margin-bottom: 20px;
    }

    .welcome-aog-bg {
        height: 890px !important;
    }

    /*aog-north-chapter-ride*/

    .mangalore-aboutbg,
    .mangalorebg,
    .daythreebg,
    .performance-gear-man-bg,
    .registerbg {
        height: auto !important;
    }

    .mangaloretextbg {
        left: 0;
    }

        .mangaloretextbg img {
            width: 100%;
        }

    .top-aog-manlogo img {
        width: 50%;
        left: 150px;
    }

    .south-row {
        height: auto;
        display: block;
    }

    .welcome-south-text {
        padding-bottom: 70px;
    }

        .welcome-south-text p {
            font-size: 14px;
        }

    .mys-man {
        padding: 20px 0px 30px 0px;
        font-size: 24px;
    }

    .mangalorebg {
        padding: 40px 0 80px 0 !important;
        background-position: 0% 100%;
    }

    .dayonebg,
    .daytwobg {
        padding-top: 70px !important;
        height: auto !important;
        padding-bottom: 70px !important;
    }

        .dayonebg .mystical-text h2,
        .daytwobg .mystical-text h2,
        .daythreebg .mystical-text h2 {
            font-size: 24px;
        }

        .dayonebg .mystical-image {
            top: 40px;
        }

        .daytwobg .ladakh-lr-padding {
            padding-left: 20px;
            padding-right: 20px;
        }

        .daytwobg .mystical-image {
            top: 0;
            padding-bottom: 30px;
        }

    .daythreebg .kn-space {
        margin-top: 35px;
    }

    .daythreebg {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .how-box-child-1 h2 {
        font-size: 20px;
        padding: 0px 0px 10px 0px;
    }

        .how-box-child-1 h2 br {
            display: none;
        }

    .how-box-child-1 p {
        padding-left: 0;
    }

    .spacetopma {
        margin-top: 30px;
    }

    .getprepped {
        height: auto !important;
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .how-box-child-1 img {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .how-box-child-2 h2 {
        font-size: 20px;
        padding: 20px 0px 10px 0px;
        margin-left: 0;
    }

        .how-box-child-2 h2 br {
            display: none;
        }

    .spacetopmaone {
        margin-top: 30px;
        margin-left: 0;
    }

    .how-box-child-2 {
        padding-bottom: 40px;
    }

    .gear-text-mangalore a {
        word-break: break-all;
        font-size: 14px;
    }

    .gear-text-mangalore h2 {
        font-size: 20px;
    }

    .gear-text-mangalore p {
        font-size: 14px;
    }

    .gear-box-parent-mangalore {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .gear-text-mangalore {
        padding-top: 30px;
    }

    .performance-gear-man-bg {
        padding: 70px 0 !important;
    }

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

    .top-aog-manlogo img {
        width: 75%;
        left: 0;
        margin: 0 auto;
    }

    .mangalore-bottom {
        width: 100% !important;
        overflow-x: scroll;
        overflow-y: hidden;
    }

        .mangalore-bottom ul {
            white-space: nowrap;
        }

            .mangalore-bottom ul li a {
                font-size: 12px;
            }

    .animatelist {
        padding-top: 220px;
    }

    .animatelistimg img,
    .animatelistimgtwo img {
        width: 75px;
    }

    .animatelistimg.dayonefirst,
    .animatelistimg.dayonefirstall {
        bottom: 115px;
        right: 65px;
    }

    .animatelistimg.dayonethree,
    .animatelistimg.dayonethreeall {
        left: 60px;
    }

    .animatelistimg.dayonefour,
    .animatelistimg.dayonefourall {
        right: 70px;
    }

    .animatelistimg.dayonesix,
    .animatelistimg.dayonesixall {
        bottom: 0px;
        left: 30px;
    }

    .animatelistimg.dayonefive,
    .animatelistimg.dayonefiveall {
        left: 170px;
        top: 180px;
    }

    .animatelistone {
        bottom: 0;
        padding-top: 200px;
    }

    .animatelistimgtwo.daytwofirst,
    .animatelistimgtwo.daytwofirstall {
        right: 0px;
        bottom: 130px;
    }

    .animatelistimgtwo.daytwotwo,
    .animatelistimgtwo.daytwotwoall {
        bottom: 120px;
        left: 40px;
    }

    .animatelistimgtwo.daytwothree,
    .animatelistimgtwo.daytwothreeall {
        left: 100px;
        bottom: 30px;
    }

    .animatelistimgtwo.daytwofour {
        top: 100px;
    }

    .animatelistimgtwo.daytwofive {
        top: 125px;
        left: 160px;
    }

    .animatelistimgtwo.daytwofive {
        top: 125px;
        left: 160px;
    }

    .animatelistimgtwo.daytwosix {
        top: 0;
    }

    .aog-homebg {
        padding-top: 50px;
        height: auto !important;
    }

    .flauntsub h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .submit {
        margin: 0;
    }

    .flaunt-form .photo-form {
        padding: 15px 15px 0px 15px;
    }

    .photo-form .parent-input .form-group {
        margin-right: 0;
    }

    .flaunthome {
        padding-top: 75px !important;
    }

    .flauntslick img {
        margin: 0 auto;
        width: 95%;
    }

    .flaunttext h2 {
        font-size: 18px;
        line-height: 18px;
    }

    .flaunttext p {
        font-size: 16px;
        line-height: 26px;
    }

    p.share-picnew {
        font-size: 16px !important;
        line-height: 26px;
        padding: 0px 10px;
    }

        p.share-picnew br {
            display: none;
        }

    .flauntbanner {
        padding-bottom: 35px;
    }

    .flaunt-abt {
        display: block;
        margin-left: 15px;
    }

        .flaunt-abt p {
            font-size: 16px;
            position: inherit;
            top: 0;
            left: 0;
            width: 100%;
            padding: 25px 50px 0px 0px;
        }

            .flaunt-abt p::before {
                display: none;
            }

    .box-spacenew {
        margin-bottom: 15%;
    }

    .rules-photo {
        margin-top: 20px;
    }

    .motosoul-flaunt {
        background: url(../images/flaunt/motosoul-mobile.jpg) no-repeat;
        background-size: cover;
        background-position: top center;
        height: 730px !important;
    }
}





@media (min-width: 321px) and (max-width: 375px) {
    .flip-card {
        height: 350px;
    }

    /*lek-ladakh*/
    .ride-to-leh-bg {
        height: 740px !important;
        background-position: 25% 0%;
    }

    .trip-itinerary-bg,
    .things-to-bg,
    .basic-do-dont-bg,
    .ride-highlight-bg {
        height: auto !important;
    }

    .trip-slider-parent .slick-next {
        top: 28%;
    }

    .trip-slider-parent .slick-prev {
        top: 28%;
    }

    .welcome-aog-bg {
        height: 1040px !important;
    }


    /*lek-ladakh*/
    .motosoul-flaunt {
        height: 650px !important;
    }
}

@media (min-width:360px) and (max-width:767px) {

    /*lek-ladakh*/
    .ride-to-leh-bg {
        height: 740px !important;
        background-position: 25% 0%;
    }

    .trip-itinerary-bg,
    .things-to-bg,
    .basic-do-dont-bg,
    .ride-highlight-bg {
        height: auto !important;
    }

    .trip-slider-parent .slick-next {
        top: 25.5%;
    }

    .trip-slider-parent .slick-prev {
        top: 25.5%;
    }

    .bghome-5-video .lek-banner-text {
        margin-top: 5%;
    }

    /*lek-ladakh*/
    /*aog-north-chapter-ride*/
    .mustical-bg {
        height: auto !important;
    }

    .riding-around-bg {
        height: 710px !important;
    }

    /*aog-north-chapter-ride*/
}

@media (min-width:400px) and (max-width:767px) {

    /*aog-north-chapter-ride*/
    .mustical-bg {
        height: 710px !important;
    }

    .riding-around-bg {
        height: 610px !important;
    }

    .how-prepped-bg {
        height: 670px !important;
    }

    .aog-homebg {
        height: 850px !important;
    }

    /*aog-north-chapter-ride*/
}


@media (min-width:750px) and (max-width:767px) {

    /*lek-ladakh*/
    .trip-slider-parent .slick-next {
        top: 29%;
    }

    .trip-slider-parent .slick-prev {
        top: 29%;
    }

    /*lek-ladakh*/
}

@media (max-width: 320px) {
    .flip-card {
        height: 320px !important;
    }

    .pht-text h2 {
        font-size: 3.8rem;
    }

    .aog-homebg {
        height: 556px !important;
    }

    .motosoul-flaunt {
        height: 550px !important;
    }
}

@media only screen and (max-width:425px) {
    .dot-image .dot-20 {
        display: block;
        width: 225px;
        height: 100px;
        position: absolute;
        top: -370px;
        right: 0px;
    }

    .dot-image .arrow-20 {
        top: -344px;
        right: 30px;
        width: 40px;
        display: block;
    }

    .flip-card {
        height: 435px;
    }
}

@media (min-width:992px) and (max-width:1194px) {
    .photo-20 {
        height: 570px !important;
    }
}

@media (min-width:768px) {
    .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg);
    }
}

@media (max-width:767px) {
    .flip-card-back {
        overflow: hidden;
    }
}

/*safari-browser-code*/
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {

        .trip-slider-parent .slick-next,
        .trip-slider-parent .slick-prev {
            width: auto;
            height: auto;
        }

        .trip-slider-parent .slick-next {
            right: 12%;
        }
    }
}

@media screen and (max-width: 1600px) {
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) and (stroke-color:transparent) {
            .trip-slider-parent .slick-next {
                right: 5%;
            }
        }
    }
}

@media screen and (max-width: 1280px) {
    @media not all and (min-resolution:.001dpcm) {
        @supports (-webkit-appearance:none) and (stroke-color:transparent) {
            .trip-init-slider .trip-slider .trip-day-june {
                display: initial;
            }
        }
    }
}

/*safari-browser-code*/


/*sticky popup css*/
.pd-7.ch2 {
    background: #f0f0f0;
    padding: 15px;
    font-size: 14px;
    font-weight: 800;
}

.mtfat-new {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

    .mtfat-new a {
        padding-right: 0px;
    }

.lazyload,
.lazyloading {
    opacity: 0.5;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.lazyloaded {
    opacity: 1;
}

.dflexcenter {
    display: flex;
    align-items: center;
}

.countersrip-v2 {
    background: transparent linear-gradient(270deg, #005BA0 0%, #E71A2E 100%) 0% 0% no-repeat padding-box;
    opacity: 0.87;
    height: auto;
    padding: 10px 0;
    bottom: 0;
    z-index: 1031;
    position: fixed;
    width: 100%;
    font-family: 'Conv_Gilroy-Regular';
}

.stripe-2text {
    display: flex;
    justify-content: space-between;
    color: var(--white);
    font-weight: 500;
    margin: 0;
    column-gap: 30px;
    flex-wrap: wrap;
    row-gap: 5px;
    align-items: center;
}

    .stripe-2text p {
        margin: 0;
        font-size: 16px;
    }


.countersrip-v2 > .container > .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.letsgocount {
    font-weight: 600;
    color: #fff;
    font-size: 24px;
    position: relative;
    font-family: 'Conv_Gilroy-bold';
}

.stickyfg-left {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

    .stickyfg-left > *:not(:last-child) {
        padding-right: 3rem;
    }

        .stickyfg-left > *:not(:last-child):after {
            content: "";
            border-right: 1px solid #fff;
            position: absolute;
            right: 0;
            height: 100%;
        }

    .stickyfg-left .countwd-text {
        flex: 1;
        padding-left: 3rem;
    }

.hightextcounter {
    font-weight: 900;
    font-size: 2rem;
    letter-spacing: 1.8px;
    color: #fff;
    margin-right: 0.75rem;
}

.mttet {
    color: #fff;
    line-height: 1.15;
    font-size: 14px;
}



.timer-wdbytn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.registerbth {
    border-radius: 10px;
    color: #fff;
    background: #000;
    text-transform: uppercase;
    padding: 10px 30px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #000;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    font-family: Conv_Gilroy-Medium;
}

    .registerbth:hover,
    .registerbth:focus {
        border: 1px solid #000;
        background: #fff !important;
        color: #000 !important;
    }

.countdown {
    display: flex;
    justify-content: center;
    color: #fff;
}

.timer-wdbytn .count-wrap {
    margin-right: 1rem;
}

.countdown > * {
    padding: 0 !important;
    position: relative;
    text-align: center;
    margin-right: 30px;
    display: flex;
    list-style: none;
    margin-bottom: 0px;
}

.countdown .day {
    text-align: center;
}

.countdown > *:not(:last-child)::after {
    content: ":";
    position: absolute;
    right: -15px;
    top: 10px;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    opacity: 1;
}

.countdown p {
    display: block;
    line-height: 1;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 3px;
}

.countdown .num {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Conv_Gilroy-bold';
}

.countdown li {
    line-height: 1;
}

.countdown .seperator {
    display: flex;
    margin: 0 10px;
    position: relative;
    font-size: 20px;
    line-height: 1;
    align-items: center;
    margin-top: 10px;
}

.locationloopmain {
    display: inline;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .countersrip-v2 {
        height: auto;
        bottom: 0;
        padding: 8px 0;
    }

    .timer-wdbytn {
        justify-content: flex-start;
        margin-top: 1rem;
    }
}

@media(max-width:767px) {
    .countersrip-v2 {
        height: auto;
        padding: 8px 0;
    }

    .stripe-2text p {
        font-size: 12px;
    }

    .text-overlay-left {
        padding: 2rem 0 !important;
    }

    .customerguide {
        display: none;
    }

    .stickyfg-left > *:not(:last-child):after {
        display: none;
    }

    .stickyfg-left {
        margin-bottom: 1rem;
    }

        .stickyfg-left > *:not(:last-child) {
            padding-right: 10px;
        }

        .stickyfg-left .countwd-text {
            padding-left: 0;
            flex: 0 0 100%;
        }

    .letsgocount {
        font-size: 14px;
        display: none;
    }

    .hightextcounter {
        font-size: 1.35rem;
    }

    .locationloop {
        font-size: 10px;
        height: 18px;
    }

    .mttet {
        line-height: 1;
        font-size: 10px;
    }

    .timer-wdbytn {
        justify-content: flex-start;
        flex-wrap: wrap;
    }



    .countersrip-v2 .container {
        padding: 0 10px;
    }

    .countdown > *,
    .timer-wdbytn .count-wrap {
        margin-right: 0px;
    }

    .countdown p {
        font-size: 10px;
    }

    .countdown .num {
        font-size: 16px;
    }

    .countdown .seperator {
        margin: 0 5px;
        font-size: 16px;
        margin-top: 10px;
    }

    .registerbtn {
        padding-left: 10px;
    }

    .registerbth {
        padding: 7px 14px;
        font-size: 13px;
    }

    .stickyfg-left {
        display: none;
    }
}

/*social icons*/
.social-icons {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

    .social-icons a {
        padding: 0 !important;
        background: transparent !important;
    }

        .social-icons a:not(:last-child) {
            margin-right: 16px;
        }

        .social-icons a img {
            width: 35px;
        }

/*end*/

/*Start of Gallery section css*/
.u-slick-gap2 .slick-slide {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

    .u-slick-gap2 .slick-slide .gallery-cmain {
        margin-bottom: 10px;
    }

.gallery-sec {
    background: url('/-/media/SouthChapterRide/Mask-Group-12.png') no-repeat center/cover;
    padding: 90px 0 !important;
    padding-bottom: 40px !important;
    font-family: 'Conv_Gilroy-Regular';
}

    .gallery-sec .intialheadmain {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 1rem;
        width: 75%;
    }

    .gallery-sec .u-slick-gap2 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    .gallery-sec .intlhead {
        font-size: 40px;
        font-weight: 900;
        line-height: 1.3;
        font-family: 'Conv_Gilroy-bold';
    }

.text-white {
    color: #fff !important;
}

.text-black {
    color: var(--black);
}

.newsimg > img {
    width: 100%;
}

.news-content-wrap {
    padding: 1rem;
}

.gallery-cmain {
    position: relative;
}

.galleryanchors .epcilistitems {
    display: flex;
    list-style: none;
}

.galleryanchors li:not(:last-child) {
    margin-right: 0.15rem;
}

.galleryanchors li {
    width: 180px;
}

.galleryanchors a {
    background: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    color: var(--white);
    font-weight: 600;
    text-transform: uppercase;
    transition: background 0.5s ease-in-out;
    text-decoration: none;
    border-radius: 10px;
}



.stretched-link {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    outline: 0 !important;
}


.gallery-content-wrap {
    position: relative;
    display: block;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.arrows-slickgapitems > *:not(:last-child) {
    margin-right: 5px;
}

.sec2 {
    height: auto !important;
}

.gallerytabmain > .active,
.artistlistmain-fd > .active {
    display: block;
    opacity: 1;
    transform: translate(0, 00%);
}

@media(max-width:991px) {

    .intlhead,
    .gallery-sec .intlhead {
        font-size: 22px;
        flex: 1;
        margin-right: 10px;
    }

    .galleryanchors ~ .zoneboxanchors {
        margin-left: auto;
    }
}




/*imagge height end */
@media(max-width:767px) {
    .container {
        max-width: 100%;
    }

    .gallery-carousalmain .slick-list {
        width: 90% !important;
        overflow: inherit !important;
    }
}

/*End of Gallery section css*/


/*event result*/
:root {
    --white: #fff;
    --black: #000;
}

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

.award-sec {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 70vh;
    font-family: 'Conv_Gilroy-Regular';
}

#awardSection.lazyloaded {
    background-image: url('../images/results/resultbg.png');
}

.evensecv2 {
    background: #fff;
    mix-blend-mode: multiply;
    /* min-height: 100vh; */
    position: relative;
    padding-top: 100px;
    padding-bottom: 0rem;
    height: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

.envhead {
    opacity: 15%;
    font-size: 10.5vw;
    font-weight: 900;
    line-height: 0.8;
    letter-spacing: 0px;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1.5px #000000;
    font-family: 'Conv_Gilroy-bold';
}

.fw-bold {
    font-family: 'Conv_Gilroy-bold';
}

.env-position {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.main-caul ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

    .main-caul ul li a {
        color: var(--black);
        font-weight: 500;
        font-size: 16px;
        padding: 7px 0;
        display: flex;
        align-items: center;
        position: relative;
        line-height: 1;
        text-transform: capitalize;
        text-decoration: none !important;
    }

        .main-caul ul li a.smoothbtn {
            color: var(--white);
        }

            .main-caul ul li a.smoothbtn:before {
                content: "";
                position: absolute;
                height: 100%;
                width: 100%;
                background: transparent linear-gradient(270deg, #29378F 0%, #CD242F 100%) 0% 0% no-repeat padding-box !important;
                color: var(--white) !important;
                z-index: -1;
                /* transform: skew(-10deg, 1deg); */
                clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 100%);
                left: -3vw;
                /* background: #fff url(./assets/img/v2/results/Union2.svg) center no-repeat;
    background-size: cover; */
            }

.insidefadimg {
    margin-top: 4rem;
    z-index: 1;
    /* background: #fff; */
    position: relative;
}

.gallery-sec .fade:not(.active) {
    opacity: 0;
    height: 0;
}

.sub-caul .fade,
.subcategoryseqlist .fade,
.maincategoryresult .fade {
    display: none;
}

.fade {
    transition: height, opacity .15s linear;
}

.sub-caul > .active,
.subcategoryseqlist > .active,
.maincategoryresult > .active {
    display: block;
    opacity: 1;
    height: auto;
}



.maincategory {
    display: flex;
    flex-wrap: nowrap;
}

.main-caul {
    flex: 0 0 55%;
    max-width: 55%;
}

.subcategoryul {
    flex: 0 0 45%;
    max-width: 45%;
    margin-top: 37px;
}


.subulitemsmin ul li a {
    color: var(--black);
    font-weight: 500;
    font-size: 14px;
    padding: 9px 0;
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1;
    text-transform: capitalize;
    padding-left: 10px;
    padding-right: 10px;
}

    .subulitemsmin ul li a.smoothbtn {
        color: var(--white);
    }

        .subulitemsmin ul li a.smoothbtn:before {
            content: "";
            position: absolute;
            height: 100%;
            width: 110%;
            background: transparent linear-gradient(270deg, #29378F 0%, #CD242F 100%) 0% 0% no-repeat padding-box !important;
            color: var(--white) !important;
            z-index: -1;
            left: 0;
            clip-path: polygon(5% 0%, 100% 0%, 93% 100%, 0% 100%);
            left: -10px;
        }

.insidefadimg {
    position: relative;
}

.winnervw {
    position: absolute;
    width: 170px;
    text-align: center;
    margin: 0 auto;
    margin-top: 2.5rem;
}

    .winnervw > img {
        width: 100px;
        height: 100px;
    }

.winnerone {
    top: 10%;
    left: 13%;
}

.winnertwo {
    top: 2%;
    left: 38.25%;
}

.winnerthree {
    top: 15%;
    right: 12.25%;
}

.winnername {
    text-transform: uppercase;
    opacity: 1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    line-height: 1;
    font-weight: 700;
    padding: 5px 6px;
    font-size: 12px;
    width: 85%;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

@media(min-width:1600px) {
    .winnervw {
        width: 190px;
    }

        .winnervw > img {
            width: 120px;
            height: 120px;
        }

    .winnerone {
        top: 10%;
        left: 13%;
    }

    .winnertwo {
        top: 2%;
        left: 39%;
    }

    .winnerthree {
        top: 15%;
        right: 13%;
    }

    .evensecv2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 9rem;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .mainresulrow > .container > .row > *:first-child {
        flex: 0 0 43%;
        max-width: 43%;
    }

    .mainresulrow > .container > .row > *:last-child {
        flex: 0 0 57%;
        max-width: 57%;
    }

    .subulitemsmin ul li a {
        font-size: 13px;
    }

    .winnerone {
        top: 7%;
        left: 13%;
    }

    .winnervw {
        width: 13vw;
    }

        .winnervw > img {
            width: 9vw;
            height: 9vw;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .winnervw {
        width: 25vw;
        margin-top: 3.5rem;
    }

        .winnervw > img {
            width: 12vw;
            height: 12vw;
        }

    .subulitemsmin ul li a.active:before {
        width: 100%;
    }

    .award-sec {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .subulitemsmin ul li a.active:before {
        width: 100%;
    }

    .award-sec {
        height: auto;
    }
}




/*imagge height end */
@media(max-width:767px) {
    .gallery-sec .fade:not(.active) {
        display: none;
    }

    .mangalorebg:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 0, 36, 0)), color-stop(25%, rgba(9, 9, 121, 0)), to(#000000));
        background-image: linear-gradient(220deg, rgb(2 0 36 / 0%) 0%, rgba(9, 9, 121, 0) 0%, #fff 100%);
    }

    .container {
        max-width: 100%;
    }

    .main-caul ul li a {
        font-size: 13px;
    }

    .subulitemsmin ul li a {
        font-size: 11px;
    }

    .mainresulrow > .container > .row > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .maincategory {
        margin-left: -5px;
        margin-right: -5px;
    }

    .main-caul,
    .subcategoryul {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .subulitemsmin ul li a.active:before {
        left: -10px;
    }

    .insidefadimg {
        margin-top: 2rem;
        margin-left: -15px;
        margin-right: -15px;
    }

    .winnervw {
        width: 25vw;
        margin-top: 1.25rem;
    }

        .winnervw > img {
            width: 14vw;
            height: 14vw;
        }

    .winnername {
        font-size: 9px;
    }

    .award-sec {
        height: auto;
    }

    .mangalore-lr {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        height: auto !important;
    }

    .mangalorebg {
        background-image: url(/-/media/SouthChapterRide/Group-664.png) !important;
    }

    .dayonebg.lazyloaded {
        background-image: url(/-/media/SouthChapterRide/Group-666.png);
    }

    .daytwobg.lazyloaded {
        background-image: url(/-/media/SouthChapterRide/Group-668.png);
    }

    .daythreebg.lazyloaded {
        background-image: url(/-/media/SouthChapterRide/Group-678.png);
    }

    .ridingearbg.lazyloaded {
        background-image: url(/-/media/SouthChapterRide/Image-35.png);
    }
}

/*end*/
.header,
.header_inn {
    background: transparent !important;
    box-shadow: none !important;
}

.header {
    padding: 0 40px;
}

.sticky-wrapper {
    opacity: 0;
    pointer-events: none;
}

    .sticky-wrapper.is-sticky {
        opacity: 1;
        pointer-events: auto;
    }

.col-6 {
    flex: 0 0 auto;
    width: 50% !important;
}

.h-100 {
    height: 100% !important;
}

.d-flex {
    display: flex !important;
}

.m-0 {
    margin: 0 !important;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.w-100 {
    width: 100% !important;
}

.align-items-center {
    align-items: center;
}

.gap-3 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.75rem;
}

.row-gap {
    row-gap: 1rem;
}

.flex-1per {
    flex: 1 1 0%;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.gap-margin {
    margin-left: -15px !important;
    margin-right: -15px !important;
    display: flex;
    flex-wrap: wrap;
}

.mb-30 {
    margin-bottom: 30px !important;
    padding-bottom: 0px !important;
}

.mt-20 {
    margin-top: 20px;
}

/*font size*/
.fs-20 {
    font-size: 20px;
}

@media only screen and (max-width: 1899px) {
    .fs-20 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1600px) {
    .fs-20 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1440px) {
    .fs-20 {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .fs-20 {
        font-size: 14.5px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .fs-20 {
        font-size: 14.5px;
    }
}

@media only screen and (max-width: 767px) {
    .fs-20 {
        font-size: 14px;
    }
}

.fs-30 {
    font-size: 30px;
    line-height: 130%;
}

@media only screen and (max-width: 1899px) {
    .fs-30 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 1600px) {
    .fs-30 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1440px) {
    .fs-30 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .fs-30 {
        font-size: 19px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .fs-30 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .fs-30 {
        font-size: 16px;
    }
}

.fs-25 {
    font-size: 25px;
    line-height: 130%;
}

@media only screen and (max-width: 1899px) {
    .fs-25 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1600px) {
    .fs-25 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1440px) {
    .fs-25 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .fs-25 {
        font-size: 17.5px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .fs-25 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .fs-25 {
        font-size: 16px;
    }
}

.fs-40 {
    font-size: 40px;
    line-height: 130%;
}

@media only screen and (max-width: 1899px) {
    .fs-40 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1600px) {
    .fs-40 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1440px) {
    .fs-40 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .fs-40 {
        font-size: 27px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .fs-40 {
        font-size: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .fs-40 {
        font-size: 24px;
    }
}

.headbig {
    font-size: 100px;
    line-height: 1;
}

@media only screen and (max-width: 1899px) {
    .headbig {
        font-size: 80px;
    }
}

@media only screen and (max-width: 1600px) {
    .headbig {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1440px) {
    .headbig {
        font-size: 60px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .headbig {
        font-size: 55px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .headbig {
        font-size: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .headbig {
        font-size: 45px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .headbig br {
        display: none;
    }
}

.headbig2 {
    font-size: 200px;
    line-height: 1;
}

@media only screen and (max-width: 1899px) {
    .headbig2 {
        font-size: 160px;
    }
}

@media only screen and (max-width: 1600px) {
    .headbig2 {
        font-size: 140px;
    }
}

@media only screen and (max-width: 1440px) {
    .headbig2 {
        font-size: 120px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .headbig2 {
        font-size: 100px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .headbig2 {
        font-size: 90px;
    }
}

@media only screen and (max-width: 767px) {
    .headbig2 {
        font-size: 80px;
    }
}

.head2 {
    font-size: 80px;
    line-height: 130%;
}

@media only screen and (max-width: 1899px) {
    .head2 {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1600px) {
    .head2 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 1440px) {
    .head2 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .head2 {
        font-size: 43px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .head2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .head2 {
        font-size: 40px;
    }
}

.head3 {
    font-size: 60px;
    line-height: 130%;
}

@media only screen and (max-width: 1899px) {
    .head3 {
        font-size: 54px;
    }
}

@media only screen and (max-width: 1600px) {
    .head3 {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1440px) {
    .head3 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .head3 {
        font-size: 34px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .head3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .head3 {
        font-size: 30px;
    }
}

.head4 {
    font-size: 40px;
    line-height: 130%;
}

@media only screen and (max-width: 1899px) {
    .head4 {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1600px) {
    .head4 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1440px) {
    .head4 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .head4 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .head4 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .head4 {
        font-size: 18px;
    }
}

/**/
.regside {
    position: absolute;
    top: 0;
    width: 22%;
}

.reg-white {
    background: #fff;
    padding: 30px 0px;
}

.bulk-reg-sec {
    margin-left: 20vw;
}

.bg-white {
    background: #fff;
}

.bulk-registration {
    background: #fff;
    padding: 10px;
}

.para-reg {
    font-size: 18px;
    font-weight: 600;
}

.num-rider {
    font-weight: 600;
    background: #f1f1f1;
    padding: 5px 15px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
}

.riders-data {
    margin: 20px 0 !important;
}

    .riders-data .riders-grid {
        display: flex;
        padding: 5px 10px;
        border: 1px solid #ccc;
        font-weight: 500;
    }

        .riders-data .riders-grid p {
            margin: 0;
        }

.offerprice {
    font-size: 24px;
}

.register-main {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 50px;
    padding-left: 1vw;
    padding-right: 1vw;
}

.textwithbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    padding-bottom: 0px;
}

.borderline {
    display: inline-block !important;
    background: #000;
    width: 2px;
    height: 25px;
    margin: 0 10px;
    vertical-align: middle;
}

.join-caption p span {
    font-weight: bold;
    display: block;
    font-size: 26px;
    line-height: 1.2
}

.text-overlay-left {
    position: relative;
    z-index: 1;
    text-wrap: balance;
    padding: 4rem 0;
}

    .text-overlay-left::before {
        content: "";
        background: var(--white);
        border-radius: 0px var(--radius) var(--radius) 0px;
        opacity: 0.76;
        position: absolute;
        width: calc(100% + 25%);
        height: 100%;
        z-index: -1;
        left: -20%;
        top: 0;
    }

.text-overlay-right::before {
    border-radius: var(--radius) 0px 0px var(--radius);
    width: calc(100% + 25%);
    left: auto;
    right: -20%;
}

.justify-content-lg-end {
    justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
    .textwithbtn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 10px;
        padding-right: 10px;
    }

        .textwithbtn .continuebtnslist {
            margin-bottom: 10px;
        }

    .join-caption p span {
        font-size: 19px;
    }
}

.textwithbtn p {
    margin-right: 20px;
}

.textwithbtn a {
    color: #DD1121;
    text-decoration: underline;
}

.bulk-reg-sec .container {
    width: 100%;
}

html,
body {
    overflow-x: hidden;
}

.mobcallus a {
    font-family: 'Conv_Gilroy-Bold';
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    padding: 6px 20px;
    background-color: #E71A2E;
    border-radius: 5px;
    text-transform: uppercase;
}

.mtfat-new {
    display: flex;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
}

    .mtfat-new a {
        padding-right: 0px;
    }

@media only screen and (max-width: 1199px) {
    .regside {
        display: none;
    }

    .bulk-reg-sec {
        margin-left: 0;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .gap-margin > .col-lg-6 {
        flex-shrink: 0;
        width: 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .deskcallus {
        display: none;
    }

    .checklabel {
        font-size: 13px;
    }

    .stripe-2text {
        align-items: center;
        column-gap: 12px;
        justify-content: center;
    }

    .header {
        padding: 10px 20px;
    }

    .icon-apache > a {
        display: flex;
        width: 75px;
    }

    .pd-7.ch2 {
        font-size: 13px;
    }

    .offerprice {
        font-size: 20px;
    }

    .choose-riders {
        margin-top: 20px !important;
    }

    .regi-form-parent,
    .choose-riders {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .col-lg-12.mt-4.fat {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 1rem;
        gap: 1rem;
    }

    .fat a {
        padding: 0px;
    }

    .gap-margin > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
    }

    .galleryanchors li {
        width: 100px;
    }

        .galleryanchors li a {
            font-size: 13px;
        }

    .footersec ul li {
        display: flex !important;
        justify-content: center !important;
    }

    .sticky-wrapper {
        position: absolute;
    }

        .sticky-wrapper.is-sticky {
            position: static;
        }

    .header .icon {
        width: 120px;
    }

    .mtfat-new {
        gap: 8px;
        justify-content: flex-start;
    }
}


/*riding gear*/
.white {
    color: #fff;
}

.bold {
    font-family: 'Conv_Gilroy-bold';
}

.ridingviewmore-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100vh - 80px);
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .ridingviewmore-main {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .ridingviewmore-main {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.ridingviewmore-main.hover1 a,
.ridingviewmore-main.hover2 a,
.ridingviewmore-main.hover3 a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

    .ridingviewmore-main.hover1 a:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


    .ridingviewmore-main.hover2 a:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


    .ridingviewmore-main.hover3 a:nth-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


.ridingviewmore-main.hover4 a:nth-child(4) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.ridingviewmore-main a {
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    position: relative;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .ridingviewmore-main a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

@media only screen and (max-width: 767px) {
    .ridingviewmore-main a {
        height: 33vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .ridingviewmore-main a h4 {
            margin-bottom: 10px;
        }

        .ridingviewmore-main a .geartextwrap {
            bottom: auto !important;
        }

        .ridingviewmore-main a.hoverActive {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            height: 100vw;
        }

            .ridingviewmore-main a.hoverActive .geartextwrap {
                bottom: 20px !important;
            }
}

.ridingviewmore-main a > img {
    height: 100%;
    -o-object-position: revert;
    object-position: revert;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .ridingviewmore-main a > img {
        -o-object-position: top;
        object-position: top;
    }
}

.ridingviewmore-main a .geartextwrap {
    position: absolute;
    text-align: center;
    left: auto;
    bottom: 40px;
    width: 100%;
    padding: 0 10px;
}

.error {
    color: red;
    font-family: 'Conv_Gilroy-bold';
}

.checklabel .error {
    position: absolute;
    bottom: -31px;
}

.countersrip-v2.stripehide {
    display: none;
}

.ridingviewmore-main a {
    cursor: pointer;
}

.arrows-slickgapitems a {
    cursor: pointer;
}

@media only screen and (max-width: 1199px) {
    #magalorefour .text-overlay-left::before {
        top: -35px;
    }
}