/*

Template: 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) {
	.home-screen-slide:before { width: 287px; }
	.home-screen-slide .owl-carousel .item { width: 224px; }
	.home-screen-slide { padding: 69px 0px 72px 35px; }
}
@media(max-width:1199px) {
    
    
    
    .iq-mobile-app .iq-mobile-box {
  
    zoom: 0.6;
    
}
    .iq-Work-box .line:before {
  
    width: 11vh;
  
}
    
    .banner-03 h1 {
    font-size: 28px;
    line-height: 50px;
        margin-top: 100px;
  
}
    .banner-03 .link {
    position: relative;
    bottom: 0px;
    left: 0;
    display: inline-block;
    margin-top: 30px;
    width: 100%;
}
    
    
.banner-03 .link2 {
    display: none !important;
}
    
.list-inline>li {
zoom: 0.8; 
}
    
    .banner-03 .link h5:before {
    display: none;
}
    
    
    .banner-03 h1 small {

        display: none;
   
   
}
    
    
	.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: 65px 60px 185px 60px; }
	.home-screen-slide .owl-carousel .item { width: 236px; }
	.iq-fancy-box-01 i { font-size: 40px; }
}
@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%; }
    .wave1 {height: 100px;}
}
@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; }
    .iq-amazing-tab-one .nav.nav-tabs li a { padding: 20px 0px; }
}
@media(max-width:979px) { }




.mobile-only
{
    display: none !important;
}




.mt--100
    {
        margin-top: 100px;
    }


    .m-t-50-desktop-only
    {
       margin-top: 50px; 
        
    }
    
@media(max-width:767px) {
    
    
    .iq-about {
    padding: 0px 0 40px 0;
}
    
    
    .heading-title .title {
    font-size: 28px;
}
    
    
    .m-t-50-desktop-only
    {
       margin-top: 0px; 
        
    }
    
    
    
    .banner-03 .link {
  
    margin-top: 70px;
        margin-bottom: 40px;
    
}
    
    .banner-03 .link h5 {
    position: relative;
    font-size: 27px;
    margin-bottom: 10px;
    display: inline-block;
}
    
    
    .mt--100
    {
        margin-top: 40px;
    }
   
    
    
    
    .about-img span {
  
        width: 100%;
            bottom: 10% !important;
   
}
    
    
   .how_it_works .step_block ul li .step_number h3 {
    font-size: 25px;
} 
    
    
    
    
.mobile-only
{
    display: block !important;
}
    
.desktop-only
{
    display: none !important;
}

    
    .iq-fancy-box-01 .fancy-content-01
    {
        display: none;
    }
    
    .iq-fancy-box-01 i
    {
        display: none;
    }
    
    .iq-fancy-box-01 h4 
    {
        font-size: 17px;
        margin-top: 0px;
        text-align: center;
    }
    
    .iq-amazing-tab .tab-content
    {
       padding: 65px 60px 185px 60px;
    background: url(../images/screenshots/phone.png) center top / 85% 85% no-repeat; 
        margin-bottom: -100px;
    }
    
    
    
    .iq-amazing-tab .nav-tabs li 
    {
    width: 48%;
    margin-right: 2%;
    margin-top: 3px;
    }
    
    .title2 {
        display: none;
    
}
    
    
    .watch1 {
    padding: 0px;
}
    
.free_app_section .container .free_app_inner .free_text .section_title {
    padding: 15px;
}
    
#animation_container
    {
        zoom: 0.6;  
        
    }
    
.free_app_section .container .free_app_inner .free_text .app_btn { zoom: 0.7;}
    
    
    
.how_it_works .step_block ul li .step_number {
    background-image: none;
    background-color: #eee;
    border-radius: 50%;
    width: 100px;
    height: 40px;
}
    
    
    
	h2 { font-size: 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: #FFFFFF; 
        background: #123f90; 
        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: #000; }
	.navbar-default .navbar-toggle.collapsed .icon-bar { background: #ffffff; }
	.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(143, 0, 0, 1); background: -moz-linear-gradient(left, rgba(143, 0, 0, 1) 0%, rgba(255 ,52, 52, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(143, 0, 0, 1)), color-stop(100%, rgba(255 ,52, 52, 1))); background: -webkit-linear-gradient(left, rgba(143, 0, 0, 1) 0%, rgba(255 ,52, 52, 1) 100%); background: -o-linear-gradient(left, rgba(143, 0, 0, 1) 0%, rgba(255 ,52, 52, 1) 100%); background: -ms-linear-gradient(left, rgba(143, 0, 0, 1) 0%, rgba(255 ,52, 52, 1) 100%); background: linear-gradient(to right, rgba(143, 0, 0, 1) 0%, rgba(255 ,52, 52, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee150d', endColorstr='#a30600', GradientType=1); }
	header.affix .navbar-default .navbar-toggle { margin: 8px 0 0 0; }
    
	.overview-block-ptb { padding: 50px 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; }
    
    .wave1 
    { 
        height: 60px; 
        background-size: cover; 
        -webkit-animation: wave-animation1 20s infinite linear; /* Safari 4+ */ 
        -moz-animation: wave-animation1 20s infinite linear; /* Fx 5+ */ 
        -o-animation: wave-animation1 20s infinite linear; /* Opera 12+ */ 
        animation: wave-animation1 20s infinite linear; /* IE 10+ */ 
    }
    
    .iq-amazing-tab-one .nav.nav-tabs li a span { 
    
    font-size: 15px;
    
    }
    
    
    
    
    
    .free_img img {
        zoom:70%;
    
}
    
    
    
}
@media(max-width:479px) {
    
    
    
    .heading-title {
    margin-bottom: 30px;
}
    
    
    .heading-title p {
    display: none;
}

    
    
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
    
    
	.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: 5px 25px !important;
    border: 1px solid #d5d5d5;
    background-image: none !important;
        
    
    }
    
    
    .iq-amazing-tab-one .nav.nav-tabs li {
    margin-bottom: 0;
    display: inline-block;
    float: left;
    width: 50%;
}
    .iq-amazing-tab-one .nav.nav-tabs li a {
    padding: 10px 0px;
}
    
	.home-screen-slide:before { left: 4px; }
	.home-screen-slide { padding: 72px 0px 75px 40px; }
	.ad-icon { display: none; }
	.iq-accordion .ad-title { padding: 15px 60px 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; }
}