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

@media(max-width:1399px) {
    .iq-banner .banner-text h1 {
        font-size: 56px
    }
    .counter-info-img img {
        width: 118%;
        margin-top: 0
    }
    .counter-info .waves-box {
        left: 20%
    }
    .iq-objects .iq-objects-04,
    .iq-objects-software .iq-objects-03 {
        border: 48px solid #004e92;
        height: 500px;
        width: 500px
    }
    #software-features {
        margin-top: 0
    }
    .iq-objects-software .iq-objects-02 {
        bottom: 13%
    }
    .iq-software-demo {
        top: 80px
    }
}

@media(max-width:1365px) {
    .iq-banner .banner-text h1 {
        font-size: 50px
    }
    .owl-carousel .owl-nav .owl-prev {
        left: -4%
    }
    .owl-carousel .owl-nav .owl-next {
        right: -4%
    }
    .counter-info-img img {
        width: 111%;
        margin-top: 10px
    }
    .counter-info .waves-box {
        top: 10.8%;
        left: 20%
    }
    .iq-works-img {
        width: 110%
    }
}

@media(max-width:1199px) {
    .overview-block-ptb {
        padding: 80px 0
    }
    .overview-block-pt {
        padding: 80px 0 0
    }
    .overview-block-pb {
        padding: 0 0 80px
    }
    header .navbar .navbar-nav>li {
        margin: 0 20px 0 0
    }
    header .container-fluid,
    .iq-banner .container-fluid,
    .iq-banner-04 .container-fluid {
        padding: 0 45px
    }
    .iq-banner .banner-text h1 {
        font-size: 44px
    }
    .iq-banner .banner-text p.iq-mb-40 {
        margin-bottom: 20px
    }
    .iq-banner .banner-text {
        margin-bottom: 40px
    }
    .iq-banner .banner-img {
        width: 116%
    }
    .iq-objects .iq-objects-01 {
        opacity: .2
    }
    .iq-works-img {
        width: 100%
    }
    .counter-info-img img {
        margin-top: 0;
        width: 100%
    }
    .iq-banner .banner-img {
        width: 100%
    }
    .owl-carousel .owl-nav .owl-prev {
        left: 0%
    }
    .owl-carousel .owl-nav .owl-next {
        right: 0%
    }
    .slider-container .slider-content {
        width: 85%;
        height: 85%
    }
    .slider-container .slider-left {
        right: 100%
    }
    .slider-container .slider-right {
        left: 100%
    }
    .iq-software-demo {
        top: 23%
    }
    .iq-objects .iq-objects-04,
    .iq-objects-software .iq-objects-03 {
        border: 48px solid #004e92;
        height: 400px;
        width: 400px
    }
    .iq-objects .iq-objects-04 {
        top: 13%
    }
    .iq-objects-software .iq-objects-03 {
        top: 15%
    }
    .iq-amazing-tab .nav.nav-tabs li a {
        padding: 20px
    }
    .iq-objects-software .iq-objects-01 {
        top: 16%
    }
    .how-works {
        padding-bottom: 0
    }
    .counter i {
        margin-right: 15px
    }
    .counter-info .waves-box {
        top: 10.8%;
        left: 24%
    }
    .iq-newsletter .form-group {
        width: 67%
    }
    .info-share li {
        margin: 0 2px
    }
    .container {
        max-width: 94%
    }
    .counter label {
        font-size: 16px
    }
    .counter span {
        font-size: 36px
    }
    .iq-footer-box .iq-icon i {
        margin-right: 9px
    }
    .iq-blog-meta ul li {
        font-size: 15px
    }
    .iq-fancy-box {
        padding: 40px 13px 25px
    }
    .iq-banner-04 .banner-text h1 {
        font-size: 46px
    }
    .iq-banner-04 .banner-text p.iq-mb-40 {
        margin-bottom: 20px
    }
    .Product-works {
        padding-bottom: 80px
    }
    .iq-software-demo {
        height: 75%;
        top: 26%
    }
    .iq-more-info .row.iq-mt-30 {
        margin: 30px 0
    }
}

