.nobanner .inner-banner .banner-box {
    min-height: 500px;
}
@media (max-width: 1440px) {
    .banner-main .banner-logo {
        transform: scale(0.7);
    }
    .scroll-down {
        bottom: 10px;
    }
    .about-company-img {
        margin-top: -280px;
    }
    .inner-banner .banner-box {
        min-height: 700px;
    }
    .inner-banner .banner-logo {
        transform: scale(0.5);
        top: 120px;
    }
    .inner-banner-sub .banner-box {
        height: 400px;
    }
    .inner-banner-sub .banner-logo {
        transform: translateY(-50%) scale(0.5);
    }
    .login-main {
        background-size: 550px;
    }
    .nobanner .inner-banner .banner-box {
        min-height: 379px;
    }
}

@media (max-width: 1170px) {
    .menu-icon {
        display: inline-block;
    }
    .home-about-right {
        padding: 0 0 0 40px;
    }
    .title-top h2 {
        font-size: 42px;
    }
    .title-top h4 {
        font-size: 24px;
    }
    .b-left-info span {
        margin-bottom: 5px;
    }
    .nav-menu ul {
        position: fixed;
        display: none;
        width: 100%;
        left: 0;
        top: 100px;
        background: #fff;
        -webkit-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.05);
    }
    .nav-menu ul li {
        width: 100%;
        margin: 7px 0;
        padding: 10px 0;
        text-align: center;
        height: 50px;
    }
    .nav-menu ul li a {
        vertical-align: top;
    }
    .meet-section {
        overflow: hidden;
    }
    .meet-col {
        margin: 70px 0 0 0;
    }
    .meet-col .hexa-main.full-width {
        transform: scale(0.8);
        transform-origin: 50px center;
    }
    .how-it-works-box {
        padding: 0px;
    }
    .how-it-works-img-new {
        transform: scale(0.9);
    }
    .scroll-down {
        bottom: 20px;
    }
    .banner-main .banner-logo {
        transform: scale(0.5);
        margin-left: -25px;
    }
    .inner-banner .banner-box {
        height: auto;
        min-height: 700px;
    }
    .inner-banner .banner-logo {
        margin-left: -20px;
    }
    .inner-banner-sub .banner-logo {
        margin-left: -20px;
    }
    .login-main {
        background-size: 422px;
    }
    .login-box {
        margin-right: 0px;
    }
    .key-slider .slick-track {
        padding: 70px 0 0px 0;
    }
    .content-wrapper {
        padding-top: 90px;
    }
    .menu-icon {
        margin-top: 26px;
    }
    .nav-menu ul {
        top: 90px;
    }
    .key-slider .key-box {
        height: 550px;
    }
    .footer-bottom .container:before {
        position: fixed;
        right: 15px;
        bottom: -33px;
    }
    .footer-col:first-child {
        width: 19%;
    }
}

@media (max-width: 990px) {
    .meet-col {
        width: 25%;
    }
}

@media (max-width: 768px) {
    .goodbye-center:before {
        background-size: 100%;
        top: 310px;
        width: 420px;
    }
    .goodbye-box {
        margin-top: 50px
    }
    .key-slider .key-box {
        height: 425px;
    }
    .footer-col {
        width: 50% !important;
        padding-right: 30px !important;
        margin: 15px 0;
    }
    .footer-top {
        padding: 65px 0 55px 0;
    }
    .bottom-left {
        width: 100%;
        padding: 0;
    }
    .bottom-form-main {
        width: 100%;
    }
    .meet-col {
        width: 50%;
    }
    .meet-col .hexa-main.full-width {
        transform-origin: center;
    }
    .meet-col h3 {
        margin: 20px 0 0 0;
    }
    .how-it-text h4 {
        font-size: 30px;
    }
    .how-it-text h2 {
        font-size: 48px;
    }
    .how-it-box .how-it-btn {
        width: 240px;
    }
    .about-company-img {
        margin-top: -180px;
    }
    .how-it-works-row {
        display: block;
    }
    .how-it-works-col {
        width: 100%;
    }
    .how-it-works-box:nth-child(odd) .how-it-works-col:last-child,
    .how-it-works-col:last-child {
        text-align: center;
    }
    .banner-main .banner-logo {
        margin-left: -70px;
    }
    .inner-banner .banner-logo {
        margin-left: -80px;
    }
    .inner-banner-sub .banner-logo {
        margin-left: -80px;
    }
    .inner-banner .banner-box {
        height: auto;
        min-height: 600px;
    }
    .login-main {
        background-image: none;
    }
    .login-section {
        width: 100%;
    }
    .login-box {
        float: none;
        margin: 0 auto;
    }
    .store-list-img {
        height: 260px;
    }
    .footer-col:nth-child(3) {
        clear: left;
    }
    .blog-form-left h2,
    .featured-blog-text h2 {
        font-size: 46px;
        line-height: 1;
    }
    .blog-list-img {
        height: 180px;
    }
}

