/* TV Screen Device */
@media only screen and (min-width: 4000px) {
    .container {
        max-width: 1835px;
    }
}

/* TV Screen Device */
@media only screen and (max-width: 2600px) {
    .container {
        max-width: 1835px;
    }
    .hero {
        min-height: 1300px;
    }
}

/* Big Screen Device */
@media only screen and (max-width: 2000px) {
    .container {
        max-width: 1835px;
    }
    .hero {
        min-height: 1080px;
    }

    /* login.html Page Responisve Start */
    .auth__head {
        margin-bottom: 90px;
    }
    .input__item--1 {
        margin-bottom: 30px;
    }
    .input__item input {
        font-size: 24px;
        padding: 20px 0;
    }
    .input__item input::placeholder {
        font-size: 24px;
    }
    .auth__btn {
        margin-top: 100px;
    }
    .chcek__text {
        margin-top: 1px;
    }
    /* login.html Page Responisve End */

    /* terms-conditions.html Page Responisve Start */
    .tc__wrapper__row {
        align-items: flex-start;
    }
    /* terms-conditions.html Page Responisve End */
}

/* XXL+ Device. */
@media only screen and (max-width: 1799px) {
    .container {
        max-width: 1550px;
    }
    .hero {
        min-height: 950px;
    }
    .facility__row.g-5 {
        --bs-gutter-x: 200px;
    }
    .footer__bottom_inner {
        flex-direction: column;
    }
    .footer__link:first-child {
        margin-left: 0;
    }
    .footer__link::after {
        left: -13px;
    }
    .footer__link:first-child::after {
        display: none;
    }

    /* Checkout Pages Responsive Start */
    .checout__input__row {
        flex-direction: column;
        flex-wrap: wrap;
    }
    .checkout__input--lg, .checkout__input--sm {
        width: 100%;
    }
    .checkout__input--sm {
        margin-left: 0;
    }
    .agree__text {
        margin-top: 3px;
    }
    .checkout__multiple__inputs {
        margin-top: 15px;
    }
    /* Checkout Pages Responsive End */
}

/* XXL Device. */
@media only screen and (max-width: 1600px) {
    .container {
        max-width: 1320px;
    }
    .nav__ul {
        gap: 40px;
    }
    .nav__link {
        font-size: 20px;
    }
    .nav__link::after, .nav__link.active::after {
        bottom: -6px;
    }
    .hero {
        min-height: 850px;
    }
    .hero__title {
        font-size: 56px;
        line-height: normal;
    }
    .hero__para {
        font-size: 24px;
    }
    .cta__title {
        font-size: 50px;
        line-height: normal;
    }
    .cta__para {
        font-size: 24px;
        max-width: 725px;
    }
    .facility__row.g-5 {
        --bs-gutter-x: 175px;
    }
    .facility__card {
        font-size: 18px;
    }
    .facility__thumb {
        height: 335px;
        border-radius: 30px;
    }
    .facility__title {
        font-size: 32px;
    }
    .feature__row.g-5 {
        --bs-gutter-x: 65px;
    }
    .feature__title {
        font-size: 48px;
    }
    .feature__list {
        font-size: 22px;
        line-height: 1.5;
    }
    .footer {
        padding: 75px 0 55px;
    }
    .footer__bottom p, .footer__bottom a {
        font-size: 23px;
    }

    /* terms-conditions.html Page Responsive Start */
    .tc__title {
        font-size: 85px;
    }
    .tc__title__para {
        font-size: 22px;
    }
    /* terms-conditions.html Page Responsive End */

    /* pricing.html Page Responisve Start */
    .pricing {
        margin: 100px 0;
    }
    .pricing::before {
        top: 225px;
        height: 80%;
    }
    .pricing__cards__row.g-5 {
        --bs-gutter-x: 50px;
    }
    .pricing__card {
        min-height: 700px;
    }
    .pricing__card__head {
        min-height: 175px;
    }
    .pricing__card__title {
        font-size: 36px;
    }
    .pc__price {
        font-size: 76px;
    }
    .pc__currency {
        font-size: 32px;
        margin-top: 10px;
    }
    .pricing__card__list {
        padding: 40px 0;
    }
    .pricing__list {
        gap: 10px;
        font-size: 18px;
    }
    .pricing__list span {
        max-width: 22px;
    }
    .btn--pricing {
        min-height: 65px;
        font-size: 20px;
        margin-bottom: -30px;
    }
    /* pricing.html Page Responisve End */

    /* Checkout Pages Responisve Start */
    .return__page {
        font-size: 24px;
        margin-left: 0;
    }
    .return__page span img {
        max-width: 20px;
    }
    .checkout__btns {
        gap: 100px;
        margin-left: 0;
    }
    .tab__btn {
        font-size: 30px;
    }
    .tab__btn.active {
        font-size: 40px;
    }
    .checkout__form__wrapper {
        padding: 60px 45px;
        padding-left: 0;
    }
    .checkout__input label {
        font-size: 28px;
    }
    .checkout__input input {
        font-size: 22px;
        height: 65px;
    }
    .input__alert {
        font-weight: 500;
    }
    .checkout__submit {
        height: 65px;
        font-size: 28px;
        border-radius: 15px;
    }
    .checkout__form__info__text p {
        font-size: 24px;
    }
    .checkout__form__info__text .check__box {
        width: 25px;
        height: 25px;
        font-size: 16px;
    }
    .checkout__form__info__text .chcek__text {
        font-size: 16px;
        margin-top: 2px;
    }
    .checkout__card {
        width: 500px;
    }
    .checkout__card__logo {
        max-width: 150px;
    }
    .chekcout__card__head p {
        font-size: 32px;
    }
    .checkout__card__body {
        padding: 90px 20px;
    }
    .checkout__card__title {
        font-size: 60px;
        margin-bottom: 50px;
    }



    .checkout__single__input--1, .checkout__single__input--2, .checkout__single__input--3, .checkout__single__input--4 {
        width: calc(50% - 8px);
    }
    .pyament__select {
        width: 100%;
    }
    /* Checkout Pages Responisve End */
}

