@media screen and (min-width: 1920px) {
    .powered-by {
        width: 40px;
        min-width: 40px;
    }

    .powered-by > img {
        max-height: 200px;
        object-fit: contain;
        width: 40px;
    }

    .tempora-item-slider-images {
        width: 36.875rem;
    }

    .tempora-item:last-child .tempora-item-slider-images {
        width: 35.063rem;
    }

    .Slider-slide:last-of-type {
        background-position: 100% 30%;
    }

    .tempora-item {
        padding: 1.625rem 100px 1.625rem 100px !important;
    }
    .tempora-item-text {
        font-size: 1.425rem;
    }
}

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

    .tempora-item {
        /*height: 400px !important;*/
        margin-bottom: 7.625rem;
    }

    .tempora-item-slider-images,
    .tempora-item:nth-child(even) .tempora-item-slider-images {
        position: relative;
        margin: 0 20px;
    }

    .tempora-item:last-child .tempora-slide-1 img {
        height: 320px;
    }

    .tempora-footer {
        font-size: 1rem;
        line-height: 1.4;
    }

    .powered-by {
        /* width: 2rem; */
        min-width: 2rem;
        height: auto;
        /* margin: auto; */
        display: block;
    }
}

@media screen and (min-width: 1330px) and (max-width: 1400px) {
    .custom-container {
        position: relative;
        margin-left: 5.66%;
        margin-right: 5.1%;
        max-width: 1194px;
    }


}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .powered-by{
        width: 32px;
        min-width: 32px;
    }
}


@media screen and (max-width: 1400px) {
    #form2 {
        width: 21rem;
    }
}

@media screen and (max-width: 1249px) {
    .tempora-item-content > img {
        width: 9rem;
        position: relative;
        /* top: -10px; */
    }

    .tempora-item-title,
    .tempora-item-text {
        font-size: 1rem;
    }
}

.tempora-item-content > img {
    width: 9rem;
    position: relative;
    margin-top: 10px;
}

@media screen and (max-width: 1199px) {
    /* .tempora-item:nth-child(even) .tempora-item-slider-images {
        width: 31.125rem;
    } */
    #form2 {
        width: 90%;
    }

    .tempora-item {
        margin-bottom: 7rem;
    }

    .tempora-item-title,
    .tempora-item-text {
        font-size: 1rem;
    }

}

@media screen and (min-width: 1440px) {
    .inner-header-2 {
        margin-left: 76px;
    }
    .tempora-header-content {
        line-height: 35px !important;
    }
}

@media screen and (min-width: 575px) {
    .move-up {
        align-items: center;
    }
}
@media screen and (max-width: 768px) {
    .move-up {
        justify-content: center;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .tempora-header-content {
        font-size: 16px;
        line-height: 18px !important;
    }
}

@media screen and (min-width: 1024px) {
    .tempora-item {
        height: 250px;
    }
    .tempora-item-text {
        font-size: 12px;
    }
}

@media screen and (min-width: 1440px) {
    .move-up {
        flex-shrink: 2;
        width: 700px !important;
    }
    .tempora-item-text {
        font-size: 16px;
    }
}

.tempora-item-slider-images {
    margin: 0 10px !important;
}

@media screen and (max-width: 991px) {
    .navbar {
        border-bottom: 1px solid #1f2f4a;
    }
    .tempora-item:last-child .tempora-slide-1 img {
        height: auto;
    }
    .tempora-item {
        margin-bottom: 4.625rem;
    }

    .tempora-footer {
        font-size: 0.75rem;
    }

    .tempora-slide-1 img {
        width: 100%;
    }

    .tempora-item-slider-images {
        width: 24.875rem;
    }

    .tempora-item:nth-child(even) .tempora-item-slider-images {
        /* width: 24.875rem; */
    }

    #form2 {
        width: 90%;
    }

    .header-section {
        padding: 130px 0 57px;
    }

    .navbar-brand {
        display: contents;
    }

    .feature-item .feature-text {
        white-space: normal;
    }

    .uos-inner-1 {
        padding-top: 0;
    }

    .tempora-item:last-child {
        margin-bottom: 3.75rem;
    }

    .uos-inner-1 .image {
        width: 50%;
    }

    .tempora-header-content {
        font-size: 16px;
    }

    .tempora-header {
        padding: 30px 0 30px;
    }

    .tempora-item-title {
        font-size: 16px;
    }

    .tempora-item-text {
        font-size: 14px;
        letter-spacing: 0.8px;
    }

    .line {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .inner-header-2 {
        margin-left: 0;
    }

    .tempora-section {
        padding-bottom: 30px;
    }

    .tempora-footer {
        font-size: 12px;
        line-height: 18px;
    }

    .login-card form {
        width: 80%;
        margin: auto;
    }

    .custom-input {
        width: 100%;
    }

    .features-section {
        min-height: auto;
    }

    .feature-item {
        width: 100%;
        max-width: none;
        margin-bottom: 30px;
    }

    .features-section .row > div:last-child .feature-item {
        margin-bottom: 0;
    }

    .uos-section {
        background-size: cover;
        background-blend-mode: overlay;
        background-color: #00000052;
    }

    .get-in-touch .container img {
        align-self: center !important;
        position: unset;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: var(--white);
        /* border-bottom: 1px solid #fff; */
        padding: 10px 0;
    }

    .navbar-dark .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: 0;
    }
    .header-content .custom-btn {
        margin-left: auto;
    }
    .tempora-item:last-child .tempora-slide-1 {
        /* min-width: 300px; */
    }


    .Slider-slide:last-of-type {
        background-position: 36% 0%;
    }

    footer {
        height: 90px;
    }
}

