/*

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

NOTE: This file contains the styling for responsive Template.

*/

/*****************
================================================
 (  Media Queries  )
================================================
*******************/
@media(min-width:1601px) {
}

@media(max-width:1399px) {
	.iq-banner .banner-text h1 {
		font-size: 56px;
	}

	.software .iq-objects-software img {
		top: 0;
		max-width: 117%;
	}

	.iq-objects-style-2 .iq-objects-03 {
		border: 48px solid #4ac4f3;
		height: 500px;
		width: 500px;
	}

}

@media(max-width:1365px) {
	header .navbar .menu>li {
		margin: 0 30px 0 0;
	}

	header .container-fluid,
	.iq-banner .container-fluid {
		padding: 0 45px;
	}

	header .button {
		margin-left: 25px;
	}

	.iq-banner .banner-text h1 {
		font-size: 44px;
	}

	.iq-banner .waves-box {
		margin-top: 0;
	}

	.iq-banner .button {
		margin-top: 5px;
	}

	.iq-banner-02:after {
		bottom: 0;
		height: 113px;
	}

	.iq-banner-02 .banner-text h1 {
		font-size: 52px;
	}

	.iq-banner-02 .banner-text p {
		margin: 0 120px;
	}

	.heading-title {
		margin-bottom: 50px;
	}

	.how-works .iq-works-img img {
		max-width: 100%;
		margin-top: 50px;
	}

	.iq-objects-style-1 .iq-objects-01 {
		opacity: 0.2;
	}

	.iq-objects-style-1 .iq-objects-04,
	.iq-objects-style-2 .iq-objects-03 {
		border: 48px solid #4ac4f3;
		height: 400px;
		width: 400px;
	}

	.software .iq-objects-software img {
		top: 100%;
		max-width: 106%;
	}

	.iq-objects-style-2 {
		height: 83%;
		top: 0%;
	}

	.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid.software {
		padding-top: 0;
	}

	.screenshots-slider {
		min-height: 502px;
	}

	.slider-container .slider-content {
		width: 85%;
		height: 85%;
	}

	.slider-container .slider-left {
		right: 100%;
	}

	.slider-container .slider-right {
		left: 100%;
	}

	.iq-amazing-tab .nav.nav-tabs li a {
		padding: 20px 15px;
	}

	.iq-amazing-tab .nav.nav-tabs li a span {
		font-size: 16px;
	}

	.iq-fancy-box {
		padding: 40px 10px 25px 10px;
	}

	.counter label {
		font-size: 16px;
	}

	.counter-info-img img {
		margin-top: 0;
	}

	.owl-carousel .owl-nav .owl-prev {
		left: -3%;
	}

	.owl-carousel .owl-nav .owl-next {
		right: -3%;
	}

	.sofbox-subscription .newsletter-email {
		width: 67%;
	}

	.iq-banner-03 .banner-text h1 {
		font-size: 42px;
	}

	.iq-footer-box .iq-icon i {
		margin-right: 7px;
	}

	.info-share li {
		margin: 0px 3px;
	}

}

@media(max-width:1199px) {
	.container {
		max-width: 94%;
	}

	header .navbar .menu .menu-item a {
		font-size: 14px;
	}

	.widget.widget_nav_menu ul li .sub-menu li .sub-menu {
		padding-left: 10px;
	}

	.iq-banner-04 {
		padding: 150px 0 50px;
	}

	.iq-banner-04 h2 {
		font-size: 40px;
	}

	.iq-banner-04 .col-lg-6 img {
		max-width: 108%;
	}

	.iq-feature.stap-right:before {
		width: 115px;
		height: 20px;
		left: 82%;
		background-size: 100%;
	}

	.iq-feature.stap-left:before {
		width: 115px;
		height: 20px;
		left: 82%;
		background-size: 100%;
	}

}

