/*

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) {
#about-us .heading-left.iq-mt-80 { margin-top: 30px !important; }
.appino-block h2 { left: 30%; }
.iq-fancy-box-02 { min-height: 290px;}
.inner-page .appino-block h2 {font-size: 20px;}
}

@media(max-width:1365px) {
.appino-block h2 {font-size: 34px;}
.inner-page .appino-block h2 {font-size: 19px;}
.iq-responsive h2 {font-size: 33px;}
}

@media(max-width:1099px) {
#about-us .img-right{margin-top: 180px; margin-right: -50px;}
.words span {font-size: 80px;}
.appino-block h2  {font-size: 25px;}
.inner-page .appino-block h2 {font-size: 14px;left: 27%;}
.iq-responsive { padding: 50px 0; }
.iq-responsive h2 { margin-top: 0 !important; font-size: 25px; }
.iq-fancy-box-02 {padding: 0px 0px 24px 0px;}
.footer h1 {font-size: 41px;}
}

@media(max-width:992px) {
.words span {font-size: 84px;}
.appino-block h2 {font-size: 23px;}
.inner-page .appino-block h2 { font-size: 12px;left: 28%;}
.iq-responsive h2 {font-size: 23px;}
.iq-pt-20 { padding-top: 0 !important;}
.footer h1 {font-size: 39px;}
section .container-fluid { padding: 0 15px;}
.iq-fancy-box-02 { min-height: 225px;}
#about-us .img-right { margin-top: 0px; margin-right: 0;}
header { padding: 0; }
.overview-block-ptb { padding: 70px 0; }
.overview-block-pt { padding: 70px 0 0; }
.overview-block-pb { padding: 0 0 70px; }
.heading-title { margin-bottom: 40px; }
#support h1 { font-size: 40px; }

}

@media(max-width:979px) {

.iq-fancy-box-02 {padding: 0px 0px 0px 0px;}
.footer h1 {font-size: 28px;}
.footer h4 {font-size: 19px;}
}

@media(max-width:767px) {
	header .navbar-default { margin: 5px 0 0; }
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { margin:5px 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(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.affix .navbar-default .navbar-toggle { margin: 5px 0 0 0; }
.heading-title p {padding: 0px 0px;}
.iq-mt-100 {margin-top: 0 !important;}
.iq-mt-50 { margin-top: 0 !important; }
.heading-title h2 {font-size: 23px;}
#about-us .img-right {margin-top: 50px;}
.words span { font-size: 44px;}
.appino-block { margin-top: 100px;}
.footer h1 {font-size: 36px; line-height: normal; }
.footer h4 {font-size: 16px;}
.iq-pt-20 {padding-top: 30px !important;}
#support h3 {font-size: 24px;}
#support h1 {font-size: 40px; line-height: normal; }
#about-us .img-right { margin-top: 0;}

header .navbar-header .navbar-brand img { height: 50px; }
header.affix .navbar-header .navbar-brand img { height: 45px; }
#about-us.overview-block-ptb { padding: 0 0 70px; }
#about-us .heading-left.iq-mt-80 {
    margin-top: 5px !important;
}


}

@media(max-width:479px) {
.overview-block-ptb { padding: 50px 0; }
.overview-block-pt { padding: 50px 0 0; }
.overview-block-pb { padding: 0 0 50px; }

.heading-title p {padding: 0;}
.iq-mt-50 {margin-top: 0px !important;}
.words span { font-size: 29px;}
.heading-title h2 {font-size: 24px;     line-height: normal;}

#support h1 { font-size: 30px;}
.footer h1 { font-size: 32px; }

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


}