@media screen and (min-width: 768px) and (max-width: 860px) {
    .tempora-item .tempora-item-slider-images {
        width: 250px !important;
    }
    .tempora-item p {
        font-size: 12px;
    }

    .tempora-item {
        height: 230px;
    }
    .tempora-item {
        padding: 1.688rem;
    }

    .vertical-logo {
        height: 150px;
    }

    .Slider-slide:last-of-type {
        background-position: 36% 0%;
    }
}

@media screen and (max-width: 767px) {
    .tempora-header-content, .tempora-item-title, .tempora-footer {
        line-height: 14px !important;
    }
    .Slider-slide:last-of-type {
        background-position: 51% 0%;
    }
    .move-up {
        align-items: flex-end;
    }
    .tempora-item:nth-child(odd) .move-up {
        margin-left: -18px;
    }

    .tempora-item:nth-child(even) .move-up {
        margin-right: -18px;
    }

    .header-content {
        left: unset;
        top: unset;
        padding-right: 0;
    }

    .tempora-item:nth-child(even) .powered-by > img {
        transform: unset;
    }

    .feature-item .feature-title {
        width: 100%;
        height: auto;
    }

    .uos-inner-1 .image {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .uos-inner-2 {
        margin-top: 2.25rem;
    }

    .uos-inner-2 p {
        text-align: center;
    }

    .feature-item .feature-title::after {
        width: 100%;
        bottom: -10px;
    }

    .login-card {
        margin-left: 0;
    }

    .logo-image {
        visibility: hidden;
        opacity: 0;
        user-select: none;
    }

    .tempora-item {
        height: auto !important;
        flex-direction: column !important;
        padding: 26px 10px !important;
    }

    .tempora-item-slider-images {
        order: 1;
        position: relative;
        /* top: -45px; */
    }

    .tempora-slide-1 img {
        width: 100%;
    }

    .powered-by {
        /* position: absolute; */
        left: 20px;
        top: 12%;
        /* width: .296rem; */
    }

    .tempora-item-content {
        position: relative;
        top: -24px;
    }

    .tempora-item-text {
        /* text-align: center; */
        padding: 0;
    }

    .tempora-item-content > img {
        /* top: 12px; */
    }

    .tempora-item-title {
        font-size: 12px;
        line-height: 1.011;
        text-align: center;
    }

    .tempora-item-slider-images, .tempora-item:nth-child(even) .tempora-item-slider-images {
        width: 80% !important;
    }

    .move-up {
        margin-top: -45px;
        margin-bottom: 35px;
    }

    .tempora-header-content {
        font-size: 12px;
    }

    .tempora-slide-1 img {
        max-height: initial;
    }

    .tempora-item:nth-child(even) .tempora-item-content {
        padding-top: 0;
    }

}


@media screen and (max-width: 575px) {
    .tempora-item {
        padding: 20px 30px !important;
        margin-bottom: 48px !important;
    }


    .powered-by {
        width: 6%;
        min-width: 1.25rem;
        top: 2%;
        left: 30px;
    }

    .custom-input-2:last-child {
        margin-bottom: 24px;
    }

    .tempora-item:nth-child(even) .tempora-item-slider-images {
        margin-top: unset;
    }

    .input-textarea::placeholder,
    .custom-input-2::placeholder {
        font-size: 16px;
        line-height: 2.064;
    }

    .nav-logo {
        width: 60%;
    }

    .get-in-touch .container img {
        align-self: center !important;
        position: unset;
    }

    .get-in-touch .container img:first-child {
        margin-top: 15px;
    }

    .uos-section .logo-image img {
        width: 100%;
    }

    footer {
        padding: 4px 10px;
        height: 90px;

    }

    footer img {
        width: 50%;
        height: auto;
    }

    .container-fluid.px-5 {
        padding: 0 30px!important;
    }
    .get-in-touch-title {
        font-size: 24px;
        font-weight: 600;
    }

    .tempora-header {
        padding: 30px 0 65px;
        width: 100%;
    }
    .tempora-item-title {
        line-height: inherit;
    }
}


@media screen and (max-width: 350px) {
    .custom-btn {
        font-size: 12px;
    }
    .powered-by {
        min-width: 1rem;
        width: 1rem;
        top: 3%;
    }
    .tempora-item:last-child .tempora-slide-1{
        min-width: auto;
    }
}

@media screen and (max-width: 300px) {
    .tempora-item-slider-images, .tempora-item:nth-child(even) .tempora-item-slider-images {
        /* width: 100% !important; */
    }
    .tempora-item .move-up {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .get-in-touch .container img:first-child {
        width: 80%;
        height: auto;
        object-fit: cover;
    }
    .custom-btn {
        font-size: 12px;
    }
    .header-text {
        font-size: 14px;
    }
    .powered-by{
        display: none;
    }
    .tempora-item {
        padding: 20px 10px !important;
    }
    .tempora-header-content {
        font-size: 11px;
    }
    .tempora-header .line {
        width: 96%;
    }
    .tempora-header img {
        width: 70%;
    }
}