@media (min-width:768px) {

    .creativeBox {
        max-width: 250px;
    }
    .menu,
    .login-form {
        display: block !important
    }

    .nav-close,
    .user-open {
        display: none !important
    }

    .user:hover .sub-user {
        display: block
    }


    .bell-icon:hover {
        background: #DD1133
    }

        .bell-icon:hover .white-bell {
            display: block
        }

        .bell-icon:hover .black-bell,
        .notification-list {
            display: none
        }

        .bell-icon:hover .notification-list {
            display: block !important;
        }

        .bell-icon:hover .notify-num {
            background: #f9f9f9;
            border-color: #DD1133;
            color: #DD1133;
        }

    .mob-login {
        display: none
    }
    /*added by sharpcake*/
    .animated-banners-figure {
        overflow-x: hidden !important
    }
}

@media (max-width:1600px) {
    .menu ul li {
        padding: 0 15px;
    }

    .create-page .container {
        width: 1280px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-login .container {
        width: 1280px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width:1440px) {
    .login-right {
        margin-right: -30px;
    }

        .login-right:before {
            content: '';
            width: 10px;
            height: 100%;
            position: absolute;
            background: #fff;
            right: 30px;
            z-index: 99;
        }


    
}

@media (max-width:1366px) {
    .menu ul li {
        padding: 0 10px;
    }

    .user {
        padding: 0 20px 0 20px;
    }

    .menu ul li a {
        padding: 0px;
    }
}

@media (max-width:1199px) {
    .menu ul li {
        padding: 0 20px
    }

    .comment_open #wrapper {
        width: 100%;
        margin-left: 0;
    }

    .comment_popup_box {
        width: 400px;
        left: -400px;
    }
}

@media (max-width:1030px) {
    .menu ul li {
        padding: 0 15px
    }

    h1 {
        font-size: 36px;
    }

    .explainer-box h2 {
        font-size: 38px;
    }

    h3 {
        font-size: 32px;
    }

    .thanks h1 {
        font-size: 44px;
        line-height: 48px;
    }

    /* .brief-list {

        width: 97%
    }*/

    /*.brief-list ul {
        width: 100%
    }*/
}


@media (max-width:991px) {

    .menu ul li {
        padding: 0 5px;
    }

    .user {
        padding: 0 15px 0 15px;
    }

    .explainer .explainer-box {
        padding-left: 30px
    }

    .explainer-box h2 {
        font-size: 31px;
    }

    .ques_mark {
        left: -40px;
    }

    h3 {
        font-size: 26px;
    }

    h1 {
        font-size: 30px;
    }

    .header-in {
        padding-left: 15px
    }

    .logo {
        width: 90px;
    }

    .header-in {
        font-size: 12px
    }

    .creative-list ul li {
        font-size: 18px;
    }

    .blue-box p {
        font-size: 14px
    }

    .num {
        font-size: 18px
    }

    h5 {
        font-size: 18px;
    }

    .faq_list {
        padding: 30px 0 30px 20px
    }

        .faq_list h5,
        .faq_list .faq-solution p {
            padding-right: 55px;
        }

    h4 {
        font-size: 27px;
    }

    .thanks h1 {
        font-size: 38px;
        line-height: 42px;
    }

    .thanks-right {
        padding-right: 0;
        padding-left: 25px
    }

    .thanks p,
    .part-txt h6 {
        font-size: 18px
    }

    .thanks-part {
        padding: 30px 10px 30px 40px;
        background-position: left 15px center;
    }

    .createPage-left {
        padding-right: 0
    }

    .form-group label:nth-of-type(1) {
        font-size: 16px;
    }

    .profile_right {
        padding-left: 30px;
    }

    .profile_left {
        padding-right: 30px
    }

    .profile-text h5 {
        font-size: 20px;
    }

    .brief-box {
        padding-left: 10px;
        padding-right: 10px
    }

    .brief-blue {
        padding: 15px
    }

        .brief-blue h6 {
            font-size: 15px;
        }

    .add_txt h5 {
        font-size: 17px;
        line-height: 23px;
    }

    .brief-list ul li {
        font-size: 10px;
        height: 46px;
        line-height: 48px;
    }

    .g_box_btn {
        margin: 0
    }

    .g_box_row .g_box {
        border: 0
    }

    .sub-user {
        min-width: 200px;
        right: 0;
        left: auto
    }

    .form-group textarea {
        height: 260px
    }

    .key-box {
        width: calc(33.33% - 20px)
    }

    .social-media-row .key-box-row .key-box:nth-child(2n+2) {
        margin-left: 30px !important;
        margin-right: 0 !important
    }

    .social-media-row .key-box-row .key-box {
        width: calc(50% - 15px);
    }

    .key-box-row .key-box:nth-child(3n+2) {
    }

    .key-box-row .key-box:nth-child(3n+2),
    .social-media-row .key-box-row .key-box:nth-child(3n+2) {
        margin-left: 30px;
        margin-right: 30px;
    }

    .tab-list li {
        font-size: 16px
    }

    .platform {
        max-width: 155px;
    }

    .choose-platform h5 {
        font-size: 20px;
    }

    .choose-platform p {
        font-size: 14px;
    }

    .description-txt {
        padding: 30px 20px;
    }

    .txt-blck p,
    .txt-blck ul {
        font-size: 18px;
    }

    .txt-blck-row .txt-block-right {
        padding-left: 20px
    }

    .txt-blck-row .txt-block-left {
        padding-right: 20px
    }

    .deliver-det h6 {
        font-size: 18px;
    }


    .g_box_btn {
        padding: 15px 0 0
    }

    .key-box-row .social-media-row .key-box-row .key-box:nth-child(2n+2) {
        margin-left: 30px;
        margin-right: 0;
    }

    .key-box-row .social-media-row .key-box-row .key-box:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 30px;
    }

    .pad_left {
        padding-left: 15px;
    }

    .videos-sec .platform {
        float: left;
    }
}


