/*
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(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#main-header .navbar .menu>li { margin: 0 20px 0 0; }
header#main-header .container-fluid, .iq-banner .container-fluid { padding: 0 45px; }
header#main-header .button, .woocommerce header#main-header a.button { margin-left: 20px; }
.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#main-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%; }
.woocommerce .products li.product.last, .woocommerce-page .products li.last { margin-right: 30px; }
.woocommerce .products li.product:nth-child(3n) { margin-right: 0; }
.woocommerce .products.columns-4 li.product { width: 31.11%; }
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: right; }
.woocommerce .related.products .products.columns-4 li.product { margin-bottom: 30px; }
}
@media(max-width:992px) {
.container { max-width: 74%; }
header#main-header .navbar .menu .menu-item a:hover, header#main-header .navbar .menu .menu-item.current-menu-item a, header#main-header .navbar .menu .menu-item.current-menu-item a:focus, header#main-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#main-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#main-header { padding: 15px 0; }
header#main-header .navbar .navbar-brand { padding: 0; }
header#main-header.menu-sticky { padding: 10px 0; }
header#main-header .button, .woocommerce header#main-header a.button { display: none; }
header#main-header.menu-sticky .navbar .menu li .sub-menu { top: 0; }
header#main-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#main-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#main-header.menu-sticky .navbar .navbar-collapse { top: 60px; }
header#main-header.black .navbar .menu .menu-item a, header#main-header.black .navbar .menu .menu-item i.toggledrop { color: #333333; }
header#main-header .navbar .menu li:hover .sub-menu { display: none; }
header#main-header .navbar .menu>li { display: inline-block; width: 100%; margin-right: 0; border-bottom: 1px solid #eeeeee; }
header#main-header .navbar .menu .menu-item a { padding: 15px 15px; display: inline-block; width: 100%; color: #333333; line-height: normal; font-weight: 500; }
header#main-header .navbar .menu .menu-item i.toggledrop { padding: 15px; color: #333333; position: absolute; top: 0; right: 0; z-index: 999; }
header#main-header .navbar .menu li .sub-menu { position: relative; top: 0; width: 100%; box-shadow: none; }
header#main-header .navbar .menu li .sub-menu li a { padding: 15px 30px; font-weight: normal; border-bottom: 1px solid #eee; }
header#main-header.menu-sticky .navbar .menu .menu-item a { line-height: normal; }
header#main-header.menu-sticky .navbar .menu li .sub-menu li a { line-height: normal; }
header#main-header .navbar .menu li .sub-menu li.menu-item-has-children .sub-menu { position: relative; top: 0; left: 0; width: 100%; display: block; }
header#main-header .navbar .menu li.current-menu-item a, header#main-header .navbar .menu .menu-item.current-menu-item a, header#main-header .navbar .menu .menu-item.current-menu-parent>a, header#main-header .navbar .menu .menu-item.current-menu-parent>i { color: #4ac4f3; }
header#main-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; }
.iq-product-image img { width: 100%; }
.woocommerce .products li.product:nth-child(3n) { margin-right: 30px; }
.woocommerce .products li.product:nth-child(2n) { margin-right: 0; }
.woocommerce .products.columns-4 li.product { width: 47.8%; }
.woocommerce a.button { padding: 3px 15px; }
.woocommerce-message, .woocommerce-info { line-height: 2em; padding: 15px 15px 15px 45px; }
.shop_list { display: none; }
}
@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#main-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; }
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: inherit; }
.woocommerce .woocommerce-result-count { margin: 0px 0 15px; width: 100%; text-align: center; }
.yith-wcwl-add-to-wishlist { top: 40px; right: inherit; left: 15px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0 15px; }
.woocommerce table.shop_table td { display: inline-block !important; width: 100%; }
.product-quantity .quantity { float: right; }
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 1px solid rgba(0, 0, 0, .1); }
.woocommerce-MyAccount-navigation ul {
margin: 0 0 30px 0;}
}
@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; }
}