@charset "utf-8";

/* Portrait tablets and small desktops */
@media (min-width: 1199px) and (max-width:1299px) {
}

@media (min-width: 1200px) and (max-width:1600px) {
    .janus-inspiration-box-img {
        max-height: 268px;
        overflow: hidden;
    }
}

@media (min-width: 1200px) {
}

@media(min-width:768px) and (max-width:1199px) {
    .janus-case-study-box-wrapper .janus-inspiration-box-img img {
        width: 100%;
        height: 140px;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .janus-news-heading {
        font-size: 21px;
        line-height: 26px;
    }

    .tutorial-slider .slick-next {
        width: 30px;
        height: 30px;
    }

    .tutorial-slider .slick-prev {
        width: 30px;
        height: 30px;
    }

    .janus-brand-list li {
        width: 25%;
    }

    .janus-inspiration-box-img {
        max-height: 200px;
        overflow: hidden;
    }

    .janus-banner-text-box {
        padding-top: 50px;
    }

    .janus-case-study-box-wrapper .janus-inspiration-box-img {
        max-height: 140px;
        overflow: hidden;
    }

    .send-your-story-row span {
        font-size: 14px;
    }

    .janus-case-study-box-wrapper .janus-white-btn.btn-md {
        font-size: 12px;
    }

    .janus-case-study-box-wrapper ..janus-orange-btn.btn-md {
        font-size: 12px;
    }

    .menu-wrap ul li > a {
        font-size: 13px !Important;
        padding: 15px 12px 13px !Important;
    }

    .menu-wrap ul li.has-dropdown > a::after {
        right: 0px !Important;
    }
}


@media (max-width: 1024px) {


    /*.janus-inspiration-box-img img {
    min-height: 200px;
}*/
    .btn-ins-box {
        font-size: 13px;
    }

    .janus-custom-form label {
        font-size: 12px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {


    .janus-inspiration-box-img {
        max-height: 162px;
        overflow: hidden;
    }

    .janus-btn-group {
        padding: 0px 0px;
        margin: 0px auto;
        margin-top: 40px;
    }

    .janus-ban-heading {
        font-size: 35px;
        line-height: 50px;
    }

    .janus-case-study-box-wrapper .janus-inspiration-box-img {
        max-height: 140px;
        overflow: hidden;
    }

    .janus-case-study-box-wrapper .janus-white-btn.btn-md {
        font-size: 12px;
    }

    .janus-case-study-box-wrapper ..janus-orange-btn.btn-md {
        font-size: 12px;
    }

    .send-your-story-row span {
        font-size: 14px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 991px) {

    .janus-intro-new-ql-wrapp {
        margin: 30px 0px;
    }

    .tutorial-slider .slick-slide img {
        width: 100%;
    }

    .main-header-section {
        min-height: 70px;
    }

    .video-tutorial-section {
        padding: 50px 0px 50px 0px;
    }

    .janus-video-tutorial-content {
        margin-top: 30px;
    }

    .janus-g-banner-section {
        min-height: 500px;
    }

    .janus-case-study-a-banner .container {
        width: 100%;
    }

    .janus-case-study-a-banner {
        min-height: 600px;
    }

    .h-bg-image img {
        /*max-width: inherit !important;
        width: auto !important;*/
    }

    .janus-printer-box {
        margin-bottom: 20px;
    }

    .janus-recent-disscus-wrapp .janus-recent-table-wrapp {
        overflow-x: scroll;
    }

    .carousel-video .thumbnail-carousel .item .slide-content-container .slide-text {
        padding: 30px 15px 0 15px;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .janus-program-box {
        margin-bottom: 20px;
    }

    .janus-product {
        margin-bottom: 30px;
    }

    .janus-case-study-filters {
        margin-bottom: 40px;
    }

        .janus-case-study-filters img {
            margin: 0px auto;
        }

    .janus-custom-form label {
        font-size: 12px;
    }

    .janus-brand-list li {
        width: 33%;
    }

    .janus-sdk-inspiration .janus-inspiration-box {
        max-width: 50% !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .janus-sdk-inspiration {
        padding-bottom: 0px;
    }

    .janus-case-study-c-banner {
        min-height: 200px;
    }

        .janus-case-study-c-banner .janus-banner-text-box {
            padding-top: 70px
        }

    .janus-banner-text-box {
        padding-top: 40px;
    }

    .janus-accordian-head.collapsed:after {
        right: 30px;
    }

    .janus-accordian-head:after {
        right: 30px;
    }

    .janus-white-btn.btn-md {
        padding: 10px 10px 6px 10px;
    }

    .janus-sdk-details h5 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        margin-top: 30px;
    }

    .janus-sdk-details p {
        text-align: center;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .janus-case-study-box-wrapper .janus-inspiration-box-img img {
        width: 100%;
        height: auto;
    }
    .janus-h-icon-sect li > a {
        display: block;
        color: #fff;
        font-size: 18px;
        padding: 24px 0px 15px 15px;
    }

    .col-md-offset-2 h1 {
        font-size: 28px;
    }

    .janus-h-dropdown {
        padding-top: 13px;
    }

    .janus-logo-sect {
        margin: 15px 0 12px 0;
    }

    .janus-ragister-wrapp .janus-pink-btn {
        margin: 0px 0px 20px 0px !Important;
    }

    .prifile-btn-wrapp .btn {
        margin: 0px 0px 20px 0px !Important;
    }

    .janus-login-account-wrapp .btn-lg {
        min-width: 300px;
    }

    .janus-program-box {
        margin-bottom: 20px;
    }

    .janus-inspiration-slider .slick-prev {
        width: 25px;
        height: 25px;
    }

    .janus-inspiration-slider .slick-next {
        width: 25px;
        height: 25px;
    }

    .janus-inspiration-slide-wrapp {
        padding: 40px 0px 40px 0px;
    }

    .janus-ban-para {
        line-height: 35px;
    }

    .janus-inspiration-box {
        display: block;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .janus-service-box:after {
        content: none;
    }

    .janus-service-box::before {
        content: none;
    }

    .janus-service-row {
        text-align: center;
    }

    .janus-service-box {
        display: inline-block;
        width: 32%;
        margin-bottom: 20px;
    }

    .janus-banner-section {
        padding: 0 20px;
    }

    .janus-inspiration-slider .slick-slide .btn-globle.pull-left {
        float: inherit !important;
        display: block;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .janus-inspiration-slider .slick-slide .btn-globle.pull-right {
        float: inherit !important;
        display: block;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .janus-inspiration-slider .slick-prev {
        top: 102%;
        left: 40%;
    }

    .janus-inspiration-slider .slick-next {
        top: 102%;
        right: 40%;
    }

    .janus-banner-date h5 {
        font-size: 16px;
        min-width: auto;
        padding: 0 15px;
        line-height: 45px;
    }

    .janus-inspiration-box-wrapp .janus-inspiration-box:first-child {
        padding-left: 10px;
    }

    .janus-inspiration-box-wrapp .janus-inspiration-box:last-child {
        padding-right: 10px;
    }

    .janus-ban-heading {
        font-size: 32px;
        line-height: 50px;
    }

    .janus-ban-para {
        font-size: 28px;
    }

    .janus-product {
        text-align: center;
        margin-bottom: 25px;
    }

    .tutorial-slider .slick-prev {
        width: 25px;
        height: 25px;
    }

    .tutorial-slider .slick-next {
        width: 25px;
        height: 25px;
    }

    .pink-btn {
        font-size: 17px;
        padding: 10px 27px;
    }

    .janus-latest-case-study-section {
        padding: 30px 0px;
    }

    .janus-sec-heading {
        font-size: 24px;
    }

    .janus-latest-case-study-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .janus-case-study-filters {
        margin-bottom: 40px;
    }

        .janus-case-study-filters img {
            margin: 0px auto;
        }

    /*.janus-inspiration-box-img {
    max-height: 400px;
    overflow: hidden;
}*/
    .janus-case-study-box-wrapper .janus-inspiration-box {
        margin-bottom: 20px;
    }

        .janus-case-study-box-wrapper .janus-inspiration-box .ins-box-heading {
            height: 75px;
            overflow: hidden;
        }

        .janus-case-study-box-wrapper .janus-inspiration-box .ins-box-para {
            height: 140px;
            overflow: hidden;
        }

    .janus-case-study-box-wrapper {
        padding: 20px 0px 0px 15px;
    }

    .send-your-story-row .pink-btn {
        display: block;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .send-your-story-row span {
        text-align: center;
        display: block;
        margin-top: 15px;
    }

    .janus-submit-form-wrapper .btn-blue {
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    .janus-submit-form-wrapper .pink-btn {
        margin: 0px auto;
        text-align: center;
        display: block;
    }

    .janus-case-study-box-wrapper .janus-inspiration-box-img {
        max-height: inherit;
        overflow: hidden;
    }

    .janus-brand-list li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .janus-sdk-support-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .janus-sdk-inspiration .janus-inspiration-box {
        max-width: 100% !important;
        width: 100%;
        margin-bottom: 20px;
    }

    .janus-sdk-inspiration {
        padding-bottom: 0px;
    }

    .video-tutorial-section .btn-green {
        font-size: 16px;
    }

    .video-tutorial-section .btn-blue {
        font-size: 16px;
    }

    .janus-sdk-download-banner {
        min-height: 600px;
    }

    .video-tutorial-section {
        padding-bottom: 30px;
    }

    .janus-looking-inspiration {
        padding-top: 0px;
    }

    .janus-banner-text-box {
        padding-top: 60px;
    }

    .janus-banner-date {
        min-height: 160px;
    }

    .janus-case-study-c-banner {
        min-height: 160px;
    }

    .janus-sdk-download-banner {
        min-height: 415px;
    }

    .janus-sdk-download-brands {
        padding-top: 20px;
    }

    .janus-brand-list li {
        width: 48%;
        margin-bottom: 3px;
    }

    .sdk-box-title {
        padding: 9px 12px;
    }

    .janus-brand-heading {
        font-size: 18px;
    }

    .janus-banner-date {
        min-height: 70px;
    }

    .janus-pink-btn.btn-lg {
        font-size: 18px;
        padding: 10px 20px;
    }

    .janus-sec-title-1 {
        font-size: 24px;
        line-height: 30px;
    }

    .janus-program-text {
        font-size: 18px;
    }

    .janus-sec-title-1 {
        font-size: 22px;
    }

    .janus-accordian-head {
        padding: 15px 10px;
    }

    .janus-accordian-heading {
        font-size: 16px;
        line-height: 30px;
        text-align: left;
    }

    .accordian-heading-small {
        text-align: left;
        font-size: 14px;
    }

        .accordian-heading-small.mt15 {
            margin-top: 0px !important;
        }

    .janus-accordian-head:after {
        right: 20px;
    }

    .janus-accordian-head.collapsed:after {
        right: 20px;
    }

    .btn-icon {
        border-radius: 2px;
        font-size: 18px;
        padding: 8px 70px 8px 85px;
    }

        .btn-icon:before {
            width: 20px;
            height: 25px;
        }

    .janus-green-bullets li {
        font-size: 15px;
    }

    .janus-accordian-collapse.mt20 {
        margin-top: 0px !important;
    }

    .janus-latest-news-aside.mt60 {
        margin-top: 20px !important;
    }

    .janus-news-head {
        padding: 15px 10px;
    }

    .janus-news-heading {
        font-size: 20px;
        line-height: 20px;
    }

    .janus-latest-news-body {
        padding: 20px 15px 50px 15px;
    }

    .janus-news-list li {
        margin-bottom: 20px;
    }

    .janus-inspiration-section {
        padding-top: 40px;
    }

    .janus-insp-title1 {
        font-size: 26px;
    }

    .big-btn {
        font-size: 16px;
        line-height: 46px;
        height: 45px;
    }

    .slider-title {
        font-size: 22px;
    }

    .slide-para {
        font-size: 16px;
    }

    .btn-globle {
        height: 46px;
        font-size: 16px;
        line-height: 46px;
    }

    .signup-blue-btn {
        font-size: 16px;
    }

    .janus-ban-para {
        font-size: 20px;
        line-height: 30px;
    }

    .janus-ban-heading {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .janus-cretive-info-logo img {
        width: 40px;
    }

    .janus-creative-text-box h4 {
        font-size: 20px;
    }

    .janus-creative-text-box span {
        font-size: 15px;
        color: #ffffff;
    }

    .send-your-story-row {
        text-align: center;
    }

    .janus-creative-info-body .janus-print-box-icon img {
        max-width: 150px;
    }

    .Janus-bsi-product-title {
        font-size: 24px;
    }

    .janus-product-month-img img {
        width: 180px;
        height: auto;
    }

    .janus-create-massage-head .janus-btn-blue.h-bann-btn-width {
        min-width: 170px;
        font-size: 14px;
        line-height: 18px;
    }

    .janus-msg-heading {
        font-size: 24px;
        position: relative;
        top: 12px;
    }

    .janus-sdk-details h5 {
        font-size: 25px;
        margin-bottom: 20px;
        text-align: center;
        margin-top: 30px;
    }

    .janus-sdk-details p {
        text-align: center
    }

    .janus-btn-green.btn-lg {
        font-size: 16px;
    }

    .janus-current-status h4 {
        font-size: 20px;
        float: none;
        margin-bottom: 30px;
        text-align: center;
    }

    .janus-current-status .janus-orange-btn.btn-lg {
        font-size: 15px;
        padding: 13px 20px;
        float: none !important;
        width: 100%;
    }

    .janus-current-status form {
        text-align: center;
    }

    .ins-box-heading {
        min-height: auto;
        max-height: auto;
    }

    .ins-box-para {
        min-height: auto;
        max-height: auto;
    }

    .janus-inspiration-box-img {
        min-height: auto;
        max-height: inherit;
    }

    .janus-create-massage .modal-dialog {
        width: 100%;
    }

    .janus-accordian-head {
        min-height: 95px;
    }

    .janus-become-member-wrapper .col-lg-8 .janus-member-accordian:nth-child(2) .janus-accordian-head .janus-accordian-heading {
        position: relative;
        top: 20px;
    }

    .janus-ragister-wrapp .btn {
        margin: 0px 0px 20px 0px;
        font-size: 16px;
    }

        .janus-ragister-wrapp .btn.ml20 {
            /*margin-bottom: 0px;*/
        }

    .janus-member-package-wrapp {
        padding: 0px 15px;
    }

        .janus-member-package-wrapp .col-lg-8.col-md-8 {
            padding: 0px 15px;
        }



    .janus-product-heading {
        font-size: 18px;
    }

    .janus-sdk-details .janus-btn-blue.btn-lg {
        padding: 8px 50px;
        font-size: 16px;
    }

    .prifile-btn-wrapp .janus-terans-btn {
        font-size: 18px;
        padding: 10px 20px;
    }
}

/* Portrait phones and smaller */

@media (max-width: 480px) {

    .janus-service-box {
        width: 49%;
    }


    .video-tutorial-section .btn-green {
        font-size: 14px;
    }

    .video-tutorial-section .btn-blue {
        font-size: 14px;
    }

    .janus-ban-heading {
        font-size: 24px;
    }

    .janus-brand-list li {
        margin: 4px 1px 3px 2px;
    }
}

@media (max-width: 375px) {

    .janus-accordian-heading {
        font-size: 15px;
    }

    .janus-accordian-head:after {
        right: 10px;
    }

    .janus-accordian-head.collapsed:after {
        right: 10px;
    }

    .h-bann-btn-width {
        min-width: 255px;
    }

    .janus-btn-green.btn-lg {
        font-size: 15px;
    }
}