/* XL Device :1280px. */
@media only screen and (max-width: 1399px) {
    .container {
        width: 1140px;
    }

    .hero {
        min-height: auto;
        background-image: unset;
        margin-bottom: 0;
        padding: 150px 0 100px;
    }
    .hero__thumb__img {
        max-width: 700px;
    }
    .hero__wrapper, .cta__wrapper, .cta__para {
        margin: 0 auto;
    }
    .cta {
        min-height: auto;
        padding: 80px 0;
    }
    .cta__bg {
        opacity: .5;
    }
    .facility {
        padding: 100px 0;
    }
    .facility__row.g-5 {
        --bs-gutter-x: 40px;
    }

    /* login.html Page Responisve Start */
    .auth__thumb img {
        max-width: 250px;
    }
    .auth__form__box {
        padding: 60px 40px;
    }
    .auth__head {
        margin-bottom: 50px;
    }
    .auth__title {
        font-size: 40px;
    }
    .auth__subtitle {
        font-size: 24px;
    }
    .input__item--1 {
        margin-bottom: 10px;
    }
    .input__item input {
        font-size: 18px;
        padding: 10px 0;
    }
    .input__item input::placeholder {
        font-size: 18px;
    }
    .input__item {
        border-bottom-width: 5px;
        margin-bottom: 30px;
    }
    .input__check label {
        gap: 8px;
    }
    .check__box {
        width: 20px;
        height: 20px;
        font-size: 13px;
    }
    .chcek__text {
        margin-top: -1px;
        font-size: 18px;
    }
    .auth__btn {
        min-height: 55px;
        font-size: 24px;
        margin-top: 50px;
    }
    .auth__link {
        font-size: 18px;
    }
    /* login.html Page Responisve End */

    /* terms-conditions.html Page Responsive Start */
    .prev__page {
        max-width: 70px;
    }
    .terms__conditions--1 {
        padding: 10px 0 40px;
    }
    .tc__title {
        font-size: 72px;
    }
    .tc__title__para {
        font-size: 20px;
    }
    .btn--common {
        height: 55px;
        font-size: 22px;
    }



    .tc__hero {
        padding: 80px 20px 40px;
    }
    .tc__info__wrapper {
        margin-top: 80px;
        border-top-width: 5px;
    }
    .tc__info__text {
        font-size: 22px;
    }
    /* terms-conditions.html Page Responsive End */

    /* pricing.html Page Responsive Start */
    .pricing__card {
        min-height: 650px;
    }
    .pricing__card__head {
        min-height: 150px;
    }
    .pricing::before {
        top: 200px;
        height: 82%;
    }
    .pricing__card__content {
        border-radius: 30px;
    }
    .btn--pricing {
        min-height: 55px;
        font-size: 18px;
        margin-bottom: -25px;
        padding: 12px 25px;
    }
    /* pricing.html Page Responsive End */

    /* Checkout Pages Responsive Start */
    .checkout__single__input--1, .checkout__single__input--2, .checkout__single__input--3, .checkout__single__input--4 {
        width: 100%;
    }
    .checkout__multiple__inputs label {
        font-size: 22px;
    }
    /* Checkout Pages Responsive End */


}

