/* Spring - Software, App, Saas & Product Showcase Landing HTML5 Template */

@media only screen and (max-width: 1700px) {
    .page-wrapper {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1340px) {
    .page-wrapper {
        overflow: hidden;
    }
    .main-header .main-box {
        padding: 0px;
    }
}

@media only screen and (max-width: 1140px) {
    .main-header {
        margin: 0px !important;
        top: 0px;
    }
    .main-header .main-box {
        padding: 0px;
        top: 0px;
    }
    .services-single-section .content-column h2 {
        font-size: 28px;
    }
    .main-header .main-box:after,
    .main-header.fixed-header .main-box:after {
        opacity: 1;
    }
    .main-header .nav-outer .other-links {
        display: none;
    }
    .main-menu .navigation>li {
        margin: 0px 0px 0px 30px;
    }
    .banner-four:before,
    .clients-section:before,
    .clients-section:after {
        display: none;
    }
    .banner-three,
    .banner-four {
        padding: 180px 0px 100px;
    }
    .banner-four .text-column .inner {
        padding-top: 30px;
    }
    .banner-three .image-layer {
        display: none;
    }
    .banner-three .text-column {
        text-align: center;
    }
    .banner-three .text-column .links-box a {
        margin: 0px 10px 20px;
    }
    .sidebar {
        padding-left: 0px;
    }
    .banner-one {
        padding: 180px 0px 70px;
    }
    .banner-two .text-column .inner {
        padding-top: 0px;
    }
    .call-to-action .text-column,
    .call-to-action .links-column .inner {
        text-align: center;
        padding-top: 0px;
    }
    .call-to-action .links-column .inner .theme-btn {
        margin: 0px 10px 20px;
    }
    .features-section-two .features-container {
        padding: 70px 40px 0px;
    }
    .features-section-two .features-column .inner {
        margin-left: 0px;
    }
    .footer-style-two .outer-box:before,
    .footer-style-two .outer-box:after {
        display: none;
    }
    .plans-section {
        background-image: none;
    }
    .services-single-section .links-column .inner-column {
        padding-right: 0px;
    }
    .contact-page-section .upper-section .form-column .inner-column {
        padding-right: 0px;
    }
    .contact-page-section .upper-section .map-column .inner-column {
        padding-right: 15px;
        padding-top: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .main-header .main-box {
        top: 0px;
    }
    .main-header .main-box .logo-box {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        max-width: 150px;
        margin: 0px;
        text-align: left;
        z-index: 15;
    }
    .main-menu .navigation>li {
        margin: 0px 0px 0px 20px;
    }
    .main-menu .navigation>li>a {
        text-transform: capitalize;
        font-size: 16px;
    }
    .banner-one,
    .banner-two,
    .banner-four {
        padding: 100px 0px 70px;
    }
    .fact-counter .column {
        padding-bottom: 20px;
    }
    .banner-one .image-column,
    .banner-two .image-column,
    .banner-four .image-column,
    .fact-counter .column .inner:after {
        display: none;
    }
    .banner-one .text-column,
    .banner-two .text-column,
    .banner-four .text-column {
        text-align: center;
    }
    .banner-one .text-column .inner,
    .banner-four .text-column .inner {
        padding-top: 0px;
    }
    .banner-four .text-column .theme-btn {
        margin: 0px 10px 20px;
    }
    .products-section .services-outer {
        border: none;
        margin: 0px -15px;
    }
    .service-style-one {
        padding: 0px 15px;
        margin-bottom: 30px;
    }
    .service-style-one .inner-box {
        border: 1px solid #deeefc !important;
        border-radius: 3px;
        text-align: center;
    }
    .service-style-one .inner-box .link-box {
        text-align: center;
    }
    .features-section .carousel-column .inner {
        padding: 0px;
    }
    .feature-block-one {
        margin-bottom: 50px;
    }
    .feature-block-one .inner-box {
        max-width: 480px;
        margin: 0 auto;
        padding: 0px;
        text-align: center;
    }
    .contact-section:before,
    .contact-section .image-column {
        display: none;
    }
    .specific-feature .text-column .inner {
        padding-top: 0px;
    }
    .specific-feature .text-column h2,
    .sec-title h2,
    .sec-title-two h2,
    .sec-title-three h2,
    .features-section-two .text-column h2 {
        font-size: 24px;
        font-weight: 500;
    }
    .key-feature .text-column .inner,
    .key-feature.image-right .text-column .inner,
    .key-feature.image-left .text-column .inner {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        text-align: center;
    }
    .review-tabs .tabs-content .tab .text-column .inner {
        padding-left: 0px;
    }
    .footer-style-three .footer-bottom .bottom-column,
    .footer-style-three .footer-bottom .bottom-nav {
        text-align: center;
    }
    .footer-style-three .footer-bottom .bottom-nav li {
        margin: 0px 10px 5px;
    }
    .review-tabs .tab-buttons .tab-btn {
        padding: 0px 10px 10px;
    }
    .service-style-three .inner-box {
        text-align: center;
    }
    .plans-section .title-column .inner {
        max-width: none;
        padding-top: 0px;
    }
    .call-to-action-two .text-column {
        text-align: center;
    }
    .call-to-action-two .text-column h3 {
        font-style: normal;
    }
    .call-to-action-two .links-column .inner {
        padding: 0px;
        text-align: center;
    }
    .testimonials-carousel-one .info-column .inner {
        text-align: left;
        padding: 40px 0px 20px;
    }
    .contact-info-list {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .main-header {
        position: fixed;
        background: #ffffff;
    }
    .main-header.header-style-two {
        position: fixed;
        background: #3b566e;
    }
    .main-header .main-box,
    .main-header.fixed-header .main-box {
        position: relative;
        top: 0px;
        padding: 0px;
        background: none !important;
    }
    .main-header .main-box:after,
    .main-header.fixed-header .main-box:after {
        opacity: 1;
    }
    .page-title {
        padding: 120px 0px 60px;
    }
    .page-title h1 {
        font-size: 32px;
    }
    .main-header .nav-outer {
        width: 100%;
        z-index: 12;
    }
    .main-header .main-menu {
        padding-top: 0px;
        width: 100%;
        margin: 0px;
    }
    .main-menu .collapse {
        max-height: 300px;
        overflow: auto;
        float: none;
        width: 100%;
        padding: 10px 0px 0px;
        border: none;
        margin: 0px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }
    .main-menu .collapse.in,
    .main-menu .collapsing {
        padding: 0px 0px 0px;
        border: none;
        overflow: auto;
        margin: 0px 0px 15px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }
    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        padding: 10px 0px 15px;
        right: 0px;
        z-index: 12;
        margin-top: -65px;
    }
    .main-menu .navbar-header .navbar-toggle {
        display: inline-block;
        z-index: 7;
        border: 1px solid darkorange;
        float: none;
        margin: 0px 0px 0px 0px;
        border-radius: 0px;
        background: darkorange;
    }
    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #ffffff;
    }
    .main-menu .navbar-collapse {
        position: fixed !important;
        top: 0 !important;
        left: -280px !important;
        width: 280px !important;
        height: 100vh !important;
        background: #ffffff !important;
        z-index: 99999999 !important;
        transition: left 0.3s ease !important;
        overflow-y: auto !important;
        padding-top: 80px !important;
        box-shadow: 2px 0 10px rgba(0,0,0,0.5) !important;
        opacity: 1 !important;
    }
    .main-menu .navbar-collapse::before {
        content: '×';
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 60px;
        color: darkorange;
        cursor: pointer;
        z-index: 10;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
    }
    .main-header .main-box .logo-box {
        z-index: 1 !important;
        padding: 0px !important;
    }
    .main-menu .navbar-collapse.in {
        left: 0 !important;
    }
    .main-menu .navbar-collapse.collapse.in {
        left: 0 !important;
    }
    .main-menu .navbar-collapse .navigation {
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .main-menu .navbar-collapse .navigation > li {
        display: block;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .main-menu .navbar-collapse .navigation > li > a {
        display: block;
        padding: 15px 20px;
        color: #333333;
        font-size: 16px;
        text-decoration: none;
        background: #ffffff;
        border: none;
    }
    .main-menu .navbar-collapse .navigation > li > ul {
        position: static !important;
        display: none !important;
        background: #f8f9fa !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: hidden !important;
        max-height: 0 !important;
        transition: max-height 0.3s ease !important;
    }
    .main-menu .navbar-collapse .navigation > li.dropdown {
        position: relative;
    }
    .main-menu .navbar-collapse .navigation > li.dropdown {
        position: relative;
    }
    .main-menu .navbar-collapse .navigation > li.dropdown > a {
        position: relative;
        padding-right: 50px !important;
    }
    .main-menu .navbar-collapse .navigation > li.dropdown .dropdown-btn {
        position: absolute;
        right: 20px;
        top: 15px;
        width: 60px;
        height: 44px;
        cursor: pointer;
        color: darkorange;
        text-align: center;
        line-height: 44px;
        font-size: 24px;
        transition: transform 0.3s ease;
        z-index: 10;
    }
    .main-menu .navbar-collapse .navigation > li.dropdown.open .dropdown-btn {
        transform: rotate(180deg);
    }
    .main-menu .navbar-collapse .navigation > li > ul.open {
        display: block !important;
        max-height: 500px !important;
    }
    .main-menu .navbar-collapse .navigation > li > ul > li .dropdown-btn {
        display: none !important;
    }
    .main-menu .navbar-collapse .navigation > li > ul > li > a {
        display: block;
        padding: 12px 40px;
        color: #666666;
        font-size: 14px;
        text-decoration: none;
        background: #f8f9fa;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .main-menu .navbar-collapse .navigation > li > a:hover {
        background: #f8f9fa;
        color: #007bff;
    }
    .main-menu .navbar-collapse .navigation > li > ul > li > a:hover {
        background: #e9ecef;
        color: #007bff;
    }
    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        display: block;
    }
    .main-menu .navbar-collapse>.navigation li.dropdown:after,
    .main-menu .navigation>li>ul:before {
        display: none !important;
    }
    .comments-area .reply-comment,
    .news-style-one blockquote {
        margin-left: 0px;
    }
    .sec-title {
        text-align: center;
    }
    .features-section-two .features-column .inner:before,
    .features-section-two .features-column .inner:after {
        display: none;
    }
    .feature-block-two {
        margin-bottom: 50px;
    }
    .features-section-two .features-container {
        padding-top: 50px;
    }
    .footer-style-two .footer-upper .copyright {
        padding-top: 0px;
    }
    .feature-block-two .inner-box,
    .feature-block-two .inner-box .text,
    .service-style-two .inner-box {
        text-align: center;
    }
    .what-we-offer .text-column h2:before {
        display: none;
    }
    .what-we-offer .text-column h2 {
        padding-bottom: 0px;
    }
    .what-we-offer .text-column {
        text-align: center;
    }
    .what-we-offer .text-column .inner {
        padding: 0px;
    }
    .review-tabs .tab-buttons .tab-btn {
        padding: 10px 20px;
        margin: 0px 2.5% 20px;
        width: 44%;
        float: none;
        display: inline-block;
        border: 1px solid #e0e0e0;
    }
    .review-tabs .tab-buttons .active-btn {
        color: #ffffff;
        background: #3b566e;
        border-color: #3b566e;
    }
    .review-tabs .tab-buttons {
        border: none;
    }
    .review-tabs .buttons-box {
        margin-bottom: 30px;
    }
    .welcome-section h2,
    .price-section .title-box h2,
    .testimonials-carousel-one .text-column .text {
        font-size: 24px;
    }
    .welcome-section .text {
        font-size: 16px;
    }
    .welcome-section {
        padding-top: 0px;
    }
    .services-single-section {
        padding: 20px;
    }
    .review-tabs .tabs-content .tab .image-column,
    .review-tabs .tabs-content .tab .text-column {
        text-align: center;
    }
}

@media only screen and (max-width: 599px) {
    .comments-area .comment .comment-inner {
        padding-left: 0px;
    }
    .comments-area .comment .author-thumb {
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 20px;
    }
    .comments-area .comment a.reply {
        position: relative;
    }
    .sidebar-page-container .post-options .share-options {
        width: 100%;
    }
    .sidebar-page-container .post-options .next-option {
        width: 100%;
        padding-top: 20px;
    }
    .testimonials-carousel-one .text-column .text {
        font-size: 20px;
    }
    .banner-one .text-column h2,
    .banner-two .text-column h2,
    .banner-three .text-column h2,
    .banner-four .text-column h2 {
        font-size: 30px;
    }
    .testimonial-style-two .slide-item .inner {
        padding: 30px 20px;
        background-position: -20px 104%;
    }
    .review-tabs .tab-buttons .tab-btn {
        width: 100%;
        margin: 0px 0px 20px;
    }
    .key-feature .image-column .inner {
        min-height: 0px;
    }
    .sec-title-three h2 br,
    .sec-title-three h2 br,
    .sec-title-three h2 br,
    .sec-title.centered .desc-text br {
        display: none;
    }
    .page-title {
        padding: 80px 0px 0px;
    }
}

@media only screen and (max-width: 479px) {
    .contact-info-list {
        padding-left: 0px;
        text-align: center;
    }
    .contact-info-list .icon {
        position: relative;
        top: 0px;
        margin-bottom: 15px;
    }
}