@media(max-width:992px) {
    header {
        padding: 10px 0
    }
    .container {
        max-width: 74%
    }
    .navbar-light .navbar-toggler {
        border: 1px solid #fff;
        background: #fff
    }
    .iq-banner-03 .banner-text h1 {
        font-size: 35px
    }
    .iq-banner-03 {
        padding-bottom: 30px
    }
    .iq-banner-03 .banner-text p {
        margin-bottom: 15px
    }
    .r-mt-30 {
        margin-top: 30px
    }
    .r-mt-40 {
        margin-top: 40px
    }
    .iq-banner-02 .banner-text h1 {
        font-size: 54px
    }
    .iq-works-box.no-shadow {
        padding: 15px 20px
    }
    .iq-banner-02 .banner-text p {
        margin: 0 0 20px;
        padding: 0
    }
    .navbar-light .navbar-toggler span {
        color: #004e92
    }
    .navbar-toggler {
        padding: 0 10px;
        font-size: 38px
    }
    .navbar-toggler:focus,
    .navbar-toggler:hover {
        outline: 0
    }
    header .navbar .navbar-nav .nav-item a::before {
        display: none
    }
    header .navbar .navbar-collapse {
        background: #fff;
        margin-top: 10px
    }
    header .navbar .navbar-nav>li {
        margin: 0
    }
    header .navbar .navbar-nav .nav-item a {
        padding: 10px 15px;
        color: #333
    }
    header .navbar .navbar-nav .nav-item a:hover,
    header .navbar .navbar-nav .nav-item a:focus,
    header .navbar .navbar-nav .nav-item a.active,
    header .navbar .navbar-nav .nav-item a.active:focus,
    header .navbar .navbar-nav .nav-item a.active:hover {
        color: #004e92
    }
    header .button {
        display: none
    }
    .iq-objects .iq-objects-01 {
        opacity: 1
    }
    .iq-objects .iq-objects-02 {
        top: 40%
    }
    .iq-objects .iq-objects-03 {
        top: 67%
    }
    .iq-objects .iq-objects-04 {
        top: 48%;
        right: 0
    }
    .how-works {
        padding-top: 0
    }
    .iq-banner .iq-waves .waves {
        width: 10rem;
        height: 10rem
    }
    .iq-banner .iq-waves {
        left: -50px;
        top: -50px
    }
    .iq-software-demo {
        width: 100%;
        top: 0;
        position: inherit;
        text-align: center
    }
    .iq-objects-software .iq-objects-02 {
        bottom: 38%
    }
    .iq-objects-software .iq-objects-03 {
        top: 2%;
        left: 50%
    }
    .screenshots-slider {
        min-height: 400px
    }
    .slider-container .slider-content {
        width: 66%;
        height: 66%
    }
    .iq-amazing-tab .nav.nav-tabs li {
        width: 32%
    }
    .counter-info .waves-box {
        top: 10.8%;
        left: 15%
    }
    .counter-info-img img {
        margin-bottom: -87px
    }
    .iq-objects-asked .iq-objects-02 {
        left: 73%
    }
    .iq-newsletter .form-group {
        width: 75%
    }
    .iq-asked {
        overflow: hidden
    }
    .heading-title p {
        padding: 0
    }
    .heading-title {
        margin-bottom: 40px
    }
    .iq-banner-03 .banner-img {
        width: 100%
    }
    .iq-banner-03 .waves-box {
        position: absolute;
        top: 23%;
        left: 32%
    }
    .iq-banner-04 .banner-text {
        margin-top: 8%
    }
    .iq-footer .footer-top {
        padding-bottom: 40px
    }
    .Product-works {
        padding: 80px 0
    }
}

@media(max-width:979px) {
    .container {
        max-width: 94%
    }
    .iq-objects-software .iq-objects-03 {
        left: 46%
    }
    .slider-container .slider-left {
        right: 87%
    }
    .slider-container .slider-right {
        left: 87%
    }
    .iq-banner-04 .banner-img {
        margin-top: 30px
    }
}