/* Large Device :992px. */
@media only screen and (max-width: 1199px) {
    .container {
        width: 960px;
    }

    .hero__thumb__img {
        max-width: 550px;
    }
    .hero__title {
        font-size: 48px;
    }
    .hero__para {
        font-size: 22px;
    }
    .cta__title {
        font-size: 42px;
    }
    .facility, .feature {
        padding: 80px 0;
    }
    .facility__thumb {
        height: 275px;
        border-radius: 25px;
    }
    .facility__title {
        font-size: 28px;
    }
    .facility__list__item::before {
        width: 8px;
        height: 8px;
    }
    .footer__bottom p, .footer__bottom a {
        font-size: 20px;
    }
    .footer__social {
        gap: 25px;
        margin-bottom: 25px;
    }

    
    /* pricing.html Page Responsive Start */
    .pricing::before {
        top: 242px;
        height: 75%;
    }
    /* pricing.html Page Responsive End */

    
    /* Checkout Pages Responisve End */
    .checkout__card {
        flex-direction: row;
        width: auto;
        border-radius: 30px;
    }
    .chekcout__card__head, .checkout__card__body {
        padding: 60px 40px 80px;
    }
    .input__alert {
        font-size: 18px;
    }
    /* Checkout Pages Responisve Start */


}

/* Medium Device :768px. */
@media only screen and (max-width: 991px) {
    .container {
        width: 720px;
    }
    .header {
        padding: 25px 0;
    }
    .hero {
        padding: 110px 0 80px;
    }
    .facility__title br {
        display: none;
    }
    .facility__list--2 {
        padding: 0;
    }
    .feature__title {
        font-size: 38px;
    }
    .feature__list {
        font-size: 20px;
    }
    .feature__list::after {
        width: 8px;
        height: 8px;
    }
    .footer__bottom p, .footer__bottom a {
        font-size: 18px;
    }
    .footer__links {
        margin-top: 15px;
    }
    .footer__link::after {
        width: 2px;
    }

    /* login.html Page Responsive Start */
    .auth__thumb, .auth__form__box {
        width: 100%;
    }
    .auth__thumb, .auth__box {
        border-radius: 20px;
    }
    .auth__thumb img {
        max-width: 200px;
    }
    /* login.html Page Responsive End */

    /* terms-conditions.html Page Responsive Start */
    .prev__page {
        max-width: 56px;
    }
    .tc__thumb {
        max-width: 75%;
    }
    .tc__title {
        font-size: 54px;
    }


    .tc__hero {
        min-height: 450px;
    }
    .tc__info__text {
        font-size: 20px;
    }
    /* terms-conditions.html Page Responsive End */

    /* pricing.html Page Responsive Start */
    .obj__bg::after {
        height: calc(100% - 112px);
        margin-top: 112px;
    }
    .pricing__card {
        min-height: 550px;
    }
    .pricing::before {
        display: none;
    }
    /* pricing.html Page Responsive End */

    /* Checkout Pages Responisve End */
    .checkout {
        padding: 80px 0;
    }
    .return__page {
        font-size: 20px;
    }
    .checkout__details {
        padding-top: 60px;
    }
    .checkout__btns {
	    gap: 40px;
    }
    .tab__btn.active {
        font-size: 24px;
    }
    .tab__btn {
        font-size: 20px;
    }
    .checkout__card {
        flex-direction: column;
        width: 100%;
    }
    .chekcout__card__head, .checkout__card__body {
        padding: 40px 40px 50px;
    }
    .checkout__card__logo {
        max-width: 100px;
    }
    .checkout__card__title {
        font-size: 40px;
        margin-bottom: 24px;
    }
    .chekcout__card__head p {
        font-size: 28px;
    }
    .checkout__card__body p {
        font-size: 32px;
    }
    .checkout__input label {
        font-size: 24px;
    }
    .checkout__input input, .checkout__input--select .nice-select {
        font-size: 20px;
        height: 55px;
    }
    .checkout__input {
        margin-bottom: 30px;
    }
    .checkout__submit {
        height: 60px;
        font-size: 22px;
        border-radius: 10px;
    }



    .checkout__input label {
        font-size: 20px;
    }
    .checkout__input--select .nice-select::after {
        border-bottom: 15px solid #999;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        right: 18px;
    }
    .payment__card {
        width: 60px;
        height: 55px;
        padding: 10px;
        padding-right: 0;
    }
    .agree__box {
        width: 25px;
        height: 25px;
    }
    .agree__box img {
        max-width: 17px;
    }
    .agree__text {
        margin-top: 2px;
        font-size: 18px;
    }
    /* Checkout Pages Responisve Start */

}

