/*

Template: The Appino - Responsive App Landing Page
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in

NOTE: This file contains the styling for responsive Template.

*/

/*****************
================================================
 (  Media Queries  )
================================================
 *******************/
@media(max-width:1399px) {
    .heading-title p {
        font-size: 16px;
    }

    .home-screen-slide:before {
        width: 287px;
    }

    .home-screen-slide .owl-carousel .item {
        width: 224px;
    }

    .home-screen-slide {
        padding: 69px 0px 72px 35px;
    }

    .iq-Work-box .line:before {
        left: 125%;
        width: 45vh;
    }
}

@media(max-width:1199px) {
    .banner-text h1 {
        font-size: 86px;
        line-height: 96px;
        letter-spacing: 0;
    }

    .iq-about .iq-pall-50 {
        padding: 30px 0 30px 50px !important;
    }

    .iq-app-info {
        padding: 30px 20% 0% 20%;
    }

    .home-screen-slide:before {
        width: 301px;
    }

    .home-screen-slide .owl-carousel .item {
        width: 235px;
    }

    .home-screen-slide {
        padding: 72px 0px 70px 36px;
        margin-left: -90px;
    }

    .iq-amazing-tab .nav-tabs li {
        margin-top: 20px;
    }

    .iq-fancy-box-01 {
        padding: 10px 30px;
    }

        .iq-fancy-box-01 h4 {
            font-size: 20px;
        }

    .iq-amazing-tab .tab-content {
        padding: 74px 30px 82px 36px;
    }

    .home-screen-slide .owl-carousel .item {
        width: 236px;
    }

    .iq-fancy-box-01 i {
        font-size: 40px;
    }

    .banner-form {
        padding: 15px 20px;
    }

        .banner-form h3, .iq-how-it-work h3 {
            font-size: 28px;
        }

    .iq-Work-box .line:before {
        left: 125%;
        width: 21vh;
    }

    .iq-about-1 p {
        line-height: 24px;
    }

    .iq-amazing-tab-one h2.heading-left {
        margin-top: 0 !important;
    }

    .iq-fancy-box-02.iq-mt-40 {
        margin-top: 0px !important;
    }

    .iq-fancy-box-03 {
        padding: 15px;
    }

        .iq-fancy-box-03 h4 {
            font-size: 20px;
        }
}

@media(max-width:1099px) {
    .iq-fancy-box {
        padding: 30px;
    }

    .heading-title {
        margin-bottom: 60px;
    }

    .iq-app-info {
        padding: 30px 15% 0% 15%;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -4%;
    }

    .owl-carousel .owl-nav .owl-next {
        right: -4%;
    }
}

