/*

Template: Sofbox - Responsive Software Landing Page
Author: iqonicthemes.in
Version: 3.0
Design and Developed by: iqonicthemes.in

*/

/*****************
================================================
 (  Media Queries  )
================================================
 *******************/
@media (min-width:576px) {
	.container { max-width: 540px }
}
@media (min-width:768px) {
	.container { max-width: 720px }
}
@media (min-width:992px) {
	.container { max-width: 960px }
}
@media (min-width:1365px) {
	.container { max-width: 1140px }
}
@media (min-width:1366px) {
	.container { max-width: 1170px }
}
@media(max-width:1601px) {
	.login li:last-child { margin-left: 15px; }
}
@media(max-width:1474px) { }
@media(max-width:1399px) { }
@media(max-width:1365px) {
	.feature-box .iq-icon { margin-right: 4%; }
	.feature-box { padding: 30px; }
	.iq-widget { padding: 30px 15px; }
}
@media(max-width:1199px) {
	.container-fluid { padding: 0 50px; }
	header .navbar-light .navbar-nav .nav-item { margin: 0 15px; }
	footer ul.social-links { padding-left: 10px; }
	footer .address { padding-left: 50px; }
}
@media(max-width:1023px) { }
@media(max-width:992px) {
	h4 { font-size: 20px; }
	h2 { font-size: 32px; line-height: 45px; }
	.blog.effect-chico h2 { padding: 20% 0 30px 0; }
	.login { position: absolute; top: -73px; right: 100px; }
	.feature-box .iq-icon { width: 100%; margin-right: 0; margin-bottom: 30px; }
	footer .menulink { padding-left: 0; }
	footer .address { padding-left: 0; }
	footer { padding: 50px 0; }
	.bg-two, .bg-one { width: auto; top: 0; }
	header.menu-sticky .login { top: -45px; }
	header .container-fluid { padding: 0 30px; }
	header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu a { color: #222222; padding: 0 15px; }
	.blog.effect-chico h2 { line-height: 40px; font-size: 20px; }
	.iq-rpt-0 { padding-top: 0; }
	.iq-rmt-50 { margin-top: 50px; }
	.iq-breadcrumb nav { float: none !important; }
	.iq-breadcrumb { text-align: center; }
	.container-fluid { padding: 0 30px; }
	.iq-post img { margin-bottom: 30px; }
	.iq-contact .contact-info { padding: 0; margin-top: 50px; }
	.heading-left.title { margin-bottom: 30px; }
	.left-side-blog { padding-right: 0; }
	.iq-blockquote { padding: 30px; }
	section { padding: 80px 0; }
	.title-box { margin-bottom: 80px; }
	header { padding: 0; }
	header .navbar-light .navbar-collapse { position: absolute; top: 90px; width: 100%; }
	header.menu-sticky .navbar-light .navbar-collapse { top: 65px; }
	header .navbar-light .navbar-toggler { border: 2px solid #ffffff; background: #ffffff; border-radius: 0px; height: 45px; }
	header .navbar-light .navbar-nav .nav-item { margin: 0 20px; }
	header .navbar-light .navbar-nav { background: #ffffff; padding: 10px 0; border: 1px solid #dddddd; }
	header .navbar-light .navbar-nav .dropdown-menu { border: none; padding: 10px; }
	header .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #06e24a; }
	header .navbar-light .navbar-nav .nav-item a { color: #222222; }
	header .navbar-light .navbar-nav .nav-item:hover a, header .navbar-light .navbar-nav .nav-item a.active, header .navbar-light .navbar-nav .nav-item a:focus, header .navbar-light .navbar-nav .nav-item a:focus { color: #06e24a; }
	header .navbar .navbar-nav .nav-item a.active::before, header .navbar .navbar-nav .nav-item:hover>a::before, header .navbar .navbar-nav .nav-item>a:hover::before { display: none; }
}
@media(max-width:979px) { }
@media(max-width:767px) {
	.comments-box { padding: 15px; float: left; display: block; margin: 0 0 30px !important; }
	.comments-box .media { float: left; display: block; width: 100%; }
	.comments-box .media-body { float: left; width: 100%; display: block; margin-bottom: 15px; margin-top: 30px; }
	.iq-font-200 { font-size: 150px; line-height: 150px; }
	.error { margin: 80px auto; }
	.iq-coming .big-text { font-size: 60px; line-height: 80px; margin-bottom: 30px; }
	.page-link { margin: 0 3px; }
	.page-item:first-child .page-link, .page-item:last-child .page-link { padding: 10px 15px; }
	.blog.effect-chico:hover h2 { padding: 0 0 20px 0; }
	.iq-rmb-50 { margin-bottom: 50px; }
	header .container-fluid { padding: 0 15px; }
	.iq-awards-list li { width: 21%; }
	.users ul li:nth-child(3n) { top: 55%; left: 13%; }
	.users ul li:nth-child(4n) { left: 5%; top: 65%; }
	.users ul li:nth-child(5n) { left: 30%; top: 75%; }
	.users ul li:nth-child(6n) { right: 12%; }
	.users ul li:nth-child(7n) { top: 20%; }
	.users ul li:nth-child(9n) { right: 5%; top: 38% !important; }
	.users ul li:nth-child(8n) { right: 3%; }
	.users ul li:last-child { right: 25%; }
	.users img { width: 70px; }
	.subscribe-btn { padding: 15px 30px; }
	.title-box { margin-bottom: 50px; }
	.iq-subscribe .form-control { width: 75%; }
	.iq-breadcrumb { padding: 50px 0; }
	.iq-coming .big-text { font-size: 50px; line-height: 60px; }
	.maintenance-box img { width: 30%; }
	.maintenance-one { margin-left: 5%; }
	.maintenance-three { margin-right: 5%; }
	.iq-font-100 { font-size: 40px; line-height: 60px; }
	.maintenance-box p { padding: 0 10%; }
}
@media(max-width:575px) {
	.iq-coming .iq-subscribe .form-control { width: 100%; }
	.iq-coming .big-text { font-size: 50px; color: #ffffff; line-height: 60px; }
	.iq-coming #countdown li span:after { display: none; }
}
@media(max-width:479px) {
	.iq-coming form .form-control { width: 190px; }
	.iq-coming #countdown li { margin: 0 10px; }
	.iq-coming #countdown li span { font-size: 24px; line-height: 24px; }
	.iq-coming .big-text { font-size: 40px; line-height: 50px; margin-bottom: 30px !important; }
	.blockquote h5 { font-size: 20px; }
	.blog.effect-chico h2 { padding: 5% 0 30px 0; }
	.login { top: -65px; right: 90px; }
	.login li:last-child a { padding: 6px 20px; }
	header .navbar-expand-lg { padding: 10px 0; }
	header.home { position: relative; background: #0077ff; }
	.iq-subscribe .form-control { width: 100%; margin-bottom: 30px; }
	.subscribe-btn { margin: 0; display: block; }
	.login li a.phone { display: none; }
	.iq-users { padding: 80px 0; }
	.iq-users .users { display: none; }
	.blog-box li.d-inline.ml-3 { margin-left: 15px !important; }
	.blog-box img { height: 30px; width: 30px; }
	.iq-work-detail { padding: 30px 30px 90px; }
	.blog-comment { padding: 10px; }
	.blog.effect-chico .blog-info { padding: 15px; }
	.blog.effect-chico:hover h2 { padding: 0; }
}