/* Small Device :550px. */
@media only screen and (max-width: 767px) {
    .container {
        width: 540px;
    }
    .mobile__menu__btn .btn__text {
        padding: 8px 10px;
        border-radius: 2px;
    }
    .hero__thumb__img {
        max-width: 90%;
    }
    .hero__title {
        font-size: 40px;
    }
    .hero__para {
        font-size: 18px;
    }
    .cta, .facility, .feature {
        padding: 50px 0;
    }
    .cta__title {
        font-size: 36px;
    }
    .cta__para {
        font-size: 20px;
    }
    .hero__polygon {
        max-width: 500px;
    }
    .hero__polygon--1 {
        left: -150px;
        bottom: -150px;
    }
    .hero__polygon--2 {
        right: -150px;
        top: -150px;
    }
    .facility__thumb {
        height: 250px;
        border-radius: 15px;
        margin-bottom: 25px;
    }
    .facility__row.g-5 {
        --bs-gutter-y: 40px;
    }
    .feature__list {
        font-size: 18px;
        padding-left: 20px;
    }
    .feature__list::after {
        left: 0;
    }
    .footer {
        padding: 40px 0;
    }
    .footer__bottom p, .footer__bottom a {
        font-size: 16px;
    }
    .footer__social {
        gap: 15px;
        margin-bottom: 16px;
    }
    .footer__social__link {
        width: 35px;
        height: 35px;
    }
    .footer__links {
        margin-top: 10px;
    }

    /* login.html Page Responsive Start */
    .auth__thumb img {
        max-width: 150px;
    }
    .auth__box {
        border-radius: 10px;
    }
    .auth__thumb {
        border-radius: 10px;
        padding: 20px;
    }
    .auth__form__box {
        padding: 40px 20px;
    }
    /* login.html Page Responsive End */

    /* terms-condition.html Pages Responsive Start */
    .tc__hero {
        min-height: auto;
        padding: 140px 20px 80px;
    }
    .tc__info__wrapper {
        margin-top: 60px;
        padding: 60px 0;
    }
    .tc__info__text {
        font-size: 18px;
    }
    /* terms-condition.html Pages Responsive End */
    
    /* Checkout Pages Responisve Start */
    .checkout__form__wrapper {
        padding: 40px 25px;
        padding-left: 0;
    }
    .checkout__form__info {
        padding: 25px 16px;
        border-radius: 10px;
    }
    .checkout__form__info__text p {
        font-size: 18px;
    }
    .checkout__form__info__text .check__box {
        width: 20px;
        height: 20px;
        font-size: 13px;
    }
    .checkout__form__info__text .chcek__text {
        margin-top: -1px;
        margin-left: 7px;
    }
    /* Checkout Pages Responisve End */

}

