@media only screen and (max-width: 384px) {
    ul.banner-tabs li {
        font-size: 7px !important;
        margin: 0px 6px !important;
    }
}

@media only screen and (max-width: 320px) {
    ul.banner-tabs li {
        font-size: 7px !important;
        margin: 0px 5px !important;
    }
    span.arrow {
        position: relative;
        top: -11px;
        padding: 0 60px;
        color: #ccc;
        font-size: 24px;
    }
    .read {
        margin-top: 0px;
        width: 164px !important;
    }
    .nav-pagination-1 {
        height: auto;
    }

    .login-page #formContent {
        margin-bottom: 0;
    }

    .pricing-option ul li {
        margin: 10px 10px;
    }

    .app-store p span {
        font-size: 30px;
    }
    p.demo {
        margin: 0;
        text-align: center;
    }

    .app-store p {
        font-size: 16px !important;
    }
    a.navbar-brand.white {
        background: #e6e3e3;
    }
}
@media only screen and (max-width: 480px) {
    .nav-pagination-1{
        height:auto;
    }
    .dropdown-menu{
            z-index: 999999 !important;
    }
    span.arrow {
        position: relative;
        top: -11px;
        padding: 0 65px;
        color: #ccc;
        font-size: 24px;
    }
    p.demo {
        margin: 0;
        text-align: center;
        padding: 0px 10px;
    }
    a.navbar-brand.white {
        background: #e6e3e3;
    }
    .nav-pagination {
        height: 273px;
    }
    .login-page .button {
        padding: 10px;
    }
    .login-page #formContent {
        margin-bottom: 0;
    }
    .pricing-option ul li {
        margin: 10px 10px;
        font-size: 13px;
    }
    .nav-pagination-2{
        height:auto;
    }
    .login-page .contact label {
        text-align: center;
        font-size: 20px;
    }
    .icon-contact p{
        text-align:center;
    }
    .login-page .wrapper{
        padding:0;
    }
    .app-store p span {
        font-size: 30px;
    }
    .app-store p {
        font-size: 12px;
    }
        .overlay img {
        width: 30% !important;
        margin: 34px 0px !important;
    }.img-details.login-page #formContent {
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        background: #fff;
        padding: 10px 20px !important;
        width: 100%;
        max-width: 299px;
        position: relative;
        padding: 30px 0;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        text-align: unset;
        margin-bottom: 0;
        min-height: 282px;
    }.login-page h1 {
        color: #000;
        font-size: 28px;
        font-weight: 700;
    }.img-details {
        position: absolute;
        z-index: 9999;
        top: 7px;
        left: 40px;
    }
    .team-member img {
        display: inline-block;
    }
    .bottom-footer4 p {
        text-align: center;
        margin: 10px auto;
        width: 80%;
    }
    .banner-app {
        padding-top: 100px;
    }
    .bottom-footer3 p {
        text-align: center;
    }
    .text-color h3 {
        font-size: 40px;
    }
    .pricing {
        padding: 50px 0px;
    }.nav-pagination-3{
        padding: 145px 0px 44px;
        background: #fff;
        padding-top: 80px;
        background-size: 100%;
        padding-bottom: 0px;
        background-repeat: no-repeat;
        height: 450px;
    }
    .login-page .nav-pagination-3 #formContent{
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        background: #fff;
        padding: 30px 8px !important;
        width: 90%;
        max-width: 565px;
        position: relative;
        padding: 0px;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        text-align: center;
        margin-bottom: 0;
        margin-top: 0;
    }.website-banner-content .input-group {       
        margin: 0 10px;
    }.margin {      
        margin-left: 0;       
        text-align: center;
    }
    .hreing {
        margin: 50px 0px;
    }
    iframe {
        height: 300px;
    }
    .left-text {
        padding-left: 10px;
    }
    .footer-bottom1 .footer-logo-text {
        text-align: center;
    }
    .footer-logo {
        margin-bottom: 30px;
    }
    .bottom-dark .footer-logo-text {
        margin-top: 50px;
    }
    .desktop-img img {
        width: 100%;
    }
    .footer-logo {
        text-align: center;
    }
    .card-tab-image {
        background-size: 100%;
        margin-bottom: 0px;
        height: 40px;
    }
    ul.banner-tabs li.active .card-tab-image,
    ul.banner-tabs li:hover .card-tab-image {
        background-size: 100%;
        margin-bottom: 0px;
        height: 40px;
    }
    ul.banner-tabs li {
        padding: 0px;
    }
    ul.banner-tabs li:hover {
        padding-bottom: 0px;
    }
    ul.banner-tabs li.active .card-tab1,
    ul.banner-tabs li:hover .card-tab1,
    .card-tab1 {
        background-size: 70%;
    }
    ul.banner-tabs li.active .card-tab3,
    ul.banner-tabs li:hover .card-tab3,
    .card-tab3 {
        background-size: 70%;
    }
    ul.banner-tabs li.active .card-tab4,
    ul.banner-tabs li:hover .card-tab4,
    .card-tab4 {
        background-size: 70%;
    }

    ul.banner-tabs li.active .card1,
    ul.banner-tabs li:hover .card1,
    .card1 {
        background-size: 70%;
    }
    ul.banner-tabs li.active .card3,
    ul.banner-tabs li:hover .card3,
    .card3 {
        background-size: 70%;
    }
    ul.banner-tabs li.active .card4,
    ul.banner-tabs li:hover .card4,
    .card4 {
        background-size: 70%;
    }
    .navigation .navbar {
        padding: 0px;
    }
    .card img {
        height: 30px;
        width: 30px;
    }
    .timeline-marker:after {
        height: 450px;
    }
    .desktop-img {
        margin-top: -100px;
    }
    .desktop-mobile-app {
        margin-top: 0px;
    }
    .bg-section {
        padding-left: 0px;
    }
    .sooper-text h4,
    .nav-pagination1 {
        text-align: center;
    }
    .footer-logo-text {
        text-align: center;
        margin-bottom: 20px;
    }
    .main-3-section {
        text-align: center;
    }
    .card {
        margin-bottom: 0px;
    }
    ul.banner-tabs li.active {
        padding-bottom: 0px;
    }
    .tab_content {
        margin-top: 15px;
    }
    ul.banner-tabs li {
        font-size: 7px;
        margin: 0px 5px;
    }
    #carousel-example-generic .carousel-control {
        padding: 0px;
        height: 36px;
        width: 36px;
        border: 2px solid;
        padding-top: 1px;
    }
    .forms .form-group {
        width: 100%;
    }
    .headbetter {
        padding-left: 10px;
    }

    .section-color-div-footer {
        padding-bottom: 50px;
    }
    .footer-div1 {
        text-align: center;
    }
    .section-color-div-footer .dropdown-toggle {
        color: #999;
        border: 1px solid #999;
        padding: 14px 21px;
        font-size: 20px;
        border-radius: 50px;
        margin: 20px auto;
        display: block;
        width: 188px;
        text-align: center;
    }
    .section-color-div-footer .themeBtn3 {
        background: #ff2e4d;
        color: #ffffff !important;
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        height: auto;
        line-height: 0.8;
        padding: 20px 20px;
        text-transform: capitalize;
        border-radius: 1px;
        letter-spacing: 0.5px;
        border: 0px !important;
        cursor: pointer;
        border-radius: 100px;
        text-align: center;
        margin: 20px auto;
        display: block;
        width:200px;
    }
    .logo-footer2 {
        text-align: center;
    }
    .logo-footer2 img {
        display: inline-block;
    }
    .footer-bottom1 p {
        margin: 20px auto;
        width: 80%;
        line-height: 24px;
    }
    .footer-bottom {
        padding-top: 62px;
        background: url(../images/footer-bottom.png);
        background-position: bottom;
        background-size: cover;
    }
    .footer-bottom1 {
        padding-top: 0px;
    }
    .right-text h4 {
        font-size: 15px;
    }
    .right-text h4 img {
        height: 30px;
        width: 30px;
    }
    .desktop {
        padding-top: 100px;
        height: 460px;
    }
    .soft-heading h3 {
        font-size: 30px;
    }
    .hraing1 {
        margin: 0;
    }
    .work-text {
        padding: 0px 20px;
    }
    .read {
        margin-top: 0px;
        width:200px;
    }
    .feature {
        margin-top: 0;
    }
    .navigation .button-right {
        margin: 0px;
    }
    .navigation .button-right {
        margin-bottom: 10px;
    }
    .navigation .navbar-toggle {
        border: none;
        margin-top: 25px;
    }
    .main-navigation .navbar-toggle {
        border: 1px solid #3a3161;
        background: #3a3161;
    }
    .feature-img  {
        text-align: center;
    }
    .feature-text h4 {
        margin: 20px 0px;
        text-align: center;
    }
    .navigation .icon-bar {
        background-color: #fff;
    }
    .website-banner {
        padding-top: 100px !important;
        background-image: url(../images/banner.png);
        background-size: cover;
        padding-bottom: 0px;
        background-repeat: no-repeat;
    }
    .website-banner-image img {
        margin-top: 30px;
    }
    .website-banner-content h1 {
        font-size: 26px !important;
    }
    .website-banner-image {
        text-align: center;
    }
    .playstore h2 {
        font-size: 26px;
    }
    .playstore p {
        font-size: 18px;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
    .app-store .apple {
        font-size: 28px;
    }
    .quest-text h4,
    .quest-text p {
        font-size: 14px;
    }
    .mleft {
        margin-left: 0px;
    }
    .read {
        padding: 0px 5px;
    }
    .footer-copyright {
        background-image: url(../images/footer-image.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .footer-section-back {
        padding-top: 0px;
        padding-bottom: 0;
    }
    .footer-logo img {
        width: 100%;
    }
    .footer-copyright .playstore {
        margin-bottom: 85px;
    }
    .footer-text p {
        font-size: 14px;
        text-align: left;
        line-height: 24px;
    }
    .footer-text {
        text-align: right;
    }
    .footer-text a:hover {
        color: #fff;
    }
    .responsive2 .slick-dots {
        display: none !important;
    }
    .buttons .btn {
        padding: 12px 17px;
        margin-right: 0;
    }
    .buttons .btn:hover {
        padding: 12px 17px;
    }
    .work-text h4 img {
        float: left;
    }
    .work {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .unoorder {
        text-align: center;
    }
    .question,
    .trust {
        padding-top: 0px;
        padding-bottom: 0px;
    }.mail-section {
        padding-top: 150px;
        padding-bottom: 50px;
    }
    .question .quest-text {
        margin-bottom: 30px;
    }
    .testimonial {
        padding: 50px 0px;
    }
    .responsive2 {
        text-align: center;
    }
    .responsive2 .slick-slide img {
        display: inline-block !important;
    }
    .social {
        margin-bottom: 30px;
    }
    .footer {
        padding: 50px 0px 0px;
    }
    .hrline {
        margin: 30px 0px;
    }
    .icon {
        color: #ffff;
        font-size: 20px;
        background-color: #fb527a;
        border-radius: 60px;
        padding: 19px 25px 19px 25px;
    }
    .navbar {
        min-height: 35px;
        padding-bottom: 0px !important;
        transition: all 0.3s ease;
        background: #fdfcff !important;
        color: white;
    }
    .navigation .menu-left li a{
        color:#000;
        margin-left: 15px;
    }
    .navbar-collapse {
        background: #fdfcff !important;
    }
    li.button-left a {
        padding: 15px 36px;
        color: #908b8b !important;
        background-color: #fff;
        border-radius: 25px;
        font-weight: 600;
        font-size: 14px;
        margin-left: 15px;
        border: 1px solid #908b8b;
        margin-top: 10px;
    }
    .navigation .navbar-nav {
        float: none;
        margin-right: 0px;
        width: 60%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .overlay img {
        width: 22% !important;
        margin: 96px 0px !important;
    }
    .desk-trust ul li {
        margin: 20px 14px 20px 14px;
    }
    .desktop-mobile-app img {
        width: 100%;
    }
    ul.banner-tabs li {
        margin: 0px 4px;
    }
    body {
        overflow-x: hidden;
    }
    .navigation .navbar-toggle {
        border: 1px solid #fb527a;
        margin-top: 25px;
    }
    .navigation .icon-bar {
        background-color: #fff;
    }
    .website-banner {
        background-image: url(../images/banner.png);
        background-size: cover;
        margin-bottom: 40px;
        height: 900px;
        background-repeat: no-repeat;
    }
    .website-banner-content h1 {
        font-size: 26px !important;
    }
    .website-banner-image {
        text-align: center;
    }
    .website-banner-image img {
        margin-top: 30px;
        width: 30%;
    }
    .playstore p {
        font-size: 18px;
    }
    .read {
        padding: 0px 5px;
    }
    .footer-copyright {
        background-image: url(../images/footer-image.png);
        height: 600px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .footer-section-back {
        padding-top: 100px;
    }
    .footer-logo img {
        width: 40%;
    }
    .footer-text p {
        font-size: 11px;
    }
    .footer-text {
        text-align: right;
    }
    /*.footer-text a{color:#8671a7;}*/
    .social {
        margin-bottom: 30px;
    }
    .question .quest-text {
        margin-bottom: 30px;
    }
    .pricing-table .pricing-option {
        padding: 5%;
        width: 90%;
    }

    .pricing-table .pricing-option:nth-child(even) {
        margin: 30px 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .overlay img {
        width: 22% !important;
        margin: 109px 0px !important;
    }
    .main-3-section ul li.facebook-icon a {
        padding: 6px 12px;
    }
    .main-3-section ul li a {
        padding: 6px 10px;
    }
    .timeline-marker:after {
        height: 350px;
    }
    .feature {
        margin-top: 0;
    }
    .website-banner {
        background-image: url(../images/banner.png);
        background-size: cover;
        margin-bottom: 40px;
        background-repeat: no-repeat;
    }
    .website-banner-content h1 {
        font-size: 50px;
    }
    .website-banner-image img {
        padding-top: 0px;
        margin-right: 0;
        width: 100%;
    }
    .navigation .button-right li a {
        font-size: 10px;
    }
    .footer-section-back {
        padding-top: 220px;
    }
    .footer-copyright {
        background-image: url(../images/footer-image.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    .social {
        margin-bottom: 30px;
    }
    .question .quest-text {
        margin-bottom: 30px;
    }
    .navigation .menu-left li a {
        font-size: 14px !important;
    }
    .timeline-split .timeline,
    .timeline-centered .timeline {
        display: table;
    }
    .timeline-split .timeline-item,
    .timeline-centered .timeline-item {
        display: table-row;
        padding: 0;
    }
    .timeline-split .timeline-info,
    .timeline-centered .timeline-info,
    .timeline-split .timeline-marker,
    .timeline-centered .timeline-marker,
    .timeline-split .timeline-content,
    .timeline-centered .timeline-content,
    .timeline-split .period .timeline-info,
    .timeline-centered .period .timeline-info {
        display: table-cell;
        vertical-align: top;
    }
    .timeline-split .timeline-marker,
    .timeline-centered .timeline-marker {
        position: relative;
    }
    .timeline-split .timeline-content,
    .timeline-centered .timeline-content {
        padding-left: 30px;
    }
    .timeline-split .timeline-info,
    .timeline-centered .timeline-info {
        padding-right: 30px;
    }
    .timeline-split .period .timeline-title,
    .timeline-centered .period .timeline-title {
        position: relative;
        left: -45px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .overlay img {
        width: 18% !important;
        margin: 161px 0px !important;
    }
    .website-banner {
        background-image: url(../images/banner.png);
        background-size: cover;
        margin-bottom: 40px;
        height: 900px;
        background-repeat: no-repeat;
    }
    .footer-copyright {
        background-image: url(../images/footer-image.png);
        height: 800px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
}

@media (max-width: 1800px) and (min-width: 1600px) {
    .website-banner {
        padding-bottom: 0px;
    }
    .headbetter {
        padding-left: 265px;
    }
}
@media (max-width: 1920px) and (min-width: 1801px) {
    .footer-section-back {
        padding-top: 292px;
    }
    .website-banner {
        padding-bottom: 465px;
    }
    .headbetter {
        padding-left: 385px;
        padding-top: 100px;
    }
}@media (max-width: 767px){
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #e2e2e2;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
}
}