/*

Template: Sofbox - Responsive Software Landing Page
Author: iqonicthemes.in
Version: 3.0
Design and Developed by: iqonicthemes.in

NOTE: This file contains the styling for responsive Template.

*/

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

@media(max-width:1620px) {
	#choose-us {
		background: none !important;
		height: auto !important;
	}
}
@media(max-width:1615px) {
	.iq-banner-02::after {
		background-size: 100% 50px;
		height: 50px;
	}
	#iq-home {
		background-size: auto 150% !important;
	}
}

@media(max-width:1550px) {
	nav {
		padding: 0px 20px !important;
	}
}

@media(max-width:1450px) {
	.home-img1 {
		bottom: -100px !important;
	}
	.overv-title {
		padding-top: 30px;
	}
	.list-3-img {right: 0 !important;}
}

@media(max-width:1365px) {
	.counter-info-img img { width: 100%; margin-top: 10px; }
	.counter-info .waves-box { top: 41%; left: 50%; }
}

@media(max-width:1202px) {

	/*----------------
	Section padding 
	----------------*/
	nav {
		padding: 0px 20px !important;
	}
	a.nav-link {padding:12px 10px !important;}
	.overview-block-pb.how-works{padding: 0 0 80px;}
	header .navbar .navbar-nav>li { margin: 0 20px 0 0; }
	header .container-fluid, .iq-banner .container-fluid, .iq-banner-04 .container-fluid { padding: 0px 45px; }
	.how-works { padding-bottom: 0; }
	.iq-rmt-80{margin-top: 80px;}

}

@media(max-width:1100px) {

	/*----------------
		Section padding 
		----------------*/
	.callout-title { font-size: 54px; }
	.container { max-width: 94%; }
	.iq-r-mb-15 { margin-bottom:15px;}
	.overview-block-ptb { padding: 50px 0; }
	.overview-block-pb { padding: 0 0 50px; }
	h2 { font-size: 34px; line-height: 40px;}
	h3 { font-size: 30px; }
	.container { max-width: 100%; }
	.heading-title { margin-bottom: 40px; }
	header .container-fluid, .iq-banner .container-fluid, .iq-banner-04 .container-fluid { padding: 0px 15px; }
	.iq-banner-02 .banner-text p { font-size: 18px; }
	.iq-banner-02 .banner-img { margin-bottom: -20px; }
	.iq-banner-03.overview-block-pt { padding-top: 80px; }
	.iq-banner-02 .banner-video { width: 400px; height: 230px; }
	.iq-banner-02.style-1 .button-blue-shadow.iq-mr-30 { margin-right: 0; }
	.iq-banner-02.style-1 .banner-img { margin-top: 40px; }
	.iq-tw-9 {font-weight: 700;}
}

@media(max-width:1053px) {
	a.nav-link {padding:12px 6px !important;}
}

@media(max-width:992px) {
	li.nav-item {
		text-align: center !important;
	}
	.choose-us {
		padding: 0px 15%;
	}
	.list-3-img {
		top: 0;
	}
	.list-3-img-container {
		margin-bottom: 30px;
	}
	#request-demo-btn {
		display: inline;
		margin: 5px 0 0 0;
	}
	.svg-container {
		padding: 0 5%;
	}
}

@media(max-width:991px) {
	#about .iq-bg-over {
		opacity: 0;
	}
	.contact-us-title, #overview h2, #choose-us h2 {
		text-align: center !important;
	}
	#overview h2, #choose-us h2 {
		margin: 0 0 5px 0;
		font-size: 40px;
		line-height: 40px;
		padding: 0 !important;
	}
	#about h4 {
		color: white;
	}
	#about p {
		color: #DDD;
	}
	header .navbar .navbar-nav button {
		color: black !important;
	}
	.callout-more {
		margin-left: 40px !important;
		margin-right: 40px !important;
	}
	.request-demo-btn {font-size: inherit !important;}
	
	.iq-software-demo {text-align: center !important;}
	.iq-software-demo img {margin: 0 auto;}
	header { padding: 10px 0; }
	.container { max-width: 74%; }
	.navbar-light .navbar-toggler { border: 1px solid #fff; background: #fff; }
	.r-mt-30 { margin-top: 30px; }
	.r-mt-40 { margin-top: 40px; }
	.iq-works-box.no-shadow { padding: 15px 20px; }
	.iq-banner-02 .banner-text p { margin: 0 0 20px 0; padding: 0; }
    .navbar-light .navbar-toggler span { color: #4babbe; }
	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; color: #333; }
        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: #4babbe; }
	header .button, header .button-line { display: none; }
	.iq-software-demo { width: 100%; top: 0; position: inherit; text-align: center; }
	.counter-info .waves-box { top: 56%; left: 47%; }
	.heading-title p { padding: 0; }
	.heading-title { margin-bottom: 40px; }
	.iq-banner-02.style-1 .banner-objects .banner-objects-01 img, .iq-banner-02.style-1 .banner-objects .banner-objects-04 img { width: 75%; }
	.iq-banner-02.style-1 .banner-objects .banner-objects-02 { width: 250px; height: 250px; left: 0; }
}

@media(max-width:814px) {
	.callout-title { font-size: 50px !important; }
	#home {height: 650px;}

}
@media(max-width:767px) {
	.contact-form {
		padding-left: 0 !important;
	}
}
@media(max-width:639px) {
	.heading-title{
		margin: 0;
	}
        .contact-us-title {
		font-size: 50px !important;
		text-align: center !important;
		padding: 20px 0 0 0 !important;
	}
	.callout-title {
                font-size: 35px !important;line-height: 35px !important;
	}
	.callout-more {
		font-size: 18px !important;
	}
	.svg-container {
		padding: 0;
	}
}
@media(max-width:639px) {
	.contact-us-title {
		padding: 0 !important;
	}
}
@media(max-width:570px) {
        .callout-title { font-size: 30px !important; line-height: 30px !important;}
	#home {height: 550px;}
}
@media(max-width:479px) {
	.choose-us {
		padding: 0px 10%;
	}
	.callout-more {
		margin-left: 1px !important;
		margin-right: 1px !important;
	}
	h2{font-size: 30px;}
	.home-img {
		margin-top: 10px;
	}
}
@media(max-width:320px) {
	.callout-more {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}