/* Extra small Device. */
@media only screen and (max-width: 575px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }
    .btn__text {
        font-size: 16px;
        padding: 5px 16px 5px;
    }
    .header {
        padding: 16px 0;
    }
    .header--mobile--bg {
        background-color: #fff;
    }
    .logo {
        max-width: 55px;
    }
    .mobile__menu__btn .btn__text {
        padding: 7px 9px;
    }
    .mobile__menu .offcanvas-header {
        padding: 16px;
    }
    .hero {
        padding: 125px 0 60px;
    }
    .hero__thumb__img {
        max-width: 100%;
    }
    .hero__title {
        font-size: 32px;
    }
    .hero__para, .cta__para, .facility__card, .feature__list {
        font-size: 16px;
    }
    .cta__title {
        font-size: 26px;
    }
    .facility__thumb {
        height: 200px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .facility__title {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .facility__row.g-5 {
        --bs-gutter-y: 25px;
    }
    .facility__list, .facility__list--2 {
        padding: 20px 0;
    }
    .feature__row.g-5 {
        --bs-gutter-y: 20px;
    }
    .feature__title {
        font-size: 30px;
    }
    .footer__bottom p, .footer__bottom a {
        font-size: 14px;
    }

    /* login.html Page Responsive Start */
    .auth__thumb {
        padding: 16px;
    }
    .auth__thumb img {
        max-width: 100px;
    }
    .auth__form__box {
        padding: 25px 16px;
    }
    .auth__title {
        font-size: 30px;
    }
    .auth__subtitle {
        font-size: 18px;
    }
    .input__item {
        border-bottom-width: 3px;
        margin-bottom: 15px;
    }
    .input__item input, .input__item input::placeholder {
        font-size: 16px;
    }
    .check__box {
        width: 16px;
        height: 16px;
        font-size: 11px;
        border-radius: 3px;
    }
    .input__check label {
        gap: 5px;
    }
    .chcek__text {
        margin-top: 1px;
        font-size: 16px;
    }
    .auth__btn {
        min-height: 50px;
        font-size: 20px;
        padding: 11px 30px 10px;
    }
    .auth__link {
        font-size: 14px;
    }
    /* login.html Page Responsive End */

    /* terms-conditions.html Page Responsive Start */
    .prev__page {
        max-width: 36px;
    }
    .terms__conditions__page--1 .header__btns, .terms__conditions__page--2 .header__btns {
        gap: 10px;
    }
    .tc__thumb {
        max-width: 100%;
    }
    .terms__conditions--1 {
        padding: 25px 0 40px;
    }
    .tc__title {
        font-size: 44px;
    }
    .tc__title__para {
        font-size: 16px;
    }
    .btn--common {
        height: 48px;
        font-size: 16px;
    }

    .tc__hero {
        min-height: auto;
        padding: 120px 20px 60px;
    }
    .tc__info__wrapper {
        margin-top: 40px;
        padding: 40px 0;
        border-top-width: 3px;
    }
    .tc__info__text {
        font-size: 18px;
    }
    /* terms-conditions.html Page Responsive End */

    /* pricing.html Page Responsive Start */
    .obj__bg::after {
        height: calc(100% - 77px);
        margin-top: 77px;
    }
    .pricing {
        margin: 50px 0 80px;
    }
    .pricing__cards__row.g-5 {
        --bs-gutter-y: 50px;
    }
    .pricing__card {
        min-height: auto;
    }
    .pricing__card__head {
        min-height: auto;
        padding: 35px 20px;
    }
    .pricing__card__content {
	    border-radius: 16px;
    }
    .pricing__card__title {
        font-size: 28px;
    }
    .pc__currency {
        font-size: 24px;
        margin-top: 8px;
    }
    .pc__price {
        font-size: 60px;
    }
    .pc__duration {
        font-size: 20px;
    }
    .pricing__card__details {
        padding: 40px 16px;
    }
    .pricing__card__list {
        padding: 30px 0 40px;
        gap: 10px;
    }
    .pricing__list {
        font-size: 16px;
    }
    .pricing__list span {
        max-width: 16px;
    }
    .btn--pricing {
        min-height: 50px;
        font-size: 16px;
        margin-bottom: -20px;
    }
    /* pricing.html Page Responsive End */

    /* Checkout Pages Responisve Start */
    .checkout {
        padding: 50px 0;
    }
    .checkout__details {
        padding-top: 40px;
    }
    .return__page {
        font-size: 16px;
    }
    .return__page span img {
        max-width: 13px;
        margin-top: -4px;
    }
    .checkout__btns {
        gap: 16px;
    }
    .checkout__card {
        border-radius: 16px;
    }
    .chekcout__card__head p {
        font-size: 24px;
    }
    .chekcout__card__head, .checkout__card__body {
        padding: 25px 16px 40px;
    }
    .checkout__card__title {
        font-size: 32px;
        margin-bottom: 16px;
    }
    .checkout__card__body p {
        font-size: 26px;
    }
    .checkout__input label {
        font-size: 18px;
    }
    .checkout__input input, .checkout__input--select .nice-select {
        font-size: 16px;
        height: 48px;
        margin-bottom: 4px;
        padding: 12px 15px;
    }
    .input__alert, .checkout__form__info__text p {
        font-size: 16px;
    }
    .checkout__input {
        margin-bottom: 20px;
    }
    .checkout__submit {
        height: 50px;
        font-size: 16px;
        border-radius: 6px;
        width: 100%;
    }
    .checkout__form__info__text .chcek__text {
        font-size: 14px;
    }


    .checkout__input--select .nice-select::after {
        border-bottom: 12px solid #999;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    .payment__card {
        height: 48px;
    }
    .payment__card {
        height: 48px;
        margin-top: 3px;
    }
    .checkout__multiple__inputs label {
        font-size: 16px;
    }
    .agree__box {
        width: 20px;
        height: 20px;
        border-radius: 2px;
    }
    .agree__box img {
        max-width: 13px;
    }
    .agree__text {
        margin-top: 0;
        font-size: 16px;
    }
    /* Checkout Pages Responisve End */

}

@media only screen and (max-width: 430px) {
    .mobile__menu .offcanvas-start {
        width: 100%;
    }
}