@media(max-width:992px) {
    header .navbar-nav {
        margin-top: 12px;
    }

    header .navbar-header .navbar-brand img {
        height: 66px;
    }

    header .navbar-default .navbar-nav > li > a {
        font-size: 13px;
    }

    header .navbar-nav > li {
        margin: 0 20px 0 0;
    }

    header.affix .navbar-header .navbar-brand img {
        height: 48px;
    }



    .re-mt-30 {
        margin-top: 40px;
    }

    header.affix .navbar-nav {
        margin-top: 0px;
    }

    .banner-text .link li a {
        font-size: 28px;
    }

    .banner-text .link h5 {
        margin-bottom: 15px;
        font-size: 18px;
    }

        .banner-text .link h5:before {
            width: 49px;
            height: 46px;
            background-size: 100%;
        }

    .heading-title p {
        padding: 0;
    }

    .iq-about .row-eq-height {
        display: inherit;
    }

    .banner-text h1 {
        font-size: 64px;
        line-height: 76px;
        margin-bottom: 15px;
        margin-top: 8%;
    }

    .iq-about {
        margin: 0 !important;
        padding: 80px;
    }

    .banner-text {
        margin: 20% 0 12%;
    }

    .iq-about-bg:after {
        display: none;
    }

    .iq-about .about-img {
        transform: inherit;
    }

    .iq-about .iq-pall-50 {
        padding: 30px 15px 0px 15px !important;
    }

    .nav-tabs li.active a.round-right, .nav-tabs li.active a.round-right:hover, .nav-tabs li.active a.round-right:focus {
        right: 0;
    }

    .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
        left: 0;
    }

    .iq-amazing-tab .nav-tabs li.active a.round-right .iq-fancy-box-01:before, .iq-amazing-tab .nav-tabs li.active a.round-right .iq-fancy-box-01:after, .iq-amazing-tab .nav-tabs li.active a .iq-fancy-box-01:before, .iq-amazing-tab .nav-tabs li.active a .iq-fancy-box-01:after {
        display: none;
    }

    .iq-app-info {
        padding: 30px 15% 0% 8%;
    }

    .iq-pricing:before {
        background-size: cover;
        height: 100%;
    }

    .footer-info {
        padding: 0;
    }

    .iq-info-box {
        padding: 0;
    }

    .iq-app .row-eq-height {
        display: inherit;
    }

    .iq-app-info {
        padding: 0 30px;
    }

    .home-screen-slide {
        padding: 69px 0px 70px 34px;
        margin-left: 0px;
    }

    .iq-about {
        padding: 80px 0;
    }

    .iq-fancy-box-02 .iq-big-title {
        margin-top: 0;
    }

    .iq-breadcrumb-title .title {
        font-size: 40px;
        line-height: normal;
    }

    .iq-post-sidebar {
        margin-top: 50px;
    }

    .iq-about-bg:before {
        display: none;
    }

    .iq-team img {
        width: 100%;
    }

    .home-screen-slide .owl-carousel .item {
        width: 224px;
    }

    .home-screen-slide:before {
        width: 285px;
    }

    .banner-form h3, .iq-how-it-work h3 {
        font-size: 24px;
        padding: 0 0px !important;
        line-height: 32px;
    }

    .iq-Work-box .line:before, .iq-Work-box .line:before {
        display: none;
    }

    .overview-block-ptb.iq-about-1 {
        padding: 70px 0;
    }

    .iq-amazing-tab-one .nav.nav-tabs li a {
        padding: 20px 0px;
    }

    .contact-info {
        padding: 0px !important;
    }

        .contact-info:before {
            display: none;
        }

    .iq-fancy-box-02 {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .info-share {
        margin: 0;
    }

    .banner-form .form-icon {
        top: 15px;
    }

    .banner-form {
        padding: 20px 30px;
    }

        .banner-form h3 {
            margin-left: 60px;
        }

    .banner-03 .link {
        position: relative;
        text-align: center;
        width: 100%;
        display: contents;
        margin-bottom: 10px;
    }

        .banner-03 .link h5 {
            font-size: 18px;
            font-style: normal;
            line-height: 26px;
            text-align: center;
        }

        .banner-03 .link a {
            margin-bottom: 10px;
        }

            .banner-03 .link a:last-child {
                margin-bottom: 20px;
            }

    .iq-full-contact .iq-fancy-box-04 {
        min-height: 100px;
    }
}

@media(max-width:979px) {
    p {
        font-size: 14px;
    }

    .heading-title p {
        font-size: 16px;
    }

    .banner-03 h1 {
        font-size: 32px;
        line-height: 36px;
    }

        .banner-03 h1 small {
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            padding: 10px 0;
        }

    .btnAcesseSuaConta {
        font-size: 16px;
        font-weight: bold;
        padding: 7px 12px;
    }

    .header .navbar-default .navbar-nav > li > a {
        font-size: 18px !important;
    }

    .banner-03 .link {
        position: relative;
        text-align: center;
        width: 100%;
        display: contents;
        margin-bottom: 10px;
    }

        .banner-03 .link h5 {
            font-size: 18px;
            font-style: normal;
            line-height: 26px;
            text-align: center;
        }

        .banner-03 .link a {
            margin-bottom: 10px;
        }

            .banner-03 .link a:last-child {
                margin-bottom: 20px;
            }

    .iq-fancy-box {
        min-height: 477px;
    }

    .re4-mt-20 {
        margin-top: 20px;
    }
}

