.wsmenu>.wsmenu-list {
        background: #051860;
    }

    @media only screen and (max-width: 1400px) {
        .shop-banner:before {
            display: none
        }
    }

    @media only screen and (max-width: 1340px) {
        .page-wrapper {
            overflow: hidden
        }
        .services-section:before,
        .services-section:after,
        .offer-section .image-layer {
            display: none
        }
    }

    @media only screen and (max-width: 1140px) {
        .blog-cont {
            color: #000;
            padding: 0
        }
        .differnets {
            background-image: none !important;
            padding-top: 0 !important
        }
        .who-we-are-area {
            background-image: none !important
        }
        .main-header {
            margin: 0 !important
        }
        .page-wrapper {
            overflow: hidden
        }
        .gallery-section .gallery-outer .content-column,
        .gallery-section .gallery-outer .gallery-column {
            position: relative;
            width: 100%
        }
        .gallery-section .gallery-outer .content-column .content-inner .content .sec-title {
            max-width: 100%;
            margin-bottom: 0
        }
        .main-header .nav-outer {
            width: 100%
        }
        .main-menu .navigation>li {
            padding: 20px 0;
            margin-right: 20px
        }
        .main-header .info-options {
            padding: 25px 0;
            margin: 0
        }
        .main-header .main-box .logo-box {
            padding-bottom: 0
        }
        .main-header,
        .main-header.fixed-header .main-box {
            position: relative;
            background-color: #212121
        }
        .main-header.fixed-header .main-box {
            -ms-animation: none;
            -moz-animation: none;
            -o-animation: none;
            -webkit-animation: none;
            animation: none
        }
        .main-header .search-box-outer .dropdown-menu {
            top: 48px
        }
        .main-header.header-style-three,
        .header-style-three.fixed-header .main-box {
            background-color: #fff
        }
        .case-block .inner-box .lower-box h3 {
            font-size: 18px
        }
        .case-single .cases-inner .cases-title h2 {
            font-size: 30px
        }
        .big-ipad-hidden {
            display: none !important
        }
        .main-slider h2 {
            font-size: 48px !important;
            line-height: 1.4em
        }
        .shop-page .sidebar-side .sidebar {
            margin-left: 0
        }
    }

    @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) {
        #filters-portfolio .cbp-filter-item {
            background-color: #00a6dd;
            border: solid 2px #09c;
            border-radius: 3px !important;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 0;
            margin: 0 1px 4px 0;
            overflow: visible;
            padding: 0 6px !important;
            position: relative;
            transition: all .2s ease-in-out 0;
            -moz-transition: all .2s ease-in-out 0;
            -webkit-transition: all .2s ease-in-out 0;
            font-weight: 600;
            font-size: 13px !important;
            line-height: 32px;
        }
        #aboutSection img {
            padding-right: 0px !important;
        }
        .about1 .about__content {
            margin-right: 0px !important;
            margin-left: 0px;
        }
        .fixs {
            display: none !important
        }
        .about.about1::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: #fff !important;
            z-index: -1;
            left: inherit;
        }
        .about.benefit::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background: #fff !important;
            z-index: -1;
        }
        .work-section-two .content-column .inner-column {
            max-width: 100%;
            width: 100%;
            padding: 73px 30px 50px !important;
            padding-right: 30px !important;
        }
        .page-title {
            padding: 80px 0 70px !important
        }
        .modal-dialog.holi {
            max-width: 100%;
            width: 100%;
            margin-top: 65px !important;
            margin: auto
        }
        .ts-testimonial-style1 .client-quote {
            min-height: auto;
            height: auto
        }
        .whatsapp {
            position: fixed;
            top: 19px;
            right: 58px;
            left: inherit;
            z-index: 99999;
            width: 22px;
            bottom: inherit
        }
        .ts-menu-footer ul li a img {
            width: 60px
        }
        .main-footer .footer-bottom {
            position: relative;
            border-top: 1px solid rgba(255, 255, 255, 0.10);
            padding-bottom: 60px
        }
        .purposal {
            display: none
        }
        .mobile-proposal {
            position: fixed;
            z-index: 999;
            width: 100%;
            text-align: center;
            bottom: 0
        }
        .mobile-proposal .purposal1 {
            display: block;
            margin: auto;
            margin-left: 20px !important;
        }
        .main-header .main-box .logo-box {
            position: relative;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            text-align: left;
            padding: 30px 0 0
        }
        .main-header .main-box .outer-container,
        .business-section .content-column .inner-content,
        .faq-section .form-column .form-inner,
        .case-single .cases-inner .lower-content .two-column .column-inner,
        .contact-section .info-column .inner-column {
            padding-left: 0
        }
        .main-header .nav-toggler {
            display: block
        }
        .main-header.fixed-header .search-box-outer .dropdown-menu,
        .header-style-two.fixed-header .search-box-outer .dropdown-menu {
            top: 56px
        }
        .header-style-two .search-box-outer .dropdown-menu {
            top: 61px
        }
        .services-section .services-title h2 {
            text-align: left
        }
        .services-section .services-title h2,
        .audit-form h2,
        .counter-section .content-column .content-inner h2,
        .business-section .content-column h2,
        .call-to-action-section h2,
        .marketing-section h2 {
            font-size: 25px
        }
        .audit-form .row {
            margin: 0 -15px
        }
        .audit-form .column .row .form-group {
            padding: 0 15px
        }
        .counter-section .image-column .image-outer {
            top: 0
        }
        .counter-section .image-column .image-outer .image img {
            position: relative;
            width: 100%;
            max-width: none
        }
        .counter-section .content-column,
        .counter-section .image-column,
        .gallery-section .gallery-outer .content-column,
        .gallery-section .gallery-outer .gallery-column {
            position: relative;
            width: 100%
        }
        .counter-section .content-column .content-inner {
            padding-left: 15px;
            padding-bottom: 60px
        }
        .counter-section .image-column {
            margin-bottom: 40px;
            padding-left: 15px
        }
        .gallery-section .gallery-outer .content-column .content-inner {
            padding-bottom: 20px
        }
        .sidebar-page-container .sidebar-side .blog-sidebar {
            margin-left: 0
        }
        .sec-title h2 br,
        .main-menu .navigation>li.dropdown>a:before,
        .faq-section .form-column:before,
        .faq-section .form-column .form-inner h2 br,
        .sidebar-page-container .sidebar-side::before,
        .sidebar-page-container .sidebar-side .blog-sidebar:before {
            display: none
        }
        .call-to-action-section,
        .call-to-action-section .btn-column,
        .subscribe-style-one,
        .call-to-action-two,
        .call-to-action-two .btn-column {
            text-align: center
        }
        .subscribe-style-one h2,
        .call-to-action-two h2 {
            font-size: 32px;
            margin-bottom: 20px
        }
        .offer-section,
        .team-section {
            padding-top: 120px
        }
        .main-menu .navigation>li.dropdown a {
            padding-right: 0
        }
        .page-title h1 {
            font-size: 33px;
            margin-bottom: 20px;
        }
        .page-title p {
            position: relative;
            font-size: 15px;
            margin-bottom: 3px;
            line-height: 21px;
        }
        .main-header .header-top {
            display: none
        }
        .services-block-four .inner-box .content h3 {
            font-size: 20px
        }
        .ipad-hidden {
            display: none !important
        }
        .main-slider .text br {
            display: none
        }
        .main-slider h2 {
            font-size: 48px !important
        }
        .mobile-slider {
            display: block !important
        }
        .desktop-slider {
            display: none !important
        }
        .audit-section p {
            padding: 0;
            text-align: center;
            color: #000;
            margin-bottom: 26px
        }
        .about.about1 img {
            margin-left: 0px !important;
            padding-left: 0px !important;
            margin-bottom: 40px !important
        }
        .about img {
            margin-left: 0px !important;
            padding-left: 0px !important;
            margin-bottom: 40px !important
        }
        .features-section .webdesignign1 .inner-column {
            margin-right: 0px !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .about-section .content-column .inner-column {
            position: relative;
            padding-left: 0px;
        }
        .features-section .image-column .inner-column {
            margin-right: 0px !important;
        }
        .audit-section .audit-form h2 {
            font-size: 22px
        }
        .keyword {
            display: none
        }
        .zopim {
            display: none !important
        }
        .ts-menu-footer ul {
            text-align: center
        }
        .footer-widget {
            margin-bottom: 20px
        }
        .dark-text img {
            width: 100%;
            margin: 0;
            margin-bottom: 25px;
            margin-top: 20px
        }
        .dark-text p {
            line-height: 24px;
            font-family: 'Muli', sans-serif;
            font-size: 14px;
            text-align: left;
            font-weight: 600
        }
        .hiring {
            display: none
        }
        .bottt a {
            cursor: pointer;
            color: #fff;
            font-family: "Krub", sans-serif;
            line-height: 22px;
            font-weight: 600;
            font-size: 21px;
            width: 100%;
            float: left
        }
        .ts-menu-footer ul li {
            list-style: none;
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0 9px;
            border-left: 1px solid #323437
        }
        .ts-menu-footer ul li a {
            font-size: 12px;
            text-transform: capitalize;
            color: #fff;
            font-weight: 400
        }
        h2.widgettitle {
            font-size: 15px;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: 5px;
            float: left;
            width: 100%;
            font-weight: 700
        }
        .abouts span {
            color: #fff;
            font-size: 12px;
            line-height: 26px;
            width: 100%;
            display: -webkit-box
        }
        .about-menu-img {
            display: none
        }
        .wsmegamenu .abouts {
            float: left
        }
        .wsmegamenu .ts_single_image {
            float: left
        }
        .header-upper .logo-outer {
            position: relative;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            margin: 0
        }
        .main-header .header-top .top-right,
        .main-header .header-top .top-left {
            width: 100%;
            text-align: center
        }
        .main-header .header-top .top-right ul li,
        .main-header .header-top .top-left ul li {
            margin: 0 10px
        }
        .sec-title h2 {
            font-size: 38px
        }
        .main-menu .collapse {
            max-height: 300px;
            overflow: auto;
            float: none;
            width: 100%;
            padding: 10px 0 0;
            border: none;
            margin: 0 0 15px;
            -ms-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            box-shadow: none
        }
        .main-menu .collapse.in,
        .main-menu .collapsing {
            padding: 10px 0 0;
            border: none;
            margin: 0 0 15px;
            -ms-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
            box-shadow: none
        }
        .main-menu .navbar-header {
            position: relative;
            float: none;
            display: block;
            text-align: right;
            width: 100%;
            padding: 0 0 20px;
            right: 0
        }
        .main-menu .navbar-header .navbar-toggle {
            display: inline-block;
            z-index: 20;
            border: 1px solid var(--theme-color);
            float: none;
            margin: 0;
            border-radius: 0;
            background: var(--theme-color)
        }
        .main-menu .navbar-header .navbar-toggle .icon-bar {
            background: #fff
        }
        .main-menu .navbar-collapse>.navigation {
            float: none !important;
            margin: 0 !important;
            width: 100% !important;
            border: 1px solid #fff;
            border-top: none
        }
        .main-menu .navbar-collapse>.navigation>li {
            margin: 0 !important;
            float: none !important;
            padding: 0 !important;
            width: 100%
        }
        .main-menu .navigation>li>a,
        .main-menu .navigation>li>ul:before {
            border: none
        }
        .main-menu .navbar-collapse>.navigation>li>a {
            padding: 10px !important;
            border: none !important;
            font-size: 15px !important
        }
        .main-menu .navigation li.dropdown>a:after,
        .main-menu .navigation>li.dropdown>a:before,
        .main-menu .navigation>li>ul>li>a::before,
        .main-menu .navigation>li>ul>li>ul>li>a::before {
            color: #fff !important;
            right: 15px;
            font-size: 16px;
            display: none !important
        }
        .main-menu .navbar-collapse>.navigation>li>ul,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul {
            position: relative;
            border: none;
            float: none;
            visibility: visible;
            opacity: 1;
            display: none;
            margin: 0;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            padding: 0;
            outline: none;
            width: 100%;
            background: #333;
            -webkit-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            transition: none !important;
            -webkit-transition: none !important;
            -ms-transition: none !important;
            -o-transition: none !important;
            -moz-transition: none !important;
            border-top: 1px solid rgba(255, 255, 255, 1) !important
        }
        .main-menu .navbar-collapse>.navigation>li,
        .main-menu .navbar-collapse>.navigation>li>ul>li,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
            border-top: 1px solid rgba(255, 255, 255, 1) !important;
            border-bottom: none;
            opacity: 1 !important;
            top: 0 !important;
            left: 0 !important;
            visibility: visible !important
        }
        .main-menu .navbar-collapse>.navigation>li>ul>li:first-child,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:first-child {
            border-top: none !important
        }
        .main-menu .navbar-collapse>.navigation>li:first-child {
            border: none
        }
        .main-menu .navbar-collapse>.navigation>li>a,
        .main-menu .navbar-collapse>.navigation>li>ul>li>a,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
            padding: 10px !important;
            line-height: 22px;
            color: #fff;
            background: #333;
            text-align: left
        }
        .main-menu .navbar-collapse>.navigation>li>a:hover,
        .main-menu .navbar-collapse>.navigation>li>a:active,
        .main-menu .navbar-collapse>.navigation>li>a:focus {
            background: var(--theme-color)
        }
        .main-menu .navbar-collapse>.navigation>li:hover>a,
        .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,
        .main-menu .navbar-collapse>.navigation>li.current>a,
        .main-menu .navbar-collapse>.navigation>li.current-menu-item>a {
            background: #333;
            color: #fff !important
        }
        .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn,
        .header-style-two .nav-outer .btn-outer {
            display: block
        }
        .main-menu .navbar-collapse>.navigation li.dropdown:after,
        .main-menu .navigation>li>ul:before,
        .main-slider .bordered-layer {
            display: none !important
        }
        .main-header .nav-outer,
        .shop-page .prod-tabs .reviews-container .rev-header h4 {
            padding-right: 0;
            width: 100%
        }
        .main-header .main-box .logo-box {
            float: none;
            text-align: center;
            padding-bottom: 0
        }
        .main-header .main-menu {
            padding-top: 0;
            width: 100%;
            margin: 0
        }
        .main-header .btn-outer {
            display: block
        }
        .main-header .search-box-outer .dropdown-menu {
            top: 46px
        }
        .main-header.fixed-header .search-box-outer .dropdown-menu {
            top: 42px
        }
        .main-header.header-style-two .search-box-outer {
            padding-left: 0;
            border: 0;
            top: 0
        }
        .main-header.header-style-three .logo-box {
            padding-bottom: 20px
        }
        .main-header .info-options {
            position: absolute;
            left: 0;
            top: 6px;
            margin: 0;
            padding: 0;
            right: auto;
            width: 100%;
            z-index: 12;
            margin-top: 0
        }
        .search-box-outer {
            padding-left: 0;
            border: 0
        }
        .fixed-header .info-options,
        .testimonial-section-two .single-item-carousel {
            padding: 0 !important
        }
        .services-block-two .inner-box {
            padding: 30px 20px 35px
        }
        .testimonial-style-one .inner-box {
            padding: 30px 20px 35px
        }
        .services-block-four .inner-box .content {
            padding-left: 0;
            text-align: center
        }
        .services-block-four .inner-box .content .icon-box {
            position: relative;
            margin: 0 auto
        }
        .testimonial-style-two .inner-box .text {
            font-size: 18px
        }
        .testimonial-section-two .owl-nav,
        .news-style-one .inner-box .lower-content blockquote .blockquote-text br {
            display: none
        }
        .top-con {
            display: none !important
        }
        .error-section h3 {
            font-size: 32px
        }
        .case-single .cases-inner .cases-title h2 {
            border: 0
        }
        .our-blogs .news-style-one .inner-box .lower-content h3 {
            font-size: 20px
        }
        .news-style-one .inner-box .lower-content {
            padding: 40px 15px 20px
        }
        .blog-single .news-style-one .inner-box .lower-content h3 {
            font-size: 20px
        }
        .news-style-one .inner-box .lower-content blockquote .blockquote-text {
            font-size: 28px
        }
        .sidebar-page-container .comments-area .comment,
        .shop-page .prod-tabs .reviews-container .review-box {
            padding-left: 0
        }
        .sidebar-page-container .comments-area .comment-box .author-thumb,
        .shop-page .prod-tabs .reviews-container .rev-thumb {
            position: relative;
            top: 0
        }
        .news-style-one .inner-box .lower-content .text blockquote:before {
            font-size: 80px
        }
        .news-style-one .inner-box .lower-content .text blockquote .quote-author {
            position: relative;
            bottom: 0;
            right: 0
        }
        .shop-page .prod-tabs .reviews-container .rev-header .rating {
            margin-left: 0
        }
        .shop-page .prod-tabs .reviews-container .rev-text {
            margin-top: 15px
        }
        .main-slider h2 {
            font-size: 36px !important
        }
        .services-section .services-title h2 {
            font-size: 24px
        }
    }

    @media only screen and (max-width: 599px) {
        .main-header .search-box-outer .dropdown-menu {
            left: 0
        }
        .accordion-box .block .acc-btn {
            font-size: 18px
        }
        .main-slider h2 {
            font-size: 24px !important;
            line-height: 2em
        }
    }

    @media only screen and (max-width: 499px) {
        .header-style-two .header-lower .left-btn,
        .header-style-two .header-lower .right-info {
            position: relative;
            padding: 20px 0 32px
        }
        .main-header .nav-toggler {
            top: 0
        }
        .testimonial-style-one .inner-box .user-info .inner .quote {
            display: none
        }
        .error-search-box {
            width: 100%
        }
        .shop-page .prod-tabs .tab-btns .tab-btn {
            width: 100%;
            text-align: center;
            margin: 0 0 10px
        }
        .related-products h2 {
            font-size: 24px
        }
    }