﻿
@media (max-width: 576px) {
    .blob {
        width: 100%;
    }
    .LeftSide .details {
        position: relative;
        top: 0;
    }
    .homeHero {
        margin: 0;
        position: relative;
        display: block;
        height: 103rem !important;
    }

    .px-20 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .mx-17 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }

    .w-50 {
        width: 80% !important;
    }

    .Features .mobileImg {
        top: 0;
        position: relative;
        margin: auto;
    }

    .Features .FeatureDetails {
        height: 100%;
        width: auto !important;
    }

    .AboutApp .col-lg-5 {
        order: 2 !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Services .card .servImg {
        width: 100%;
    }

    .card .card-body {
        padding: 2rem 1.25rem;
        margin-top: 18px;
    }

        .card .card-body .row > * {
            flex-shrink: 0;
            width: auto;
        }

    .Services .serviceDetails {
        height: 100%;
    }

    /*-----------------------------*/

    .Subscribe .mobileImg img {
        object-fit: scale-down;
    }

    .Subscribe .mobileImg {
        width: auto;
        top: 0;
        position: relative;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Subscribe .LeftInfo {
        position: relative;
        height: 100%;
    }

        .Subscribe .LeftInfo.row .col-lg-7 {
            order: 2;
        }


    .Subscribe .row .overlay {
        position: absolute;
        height: 106%;
    }

    .Subscribe .bg-subscribe {
        position: relative;
        height: 100%;
    }

    .Subscribe {
        padding: 5%;
    }

        .Subscribe .row > *, .TopFooter .row > * {
            flex-shrink: 0;
            width: auto;
        }

    .SubscribeHeader .w-75 {
        width: 100% !important;
    }

    .slider {
        width: 100%;
        margin: 10px auto;
    }

    .Interface .Item {
        height: auto;
        width: 200px;
    }

    .Responsive-Footer > * {
        width: auto;
    }

    .landing-dark-bg2 .justify-content-center {
        justify-content: flex-start !important;
    }

    .FooterSection .w-400px {
        width: 100% !important;
    }

    .menu-lang .dropdown-menu.show {
        right: auto !important;
        left: 14px !important;
        top: -19px !important;
    }

    .themechange .dropdown-menu.show {
        left: auto !important;
        right: 14px !important;
    }

    .TopMobile {
        background: #000000;
        height: 80px;
    }

    .menu-lang a.langIcon {
        color: #fff;
    }

    .menu-link.active::after {
        left: 22%;
    }

    .landing-header .logo-default {
        display: block;
        height: 50px;
    }

    .landing-header .logo-sticky {
        display: none;
        height: 50px;
    }
    .landing-curve {
        top: 90%;
    }
}
/* Small screens (≥ 576px) */
@media (min-width: 576px) and (max-width:996px){
    .blob {
        width: 100%;
    }
    .LeftSide .details {
        position: relative;
        top: 0;
    }
    .homeHero {
        margin: 0;
        position: relative;
        display: block;
        height: 103rem !important;
    }
    .px-20 {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }

    .mx-17 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }

    .w-50 {
        width: 80% !important;
    }

    .Features .mobileImg {
     
        top: 0;
        position: relative;
        margin: auto;
    }
    .Features .FeatureDetails {
       
        height: 100%;
        width:auto !important;
       
    }
    .AboutApp .col-lg-5 {
        order: 2 !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Services .card .servImg {
        width: 100%;
    }

    .card .card-body {
        padding: 2rem 1.25rem;
        margin-top: 18px;
    }
        .card .card-body .row > * {
            flex-shrink: 0;
            width: auto;
        }

    .Services .serviceDetails {
      
        height: 100%;
       
    }


    /*-----------------------------*/

    .Subscribe .mobileImg img {
        object-fit: scale-down;
    }

    .Subscribe .mobileImg {
        width: auto;
        top: 0;
        position: relative;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Subscribe .LeftInfo {
        position: relative;
        height: 100%;
    }

        .Subscribe .LeftInfo.row .col-lg-7 {
            order: 2;
        }

    .Subscribe .row .overlay {
        position: absolute;
        height: 106%;
    }

    .Subscribe .bg-subscribe {
        position: relative;
        height: 100%;
    }

    .Subscribe {
        padding: 5%;
    }

        .Subscribe .row > *, .TopFooter .row > * {
            flex-shrink: 0;
            width: auto;
        }
    .SubscribeHeader .w-75{
        width:100% !important;
    }

    .slider {
        width: 100%;
        margin: 10px auto;
    }

    .Interface .Item {
        height: auto;
        width: 200px;
    }

    .Responsive-Footer > * {
        width: auto;
    }

    .landing-dark-bg2 .justify-content-center {
        justify-content: flex-start !important;
    }

    .FooterSection .w-400px {
        width: 100% !important;
    }
    .menu-lang .dropdown-menu.show {
        right: auto !important;
        left: 14px !important;
        top: -19px !important;
    }

    .themechange .dropdown-menu.show {
        left: auto !important;
        right: 14px !important;
    }
    .TopMobile {
        background: #000000;
        height: 80px;
    }

    .menu-lang a.langIcon {
        color: #fff;
    }
    .menu-link.active::after {
        left: 22%;
    }
    .landing-header .logo-default {
        display: block;
        height: 50px;
    }

    .landing-header .logo-sticky {
        display: none;
        height: 50px;
    }

    .landing-curve {
     
        top: 90%;
    }
    }

/* Medium screens (≥ 768px) */
@media (min-width: 768px) {
    .homeHero {
        position: relative;
        min-height: 100vh !important;
        height: 100%;
    }
    .landing-curve {
        height: 310px;
        position: absolute;
        top: 88%;
    }
    }

/* Large screens (≥ 992px) */
@media (min-width: 992px) {
    .homeHero {
        position: relative;
        min-height: 100vh !important;
        height: 100%;
    }
    .landing-curve {
        height: 310px;
        position: absolute;
        top: 88%;
    }
}

/* Extra-large screens (≥ 1200px) */
@media (min-width: 1200px) {

    .homeHero{
        position:relative;
        min-height:100vh !important;
        height:100%;
    }
    .landing-curve {
      
        top: 82%;
       
    } 
    body{
        overflow-x:hidden;
    }
}
