/*

Template: Sofbox - Angular 8 Software landing page
Author: iqonic.design
Version: 1.0
Design and Developed by: iqonic.design

NOTE: This file contains the styling for responsive Template.

*/


/*****************
================================================
 (  Media Queries  )
================================================
 *******************/

@media(max-width:1399px) {
	.iq-banner .banner-text h1 {
		font-size: 56px;
	}
	.counter-info-img img {
		width: 100%;
		margin-top: 0;
	}
	.counter-info .waves-box {
		left: 44%;
	}
	
	.iq-objects-software .iq-objects-03 {
		border: 48px solid #4ac4f3;
		height: 500px;
		width: 500px;
	}
	#software-features {
		margin-top: 0;
		/*padding: 80px 0px;*/
	}
	.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: 41%;
		left: 50%;
	}
	.iq-works-img {
		width: 110%;
	}
}

@media(max-width:1199px) {
	/*----------------
	Section padding
	----------------*/
	.overview-block-ptb {
		padding: 80px 0;
	}
	.overview-block-pt {
		padding: 80px 0 0;
	}
	header .navbar .navbar-nav>li {
		margin: 0 20px 0 0;
	}
	header .container-fluid,
	.iq-banner .container-fluid {
		padding: 0px 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-works-img {
		width: 100%;
	}
	.counter-info-img img {
		margin-top: 0;
		width: 100%;
	}
	.owl-carousel .owl-nav .owl-prev {
		left: 0%;
	}
	.owl-carousel .owl-nav .owl-next {
		right: 0%;
	}
	.iq-banner .banner-img {
		width: 100%;
	}
	.iq-software-demo {
		top: 23%;
	}
	
	.iq-objects-software .iq-objects-03 {
		border: 48px solid #4ac4f3;
		height: 400px;
		width: 400px;
	}
	.iq-objects-software .iq-objects-03 {
		top: 15%;
	}
	.iq-objects-software .iq-objects-01 {
		top: 16%;
	}
	.counter i {
		margin-right: 15px;
	}
	.counter-info .waves-box {
		top: 29%;
		left: 43%;
	}
	.info-share li {
		margin: 0px 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-software-demo {
		height: 75%;
		top: 26%;
	}
	.how-works {
		padding: 80px 0;
	}
	.text-left.align-self-center h3 {
		font-size: 28px;
		line-height: 40px;
	}
	.iq-objectsnew .iq-objects-04 {
		border: 40px solid #4ac4f3;
		width: 400px;
		height: 400px;
		top: 9%;
	}
	h5 {
		font-size: 20px;
	}
	.iq-fancy-box {
		padding: 14px;
	}
	h3 {
		font-size: 30px;
	}

}

@media(max-width:992px) {
	h2 {
		font-size: 40px;
		line-height: 40px;
	}
	header {
		padding: 10px 0;
	}
	.container {
		max-width: 74%;
	}
	.navbar-light .navbar-toggler {
		border: 1px solid #fff;
		background: #fff;
	}
	.iq-banner .banner-img {
		margin-top: 30px;
	}
	.r-mt-30 {
		margin-top: 30px;
	}
	.navbar-light .navbar-toggler span {
		color: #4ac4f3;
	}
	.navbar-toggler {
		padding: 0px 10px;
		font-size: 38px
	}
	.navbar-toggler:focus,
	.navbar-toggler:hover {
		outline: none;
	}
	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 !important;
		color: #333;
	}
	header#main-header .navbar .menu>li {
		padding: 0px !important;
		margin-right: 0px;
	}
	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: #4ac4f3;
	}
	header .button {
		display: none;
	}
	#main-header li i {
		float: none !important;
		margin-top: 0;
	}
	/*.how-works {
		padding-top: 0px;
	}*/
	.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: 45%;
	}
	.iq-objects-software .iq-objects-03 {
		top: 2%;
		left: 50%;
	}
	.counter-info .waves-box {
		top: 40%;
		left: 47%;
	}
	/*.counter-info-img img { margin-bottom: -87px; }*/
	.iq-objects-asked .iq-objects-02 {
		left: 73%;
	}
	.iq-asked {
		overflow: hidden;
	}
	.heading-title p {
		padding: 0;
	}
	.heading-title {
		margin-bottom: 40px;
	}
	.align-self-center h3 {
		font-size: 27px;
		line-height: 36px;
	}
	header#main-header .navbar .menu li .sub-menu {
		position: relative;
		top: 0 !important;
		width: 100%;
		box-shadow: none;
	}
	.iq-client {
		padding: 31px;
	}
	.iq-asked .center-block {
		margin-bottom: 30px;
	}
	.iq-fancy-box {
		padding: 30px;
	}
}

