/*

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(min-width:1601px) { }
@media(max-width:1419px) {
	.iq-banner .banner-text h1 { font-size: 45px; }

}
@media(max-width:1399px) {
	.text-leftc {
		text-align: center !important;
	}
	.iq-banner .banner-text h1 { font-size: 40px; }
	.iq-banner .banner-text h5 { font-size: 19px; }
	.counter-info-img img { width: 118%; margin-top: 0; }
	.counter-info .waves-box { left: 54%; }
	.iq-objects .iq-objects-04, .iq-objects-software .iq-objects-03 { border: 48px solid #6587a2 !important; height: 500px; width: 500px; }
	#software-features { margin-top: 0; }
	.iq-objects-software .iq-objects-02 { bottom: 13%; }
	.iq-software-demo { top: 80px; }

}
@media(max-width:1365px) {
	.text-leftc {
		text-align: center !important;
	}
	.iq-banner .banner-text h1 { font-size: 40px; }
	.iq-banner .banner-text h5 { font-size: 19px; }
	.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-banner .banner-img { margin-top: 35px; }
	.iq-works-img { width: 110%; }
}

@media(max-width:1250px) {
	/*.iq-banner .banner-img { margin-top: 40px !important; }*/
}

@media(max-width:1199px) {
	.text-leftc {
		text-align: center !important;
	}
	/*----------------
	Section padding 
	----------------*/
	.overview-block-ptb { padding: 80px 0; }
	.overview-block-pt { padding: 80px 0 0; }
	.overview-block-pb { 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; }
	.iq-banner .banner-text h1 { font-size: 40px; }
	.iq-banner .banner-text h5 { font-size: 18px; }
	.iq-banner .banner-img { margin-top: 50px; width: 100%; }
	.iq-banner .banner-text p.iq-mb-40 { margin-bottom: 20px; }
	.iq-banner .banner-text { margin-bottom: 0px; }
	.iq-banner .banner-img { width: 115%;}
	.iq-objects .iq-objects-01 { opacity: 0.2; }
	.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%; }
	.slider-container .slider-content { width: 85%; height: 85%; }
	.slider-container .slider-left { right: 100%; }
	.slider-container .slider-right { left: 100%; }
	.iq-software-demo { top: 23%; }
	/*.iq-objects .iq-objects-04, .iq-objects-software .iq-objects-03 { border: 48px solid #00c8c8; height: 400px; width: 400px; }*/
	.iq-objects .iq-objects-04, .iq-objects-software .iq-objects-03 { border: 48px solid #6587a2; height: 400px; width: 400px; }
	.iq-objects .iq-objects-04 { top: 13%; }
	.iq-objects-software .iq-objects-03 { top: 15%; }
	.iq-amazing-tab .nav.nav-tabs li a { padding: 20px; }
	.iq-objects-software .iq-objects-01 { top: 16%; }
	.how-works { padding-bottom: 0; }
	.counter i { margin-right: 15px; }
	.counter-info .waves-box { top: 29%; left: 43%; }
	.iq-newsletter .form-group { width: 67%; }
	.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-fancy-box { padding: 40px 13px 25px 13px; }
	.iq-banner-04 .banner-text h1 { font-size: 46px; }
	.iq-banner-04 .banner-text p.iq-mb-40 { margin-bottom: 20px; }
	.Product-works { padding-bottom: 80px; }
	.iq-software-demo { height: 75%; top: 26%; }
	.iq-more-info .row.iq-mt-30 { margin: 30px 0; }
}

@media(max-width:1150px) {
	.iq-banner .banner-img { margin-top: 30px !important; }
}

@media(max-width:1117px) {
	.iq-banner .banner-img { margin-top: 110px !important; }
}

