@media screen and (max-width: 360px) {
    .slicknav_nav ul:not(.list-inline) {
        padding: 15px 0 15px 5px!important;
    }
    .slicknav_nav ul li a {
        font-size: 12px;
        padding: 0!important;
    }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 992px) {
    .logo {
        width: 103px;
        height: 49px;
        background-image: url('http://192.185.186.76/~bdsmktg/wp-content/uploads/2015/12/BDS_Logo_Large.png');
        background-size: 103px 49px;
        margin-top: 6px;
    }
    .logo img{
        display: none!important;
    }
}
@media screen and (max-width:370px) {
    .page-template-template-services .title-container h1{
        font-size: 30px!important;
    }
}
@media screen and (max-width: 480px) {
    .home .case .case_desc {
        padding: 15px!important;
    }
    footer .footer-menu li a {
        font-size: 10px;
    }
    .blog_item .read_more {
        display: block!important;
    }
    .blog_item h2 {
        font-size: 18px!important;
        height: 36px!important;
    }
    .blog_item .read_more {
        display: block;
    }

    .hero p {

    }
    .hero {
        background-size: cover;
        height: auto!important;
        margin: 0!important;
        padding: 180px 15px 80px 15px!important;
    }
    .leaders > div {
        width: 100%!important;
    }
    .leader_circle h2 {
        padding-top: 30%!important;
    }
    .page-template-template-about .green_ghost, .sbi_load_btn {
        margin: 30px auto 30px auto!important;
        width: 200px!important;
        float: none!important;
        display: block!important;
    }
    .talk_input {
        width: 100%!important;
        display: block!important;
        margin: 0!important;
        float: none!important;
        padding: 2px 0!important;
    }
    .bucket.bucket_left, .bucket.bucket_right {
        width: 100%!important;
        float: none!important;
        padding: 15px 30px;
        margin: 0;
        height: auto;
        text-align: center;
    }
    .talk h5 {
        font-size: 24px;
        line-height: 1.3;
    }
    .basic_form .checkboxes label input[type="checkbox"] + span:before {
        margin-left: 50px;
    }
    footer .footer-menu li:not(:first-child) {
        padding-left: 10px;
    }
    .basic_form .contact_input {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .contact_input span.wpcf7-list-item {
        text-align: center;
    }
    .select_your_solution {
        padding-top: 30px;
    }
    .basic_form input[type="submit"] {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .situation ul,
    .service_item ul{
        padding-left:0;
    }
    .page-template-template-services .title-container .page-title:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        width: 66px!important;
        max-width: 100%;
        height: 66px!important;
        margin: 0!important;
        position: relative;
        bottom: -25px;
        background-position:0 0!important;
        background-size: 66px 66px!important;
        left: 0!important;
    }
    body.retail-environments-services .title-container .page-title:after {
        background-image: url('images/rens.png');
    }
    body.brand-advocacy-services .title-container .page-title:after {
        background-image: url('images/bas.png');
    }
    body.retail-readiness-services .title-container .page-title:after {
        background-image: url('images/res.png');
    }
    .single .case_desc {
        padding: 35px 0 0 0;

    }
    .home .case .case_service,
    .home .case_desc .press_content {
        max-width: 100%!important;
    }
    .logo {
        width: 103px;
        height: 49px;
        background-image: url('http://192.185.186.76/~bdsmktg/wp-content/uploads/2015/12/BDS_Logo_Large.png');
        background-size: 103px 49px;
        margin-top: 6px;
    }
    .logo img{
        display: none!important;
    }
    .project-center .contact_content {
        max-width: calc(100% - 30px)!important;
        padding: 15px!important;
    }
    .page-template-template-project .contact_content h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .page-template-template-project .under_form_list a, .page-template-template-project .under_form_list {
        font-size: 15px;
        line-height: 20px;
    }
    .page-template-template-project .under_form_list p {
        font-size: 12px;
    }
    .our_story {
        padding: 30px 15px;
        text-align: center;
    }
    .our_story br {
        display: none;
    }
    .our_story .row > div {
        padding: 0;
    }
    .about_buckets {
        padding: 30px 0;
    }
    .about_buckets br {
        display: none;
    }
    .about_bucket {
        padding: 0;
    }
    .mission_vision {
        max-width: 100%;
        margin: 0 auto;
        padding: 30px 0;
        text-align: center;
    }
    .mission_vision .container div {
        margin: 0;
        padding: 0;
    }


    /*.brand-advocacy-services .bucket_left {
        background-image: url('images/buckets/2.jpg')!important;
    }
    .brand-advocacy-services .bucket_right {
        background-image: url('images/buckets/3.jpg')!important;
    }
    .retail-readiness-services .bucket_left {
        background-image: url('images/buckets/1.jpg')!important;
    }
    .retail-readiness-services .bucket_right {
        background-image: url('images/buckets/3.jpg')!important;
    }
    .retail-environments-services .bucket_left {
        background-image: url('images/buckets/1.jpg')!important;
    }
    .retail-environments-services .bucket_right {
        background-image: url('images/buckets/2.jpg')!important;
    }*/
    .contact_form h1 + p {
        margin-left: 0;
        margin-right: 0;
    }
    footer .footer-menu li {
        margin-top: 15px;
    }
    .home .hero {
        background-image: url('images/mobile_header/hero.jpg')!important;
    }
    .about .title-container {
        background-image: url('images/mobile_header/about.jpg')!important;
    }
    .brand-advocacy-services .title-container {
        background-image: url('images/mobile_header/advocacy.jpg')!important;
    }
    .carreers .title-container {
        background-image: url('images/mobile_header/careers.jpg')!important;
    }
    .case-studies .title-container {
        background-image: url('images/mobile_header/case.jpg')!important;
    }
    .community .title-container {
        background-image: url('images/mobile_header/community.jpg')!important;
    }
    .culture .title-container {
        background-image: url('images/mobile_header/culture.jpg')!important;
    }
    .retail-readiness-services .title-container {
        background-image: url('images/mobile_header/readiness.jpg')!important;
    }
    .retail-environments-services .title-container {
        background-image: url('images/mobile_header/environments.jpg')!important;
    }
    .leadership .title-container {
        background-image: url('images/mobile_header/leadership.jpg')!important;
    }
    .mystery-shoppers .title-container {
        background-image: url('images/mobile_header/mystery.jpg')!important;
    }
    .press .title-container {
        background-image: url('images/mobile_header/press.jpg')!important;
    }
    .core-solutions .title-container {
        background-image: url('images/mobile_header/solutions.jpg')!important;
    }
    .text_before_cols {
        text-align: center!important;
        max-width: 100%;
    }
    .container + hr {
        margin: 10px auto 10px auto;
    }
    .careers_cols > div.col_image {
        display: none!important;
    }
    .careers_cols > div {
        clear: both!important;
        float: none!important;
    }
    .careers_cols > div.mob_odd {
        background-color: white!important;
    }
    .careers_cols > div.mob_even {
        background-color: #f5f5f5!important;
    }
    .page-template-template-form .contact_background {
        padding-top: 60px;
    }
    .page-template-template-form .contact_content {
        padding: 75px 15px;
    }
    .page-template-template-form .contact_content h1 {
        font-size: 20px;
        line-height: 1.3;
    }
    body.blog #main-container, body.archive #main-container {
        padding-bottom: 60px!important;
    }
    .abouts_cols {
        position: relative;
        top: -45px;
        margin-bottom: -75px;
    }
    .abouts_col .col_image {
        height: 300px;
    }
    .col_image img {
        left: 0!important;
        display: block;
        min-width: 0!important;
        max-width: 100%;
        height: auto!important;
        min-height: 0!important;
        position: static!important;
    }
    .col_image {
        padding: 0!important;
    }
    .about_content + a {
        margin: 30px auto 0 auto;
    }
    .title-container {
        background-position: center center;
    }
    body.blog nav:before, body.archive nav:before {
        display: none;
    }
    .mystery_row ul {
        padding-left: 0;
    }
    .mystery_row ul li:before {
        margin-left: 0
    }
    .case:nth-child(2n+1) .case_desc > div {
        max-width: 100%;
        float: none;
    }
    .case > div:not(.clearfix):not(.case_background) {
        min-height: 420px;
        height: auto;
    }
    .case:nth-child(2n+1) .case_desc > div img {
        left: auto;
        right: auto;
    }
    .case_desc a.read_more_all {
        margin: 0 auto;
    }
    .abouts_cols .col_image, .case_background {
        background-size: cover!important;
        pointer-events: none!important;
    }
    nav#top-nav:after {
        display: none!important;
    }
    .blog_item .read_more {
        display: block!important;
        width: 200px;
        margin: 0 auto;
    }
    .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
        margin: 0 10px!important;
        cursor: pointer;
    }
    .swiper-pagination-bullet {
        width: 20px!important;
        height: 20px!important;
    }
    .community .partner_logo {
        margin: 15px auto;
    }
    .page-template-template-solutions .title-container {
        padding-top: 160px!important;
        padding-bottom: 140px!important;
    }
    .page-template-template-solutions main {
        padding-bottom: 30px;
    }
    .blog_description {
        max-width: 100%;
        float: none;
        margin: 30px 15px;
        text-align: center;
    }
    .blog_image {
        height: 200px;
        background-size: cover;
        background-position: center center;
    }
    .sidebar_blog {
        margin: 0 auto;
        float: none;
        left: 0;
        right: 0;
    }
    .blog_item .read_more {
        margin-top: 15px;
    }
    .blog_item h2 {
        font-size: 24px;
        height: 48px;
    }
    .blog_item .blog_content {
        font-size: 14px;
    }
    body.blog, body.archive {
        padding-top: 60px;
    }
    .before_slider h3 {
        font-size: 20px;
        line-height: 1.3;
    }
    .blog_item {
        height: auto;
    }
    .blog_image {
        float: none;
        width: 100%;
    }
    .main_content p br {
        display: none;
    }
    .home .slider {
        display: none;
    }
    .hero h1 {
        font-size: 40px;
    }
    .hero p {
        font-size: 15px;
        line-height: 20px;
        margin: 5px 15px 5px 15px;
    }
    .hero {
        height: 100vh!important;
        background-size: cover!important;
        background-position: center center!important;
        margin: 0;
        color: white;
        text-shadow: 1px 1px 4px #2B2B2B;
        padding: 0 15px!important;
        display: table;
        width: 100%;
    }
    nav + .title-container {
        display: table;
        height: 100vh;
        width: 100%;
    }
    nav + .title-container > .container {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    nav + .title-container h1 {
    }
    .hero > .inner-wrapper {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    .partner_logos li {
        margin-right: 0!important;
        margin-bottom: 30px!important;
        display: block;
    }
    .already .slicknav_btn {
        margin: 11px 5px 0 15px!important;
    }
    .contact_link .green_ghost {
        width: 170px;
        margin: 0 auto;
    }
    .home_blocks .block {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .partner_logos {
        margin: 60px auto 0 auto;
    }
    .main_content p br {
        display: none;
    }
    .main_content h2 {
        font-size: 18px;
        line-height: 1.3;
        margin: 0 auto 15px auto;
    }
    .home .swiper-button-next {
        margin-right: -75px;
        margin-bottom: 30px;
    }
    .home .swiper-button-prev {
        margin-left: -75px;
        margin-bottom: 30px;
    }
    a, a:after, nav:before, #nav-container .sub-menu, .leader_circle:before, .leader_inner, .abouts_cols .col_image, .case_background, .talk_input input[type="submit"], .instagram_icon, #solutioncheck > span label, #top-nav, button, .solutioncheck label span, input, textarea {
        outline: 0!important;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .leader_modal img {
        max-width: 50%;
    }
    .modal-content {
        height: 100vh;
        overflow: auto;
    }
    .modal-dialog {
        margin: 15px 0;
    }
    .leader_modal h4 {
        font-size: 20px;
        line-height: 1.3;
    }
    .leader_modal h5 {
        font-size: 12px;
        line-height: 1.3;
    }
    .leader_modal p {
        font-size: 12px;
        line-height: 20px;
    }
    .leader_modal .modal-header {
        padding: 15px!important;
    }
    nav#top-nav {
        height: 61px;
    }
    #logo {
        top: 7px;
        position: relative;
    }
    #logo-container {
        line-height: 50px!important;
        padding: 0 15px;
    }
    .leader_inner {
        display: none;
    }
    .title-container {
        padding-top: 160px!important;
        padding-bottom: 90px!important;
    }
    .leadership .title-container br {
        display: none;
    }
    .leader_circle h2 {
        padding-top: 40px;
        font-size: 20px;
        line-height: 1.3;
    }
    .leader_circle h3 {
        font-size: 12px;
        line-height: 1.3;
    }
    .abouts_col {
        display: block;
        text-align: center;
        max-width: 100%;
        margin-top: 0;
    }
    .abouts_cols .col_text h5 {
        font-size: 24px;
        line-height: 1.3;
    }
    .abouts_cols .col_text {
        display: inline-block;
        padding: 30px 15px;
        height: auto!important;
    }
    .abouts_cols .col_image, .abouts_cols .col_text {
        height: 300px;
        float: none!important;
        clear: both;
        width: 100%;
        margin-top: -5px;
        background-size: cover;
    }
    .abouts_col h5, .abouts_col p {
        max-width: 100%;
    }
    .page-template-template-about .green_ghost, .sbi_load_btn {
        margin: 30px 2% 30px 2%;
        width: 46%;
        float: left;
        display: block;
    }
    .about_main {
        padding: 30px 0;
        text-align: center;
    }
    .about_main h3 {
        font-size: 24px;
        line-height: 1.3;
    }
    .contact_background {
        background-size: cover;
        background-repeat: no-repeat;
    }
    .close_popup {
        background-image: url('images/x.png');
        background-size: 17px 17px;
        width: 17px;
        height: 17px;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
    }
    .solution_inner a {
        width: 200px;
        margin: 0 auto;
    }
    .solution_inner h2 {
        padding: 0 0 10px 0;
    }
    .solution_inner.opened {
        visibility: visible;
        display: block;
        opacity: 1;
        height: auto;
        padding: 30px 15px;
    }
    .solution_inner {
        position: relative;
        top: 0;
        left: 0;
        height: 0;
        padding: 0;
        display: none;
    }
    .solution.popupped > h2, .solution.popupped > h2 + a {
        display: none;
    }
    .solution > h2 + a {
        margin: 0 15px 90px 15px;
        display: block;
    }
    .solution {
        height: auto;
        position: relative;
        border: 1px solid white;
        background-size: cover;
        background-position: center center;
        margin: 0;
        padding: 0;
    }
    .solution > h2 {
        padding: 0;
        margin: 90px 15px 0 15px;
        font-size: 30px;
        line-height: 1.1;
        color: white;
        text-align: center;
    }
    .icons {
        position: relative;
        top: -125px;
        width: 220px;
        margin: 0 0 30px -15px;
    }
    .icons .row {
        margin: 0;
    }
    .icons img {
        max-width: 100%;
        height: auto;
    }
    .page-template-template-solutions .title-container {
        padding: 140px 0;
    }
    .sbSelector {
        width: 100%;
    }
    .service_item h3 {
        font-size: 24px;
        line-height: 1.3;
    }
    .talk_input {
        width: 50%;
        display: inline-block;
        margin: 0;
        float: left;
        padding: 2px;
    }
    .service_type {
        top: 0;
    }
    .talk_input input[type="submit"] {
        top: 0;
        position: static;
        margin: 15px auto;
        display: block;
        float: none;
    }
    .talk_input:last-child {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .line {
        display: none;
    }
    .lets_call {
        font-size: 16px;
        color: white;
        text-align: center;
        margin-bottom: 15px;
    }
    .contact_input span.wpcf7-list-item {
        text-align: center;
    }
    .page-template-template-contact main {
        margin-top: 60px;
    }
    .map_right a {
        display: block;
        width: 200px;
        margin: 0 auto;
    }
    .contact_form h1, .contact_content h2 {
        font-size: 24px;
    }
    body {
        font-size: 14px;
    }
    .mystery_row h2 {
        font-size: 20px;
        line-height: 1.3;
    }
    .title-container h1 {
        margin: 0;
        color: #fff;
        font-size: 40px;
        line-height: 1.3;
        text-align: left;
    }
    .careers_cols .careers_col {
        width: 100%!important;
        float: none!important;
        margin-left: 0!important;
        margin-right: 0!important;
        padding: 15px!important;
        text-align: center;
    }
    .careers_cols > div {
        padding: 0;
    }
    .careers_cols .left_padding {
        clear: both;
        height: auto;
    }
    p br {
        display: none;
    }
    .title_before_cols {
        color: #c1d72f;
        font-size: 18px;
        line-height: 1.3;
        margin: 30px auto 30px auto;
        max-width: 750px;
        text-align: center;
    }
    .careers_cols .right_padding {
        height: auto;
    }
    .career_main ul {
        padding-left: 0;
        display: block;
    }
    .press_item img {
        vertical-align: middle;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .post_content, .archive .post {
        padding: 30px 15px;
        text-align: center;
    }
    .single main img, .archive main img {
        max-width: 100%;
        height: auto;
    }
    .prev_link a, .next_link a {
        font-size: 12px;
    }
    .single main h1, .archive main h1 {
        line-height: 1.3;
        font-size: 24px;
        color: #c1d72f;
        margin: 15px 0 0 0;
    }
    .press_item .press_description {
        padding: 0 15px;
        text-align: center;
        margin-top: 15px;
    }
    .press_item .read_more {
        margin: 25px auto 0 auto;
    }
    .career_main h2 {
        font-size: 18px;
    }
    .press_container h5 {
        font-size: 18px;
    }
    .page-template-template-studies .green_ghost, .page-template-template-press .green_ghost {
        margin: 30px auto;
    }
    .page-template-template-studies .title-container {
        padding-top: 140px;
    }
    .case > div {
        height: auto;
    }
    .case_background {
        height: 200px!important;
        width: 100%;
        float: none!important;
        clear: both;
    }
    .case_background:hover {
        background-size: auto 100%!important;
    }
    .case_img {
        text-align: center;
    }
    .case_desc {
        padding: 15px;
        max-width: 100%;
        text-align: center;
    }
    .case_desc h2 {
        font-size: 18px;
        line-height: 1.3;
        margin: 15px 0 0 0;
    }
    .case_desc img {
        margin-top: 30px!important;
        top: 0!important;
    }
    .case_desc .press_content {
        width: 100%;
    }
    .case_desc .case_service {
        padding-right: 0!important;
        display: block;
    }
    .case_desc img {
        position: relative;
        left: 0;
        top: -10px;
        margin: 0 auto;
        display: block;
    }
    .case_service:before {
        display: block!important;
        margin: 0 auto 15px auto;
    }
    .case_desc a.read_more {
        margin-left: auto;
        margin-right: auto;
    }
    .sidebar {
        position: relative;
        padding: 30px 0;
        margin-bottom: 30px;
    }
    .single .case_desc img {
        margin: 0 auto;
    }
    .single .case_img img {
        margin-right: 0!important;
    ;
        max-width: 100%;
    }
    .career_main {
        max-width: 100%;
        text-align: center;
    }
    .mystery_row ol {
        padding-left: 0;
    }
    li {
        list-style-position: inside;
    }
    .title-container {
        padding: 140px 0 50px 0;
        height: auto;
    }
    .mystery_rows {
        max-width: 100%;
        text-align: center;
    }
    .social-container {
        text-align: center;
    }
    #copyright {
        text-align: center;
    }
    .contact_form {
        padding: 0 15px;
    }
    .map_right {
        border-left: 0;
        padding: 15px 15px 0 15px;
    }
    #nav-container, #nav-container + .social-container {
        display: none;
    }
    .ul_container {
        width: 100%;
    }
    .ul_container ul {
        width: 100%;
        display: block;
        float: none;
    }
    .contact_content {
        padding-top: 70px;
        padding-bottom: 0;
    }
    .contact_input span.wpcf7-list-item {
        width: 50%;
    }
    .contact_input span {
        font-size: 10px;
    }
    .basic_form .checkboxes {
        margin: 0 auto;
    }
    .map {
        height: 130px;
    }
    nav#top-nav {
        height: 61px;
        background-color: rgba(74, 74, 74, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-image: url('images/nav.png');
        background-size: cover;
    }
    #logo-container {
        line-height: 100px;
        position: relative;
        z-index: 9999999999999;
    }
    nav#top-nav.sticky {
        background-image: none;
        background-color: rgba(66, 66, 66, 1);
        position: fixed;
        -webkit-transform: translateZ(0);
        top: 0;
        left: 0;
        z-index: 999;
    }
    .slide_left, .slide_right {
        padding: 0 0;
        width: 100%;
        float: none;
        clear: both;
        display: block!important;
    }
    .services_container {
        margin: 30px 0;
    }
    .swiper-container-horizontal > .swiper-pagination {
        bottom: 30px;
    }
    .services_container .swiper-button-next, .services_container .swiper-button-prev {
        display: none;
    }
    .service_item {
        text-align: center;
        margin: 0 auto!important;
        display: block;
    }
    .swiper-button-next, .swiper-button-prev {
        margin-top: 0;
        position: relative;
        top: 50%;
        display: inline-block;
        width: 50px;
    }
    .swiper-button-next {
        float: right;
        right: 50%;
        margin-right: -75px;
    }
    .swiper-button-prev {
        float: left;
        left: 50%;
        margin-left: -75px;
    }
    .bucket.bucket_left, .bucket.bucket_right {
        width: 50%;
        float: left;
        padding: 45px 30px;
        margin: 0;
        height: auto;
    }
    .bucket h4 {
        font-size: 14px;
        line-height: 1.3;
        color: white;
        margin: 5px 0 15px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1230px) {
    .blog_image {
        width: 40%;
    }
    .blog_item .read_more {
        margin-top: 55px;
        display: block;
        width: 155px;
    }
    .blog_description {
        max-width: 60%;
        float: left;
        padding: 15px;
        margin: 0;
    }
    .case_desc img {
        position: static;
        margin: 0 0 15px 0;
    }
}