@media(max-width:767px) {
    .overview-block-ptb {
        padding: 50px 0
    }
    .overview-block-pt {
        padding: 50px 0 0
    }
    .overview-block-pb {
        padding: 0 0 50px
    }
    h2 {
        font-size: 34px
    }
    h3 {
        font-size: 30px
    }
    .iq-box-shadow {
        padding: 60px 20px 0;
        margin-top: 0
    }
    .container {
        max-width: 100%
    }
    .heading-title {
        margin-bottom: 40px
    }
    .iq-banner .banner-text h1 {
        font-size: 38px
    }
    .iq-objects .iq-objects-01 {
        opacity: .2
    }
    header .container-fluid,
    .iq-banner .container-fluid,
    .iq-banner-04 .container-fluid {
        padding: 0 15px
    }
    .iq-banner-04 .banner-text {
        margin-top: 13%
    }
    .iq-more-info .row.iq-mt-30 .col-sm-4 {
        margin: 15px 0
    }
    .iq-objects .iq-objects-04,
    .iq-objects-software .iq-objects-03 {
        border: 30px solid #004e92;
        height: 280px;
        width: 280px
    }
    .iq-objects-software .iq-objects-03 {
        left: 39%
    }
    .slider-container .slider-content {
        width: 40%;
        height: 40%
    }
    .screenshots-slider {
        min-height: 250px
    }
    .iq-banner-03 .banner-img {
        margin-top: 20px
    }
    .iq-banner-03 .banner-text h1 {
        font-size: 30px
    }
    .r4-mt-30 {
        margin-top: 30px
    }
    .r4-mt-40 {
        margin-top: 40px
    }
    .slider-container .slider-left {
        right: 74%
    }
    .slider-container .slider-right {
        left: 74%
    }
    .iq-amazing-tab .nav.nav-tabs li a span {
        display: none
    }
    #compare-services .row .col-sm-2.align-self-center h2 {
        margin: 20px 0 30px
    }
    .iq-newsletter .form-group {
        width: 100%
    }
    .iq-newsletter .form-inline {
        display: inline-block;
        width: 100%;
        text-align: center
    }
    .iq-newsletter .form-inline .button {
        margin-left: 0
    }
    .footer-info .map {
        height: 350px;
        position: inherit
    }
    .info-share {
        margin: 20px 0 0;
        text-align: center
    }
    .counter-info .waves-box {
        top: 10.8%;
        left: 23%
    }
    .iq-banner-02 .banner-text h1 {
        font-size: 44px
    }
    .ad-details .col-sm-3 img {
        width: 100%
    }
    .iq-amazing-tab .nav-tabs li a i {
        margin-right: 0
    }
    .iq-banner-02 .banner-img {
        margin-bottom: -20px
    }
    .iq-banner-03.overview-block-pt {
        padding-top: 80px
    }
    .Product-works {
        padding: 50px 0
    }
    .iq-footer .info-share {
        margin: 0
    }
}

@media(max-width:479px) {
    .iq-banner .banner-text h1 {
        font-size: 28px
    }
    .iq-banner .banner-text {
        margin-top: 50px
    }
    .iq-banner .banner-img,
    .iq-works-img {
        margin-top: 20px
    }
    .iq-objects-software .iq-objects-03 {
        left: 0
    }
    .slider-container .slider-content {
        width: 26%;
        height: 26%
    }
    .iq-objects,
    .iq-objects-asked {
        display: none
    }
    .slider-container .slider-left {
        right: 63%
    }
    .iq-banner-02 .banner-text h1 {
        font-size: 36px
    }
    .slider-container .slider-right {
        left: 63%
    }
    .screenshots-slider {
        min-height: 180px
    }
    .iq-banner-04 .banner-text h1 {
        font-size: 34px
    }
    .counter-info .waves-box {
        top: 10.8%;
        left: 28.8%
    }
}