@media(max-width:767px) {
    .heading-title p {
        font-size: 14px;
    }

    h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
    }

    header .navbar-default {
        margin: 10px 0;
    }

    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        margin: 15px 0 0 0;
        border-color: #fff;
        background: #fff;
        transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background: #09b3ef;
        }

        .navbar-default .navbar-toggle.collapsed .icon-bar {
            background: #1e50e2;
        }

    .navbar-collapse {
        background: #fff;
        border: none;
        margin-top: 10px;
    }

    header .navbar-nav {
        margin-top: 0;
    }

        header .navbar-nav > li {
            margin: 0;
        }

    header .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        color: #333;
        padding: 12px 20px;
    }

        header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li.active > a, header .navbar-default .navbar-nav > li.active > a:focus, header .navbar-default .navbar-nav > li.active > a:hover {
            color: #fff;
            background: rgba(234, 103, 17, 1);
            background: -moz-linear-gradient(left, rgba(234, 103, 17, 1) 0%, rgba(232, 153, 38, 1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(234, 103, 17, 1)), color-stop(100%, rgba(232, 153, 38, 1)));
            background: -webkit-linear-gradient(left, rgba(234, 103, 17, 1) 0%, rgba(232, 153, 38, 1) 100%);
            background: -o-linear-gradient(left, rgba(234, 103, 17, 1) 0%, rgba(232, 153, 38, 1) 100%);
            background: -ms-linear-gradient(left, rgba(234, 103, 17, 1) 0%, rgba(232, 153, 38, 1) 100%);
            background: linear-gradient(to right, rgba(234, 103, 17, 1) 0%, rgba(232, 153, 38, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA6711', endColorstr='#E89926', GradientType=1);
        }

    header. affix .navbar-default .navbar-toggle {
        margin: 8px 0 0 0;
    }

    .overview-block-ptb {
        padding: 70px 0;
    }

    .overview-block-pt {
        padding: 70px 0 0;
    }

    .overview-block-pb {
        padding: 0 0 70px;
    }

    .banner-text h1 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .banner-text {
        margin: 130px 0 70px;
    }

        .banner-text h1 small {
            font-size: 14px;
        }

    .iq-breadcrumb-title .title {
        font-size: 30px;
    }

    .iq-post-author-pic {
        margin-bottom: 15px;
        float: none;
    }

    .re7-mt-50 {
        margin-top: 50px;
    }

    .re7-mt-30 {
        margin-top: 30px;
    }

    .iq-breadcrumb .breadcrumb li {
        font-size: 13px;
        font-weight: normal;
    }

    .iq-comment-list ul {
        padding-left: 20px;
    }

    .iq-post-author {
        padding: 15px !important;
    }

    .iq-newsletter .form-group {
        width: 100%;
    }

    .iq-newsletter .form-inline .button.bt-white {
        margin-left: 0 !important;
    }

    .home-screen-slide {
        padding: 70px 0px 75px 100px;
        margin-left: 0px;
    }

        .home-screen-slide .owl-carousel .item {
            width: 236px;
        }

    .iq-app .iq-ptb-80 {
        padding: 50px 0 !important;
    }

    .home-screen-slide:before {
        left: 64px;
    }

    .home-screen-slide:before {
        width: 301px;
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -3%;
    }

    .owl-carousel .owl-nav .owl-next {
        right: -3%;
    }

    .newsletter-phone {
        margin-bottom: -110px;
    }

    .loader::after {
        width: 30px;
        height: 30px;
    }

    .loader div::after, .loader div::before, .loader div {
        width: 20px;
        height: 20px;
    }

        .loader div::before {
            left: -55px;
        }

        .loader div::after {
            left: 55px;
        }

    .banner-form .form-icon {
        top: 15px;
        right: inherit;
        left: 0;
    }

    .iq-amazing-tab-one .nav.nav-tabs li a span {
        display: none;
    }

    .iq-amazing-tab-one .nav-tabs li a i {
        margin-right: 0;
    }

    .iq-subscribe .form-group {
        width: 100%;
    }

    .banner-03 h1 {
        font-size: 36px;
        line-height: 56px;
        letter-spacing: 0;
        margin-top: 90px;
    }

        .banner-03 h1 small {
            font-size: 16px;
        }

    .iq-mobile-app .iq-mobile-box .iq-mobile-img {
        width: 70%;
    }

    .iq-mobile-app .iq-mobile-icon img {
        width: 60%;
    }

    .iq-mobile-app .icon-01 {
        left: 55px;
    }

    .iq-mobile-app .icon-02 {
        left: 20px;
        top: 150px;
    }

    .iq-mobile-app .icon-05 {
        left: 70px;
        bottom: 145px;
    }

    .iq-mobile-app .icon-03 {
        right: 50px;
    }

    .iq-mobile-app .icon-04 {
        right: 30px;
    }

    .iq-about-03-phone {
        margin-bottom: -120px;
    }

    .button {
        padding: 10px 25px;
    }

    .iq-full-contact .iq-ptb-80 {
        padding: 10px 0 !important;
    }

    .iq-footer-03 {
        text-align: center;
    }

    .info-share {
        text-align: center;
        margin-top: 15px;
    }

    .iq-subscribe label {
        margin-right: 0;
        margin-bottom: 30px;
        font-size: 20px;
        margin-left: 50px;
    }

    .iq-subscribe .form-control {
        min-width: 100%;
    }

    .iq-subscribe label:before {
        font-size: 42px;
        left: -45px;
    }

    .iq-full-contact .iq-pall-40 {
        padding: 15px !important;
    }

    .iq-fancy-box-02.iq-shadow.iq-mb-60 {
        margin-bottom: 20px !important;
    }

    header.affix-top .btnAcesseSuaContaXS {
        top: 13px !important;
    }

    header.affix .btnAcesseSuaContaXS {
        top: 8px !important;
    }

    .sessaoDemonstracaoSM {
        margin: 130px auto 40px;
    }

    .iq-fancy-box {
        min-height: auto;
    }

    .iq-team {
        width: 60%;
        margin: 0 auto;
    }
}

@media(max-width:479px) {
    .pagination > li > a, .pagination > li > span {
        padding: 10px 15px;
    }

    .iq-comment-list .iq-comments-photo {
        padding-right: 0;
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .iq-blog-box .iq-get-in {
        padding: 30px !important;
    }

    .iq-fancy-box-01 {
        padding: 10px 25px;
    }

    .home-screen-slide:before {
        left: 4px;
    }

    .home-screen-slide {
        padding: 72px 0px 75px 40px;
    }

    .ad-icon {
        display: none;
    }

    .iq-accordion .ad-title {
        padding: 15px 40px 15px 15px;
        font-size: 14px;
    }

    .iq-get-in.iq-pall-40 {
        padding: 40px 0 !important;
        box-shadow: none;
        margin-top: 0;
    }

    .banner-text h1 {
        font-size: 40px;
        line-height: 50px;
    }

        .banner-text h1 small {
            font-size: 14px;
            margin-bottom: 10px;
            line-height: 20px;
        }

    .re4-mt-20 {
        margin-top: 20px;
    }

    .banner-form {
        padding: 20px 15px;
    }

        .banner-form .form-icon {
            display: none;
        }

        .banner-form h3 {
            margin-left: 0;
        }

    .iq-mobile-app .iq-mobile-icon img {
        width: 35%;
    }

    .iq-mobile-app .icon-01 {
        left: 10px;
    }

    .iq-mobile-app .icon-02 {
        left: -30px;
        top: 150px;
    }

    .iq-mobile-app .icon-05 {
        left: 20px;
        bottom: 50px;
    }

    .iq-mobile-app .icon-03 {
        right: 0px;
    }

    .iq-mobile-app .icon-04 {
        right: -20px;
        top: 35px;
    }

    .iq-mobile-app {
        overflow: hidden;
    }

        .iq-mobile-app .iq-mobile-box {
            margin-bottom: 0;
        }

    .banner-03 h1 {
        font-size: 25px;
        line-height: 30px;
    }

        .banner-03 h1 small {
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            padding: 10px 0;
        }

    .iq-our-clients .owl-stage-outer .owl-stage img {
        width: 70%;
    }

    .button {
        width: 100%;
    }

    .info-share {
        justify-content: center;
        display: flex;
        flex-direction: row;
        padding: 8px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .info-share li {
            margin: 20px 30px 0 30px;
        }

    .sessaoDemonstracaoSM {
        margin: -30px auto 40px;
    }

        .sessaoDemonstracaoSM h5 {
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
        }

        .sessaoDemonstracaoSM .button {
            width: 100%;
        }

    .iq-team img {
        width: 100%;
    }
}