@media(max-width:1110px) {
	.iq-banner .banner-img { margin-top: 140px !important; }
}
@media(max-width:1060px) {
	.iq-banner .banner-img { margin-top: 160px !important; }
}
@media(max-width:992px) {
	.text-leftc {
		text-align: center !important;
	}

	.modal {
	    position: fixed;
	    top: 20%;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1050;
	    display: none;
	    overflow: hidden;
	    -webkit-overflow-scrolling: touch;
	    outline: 0;
	}

	header { padding: 10px 0; }
	.container { max-width: 74%; }
	.navbar-light .navbar-toggler { border: 1px solid #fff; background: #fff; }
	.iq-banner-03 .banner-text h1 { font-size: 37px; }
	.iq-banner .banner-img { width: 115%; margin-left: -45px;}
	.iq-banner-03 { padding-bottom: 30px; }
	.iq-banner-03 .banner-text p { margin-bottom: 15px; }
	.r-mt-30 { margin-top: 30px; }
	.r-mt-40 { margin-top: 40px; }
	.iq-banner-02 .banner-text h1 { font-size: 54px; }
	.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: #00c8c8; }*/
	.navbar-light .navbar-toggler span { color: #6587a2; }
	.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; 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: #6587a2; }
	header .button { display: none; }
	.iq-objects .iq-objects-01 { opacity: 1; }
	.iq-objects .iq-objects-02 { top: 40%; }
	.iq-objects .iq-objects-03 { top: 67%; }
	.iq-objects .iq-objects-04 { top: 48%; right: 0; }
	.how-works { padding-top: 0; }
	.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: 38%; }
	.iq-objects-software .iq-objects-03 { top: 2%; left: 50%; }
	.screenshots-slider { min-height: 400px; }
	.slider-container .slider-content { width: 66%; height: 66%; }
	.iq-amazing-tab .nav.nav-tabs li { width: 32%; }
	.counter-info .waves-box { top: 56%; left: 47%; }
	.counter-info-img img { margin-bottom: -87px; }
	.iq-objects-asked .iq-objects-02 { left: 73%; }
	.iq-newsletter .form-group { width: 75%; }
	.iq-asked { overflow: hidden; }
	.heading-title p { padding: 0; }
	.heading-title { margin-bottom: 40px; }
	.iq-banner-03 .banner-img { width: 100%; }
	.iq-banner-03 .waves-box { position: absolute; top: 23%; left: 32%; }
	.iq-banner-04 .banner-text { margin-top: 8%; }
	.iq-footer .footer-top { padding-bottom: 40px; }
	.Product-works { padding: 80px 0; }
}
@media(max-width:979px) {
	.container { max-width: 94%; }
	.iq-objects-software .iq-objects-03 { left: 46%; }
	.slider-container .slider-left { right: 87%; }
	.slider-container .slider-right { left: 87%; }
	.iq-banner-04 .banner-img { margin-top: 30px; }
}
@media(max-width:767px) {
	.navbar-collapse.collapse {
	 /*   display: none !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;*/
	}
	.text-leftc {
		text-align: left !important;
	}
	/*----------------
		Section padding 
		----------------*/
	.overview-block-ptb { padding: 50px 0; }
	.overview-block-pt { padding: 50px 0 0; }
	.overview-block-pb { padding: 0 0 50px; }
	h2 { font-size: 30px; text-align: left !important; }
	h3 { font-size: 23px; text-align: left !important;}
	h4 { font-size: 16px; text-align: left !important;}
	h5 { font-size: 14px; text-align: left !important;}
	p { font-size: 14px; text-align: left !important;}
	.heading-title .title:before { text-align: left !important; left: 12% !important; }
	
	.iq-box-shadow { padding: 60px 20px 0; margin-top: 0; }
	.container { max-width: 100%; }
	.heading-title { margin-bottom: 40px; }
	.iq-banner .banner-text h1 { font-size: 38px; }
	.iq-objects .iq-objects-01 { opacity: 0.2; }
	header .container-fluid, .iq-banner .container-fluid, .iq-banner-04 .container-fluid { padding: 0px 15px; }
	.iq-banner-04 .banner-text { margin-top: 13%; }
	.iq-more-info .row.iq-mt-30 .col-sm-4 { margin: 15px 0; }
	.iq-objects .iq-objects-04, .iq-objects-software .iq-objects-03 { border: 30px solid #00c8c8; height: 280px; width: 280px; }
	.iq-objects-software .iq-objects-03 { left: 39%; }
	.slider-container .slider-content { width: 40%; height: 40%; }
	.screenshots-slider { min-height: 250px; }
	.iq-banner-03 .banner-img { margin-top: 20px; }
	.iq-banner-03 .banner-text h1 { font-size: 30px; }
	.r4-mt-30 { margin-top: 30px; }
	.r4-mt-40 { margin-top: 40px; }
	.slider-container .slider-left { right: 74%; }
	.slider-container .slider-right { left: 74%; }
	.iq-amazing-tab .nav.nav-tabs li a span { display: none; }
	#compare-services .row .col-sm-2.align-self-center h2 { margin: 20px 0 30px; }
	.iq-newsletter .form-group { width: 100%; }
	.iq-newsletter .form-inline { display: inline-block; width: 100%; text-align: center; }
	.iq-newsletter .form-inline .button { margin-left: 0; }
	.footer-info .map { height: 350px; position: inherit; }
	.info-share { margin: 20px 0 0; text-align: center; }
	.counter-info .waves-box { top: 46%; left: 43%; }
	.iq-banner-02 .banner-text h1 { font-size: 44px; }
	.ad-details .col-sm-3 img { width: 100%; }
	.iq-amazing-tab .nav-tabs li a i { margin-right: 0; }
	.iq-banner-02 .banner-img { margin-bottom: -20px; }
	.iq-banner-03.overview-block-pt { padding-top: 80px; }
	.Product-works { padding: 50px 0; }
	.iq-footer .info-share { margin: 0; }
}
@media(max-width:479px) {
	.text-leftc {
		text-align: left !important;
	}
	.iq-banner .banner-text h1 { font-size: 35px; }
	.iq-banner .banner-text { margin-top: 50px; }
	.iq-banner .banner-img, .iq-works-img { margin-top: 20px; }
	.iq-banner .banner-img { margin-left: -15px;}
	.iq-objects-software .iq-objects-03 { left: 0; }
	.slider-container .slider-content { width: 26%; height: 26%; }
	.iq-objects, .iq-objects-asked { display: none; }
	.slider-container .slider-left { right: 63%; }
	.iq-banner-02 .banner-text h1 { font-size: 36px; }
	.slider-container .slider-right { left: 63%; }
	.screenshots-slider { min-height: 180px; }
	.iq-banner-04 .banner-text h1 { font-size: 34px; }
	.counter-info .waves-box { top: 22%; left: 39%; }
}