@media (min-width: 1700px) {
    .banner-form h4 {
        font-size: 24px;
    }

    .banner-form {
        padding: 36px 25px 90px;
        margin-top: 161px;
        margin-left: -50px;
    }

    .banner-form .form-group label {
        font-size: 13px;
    }

    .banner-form .form-group .form-control {
        height: 40px;
    }

    h1 {
        font-size: 45px;
        color: #fff;
        font-weight: 600;
        line-height: 58px;
    }

    section.section.main-banner .caption {
        width: 104%;
        padding-top: 50px;
    }
}

@media (min-width: 1600px) {
    h1 {
        font-size: 45px;
        color: #fff;
        font-weight: 600;
        line-height: 58px;
    }

    section.section.main-banner .caption {
        width: 104%;
        padding-top: 50px;
    }

    .banner-form .form-group label {
        font-size: 11px;
    }

    .banner-form .form-group .form-control {
        height: 35px;
        font-size: 14px;
    }

    .banner-form h4 {
        color: #ffb71d;
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 34px;
    }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    .main-banner {
    }

    .banner-form {
        margin-top: 90px;
        margin-left: -30px;
    }

    .main-banners {
        top: 140px;
    }

    .e-commerce-slider {
        top: -42px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .banner-img .shape-box-has {
        z-index: -9;
    }

    .banner-form {
        background: url(../images/form-bg.png) no-repeat #0e2b29;
        background-size: cover;
        background-image: none;
    }

    .main-banner {
        margin-bottom: 160px;
    }

    h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .native-android-sec .img-box {
        width: 100%;
    }

    .cta-title h2 {
        font-size: 37px;
        line-height: 45px;
    }

    .cta-info .txt p {
        font-size: 21px;
        margin-bottom: 8px;
    }

    .cta-info .txt a {
        font-size: 34px;
    }

    .main-hover-box {
        position: absolute;
        bottom: 0;
        left: -30%;
        width: 335px;
        top: 0;
    }

    .box.box1 img {
        max-width: 70%;
    }

    .box.box2 img {
        width: 70%;
    }

    .box.box3 img {
        max-width: 70%;
    }

    .main-hover-box .box.box1 {
        right: 0;
        bottom: 37%;
    }

    .main-hover-box .box.box2 {
        right: -25px;
        bottom: 30px;
    }

    .solution-sec .website-box .img-box img {
        width: 100%;
    }

    .main-hover-box.main-hover-box-2 {
        display: none;
    }

    .main-banner .banner-img .container {
        top: 60px;
    }

    .native-android-sec .img-box .box-6 {
        top: 46%;
        left: 58%;
    }

    .native-android-sec .img-box .box-5 {
        top: auto;
        bottom: 70px;
        left: 255px;
    }

    .native-android-sec .img-box .box-5 img {
        max-width: 70%;
    }

    .native-android-sec .img-box .box-6 img {
        max-width: 70%;
    }


}

@media (max-width: 767px) {
    .fix-discount {
        display: none;
    }

    .inner-header .logo {
        max-width: 73%;
    }

    .header-right .review-box {
        display: none;
    }

    .header-right .whatapps-box {
        margin-left: 10px;
        display: none;
    }

    .banner-img-box {
        display: none;
    }

    .banner-caption h2 {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .banner-caption h1 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .main-banner-sec {
        padding: 18px 0 18px;
    }

    .banner-caption ul li {
        font-size: 14px;
    }

    .banner-caption ul li img {
        max-width: 7%;
        margin-right: 10px;
    }

    .nav-bar {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        z-index: 999;
        height: 100%;
        width: 80%;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

    .double-btn {
        justify-content: space-between;
    }

    .double-btn .whatapps-box {
        width: 100%;
    }

    .whatapps-btn {
        width: 100%;
        border-radius: 5px;
        font-size: 13px;
        padding: 10px 20px 10px 10px;
    }

    .live-chat-box .whatapps-box + .whatapps-box {
        margin-left: 8px;
    }

    .whatapps-btn span {
        font-size: 10px;
        margin-bottom: 0;
    }

    .banner-caption {
        margin-top: 0;
    }

    .banner-caption ul {
        margin-bottom: 15px;
    }

    .discont-title {
        font-size: 22px;
        letter-spacing: 1px;
    }

    .lead-form {
        flex-direction: column;
    }

    .lead-form .form-group {
        width: calc(100%);
    }

    .lead-form .form-group + .form-group {
        margin-top: 10px;
    }

    .iti {
        width: 100%;
    }

    .form-lead-sec {
        padding: 25px 0 25px;
    }
    .col-md-5.pl-0 {
        padding-left: 15px !important;
    }

    .about-sec {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .about-caption h3 {
        font-size: 25px;
        margin-bottom: 9px;
    }

    .about-caption h5 {
        font-size: 19px;
        line-height: 28px;
    }

    .about-caption p {
        font-size: 14px;
    }

    .any-type-sec {
        padding: 40px 0 40px;
    }

    .custom-title h3 {
        font-size: 23px;
        margin-bottom: 25px;
    }

    .feature-list {
        flex-direction: column;
    }

    .feature-list ul {
        width: calc(100%);
        background-color: #2b6af5;
        border-radius: 7px;
        padding: 25px 0 25px 27px;
    }

    .feature-list ul + ul {
        margin-top: 10px;
    }

    .feature-list ul li {
        color: #fff;
    }

    .feature-box {
        margin-top: 10px;
    }

    .any-type-sec .double-btn {
        margin-top: 35px;
    }

    .about-caption h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .decision-sec .inner-about-caption {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .service-box {
        margin-bottom: 20px;
    }

    .service-box p {
        font-size: 13px;
        line-height: 23px;
    }

    .service-box h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .about-sec .double-btn {
        margin-top: 10px;
    }

    .premium-service .global-heading h3 {
        font-size: 24px;
    }

    .premium-service .global-heading {
        margin-bottom: 30px;
    }

    .premium-service {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .service-overlay {
        bottom: 0;
    }

    .online-service {
        margin-bottom: 20px;
    }

    .expert-sec .custom-title p {
        width: 100%;
        font-size: 15px;
        margin-bottom: 30px;
        line-height: 26px;
    }

    .expert-sec {
        padding: 30px 0 96px;
    }

    .expert-sec .custom-title h3 {
        line-height: 35px;
    }

    .expert-slider .slide {
        padding: 15px 10px;
        background-color: rgb(222 223 223 / 56%);
    }

    .expert-slider .slide .double-btn a {
        letter-spacing: 0;
    }

    .get-in-touch-list {
        flex-wrap: wrap;
    }

    .get-in-touch-list li {width: calc(100% / 2);}

    .get-in-touch-list li img {
        max-width: inherit;
        height: 80px;
    }

    .get-in-touch-list li h4 {
        font-size: 22px;
    }

    .get-in-touch-list li + li {
        margin-top: 20px;
    }

    .get-in-touch-list li:nth-child(2) {
        margin-top: 0;
    }

    .get-in-touch {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .get-in-touch .global-heading {
        margin-bottom: 30px;
    }

    .get-in-touch .global-heading h2 {
        font-size: 28px;
    }

    .service-sec {
        padding-top: 40px;
        padding-bottom: 80px;
        background-position: 88% 0;
    }

    .cta-shadow .img-box {
        display: none;
    }

    .cta-sec {
        padding: 30px 0 30px;
    }

    .cta-sec .global-heading {
        height: auto;
        padding: 30px 10px 17px;
        background-size: contain;
    }

    .cta-shadow .double-btn {
        margin-top: 35px;
    }

    .cta-sec .global-heading h3 {
        line-height: normal;
        font-size: 27px;
    }

    .cta-sec .global-heading h4 {
        font-size: 18px;
    }

    .easy-way-sec .global-heading h3 {
        font-size: 27px;
    }

    .easy-way-sec {
        padding-top: 25px;
        padding-bottom: 35px;
    }

    .easy-way-sec .global-heading {
        margin-bottom: 35px;
    }

    .step-list li {
        width: calc(100% / 2);
        margin-bottom: 30px;
    }

    .step-list {
        flex-wrap: wrap;
        padding-left: 0;
    }

    .easy-way-sec .double-btn {
        margin-top: 0;
    }

    .service-slider .service-caption {
        text-align: center;
    }

    .service-slider .service-caption .img-box {
        margin: auto;
    }

    .testimonial-sec {
        padding-bottom: 90px;
        padding-top: 40px;
    }

    .testimonial-sec .slide-box p {
        min-height: auto;
        margin-bottom: 18px;
    }

    .testimonial-sec .slick-dots {
        bottom: -45px;
    }

    footer {
        padding: 40px 0 30px;
    }

    .footer-contact-info {
        padding-left: 0;
        margin-bottom: 35px !important;
        margin-top: 0;
    }

    .footer-about {
        margin-bottom: 20px;
    }

    .newsletter {
        padding-left: 0;
    }

    .copyright-box {
        margin-top: 0;
    }

    .footer-about h4 {
        margin-bottom: 17px;
    }

    .quick-link {
        padding-left: 0;
        margin-bottom: 30px !important;
    }

    .quick-link ul li a {
        font-size: 16px;
    }

    .quick-link ul li + li {
        margin-top: 16px;
    }

    .policy-list {
        display: none;
    }

    p.copyright {
        text-align: center;
        line-height: normal;
        margin-top: 17px;
    }



    #nav-icon3 {
        width: 50px;
        height: 45px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: block;
    }
    #nav-icon3 span {
        display: block;
        position: absolute;
        height: 2px;
        background: #1a1a1a;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        width: 50%;
        margin: auto;
        left: 0;
        right: 0;
    }
    #nav-icon3 span:nth-child(1) {
        top: 13px;
    }
    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
        top: 21px;
    }
    #nav-icon3 span:nth-child(4) {
        top: 30px;
    }
    body.active #nav-icon3 span:nth-child(1), body.active #nav-icon3 span:nth-child(4) {
        top: 2.125em;
        width: 0%;
        left: 50%;
    }
    body.active #nav-icon3 span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    body.active #nav-icon3 span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    header {
        padding: 15px 0;
    }

    .nav-bar .nav-bar-list {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 17px;
    }

    .nav-bar .nav-bar-list li + li {
        margin-left: 0;
        margin-top: 17px;
    }

    .nav-bar .nav-bar-list li a {
        font-size: 19px;
        font-weight: 600;
        display: block;
        border-bottom: 1px solid #fff;
        padding-bottom: 17px;
    }

    .nav-bar .nav-bar-list li {
        display: block;
        width: 100%;
    }

    .nav-bar .nav-bar-list li a {}

    .nav-bar .logo img {
        width: 100%;
    }

    .nav-bar .logo {
        padding-top: 8px;
        display: block;
    }

    main{
        position: relative;
        left: 0;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

    body.active main{
        left: -80%;
    }

    body.active .nav-bar {
        right: 0;
    }

    body.active {
        overflow: hidden;
    }

    .main-contact-banner .banner-caption p {
        padding-right: 0;
        font-size: 20px;
        line-height: 34px;
    }

    .main-contact-sec .custom-title h3 {
        margin-bottom: 25px;
    }

    .main-contact-sec {
        padding: 34px 0 20px;
    }

    p.info-txt {
        text-align: center;
        padding-right: 0;
    }

    .contactpage-info .info {
        display: none;
    }

    .contact-form button {
        width: 100%;
    }

    .thankyou-content h6 {
        font-size: 26px;
        margin: 10px 0 25px 0;
    }

    .thankyou-pg {
        padding: 50px 0;
    }

    .thankyou-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .thankyou-content h5 {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .fixed-btn-on-mobile {
        position: fixed;
        left: 0;
        bottom: 0;
        background: #fff;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        border-top: #f3f3f6 1px solid;
        padding: 10px 16px;
        z-index: 999;
        box-shadow: 0 -4px 6px rgb(0 0 0 / 25%);
    }

    .inner-header {
        padding: 9px 0;
    }

}