@media(max-width:992px) {
	.container {
		max-width: 74%;
	}

	header .navbar .menu .menu-item a:hover,
	header .navbar .menu .menu-item.current-menu-item a,
	header .navbar .menu .menu-item.current-menu-item a:focus,
	header .navbar .menu .menu-item.current-menu-item a:hover {
		color: #333333;
	}

	.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid,
	.content-area .site-main {
		padding: 80px 0;
	}

	header .navbar .menu li .sub-menu li i.toggledrop {
		right: 0;
	}

	.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid.sofbox-specialities {
		padding-bottom: 50px !important;
	}

	.heading-title p {
		padding: 0;
	}

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: block;
	}

	.site-main .sf-content>.vc_row.wpb_row.vc_row-fluid.how-works {
		padding-top: 0;
	}

	.how-works .iq-works-img img {
		margin-top: 20px;
	}

	.iq-objects-style-1 {
		top: inherit;
		height: 65%;
		bottom: 0;
	}

	.iq-objects-style-1 .iq-objects-01 {
		opacity: 1;
	}

	.iq-objects-style-1 .iq-objects-04,
	.iq-objects-style-2 .iq-objects-03 {
		right: 0;
		left: initial;
	}

	.software .iq-objects-software img {
		max-width: 100%;
		position: inherit;
	}

	.software .wpb_content_element {
		margin-bottom: 0;
	}

	.iq-objects-style-2 {
		height: 60%;
	}

	.screenshots-slider {
		min-height: 505px;
	}

	.iq-amazing-tab .nav.nav-tabs li {
		width: 33.33%;
	}

	.counter {
		margin-bottom: 30px;
	}

	.counter-info {
		margin-top: 10px;
	}

	.counter-info-img img {
		margin-top: 20px;
	}

	.counter-info .waves-box {
		margin-top: -50px;
	}

	.iq-progress-bar {
		margin: 60px 0 0;
	}

	.iq-services-box .services-content {
		display: inline-block;
		margin-top: 15px;
		width: 100%;
	}

	.iq-objects-style-3 .iq-objects-02 {
		left: 70%;
	}

	.contact-info .widget-area .col-lg-3.col-md-6.col-sm-6:nth-child(n+3) {
		margin-top: 30px;
	}

	.navbar-toggler span {
		color: #4ac4f3;
	}

	.navbar-toggler {
		padding: 0 10px;
		font-size: 38px;
		background: #fff;
		border: none;
	}

	.navbar-toggler:focus,
	.navbar-toggler:hover {
		outline: none;
	}

	.iq-banner .banner-text {
		margin-top: 5%;
	}

	.iq-banner-02 .banner-text p {
		margin: 0;
	}

	.iq-banner-02:after {
		bottom: 0;
		height: 106px;
	}

	.iq-banner-03 .banner-text h1 {
		font-size: 34px;
	}

	.iq-banner-03 .banner-text {
		margin-bottom: 10%;
	}

	.iq-breadcrumb .iq-breadcrumb-title .page-title,
	.iq-breadcrumb .iq-breadcrumb-title .title {
		font-size: 36px;
		line-height: 42px;
	}

	.comment-respond .comment-form-author,
	.comment-respond .comment-form-email,
	.comment-respond .comment-form-url {
		width: 31.11%;
	}

	input[type=submit],
	.contact-form .cfield input[type=submit] {
		padding: 11px 25px;
	}

	article.hentry .iq-page-blog {
		padding: 15px;
	}

	header {
		padding: 15px 0;
	}

	header .navbar .navbar-brand {
		padding: 0;
	}

	header.menu-sticky {
		padding: 10px 0;
	}

	header .button {
		display: none;
	}

	header.menu-sticky .navbar .menu li .sub-menu {
		top: 0;
	}

	header .navbar .menu {
		margin-top: 0;
		float: left;
		display: inline-block;
		background: #fff;
		width: 100%;
		-webkit-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1);
	}

	header .navbar .navbar-collapse {
		margin-top: 0;
		background: #fff;
		width: 100%;
		position: absolute;
		top: 75px;
		left: 0;
		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;
	}

	header.menu-sticky .navbar .navbar-collapse {
		top: 60px;
	}

	header.black .navbar .menu .menu-item a,
	header.black .navbar .menu .menu-item i.toggledrop {
		color: #333333;
	}

	header .navbar .menu li:hover .sub-menu {
		display: none;
	}

	header .navbar .menu>li {
		display: inline-block;
		width: 100%;
		margin-right: 0;
		border-bottom: 1px solid #eeeeee;
	}

	header .navbar .menu .menu-item a {
		padding: 15px 15px;
		display: inline-block;
		width: 100%;
		color: #333333;
		line-height: normal;
		font-weight: 500;
	}

	header .navbar .menu .menu-item i.toggledrop {
		padding: 15px;
		color: #333333;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
	}

	header .navbar .menu li .sub-menu {
		position: relative;
		top: 0;
		width: 100%;
		box-shadow: none;
	}

	header .navbar .menu li .sub-menu li a {
		padding: 15px 30px;
		font-weight: normal;
		border-bottom: 1px solid #eee;
	}

	header.menu-sticky .navbar .menu .menu-item a {
		line-height: normal;
	}

	header.menu-sticky .navbar .menu li .sub-menu li a {
		line-height: normal;
	}

	header .navbar .menu li .sub-menu li.menu-item-has-children .sub-menu {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
	}

	header .navbar .menu li.current-menu-item a,
	header .navbar .menu .menu-item.current-menu-item a,
	header .navbar .menu .menu-item.current-menu-parent>a,
	header .navbar .menu .menu-item.current-menu-parent>i {
		color: #4ac4f3;
	}

	header .navbar .menu .menu-item a::before {
		display: none;
	}

	.commentlist ol.children {
		padding-left: 30px;
	}

	.widget.widget_nav_menu ul li .sub-menu {
		padding-left: 5px;
	}

	.widget.widget_nav_menu ul li .sub-menu li .sub-menu {
		padding-left: 5px;
	}

	.iq-feature.stap-right:before {
		display: none;
	}

	.iq-feature.stap-left:before {
		display: none;
	}

	..header_top ul.head_top li{font-size: 14px;}
}

