/*

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; }
	.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;
		font-size: 35px;
		line-height: 55px;
	}
	.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-fancy-box-wh {
		margin-top: 20px !important;
	}
	.iq-fancy-box-02 {
	}

	.lead {
		font-size: 13px;
		line-height: 20px;
	}

	.iq-fancy-box-02 .iq-icon {
		height: 60px;
		width: 60px;
		line-height: 60px;
	}
	#features .iq-fancy-box-02 .iq-icon i,
	#how-works .iq-fancy-box-02 .iq-icon i {
		margin-top: 15px;
	}
}
@media(min-width:1200px) {
	header .navbar-nav {
		margin-top: 18px;
	}
}
@media (max-width: 1200px) {
	header .navbar-default {
		margin: 15px 0;
	}
}
@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) {
	.leftside {
		padding: 0 68px;
	}
	#myVideo {
		height: 364px;
	}

	header .navbar-nav {
		/*margin-top: 12px;*/
		margin-top: 0;
	}
	header .navbar-header .navbar-brand img { height: 55px; }
	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;*/
		font-size: 35px;
		line-height: 76px;
		margin-bottom: 15px;
		margin-top: 8%;
	}
	.banner-text p {
		font-size: 2rem;
	}
	.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: 0 0 20px; }
	.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-top: 10px;
		margin-bottom: 10px;
	}
	
	.banner-form .form-icon { top: 15px; }
	.banner-form { padding: 20px 30px; }
	.banner-form h3 { margin-left: 60px; }
	#features .iq-fancy-box-02 .iq-icon i {
		margin-top: 15px;
	}
	.banner-text h1 {
		font-size: 28px;
		line-height: 56px;
		margin-bottom: 0;
		margin-top: 20px;
	}

	.banner-text p {
		line-height: 30px;
		font-size: 18px;
	}
	.rightside, .leftside {
		height: 410px;
	}
}
@media(max-width:979px) {

}
@media(max-width:767px) {
	header .navbar-header .navbar-brand img {
		height: 45px;
	}
	.register-tp {
		display: inline-block !important;
	}
	.iq-ptb-60 {
		padding: 0px 0;
	}
	#myVideo {
		height: 358px;
	}
	.heading-title .divider {
		margin-top: 15px;
	}
	.banner-text.bannerVideo {
		margin: 98px 0 auto;
	}
	.heading-title {
		margin-bottom: 35px;
	}
	.leftside {
		padding: 0 40px;
	}
	.rightside, .leftside {
		height: 358px;
	}
		.banner-text p {
			margin: 1.5em auto 2.5em;
			font-size: 20px;
			line-height: 33px
		}
	.banner-text h1 {
		font-size: 26px;
		line-height: 45px;
	}
	.info-share {
		margin-top: 30px;
	}
	.iq-fancy-box-02 .fancy-content .iq-tw-6 {
		font-size: 13px;
	}
	.bnr-butn a {
		font-size: 14px;
		
	}
	h2 {
		font-size: 26px;
	}
	header .navbar-default { margin: 10px 0; }
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { margin: 0 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; }
	.register-tp {
		margin-top: 20px !important;
	}
	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 !important;
		background: rgba(30, 80, 226, 1);
		background: -moz-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30, 80, 226, 1)), color-stop(100%, rgba(9, 179, 239, 1)));
		background: -webkit-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%);
		background: -o-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%);
		background: -ms-linear-gradient(left, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%);
		background: linear-gradient(to right, rgba(30, 80, 226, 1) 0%, rgba(9, 179, 239, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e50e2', endColorstr='#09b3ef', GradientType=1);
	}
	header .navbar-default .navbar-nav > li.register-tp > a:hover {
		background: transparent !important;
	}
	header.affix .navbar-default .navbar-toggle { margin: 0 0 0 0; }
	.overview-block-ptb { padding: 35px 0; }
	.overview-block-pt { padding: 35px 0 0; }
	.overview-block-pb { padding: 0 0 70px; }
	.banner-text h1 { margin-top: 0; margin-bottom: 0; }
	.banner-text { margin: 130px 0 70px; }
	#Privacy, #PollResult .banner-text {
		margin: 95px 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%; }
}
@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;*/
		font-size: 24px;
		line-height: 40px;
	}
	.banner-text p {
		font-size: 1.5rem;
		line-height: 30px;
	}
	.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; }
}