@media screen and (min-width: 1024px) {
    a, a:after, nav:before, #nav-container .sub-menu, .leader_circle:before, .leader_inner, .solution_inner, .abouts_cols .col_image, .case_background, .talk_input input[type="submit"], .instagram_icon, #solutioncheck > span label, #top-nav, button, .solutioncheck label span, input, textarea {
        outline: 0!important;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }
    .abouts_cols .col_image:hover, .case_background:hover {
        background-size: auto 105%;
    }
    .leader_circle:hover:before {
        opacity: 0.8;
        visibility: visible;
    }
    .leader_circle:hover .leader_inner {
        opacity: 1;
        visibility: visible;
    }
    .solution:hover .solution_inner {
        opacity: 1;
        visibility: visible;
    }
    /* nav */
    .slicknav_menu {
        display: none;
    }
}
@media screen and (min-width: 768px){
    .contact_form .afterSubmit {
        margin-top:290px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .about_buckets br {
        display: none;
    }
    .our_story {
        padding: 30px 15px;
    }
    .mission_vision {
        padding: 30px 0;
    }
    .our_story br {
        display: none;
    }
    .about_buckets {
        padding: 30px 0;
    }
    .about_buckets .container {
        padding: 0;
    }
    .contact_form h1 + p {
        margin-left: 0;
        margin-right: 0;
    }
    .col_image img {
        left: 0 !important;
    }
    footer .footer-menu li {
        padding-left: 5px!important;
    }
    .case:nth-child(2n+1) .case_desc > div {
        max-width: 100%;
        float: none;
    }
    .partner_logos li {
        margin-bottom: 70px;
    }
    .partner_logos li:not(:last-child) {
        margin-right: 100px;
    }
    .community .partner_logo {
        margin-bottom: 30px;
    }
    .blog_image {
        width: 100%;
        height: 200px;
        background-size: cover;
        float: none;
        clear: both;
        background-position: center center;
    }
    .blog_item {
        height: auto;
    }
    .blog_item .read_more {
        margin: 30px 0;
        display: block;
        width: 160px;
    }
    .blog_description {
        max-width: 100%;
        float: none;
        margin: 40px 0 0 40px;
        height: auto;
        display: inline-block;
        clear: both;
    }
    .contact_link .green_ghost {
        width: 170px;
        margin: 0 auto;
    }
    .home .swiper-button-next {
        margin-right: 15px;
    }
    .home_blocks .block {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .home .swiper-button-prev {
        margin-left: 15px;
    }
    .hero h1 {
        font-size: 50px;
    }
    .solution:hover .solution_inner {
        opacity: 1;
        visibility: visible;
    }
    ul.slicknav_nav {
        top: 77px!important;
    }
    .slicknav_btn {
        margin: 26px 15px 0 15px!important;
    }
    .already .slicknav_btn {
        margin: 18px 15px 0 15px!important;
    }
    .modal-header .close {
        top: 15px;
    }
    #nav-container, #nav-container + .social-container {
        display: none;
    }
    .modal-content {
        height: 100vh;
        overflow: auto;
    }
    .abouts_cols .col_image, .case_background, .abouts_cols .col_text {
        background-size: cover!important;
        background-position: center center;
        width: 100%;
        float: none;
        clear: both;
    }
    .abouts_col {
        vertical-align: middle;
        display: block;
        max-width: 100%;
        width: 100%;
        float: none!important;
        clear: both;
    }
    .about_main {
        padding: 30px 0;
    }
    .page-template-template-about .green_ghost, .sbi_load_btn {
        margin: 30px 15px;
    }
    .abouts_col h5, .abouts_col p {
        max-width: 100%;
    }
    .abouts_cols .col_text {
        display: inline-block;
        padding: 30px;
        height: auto!important;
    }
    .abouts_cols .col_image, .abouts_cols .col_text {
        height: 400px;
    }
    .post_content, .archive .post {
        padding: 70px 70px 70px 15px;
    }
    .single .case_desc {
        padding: 70px 0 0 0;
        max-width: 100%;
    }
    .services_widget {
        padding: 30px 15px 0 15px;
    }
    .single .case_img img:first-child {
        margin-right: 0;
    }
    .single .case_desc .case_service:not(.blue) {
        padding-right: 30px!important;
    }
    .case_desc .press_content {
        width: 100%;
    }
    .solution_inner {
        padding: 0 15px;
    }
    .solution > h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .page-template-template-solutions .title-container {
        padding-top: 175px;
    }
    .solution_inner h2 {
        font-size: 24px;
        line-height: 1.3;
        margin: 35px auto 10px auto;
        padding-top: 0;
    }
    .slide_right, .slide_left {
        width: 100%;
        display: block;
        float: none;
        clear: both;
    }
    .slide_right {
        padding-right: 65px;
    }
    .slide_left {
        padding: 0 15px 0 65px;
    }
    .bucket {
        padding: 0 45px!important;
        height: 120px!important;
    }
    .talk_input {
        width: 50%;
        display: inline-block;
        margin: 0;
        float: left;
        padding: 2px;
    }
    .service_type {
        top: 0;
    }
    .talk_input input[type="submit"] {
        top: 0;
        position: static;
        margin: 15px auto;
        display: block;
        float: none;
    }
    .talk_input:last-child {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .service_item h3 {
        font-size: 24px;
        line-height: 1.3;
    }
    .bucket h4 {
        font-size: 18px;
        line-height: 1.3;
        color: white;
        margin: 30px 0 20px 0;
    }
    .lets_call {
        font-size: 16px;
        color: white;
        text-align: center;
        margin-bottom: 15px;
    }
    .contact_form {
        padding: 0 15px;
    }
    .title-container {
        padding: 175px 15px 90px 15px;
        height: auto;
    }
    .mystery_rows {
        max-width: 100%;
    }
    .careers_cols .right_padding .careers_col {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .careers_cols .left_padding .careers_col {
        width: 100%;
        float: none;
    }
    .title-container h1 {
        margin: 0;
        color: #fff;
        font-size: 40px;
        line-height: 1.3;
    }
    .title_before_cols {
        font-size: 30px;
        line-height: 40px;
        margin: 30px auto 30px auto;
        max-width: 100%;
    }
    .press_item .press_description {
        padding: 0 15px 0 30px;
    }
    .press_container h5, .case_desc h2 {
        font-size: 24px;
        line-height: 1.3;
    }
    .press_item img {
        max-width: 100%;
        height: auto;
    }
    .page-template-template-studies .title-container {
        padding-top: 175px;
    }
    .case_desc {
        padding: 45px 15px;
    }
    .case_desc img {
        position: static;
        margin: 0 0 15px 0;
    }
    .case_desc h3 {
        margin: 20px 0 15px 0;
    }
    .case > div:not(.clearfix) {
        width: 100%;
        float: none!important;
    }
    .sbSelector {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .case_desc {
        padding: 15px 30px;
    }
    .case_desc img {
        position: absolute;
        right: 15px;
        left: auto;
        top: 30px;
    }
    .case:nth-child(2n+1) .case_desc > div img {
        left: auto;
        right: 15px!important;
    }
}

@media screen and (min-width: 992px) {
    .sticky #menu-main-menu > li > .sub-menu {
        background: rgba(66, 66, 66, 1);
    }
    nav#top-nav li.menu-item-has-children {
        position: relative;
    }
    #menu-main-menu > li > .sub-menu {
        background-color: rgba(66, 66, 66, 1);
        background: -moz-linear-gradient(left, rgba(189, 215, 1, 0.1) 0%, rgba(246, 120, 42, 0.1) 51%, rgba(0, 111, 184, 0.1) 100%);
        background: -webkit-linear-gradient(left, rgba(189, 215, 1, 0.1) 0%, rgba(246, 120, 42, 0.1) 51%, rgba(0, 111, 184, 0.1) 100%);
        background: linear-gradient(to right, rgba(189, 215, 1, 0.1) 0%, rgba(246, 120, 42, 0.1) 51%, rgba(0, 111, 184, 0.1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1abdd701', endColorstr='#1a006fb8', GradientType=1);
    }
    nav#top-nav .sub-menu {
        text-align: left;
        padding: 0 30px 0 20px;
        margin-top: 18px;
        width: auto;
        left: -20px;
    }
    #menu-item-319 > ul {
        width: 175px!important;
    }
    #menu-item-318 > ul {
        width: 750px!important;
        padding: 5px 25px 0 25px!important;
    }
    #menu-item-318 > ul > li > ul {
        padding: 0!important;
        left: 0!important;
        position: static!important;
    }
    #menu-item-318 > ul >li {
        width: 230px;
        display: inline-block!important;
        height: auto;
    }
    #menu-item-318 > ul >li:before {
        content: "";
        display: block;
        background-size: 37px 37px;
        background-repeat: no-repeat;
        background-position: center;
        width: 37px;
        height: 37px;
        position: relative;
        top: -8px;
        left: 2px;
        margin-bottom: 2px;
    }
    #menu-item-318 > ul >li:nth-child(1):before {
        background-image: url('images/menu1.png');
    }
    #menu-item-318 > ul >li:nth-child(2):before {
        background-image: url('images/menu2.png');
    }
    #menu-item-318 > ul >li:nth-child(3):before {
        background-image: url('images/menu3.png');
    }
    /*#menu-item-318 > ul >li.active > a, #menu-item-318 > ul >li.active > a:hover {
        color: white!important;
        pointer-events: none;
        }*/
    #menu-item-318 > ul >li a:after {
        display: none!important;
    }
    #menu-item-318 > ul >li > ul {
        margin-top: 0!important;
    }
    #menu-item-318 > ul >li > ul > li {
        padding-left: 5px;
        position: relative;
    }
    #menu-item-318 > ul >li > ul > li:before {
        content: "•";
        font-size: 15px;
        margin-right: 0;
        margin-left: 0;
        color: white;
        position: absolute;
        left: 0;
    }
    #menu-item-318 > ul >li > ul > li a {
        position: relative;
        left: 5px;
    }
    nav#top-nav .sub-menu li {
        padding-top: 10px;
    }
    nav#top-nav .sub-menu li:last-child {
        padding-bottom: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
    nav#top-nav li#menu-item-318 > .sub-menu {
        left: -250px!important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .abouts_col {
        margin-top: 15px;
        width: 100%;
    }
    .case:nth-child(2n+1) .case_desc > div img {
        left: auto;
        right: 15px!important;
    }
    .case_desc {
        padding: 15px;
    }
    .case_desc img {
        position: absolute;
        right: 15px;
        top: 20px;
        left: auto;
    }
    .case_desc .case_service li {
        font-size: 12px;
    }
    .case_service:before {
        width: 25px!important;
        height: 25px!important;
    }
    .case_desc h2 {
        font-size: 25px;
        line-height: 1.3;
    }
    .case_desc .case_service:not(.blue) {
        padding-right: 10px;
    }
    .case_desc .press_content {
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .our_story {
        padding: 70px 15px;
    }
    .blog_image {
        width: 100%;
        height: 200px;
        background-size: cover;
        float: none;
        clear: both;
        background-position: center center;
    }
    .blog_item {
        height: auto;
    }
    .blog_item .read_more {
        margin: 30px 0;
        display: block;
        width: 160px;
    }
    .blog_description {
        max-width: 100%;
        float: none;
        margin: 40px 0 0 40px;
        height: auto;
        display: inline-block;
        clear: both;
    }
    .abouts_cols .col_text {
        padding: 15px;
    }
    #nav-container ul:not(.sub-menu) > li:not(:last-child) a {
        padding-right: 15px;
    }
    .talk_input input[type="submit"] {
        font-size: 12px;
        width: 100px;
    }
    .talk_input:last-child {
        padding-right: 0;
        width: 105px;
    }
    .slicknav_menu {
        display: none;
    }
    .modal-header .close {
        top: 15px;
    }
}