@media (max-width:767px) {
    .key-visual-box-row.full-img .concept_box li {
        width: 100%;
    }

    .preview_head h4 {
        background: #ffffff;
    }

    .sticky-content {
        position: fixed;
    }

    .main-preview h4, .complete-preview h4{
        text-align: center;
    }

    .preview_head.sticky-content {
        background: #ffffff;
        display: block;
        width: 100%;
        margin-top: -90px;
        z-index: 1;
        left: 0;
        right: 0;
        padding-top: 20px;
        padding-left: 32px;
        padding-right: 32px;
    }

    .deliver-tab.sticky-content {
        background: #ffffff;
        display: block;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 1;
        padding-top: 20px;
        top: 56px
    }
    /*    .mobile-margin{margin-top: 70px; padding-top: 18px;}*/
    .bottom_list ul li {
        margin: 0 2px;
    }

    .comment_popup_box {
        width: 100%;
        left: -100%;
    }

    .header-in, .preview_head h4 {
        border-bottom: 1px solid #dedede;
    }

    .preview_head h4 {
        padding-bottom: 15px;
    }

    .platform {
        float: left;
    }

    .user .user-prof {
        margin-right: 0
    }

    .menu {
        display: none;
        position: fixed;
        top: 55px;
        height: calc(100% - 55px);
        background: #fff;
        left: 0;
        width: 100%;
    }

        .menu ul li a:after {
            display: none
        }

        .menu ul {
            padding: 15px 0;
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center
        }

            .menu ul li {
                display: block;
            }

                .menu ul li a {
                    font-family: 'SFUIDisplay-Bold';
                }

            .menu ul li {
                line-height: normal;
                height: auto;
                padding: 0;
                font-size: 20px;
            }

                .menu ul li a {
                    padding: 15px 15px
                }

    .append-value ul li .close{
        right: 16px;
    }
    .append-value ul li{
        width: 33%
    }

    .user-name {
        display: none
    }

    .right-user {
        height: 56px;
        padding-right: 30px
    }

    .bell-icon {
        height: 56px;
        width: 56px;
    }

    .bell-ico {
        width: 18px;
        height: 21px
    }

    .notify-num {
        height: 20px;
        width: 20px;
        font-size: 10px;
        line-height: 19px;
        right: -12px;
    }

    .sub-user {
        min-width: 180px;
        right: 0px;
        left: auto;
        top: 56px
    }

    .notification-list {
        top: 56px;
        min-width: 200px;
        position: fixed;
        left: 0;
        height: calc(100% - 56px);
        padding: 25px 35px
    }

        .notification-list ul li {
            font-size: 10px;
            border: 0;
            border-bottom: 1px solid #eeeeee;
            font-size: 15px;
            font-family: 'SFUIDisplay-Bold';
        }

    .bell-icon.open3 {
        background: #DD1133
    }

    .notification-list ul li:last-child {
        border: 0
    }

    /*Hamburger*/
    #nav-icon1 {
        width: 42px;
        height: 18px;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        right: 15px
    }

        #nav-icon1 span {
            display: block;
            position: absolute;
            height: 4px;
            width: 100%;
            background: #3f3f3f;
            border-radius: 9px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

            #nav-icon1 span:nth-child(1) {
                top: 0px;
            }

            #nav-icon1 span:nth-child(2) {
                top: 8px;
            }

            #nav-icon1 span:nth-child(3) {
                top: 16px;
                width: 70%;
                right: 0;
                left: auto;
            }

    .nav-icon1-top.open3 #nav-icon1 span {
        background: #fff
    }

    #nav-icon1.open span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: auto;
        right: -60px;
    }

    #nav-icon1.open span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }


    .nav-icon1-top {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 56px;
    }

        .nav-icon1-top.open3 {
            background: #dd1133
        }

    #nav-icon1 {
        top: 50%;
        margin-top: -9px;
        width: 26px;
        left: 50%;
        margin-left: -13px
    }

        #nav-icon1 span {
            background: #3f3f3f;
            height: 2px
        }

    h1 {
        font-size: 24px;
    }

    .main-content {
        padding: 20px 0 30px
    }

    #wrapper {
        padding-top: 56px;
    }

    .main-heading {
        padding-bottom: 15px;
    }

    .creativeBox {
        margin-bottom: 25px
    }

    .creative-box {
        padding-bottom: 30px
    }

    .creative-list ul li {
        height: 70px;
    }

    .video-box {
        top: auto;
        transform: none;
        position: relative
    }

    .explainer {
        border: solid 2px #f2f2f2;
        padding: 20px 20px 35px;
        border-radius: 11px;
        margin-bottom: 40px
    }

        .explainer .explainer-box {
            min-height: inherit;
            border: 0;
            padding: 5px 0 20px
        }

    .explainer-box h2 {
        font-size: 24px;
        text-align: center
    }

        .explainer-box h2 br {
            content: ''
        }

    .ques_mark {
        display: none
    }

    .faq-box p {
        font-size: 14px;
    }

    .faqBox_left {
        display: none
    }

    .faq-box h3 {
        font-size: 24px;
        padding-top: 5px
    }


    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 22px;
    }

    .faq-box .row {
        height: auto;
        text-align: center;
    }

    .faq-box .h_ques {
        margin: 0 auto
    }

    .faq_list {
        padding: 20px 0 20px 15px
    }

        .faq_list h5 span {
            top: 5px;
            right: 0
        }

        .faq_list .faq-solution p {
            padding-right: 15px;
            font-size: 14px;
            line-height: 21px;
        }

        .faq_list h5 {
            padding-right: 25px
        }

    h5 {
        font-size: 15px;
        line-height: 20px;
    }

    .faq_list.expand {
        border-width: 2px
    }

    .faq_sec {
        padding: 20px 0 40px 0
    }

    .thanks-right {
        padding: 35px 15px 0;
        text-align: center
    }

    .thanks > .row {
        width: auto
    }

    .thanks-right img {
        max-width: 260px
    }

    .thanks {
        text-align: center
    }

    .thanks-part {
        margin-bottom: 25px
    }

    .thanks h1 {
        font-size: 28px;
        line-height: 31px;
    }

    .thanks_btm > p {
        font-size: 15px
    }

    .part-txt p {
        font-size: 13px;
    }

    .thanks p,
    .part-txt h6 {
        font-size: 15px;
        line-height: 19px;
    }

    .part-img {
        height: 60px;
        width: 60px;
    }

    .thanks-part {
        background-size: auto 70%;
    }

    .part-txt a {
        font-size: 12px;
    }

    .login-form {
        display: none
    }

    .header-in {
        height: 56px;
    }

    .login-right {
        position: relative;
        transform: none;
        top: auto;
        padding-bottom: 35px;
    }

        .login-right img {
            width: 100%;
            padding-right: 35px;
        }

    .create-page {
        padding: 0;
        padding-top: 50px;
    }

    .thanks h1 b {
        display: block
    }

    .thanks .create {
        margin: 0 auto
    }

    .createPage-left {
        padding-right: 15px
    }

    .form-group label:nth-of-type(1) {
        font-size: 15px;
    }

    .create-account form input {
        height: 50px;
        font-size: 14px;
        padding: 0 15px
    }

    .create-account .form-group input[type="Submit"],
    .create-account .profile-form .form-group input[type="Submit"],
    .create-account .profile-form .form-group input[type="button"].never-mind {
        width: 100%;
        margin: 5px 0
    }

    .create-account .form-group input[type="Submit"],
    .create-account .create-form .form-group input[type="Submit"],
    .create-account .create-form .form-group input[type="button"].never-mind {
        width: 100%;
        margin: 5px 0
    }

    .never-btn {
        display: block
    }

    .circle-right {
        padding: 35px 0 0
    }

    .circle-img {
        width: 240px;
        margin: 0 auto
    }

    .profile-img {
        width: 80px;
        height: 80px;
    }

    .cam {
        width: 25px;
        height: 25px;
        line-height: 21px;
    }

        .cam img {
            width: 12px
        }

    .profile-key .profile-img img {
        width: 50%;
    }

    .profile-text h5 {
        font-size: 16px;
    }

    .profile-text p {
        font-size: 13px;
    }

    .profile-text {
        width: calc(100% - 83px)
    }

    .profile-form-btn .never-btn {
        padding-top: 15px
    }

    .profile_right,
    .profile_left {
        padding: 0 15px
    }

    .profile_left {
        padding-bottom: 30px
    }

    .brief-box {
        width: 33.33%;
        padding-left: 20px;
    }

    .brief-box-top .brief-box:nth-child(4n+1) {
        padding-left: 20px;
        padding-right: 10px;
    }

    .brief-box-top .brief-box:nth-child(3n+1) {
        padding-left: 0;
    }

    .breif-fLeft {
        padding-bottom: 25px;
        border: 0
    }

    .brief-list ul {
        display: block
    }

        .brief-list ul li {
            width: 100%;
            display: none
        }

            .brief-list ul li.active {
                display: block
            }

    /* .brief-list {
        width: 94%;
    }
*/
    .breif_btm {
        padding-top: 0
    }

        .breif_btm label span {
            font-size: 17px;
        }

    .create-account .breif_btm .form-group {
        margin-bottom: 0
    }

    .g_box_btn {
        display: block
    }

    .new-brief .create-account form input,
    .create-account .g_box_btn input.nxt {
        width: 100% !important;
        margin: 5px 0 10px;
    }

    .new-brief .create-account form input,
    .create-account .g_box_btn input.nb_back {
        width: 100%;
        margin: 5px 0 10px
    }

    .send-btn.fnl input {
        width: 100%;
        margin-bottom: 5px;
    }


    /*
    .breif-tab1 {
        padding-top: 0
    }
*/
    .pop-up-in {
        padding: 40px 20px;
    }

    .pop-up h5 {
        font-size: 16px;
        line-height: 21px;
    }

    .pop-head h5:before {
        width: 3px
    }

    .pop-head h5 {
        padding-left: 15px
    }

    .pop-txt p,
    .pop-txt ul li {
        font-size: 13px;
        line-height: 18px;
    }

    .pop-txt {
        padding-right: 15px
    }

    .pop-head {
        padding-bottom: 20px;
        padding-right: 30px;
    }

    .pop-up-in .close {
        right: 15px
    }

    .final-file .file-add {
        height: 0;
        padding: 0
    }

        .final-file .file-add.show3 {
            padding-top: 25px;
            height: 165px;
        }

    .deliver-tab {
        width: 100%;
        overflow-y: hidden;
        overflow-y: auto;
    }

    .tab-list {
        width: 100%;
    }

    .key-box-row {
        padding-top: 20px
    }

    .tab-list li {
        font-size: 11px;
        border-width: 3px
    }

    .key-box {
        width: 48%;
        margin-left: 0;
        margin-right: 0;
    }

    .key-box-row .key-box:nth-child(3n+2),
    .social-media-row .key-box-row .key-box:nth-child(3n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    .key-box-row .key-box:nth-child(2n+1),
    .social-media-row .key-box-row .key-box:nth-child(2n+1) {
        margin-right: 4%;
    }

    /*
    .platform ul,
    .platform h6 {
        width: 230px
    }*/

    .key-box h6 {
        font-size: 11px;
    }

    .key-box p {
        font-size: 9px;
    }

    .key-head h6 {
        font-size: 12px;
    }

    .key-txt p {
        font-size: 11px;
    }

    .squre-size {
        padding-top: 25px
    }

        .squre-size .key-box h6 {
            font-size: 14px;
        }

    .g_box_btn {
        padding-top: 15px
    }

    .size-box {
        width: 31%;
        margin-left: 0;
        margin-right: 0
    }

        .size-box h6 {
            font-size: 12px;
        }

    .banner-sizes {
        padding-top: 25px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }

    .choose-platform ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .choose-platform ul li {
            width: 31%;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
            height: 46px;
        }

            .choose-platform ul li img {
                max-width: 70px;
            }

    .choose-platform h5 {
        font-size: 18px;
    }

    .form-group textarea {
        height: 120px;
        font-size: 14px;
    }

    .brief-list ul li {
        font-size: 13px
    }



    .deliver-det h6 {
        font-size: 16px;
    }

    .txt-blck-row .txt-block-right,
    .txt-blck-row .txt-block-left {
        width: 100%
    }

    .txt-blck-row .description-txt:before {
        display: none
    }

    .txt-blck-row .txt-block-left {
        padding-right: 0
    }

    .txt-blck-row .txt-block-right {
        padding-left: 0
    }

    .block-half .txt-blck {
        min-height: inherit;
    }

    .txt-blck ul,
    .txt-blck p {
        font-size: 16px;
    }

    .txt-blck h6 {
        font-size: 14px;
    }

    .deliver-det ul li {
        font-size: 13px;
    }

    .edit-head {
        padding: 0 25px
    }

        .edit-head p {
            font-size: 13px;
        }

    .description-txt {
        padding: 25px 15px
    }

    .nav-close {
        border-radius: 4px;
        border: solid 1px #f5f5f5;
        width: 100%;
        max-width: 249px;
        margin: 0 auto;
        position: absolute;
        height: 45px;
        text-align: center;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
    }

        .nav-close p {
            line-height: 45px;
            text-align: center;
            font-size: 12px;
            font-family: 'SFUIDisplay-Bold';
            position: relative;
            display: inline-block;
        }

            .nav-close p:before {
                content: "\f00d";
                position: absolute;
                font-family: FontAwesome;
                left: -25px;
                font-size: 16px;
                color: #8c8c8c;
                top: 45%;
                transform: translateY(-50%);
                line-height: normal;
            }

    .user {
        border: 0 !important
    }

    .right-user .user {
        padding: 0;
        width: 56px;
    }

    .user-open {
        position: fixed;
        left: 0;
        top: 55px;
        background: #fff;
        width: 100%;
        height: calc(100% - 55px);
        padding: 25px 35px 0;
        display: none;
    }

        .user-open .user-name,
        .user-open .sub-user {
            display: block
        }

        .user-open .sub-user {
            right: auto;
            position: static;
            text-align: left;
            padding-top: 25px;
            background-color: #ffffff
        }

    .sub-user li a{
        color: #b3b5b8;
        font-size: 20px
    }

    .user-open .user {
        display: block;
        text-align: center;
        padding: 0
    }

        .user-open .sub-user li {
            border: 0;
            border-top: 1px solid #eeeeee;
            padding: 0;
            font-size: 15px;
        }

        .user-open .user-name p {
            font-size: 17px;
        }

        .user-open .user p em {
            display: none
        }

        .user-open .user .user-prof {
            margin: 0 auto 15px;
            width: 70px;
            height: 70px;
        }

    .user .user-prof img {
    }

    .user.open3 {
        background: #DD1133;
    }

    .bell-icon.open3 .white-bell {
        display: block
    }

    .bell-icon.open3 .black-bell {
        display: none
    }

    .bell-icon.open3 .notify-num {
        background: #f9f9f9;
        border-color: #DD1133;
        color: #DD1133;
    }

    .bell-icon:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 22px;
        background: #efefef;
        width: 1px
    }

    .right-user .user:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 22px;
        background: #efefef;
        width: 1px
    }

    .bell-icon.open3:before {
        display: none
    }

    .right-user .user.open3:before {
        display: none
    }

    .mob-login {
        display: block;
        font-size: 24px;
        cursor: pointer;
        height: 100%;
        padding: 0 15px;
        line-height: 30px;
        font-size: 10px;
        font-weight: 900;
        width: 95px;
        height: 30px;
        border-radius: 2px;
        background-color: #000000;
        color: #fff;
        text-transform: uppercase;
        font-family: 'SFUIDisplay-Bold' !important;
        text-align: center;
        padding-top: 2px
    }

        .mob-login.open3 {
            background: #df1d35;
            color: #fff
        }

    .header-login {
        padding-right: 15px
    }

    .mob-login em {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle
    }

    .login-form {
        position: fixed;
        height: calc(100% - 56px);
        width: 100%;
        top: 0;
        left: 0;
        background: #fff;
        top: 56px;
    }

        .login-form form {
            position: absolute;
            top: 44%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            max-width: 320px;
            width: 84%;
            height: auto
        }

            .login-form form .form-group {
                width: 100%;
                margin-left: 3px;
                margin-bottom: 15px
            }

            .login-form form input {
                width: 100%;
                height: 50px;
            }

                .login-form form input[type="submit"] {
                    width: 100%
                }

    .select2-container--open .select2-dropdown--below {
        margin-left: 15px;
    }

    .select2-container {
        left: 0 !important;
    }

    .pad_left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container {
        padding: 0 35px 0 34px;
    }

    .main-heading h1 {
        text-align: left;
        font-size: 23px;
        letter-spacing: -.8px;
    }

    .blue-box p {
        font-size: 15px
    }

    .num {
        font-size: 17px;
    }


    .creative-list ul li {
        padding: 0 40px 0 20px;
    }

    .faqBox_right {
        padding: 20px 20px 35px;
    }

    .h_ques {
        width: 330px;
        max-width: 100%;
    }

    .user .user-prof {
        width: 24px;
        height: 24px
    }

    .login-right:before {
        display: none
    }

    .social-media-row .key-box-row .key-box {
        width: 48%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

        .social-media-row .key-box-row .key-box:nth-child(2n+2) {
            margin-left: 4% !important;
        }

    .key_heading_bg {
        display: none;
    }

    .key_heading h4 {
        border-radius: 0px;
        text-align: center;
        margin-left: -35px;
        margin-right: -35px;
    }

    .concept_box h4 {
        font-size: 18px;
        text-align: center;
    }

        .concept_box h4 br {
            display: none;
        }

    .download_share, .visual_image_box figure {
        text-align: center;
    }

    .key-visual-box-row {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        position: relative;
    }

        .key-visual-box-row .concept_box {
            order: 2;
            position: static;
        }

        .key-visual-box-row .visual_image_box {
            order: 1;
            margin-top: 30px;
            text-align: center;
        }

    .concept_box h4, .concept_box p {
        position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .key_heading:after {
        left: 0;
        right: 0;
        margin: auto;
    }

    .bottom_list ul {
        text-align: center;
    }

    .concept_box p {
        font-size: 10px;
        text-align: center;
        top: 45px;
    }
}

@media(max-width:640px) {
    .brief-box {
        width: 50%;
        padding-left: 20px;
    }

    .brief-box-top .brief-box:nth-child(3n+1) {
        padding-left: 20px;
    }

    .toleft {
         margin-left: 0; 
    }

}

@media(max-width:567px) {
    .brief-box {
        width: 100%;
        margin: 0 auto;
    }

    .create_new {
        min-height: 170px
    }

    .complete-brief h4,
    .main-brief h4 {
        text-align: center
    }
}

@media(max-width:359px) {

    /*   .notification-list,
    .sub-user {
        right: -20px;
    }*/
    /* .notification-list,
    .user-open {
        padding: 25px;
    }*/
}