@media(max-width:979px) {
	.container {
		max-width: 94%;
	}
	.iq-objects-software .iq-objects-03 {
		left: 46%;
	}
	.iq-objects-software .iq-objects-02 {
		bottom: 45%;
	}
	.iq-objects-asked .iq-objects-01 {
		display: none;
	}
	.iq-objects-asked .iq-objects-03 {
		left: 3%;
	}
	.button {
		padding: 10px 36px;
	}
}

@media(max-width:767px) {
	/*----------------
		Section padding
		----------------*/
	.overview-block-ptb {
		padding: 50px 0;
	}
	.overview-block-pt {
		padding: 50px 0 0;
	}
	h2 {
		font-size: 34px;
		line-height: 40px;
	}
	h3 {
		font-size: 30px;
	}
	.container {
		max-width: 100%;
	}
	.heading-title {
		margin-bottom: 40px;
	}
	.iq-banner .banner-text h1 {
		font-size: 38px;
	}
	header .container-fluid,
	.iq-banner .container-fluid {
		padding: 0px 15px;
	}
	.owl-carousel .owl-nav button i {
		display: none;
	}
	.iq-objects-software .iq-objects-03 {
		border: 30px solid #4ac4f3;
		height: 280px;
		width: 280px;
	}
	.iq-objects-software .iq-objects-03 {
		left: 39%;
	}
	.r4-mt-30 {
		margin-top: 30px;
	}
	.footer-info .map {
		height: 350px;
		position: inherit;
	}
	.info-share {
		margin: 0px 0 0;
		text-align: left !important;
	}
	.counter-info .waves-box {
		top: 46%;
		left: 43%;
	}
	.footer {
		text-align: center;
	}
	.info-share {
		text-align: left;
		margin-bottom: 0px;
	}
	.iq-objectsnew .iq-objects-04 {
		border: 20px solid #4ac4f3;
		width: 300px;
		height: 300px;
		right: 10%;
		top: 0;
	}
	.iq-objects-software .iq-objects-02 {
		bottom: 58%;
	}
	.iq-objects-asked .iq-objects-03 {
		top: 26%;
		height: 300px;
		width: 300px;
	}
}

@media(max-width:479px) {
	.iq-banner .banner-text h1 {
		font-size: 28px;
		line-height: normal;
	}
	.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;
	}
	
	.iq-objects-asked {
		display: none;
	}
	.counter-info .waves-box {
		top: 22%;
		left: 39%;
	}
	.info-share {
		text-align: left;
		margin-bottom: 0;
	}
	.iq-objectsnew .iq-objects-04 {
		border: 20px solid #4ac4f3;
		width: 200px;
		height: 200px;
		right: 10%;
		top: 0;
	}
	.iq-objectsnew .iq-objects-02 {
		display: none;
	}
	.iq-objectsnew .iq-objects-03 {
		display: none;
	}
	h2,
	h3 {
		font-size: 28px;
	}
	.heading-title .title {
		margin-bottom: 15px;
	}
	#main-header li i {
		float: none;
	}
	.form-group {
		width: 100%;
	}
	.iq-objects-software .iq-objects-01,
	.iq-objects-software .iq-objects-02 {
		display: none;
	}
}