@media (max-width: 767px) {

    .nobanner .inner-banner .banner-box {
        min-height: inherit;
        height: 220px;
    }
    .nav-menu ul {
        top: 72px;
    }
    .container {
        padding: 0 20px;
    }
    .headder-main {
        padding: 20px;
    }
    .content-wrapper {
        padding-top: 72px;
    }
    .logo-main {
        width: 190px;
        height: 32px;
    }
    .goodbye-center:before {
        display: none;
    }
    .home-about,
    .goodbye-section {
        padding: 50px 0;
    }
    .home-about-left {
        width: 100%;
        text-align: center;
    }
    .home-about-left img {
        width: 80%;
    }
    .home-about-right p,
    .about-company-info p {
        font-size: 18px;
        text-align: center;
    }
    .goodbye-box-col p {
        font-size: 20px;
        line-height: 1.3;
    }
    .home-about-right {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .home-about-right h1 {
        text-align: center;
    }
    .home-about-right a {
        margin-top: 10px;
    }
    .title-top h2 {
        font-size: 30px;
    }
    .title-top h4 {
        font-size: 20px;
    }
    .goodbye-box-col {
        width: 100%;
    }
    .goodbye-box {
        display: block;
    }
    .goodbye-box-img {
        margin-bottom: 30px;
    }
    .goodbye-box-col h2 {
        margin-bottom: 5px;
        text-align: center;
    }
    .goodbye-box-col p {
        text-align: center;
    }
    .goodbye-box-text {
        padding: 0px;
    }
    .goodbye-box-text h3 {
        text-align: center;
    }
    .key-section {
        padding: 50px 0 90px 0;
    }
    .key-slider .slick-track {
        padding: 50px 0 30px 0;
    }
    .key-slider .key-box.slick-current+.slick-active {
        transform: scale(1);
    }
    .review-section {
        padding: 50px 0;
    }
    .review-slider {
        margin: 50px 0 20px 0 !important;
    }
    .review-slider .slick-dots {
        bottom: -30px;
    }
    .bottom-section {
        padding: 50px 0 0 0;
    }
    .bottom-logo {
        margin-bottom: 25px;
    }
    .b-left-info {
        margin-top: 5px;
    }
    .b-left-info span {
        margin-bottom: 15px;
    }
    .bottom-left {
        margin-bottom: 50px;
    }
    .demo-success i {
        right: 10px;
        top: 17px;
    }
    .demo-success {
        padding: 15px 40px;
        font-size: 14px;
    }
    .footer-col {
        width: 100% !important;
        padding-right: 0 !important;
        margin: 15px 0;
        text-align: center;
    }
    .footer-bottom .container:before {
        display: none;
    }
    .footer-bottom span {
        margin: 0px;
    }
    .footer-bottom span:last-child {
        float: right;
    }
    .footer-col h3 {
        margin-bottom: 10px;
    }
    .footer-top {
        padding: 30px 0;
    }
    .footer-col:last-child {
        margin-bottom: 0px;
    }
    .key-slider .key-box.slick-current+.slick-active {
        transform: scale(1);
    }
    .about-company-img {
        margin: -40px 0 40px 0;
    }
    .about-company-info {
        margin: 50px 0;
    }
    .meet-section,
    .our-client {
        padding: 50px 0;
    }
    .meet-col {
        width: 100%;
        text-align: center;
    }
    .meet-col .hexa-main.full-width {
        transform: scale(0.92);
        transform-origin: left center;
    }
    .per-section {
        padding: 30px 0;
    }
    .per-section .col-sm-4 {
        margin: 20px 0;
    }
    .per-section h3 {
        margin: 20px 0 0 0;
    }
    .our-services {
        padding: 50px 0;
    }
    .services-info {
        margin-top: 40px;
    }
    .services-info p {
        font-size: 18px;
    }
    .how-it-section {
        padding: 50px 0;
    }
    .how-it-box {
        display: block;
    }
    .how-it-box .how-it-col {
        display: block;
        text-align: center;
        width: 100%;
    }
    .how-it-btn {
        margin-top: 30px;
    }
    .how-it-works-section {
        overflow: hidden;
    }
    .how-it-works-img-new {
        width: 290px;
        height: 290px;
        background-size: 100%;
    }
    .how-it-works-img-inner {
        width: 250px;
        height: 250px;
    }
    .how-it-works {
        padding-top: 50px;
    }
    .how-it-works-col h2 span {
        font-size: 60px;
    }
    .how-it-works-col h2 {
        font-size: 22px;
        padding: 0 0 0 50px;
    }
    .how-it-works-row {
        padding: 40px 0;
    }
    .how-it-works-img-new {
        margin-top: 15px;
    }
    .client-slider {
        margin-top: 40px;
    }
    .key-section .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }
    .banner-main .banner-logo {
        transform: scale(0.3);
        margin-left: -10%;
        margin-top: 7%;
    }
    .banner-box {
        height: calc(100vh - 72px);
    }
    .banner-box {
        min-height: 300px;
    }
    .inner-banner .banner-logo {
        transform: scale(0.3);
    }
    .inner-banner .banner-box {
        height: auto;
        min-height: 350px;
    }
    .inner-banner-sub .banner-logo {
        transform: translateY(-50%) scale(0.3);
        margin-right: -55px;
    }
    .scroll-down {
        display: none;
    }
    .banner-box {
        height: auto;
    }
    .login-main {
        height: auto;
    }
    .login-section {
        position: relative;
        padding: 140px 20px 40px 20px;
    }
    .key-slider .slick-dots {
        bottom: -115px;
    }
    .login-p {
        top: -8px;
    }
    .key-section {
        padding-bottom: 60px;
    }
    .menu-icon {
        margin-top: 5px;
    }
    .blog-form-row,
    .featured-blog-row {
        float: left;
        width: 100%;
        padding: 30px 0;
        display: block;
    }
    .blog-form-col {
        width: 100%;
        padding: 0
    }
    .blog-form-left {
        margin-bottom: 10px;
    }
    .blog-form-left h2,
    .featured-blog-text h2 {
        font-size: 36px;
    }
    .blog-form-left p {
        font-size: 18px;
    }
    .featured-blog-col {
        width: 100%;
        padding: 0px;
    }
    .featured-blog-text {
        padding: 0 0 30px 0;
        float: left;
        width: 100%;
    }
    .featured-blog-text span {
        padding-top: 5px;
    }
    .blog-list-col {
        width: 100%;
    }
    .blog-detail-top {
        padding: 0px;
    }
    .share-box {
        position: relative;
        width: 100%;
        float: left;
        margin: 15px 0 0 0;
    }
    .blog-detail-top h2 {
        font-size: 30px;
    }
    .blog-detail-top h3 {
        font-size: 24px;
    }
    .blog-detail-img {
        margin-bottom: 25px;
    }

    .slider-banner .slick-dots {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .banner-main .banner-logo {
        margin-left: -19%;
        transform: scale(0.25);
        margin-top: auto;
    }
    .inner-banner .banner-logo {
        transform: scale(0.25);
        top: 50px
    }
    .inner-banner-sub .banner-logo {
        transform: translateY(-50%) scale(0.25);
        margin-right: -55px;
    }
    .inner-banner-sub .banner-box {
        height: 300px;
    }
    .inner-banner .banner-box {
        height: 280px;
        min-height: auto;
    }
    .login-main {
        height: 100vh;
    }
    .login-section {
        position: absolute;
        padding: 0 20px;
    }
    .login-btn {
        width: 100%;
        margin: 25px 0 0 0;
        font-size: 22px;
        height: 54px;
    }
    .login-logo {
        transform: scale(0.32);
    }
    .user_subscription .form-info-box.form-btn {
        text-align: center;
    }
    .user_subscription .default-btn.float-right {
        float: none !important;
        margin-top: 15px;
    }
    .key-slider .key-box {
        height: 200px;
    }
}

@media (max-width: 375px) {
    .banner-main .banner-logo {
        margin-left: -23%;
        transform: scale(0.25);
        margin-top: auto;
    }
    .login-logo {
        transform: scale(0.28);
    }
   
}

@media (max-width: 320px) {
    .banner-main .banner-logo {
        margin-left: -23%;
        transform: scale(0.20);
        margin-top: auto;
    }
    .logo-main {
        width: 162px;
        margin-top: 4px;
    }
    .inner-banner .banner-logo {
        margin-left: -23%;
        transform: scale(0.20);
        margin-top: auto;
    }
    .inner-banner-sub .banner-logo {
        transform: translateY(-50%) scale(0.21);
        margin-right: -23px;
    }
    .login-logo {
        transform: scale(0.23);
    }
}