/* Responsive (Mobile) Design
**********************************************************/

@media (min-width:1501px) {}

@media (min-width:1025px) and (max-width:1500px) {}

@media (min-width:1025px) and (max-width:1400px) {}

@media (min-width:993px) and (max-width:1024px) {}

@media (min-width:768px) and (max-width:992px) {
    .homeSignUp .row>div {
        flex: 100% !important;
        max-width: 100%;
    }
    .upcoming-projects-out {
        margin-top: 20px;
    }
}

@media (max-width:992px) {
    .navbar-brand img {
        width: 90px;
    }
    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 34px;
    }
    .upcoming-projects {
        position: relative;
    }
    .aboutUs .videoPla {
        margin-top: 40px;
    }
    .home-banner .upcoming-projects-out {
        margin-bottom: 40px;
    }
    #mustFooter .topFooter .jghds h3 {
        margin-top: 40px;
    }
    .home-banner .owl-nav {
        text-align: center;
        position: absolute;
        bottom: 10px;
        width: 100%;
    }
    .home-banner .owl-prev,
    .home-banner .owl-next {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        display: none;
        margin: 10px;
        transform: none;
    }
    .container {
        max-width: 100%;
    }
    .alterBox.page-how-its-work .row>div {
        flex: 100%;
        max-width: 100%;
    }
    #navbar-menu .nav {
        display: flow-root;
    }
}

@media (min-width:992px) {
    nav.navbar.bootsnav {
        height: auto;
    }
    nav.navbar.bootsnav ul.nav>li>a {
        padding: 20px 20px;
        padding-bottom: 20px;
    }
    nav.navbar.bootsnav.no-background ul.nav {
        margin-top: 20px;
    }
    nav.navbar.bootsnav.no-background ul.nav>li>a {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    nav.navbar.bootsnav .navbar-brand {
        padding: 6px;
    }
    nav.navbar.bootsnav .navbar-brand img {
        width: 57px;
    }
    nav.navbar.bootsnav.no-background .navbar-brand img {
        width: 75px;
    }
    nav.navbar.bootsnav .attr-nav {
        margin-top: 9px;
    }
    nav.navbar.bootsnav.no-background .attr-nav {
        margin-top: 26px;
    }
}

@media (min-width:768px) {
    .attr-nav>ul>li {
        text-align: center;
        /* width: 95px; */
    }
}

@media (max-width:767px) {
    .home-banner .banner-text {
        padding: 40px 0;
    }
    .home-banner .upcoming-projects h3 {
        font-size: 30px;
    }
    .secHead h1,
    .aboutUs h3 {
        font-size: 30px;
    }
    .howItWorks li {
        width: 50%;
        margin-bottom: 40px;
    }
    .howItWorks li:nth-child(even):after {
        display: none;
    }
    .md.swiper-slide {
        width: 100%;
    }
    .home-banner .swiper-pagination {
        text-align: center;
        padding: 0 40px;
    }
    .attr-nav {
        margin-top: 32px;
    }
    .upcoming-projects-out {
        margin-top: 20px;
    }
    .recommendedForYou {
        padding: 40px 0;
    }
    .ios.swiper-slide {
        width: 100% !important;
    }
    .recommendedForYou .outer .btm-meta .row>div {
        flex: 50%;
    }
    #navbar-menu .nav {
        display: flow-root;
        height: 180px;
        overflow-y: scroll;
    }
    .first_name {
        margin-bottom: 20px;
    }
    .updateProfile .ml-auto {
        margin-left: 0 !important;
        padding: 0;
    }
    .page-header .d-flex.justify-content-lg-end {
        display: initial !important;
    }
    .page-header .page-header-title {
        margin-top: 0;
    }
}

@media (max-width:480px) {
    .howItWorks li {
        width: 100%;
    }
    .howItWorks li:after {
        display: none;
    }
    .homeSignUp .leftText {
        width: 100%;
    }
    .homeSignUp .leftText p {
        width: 100%;
        margin-bottom: 20px;
    }
    .recommendedForYou .recommendedForYouInner {
        padding: 0;
    }
    .recommendedForYou .outer .textInfo .progressText {
        font-size: 12px;
    }
    .recommendedForYou .owl-nav {
        text-align: center;
        position: relative;
        width: 100%;
    }
    .recommendedForYou .owl-prev,
    .recommendedForYou .owl-next {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        display: inline-block;
        margin: 10px;
        transform: none;
    }
}

@media (max-width:414px) {
    #navbar-menu .nav {
        display: flow-root;
        height: auto;
        overflow-y: visible;
    }
}


/* iphone 6+ landscape */

@media only screen and (min-device-width :414px) and (max-device-width :736px) and (orientation: landscape) {}


/* iphone 6 + */

@media only screen and (min-device-width :414px) and (max-device-width: 420px) and (orientation: portrait) {}


/* iphone 6 portrait */

@media only screen and (min-device-width: 374px) and (max-device-width: 375px) and (orientation: portrait) {}


/* iphone 6 landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {}

@media (max-width:320px) {}