@media(max-width:979px) {
	.container {
		max-width: 94%;
	}

	.iq-banner .banner-img img {
		max-width: 100%;
		margin-top: 30px;
	}

	.iq-banner-02:after {
		bottom: 0;
		height: 85px;
	}

	.slider-container .slider-content {
		width: 68%;
		height: 68%;
	}

	.screenshots-slider {
		min-height: 405px;
	}

	.slider-container .slider-left {
		right: 90%;
	}

	.slider-container .slider-right {
		left: 90%;
	}
	.header_top ul.head_top li a{font-size: 14px;}
}

@media(max-width:767px) {
	.container {
		max-width: 100%;
	}

	header .container-fluid,
	.iq-banner .container-fluid {
		padding: 0 15px;
	}

	.iq-banner .banner-text h1,
	.iq-banner-02 .banner-text h1 {
		font-size: 40px;
	}

	.iq-banner-02:after {
		bottom: 0;
		height: 50px;
	}

	.iq-banner-02 .banner-text .button {
		margin: 15px 0 30px;
	}

	.iq-objects-style-1 .iq-objects-01 {
		opacity: 0.2;
	}

	.iq-objects-style-1 .iq-objects-04,
	.iq-objects-style-2 .iq-objects-03 {
		border: 30px solid #4ac4f3;
		height: 280px;
		width: 280px;
	}

	.iq-objects-style-1 {
		height: 46%;
	}

	.sofbox-subscription .newsletter-email {
		width: 100%;
	}

	.sofbox-subscription .email-subscribe {
		margin-top: 25px;
		padding-left: 0;
		text-align: center;
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	.slider-container .slider-content {
		width: 40%;
		height: 40%;
	}

	.screenshots-slider {
		min-height: 250px;
	}

	.slider-container .slider-left {
		right: 74%;
	}

	.slider-container .slider-right {
		left: 74%;
	}

	.iq-amazing-tab .nav.nav-tabs li a span {
		display: none;
	}

	.iq-pricing {
		margin-bottom: 40px;
	}

	.last .iq-pricing {
		margin-bottom: 0;
	}

	.iq-get-in {
		margin: 60px 0;
		box-shadow: none;
		border: 1px solid #e1e1e1;
	}

	.footer-info iframe {
		height: 300px;
		position: inherit;
	}

	.contact-info .widget-area .col-lg-3.col-md-6.col-sm-6:nth-child(n+2) {
		margin-top: 30px;
	}

	.info-share li {
		margin: 0px 5px;
	}

	.owl-carousel .owl-nav {
		display: none;
	}

	.iq-amazing-tab .nav-tabs li a i {
		margin-right: 0;
	}

	.iq-breadcrumb .breadcrumb li {
		font-size: 14px;
	}

	.commentlist .comment-respond .comment-form-author,
	.comment-respond .comment-form-email,
	.comment-respond .comment-form-url,
	.comment-respond .comment-form-author,
	.comment-respond .comment-form-email,
	.comment-respond .comment-form-url {
		width: 100%;
		margin-right: 0;
	}

	.iq-banner-03 .banner-img {
		width: 100%;
		margin-top: 30px;
	}

	.iq-banner-03 .waves-box {
		left: 32%;
	}

	.iq-breadcrumb .iq-breadcrumb-title {
		margin: 50px 0 40px;
	}

	.widget {
		margin-top: 40px;
		margin-bottom: 0;
	}

	.error-404 .big-text {
		font-size: 150px;
	}

	.counter i {
		width: 53px;
	}

	.commentlist ol.children {
		padding-left: 15px;
	}

	.commentlist ol.children ol.children {
		padding-left: 0;
	}

	.iq-banner-04 .col-lg-6.text-left,
	.iq-fancy-box {
		text-align: center !important;
	}

	.iq-banner-04 .col-lg-6 img {
		max-width: 100%;
	}

	.sofbox-subscription input[type=submit] {
		float: initial;
	}

	footer .widget {
		margin-top: 0;
	}
	.header_top{display: none;}

}

@media(max-width:479px) {
	h2 {
		font-size: 34px;
		line-height: 44px;
	}

	h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.iq-banner .banner-text h1,
	.iq-banner-02 .banner-text h1 {
		font-size: 28px;
	}

	.iq-banner-02:after {
		bottom: 0;
		height: 35px;
	}

	.how-works h2 {
		margin-bottom: 10px;
	}

	.iq-objects-style-1,
	.iq-objects-style-2 {
		display: none;
	}

	.iq-list {
		margin-top: 20px;
	}

	.iq-breadcrumb .iq-breadcrumb-title .page-title,
	.iq-breadcrumb .iq-breadcrumb-title .title {
		font-size: 30px;
		line-height: 36px;
	}

	.commentlist .iq-comments-media {
		display: block;
		padding: 15px;
	}

	.commentlist .iq-comment-wrap {
		display: block;
	}

	.commentlist .iq-comments-photo {
		padding: 0 0 10px;
	}

	.slider-container .slider-content {
		width: 28%;
		height: 28%;
	}

	.screenshots-slider {
		min-height: 180px;
	}

	.slider-container .slider-left {
		right: 62%;
	}

	.slider-container .slider-right {
		left: 62%;
	}

	.pagination li .prev.page-numbers,
	.pagination li .next.page-numbers {
		display: none;
	}

}