@media(min-width: 768px) {
    .meetteam-4 .inner-div-text.triangle-div > div{
        padding: 0 130px 0 32px;
    }
    .meetteam-4 .right-block p {
        font-size: 15px;
    }
    .border-animation p{
        max-width: 750px;
    }
    .meetteam-5 .container > .row{
        padding: 0 50px;
    }
    .meetteam-5 .container > .row.first-row{
        padding: 0 20px;
    }
    .thank-you-page {
        transform: scale(.5);
        margin-left: -80px;
    }
    .mo-progpage-7 h3{
        font-size: 30px;
    }
    .exp-directory-block .right-block {
        flex: 300px 0 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .exp-directory-block {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mobile-bg{
        display: none;
    }
    .main-outter{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        min-height: 100vh;
        background: #fff;
    }
    .main-outter .section1{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .main-outter .section1 > .row{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .main-outter .section2{
        bottom: 0;
        margin: 0;
        padding-top: 60px;
        padding-bottom: 40px;
        width: 100%;
        background: #F6F4F4;
    }
}

@media(min-width: 992px) {
    .exp-details-flex{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        max-width: 1170px;
    }
    .exp-details-flex .exp-flex-container2{
        -webkit-box-flex: 390.5px 0 0;
        -webkit-flex: 390.5px 0 0;
        -ms-flex: 390.5px 0 0;
        flex: 390.5px 0 0;
    }
    .exp-details-flex .exp-flex-container2 > div{
        /*position: fixed;*/
        width: 360px;

        /*-webkit-transition: all 1s linear;*/
        /*-moz-transition: all 1s linear;*/
        /*-o-transition: all 1s linear;*/
        /*transition: all 1s linear;*/
    }

    .border-animation p{
        max-width: 970px;
    }
    .read-more{
        position: absolute;
        right: -100px;
    }
    .tbl-vcenter .w-390{
        max-width: 390px;
        margin: 0 auto;
        display: block;
    }
    .tbl-vcenter .w-320{
        max-width: 320px;
        margin: 0 auto;
        display: block;
    }
    .tbl-vcenter .w-410{
        max-width: 410px;
        margin: 0 auto;
        display: block;
    }
    .tbl-vcenter .w-425{
        max-width: 425px;
        margin: 0 auto;
        display: block;
    }
    .tbl-vcenter .w-335{
        max-width: 335px;
        margin: 0 auto;
        display: block;
    }
    .tbl-vcenter .w-280{
        max-width: 280px;
        margin: 0 auto;
        display: block;
    }
    .meetteam-4 .inner-div-text.triangle-div > div{
        padding: 0 170px 0 55px;
    }
    .meetteam-4 .right-block p{
        font-size: 20px;
    }
    .meetteam-1 .right-block
    {
        padding-left: 20px;
    }
    .meetteam-2 .prof-details{
        padding-right: 70px;
    }
    .meetteam-3 .right-block .group-1{
        margin-top: 35px;
    }

    .prog_page-4 .right-block .group-1{
        margin-top: 35px;
    }
    .thank-you-page {
        transform: scale(.7);
        margin-left: -50px;
    }

}

@media(min-width: 1200px) {
    .inner-div-text.triangle-div > div{
        padding: 0 90px 0 55px;
    }
    .mission-page .mission{
        margin-left: 50px;
    }

    .meetteam-3 .left-block{
        padding-right: 110px;
    }
    .meetteam-3 .right-block .inner-div-text > div{
        padding: 0 60px;
    }

    .meetteam-4 .inner-div-text.triangle-div > div{
        padding: 0 170px 0 55px;
    }

    .meetteam-10.section-10 .container > .row{
        padding-left: 70px;
    }

    .prog_page-2 .inner-div-text.triangle-div > div{
        padding: 0 110px 0 55px;
    }
    .prog_page-4 .right-block .inner-div-text > div {
        padding: 0 60px;
    }

    .prog_page-4 .left-block{
        padding-right: 110px;
        padding-left: 50px;
    }

    .prog_page-5 .inner-div-text.triangle-div > div{
        padding: 0 100px 0 65px;
    }

    .applypage-2 .bottom-block > div:nth-child(2) .inner-div-text > div{
        padding: 0 35px;
    }
    .applypage-2 .bottom-block > div:nth-child(4) .inner-div-text > div{
        padding: 0 35px;
    }
    .border-animation p{
        max-width: 1170px;
    }
    .meetteam-1 .right-block {
        padding-right: 90px;
        padding-top: 30px;
    }
}

@media(min-width: 1307px) {
    .extra-idea-box img
    {
        width: 300px;
        height: 220px;
    }
    .extra-idea-box .link-thumb
    {
        width: 300px;
        height: 220px;
    }
}

@media (min-width: 992px) and (max-height: 800px) {
    .tbl-vcenter img
    {
        max-height: 60vh;
    }
    .container, .border-animation p{
        width: 980px;
    }
    .exp-details .container{
        width: 1170px !important;
    }
    /*.container.idea-page-content
    {
        width: 1170px;
    }*/
    #section1 .jet-block.col-md-8{
        width: 83.33333333%;
    }
    #section1 .jet-block.col-md-offset-2{
        margin-left: 8.33333333%;
    }
    #menu li{
        margin:0 10px 0;
    }
    h1{ font-size: 40px; }
    h2{ font-size: 36px; }
    h3{ font-size: 28px; }
    h4{ font-size: 20px; }
    h5{ font-size: 15px; }
    h6{ font-size: 13px; }
    .meetteam-2 .prof-details p{
        /*font-size: 20px;*/
        font-size: 14px;
    }
    .track-record{
        padding: 10px 20px 10px 20px !important;
    }
    .meetteam-2 .container{
        padding-top: 50px;
    }
    .track-record img{
        width: 40px !important;
    }
    .prog_page-4 .left-block{
        padding-right: 70px;
        padding-left: 40px;
    }
    .meetteam-5 .bootstrap-select .btn-info,
    .meetteam-5 .bootstrap-select .btn-info:hover,
    .meetteam-5 .bootstrap-select .btn-info:focus,
    .meetteam-5 .bootstrap-select .btn-info:active{
        font-size: 20px;
    }
    .meetteam-5 .top-block h2{
        margin-bottom: 10px;
    }
    .meetteam-5 .prof-box{
        margin-top: 14px;
    }
    .program-page{
        margin-left: -40px;
    }
    .prog_page-3 .right-block .inner-div-text > div{
        padding: 0 48px;
    }
    .meetteam-2 .prof-details h4
    {
        margin: 15px 0 3px;
    }
    .section-4 h1
    {
        font-size: 32px;
    }
    .nav-img li
    {
        font-size: 16px;
    }
    .section .border-animation
    {
        bottom: 30px;
    }
    .applypage-4 h1
    {
        font-size: 32px;
    }
    .applypage-4 .left-block p
    {
        font-size: 16px;
    }
    .meetteam-5 .prof-box img
    {
        width: 55px;
    }
    .footer .row {
        max-width: 950px;

    }
    .decision-content h3 {
        font-size: 32px;
    }
}

@media(min-width: 992px) and (max-width: 1300px){
    .teamdance{
        transform: scale(.8);
    }
}

/*//////////////*/

@media(max-width: 1200px) {
    .experimtn-form h2{
        font-size: 32px;
    }
    .experimtn-form input {
        height: 66px;
        font-size: 16px;
        padding: 10px 15px;
    }
    .aftertext{
        font-size: 16px;
        top: 22px;
    }
    .experimtn-form .form-group span {
        top: 22px;
        right: 15px;
        font-size: 16px;
    }
    .experimtn-form .form-group span.help-block{
        top: 17px;
    }
    .experimtn-form .form-group span.email-error{
        top: 18px
    }
    .experiment-sidebar h1 {
        font-size: 40px;
    }
    .experiment-sidebar .sidebar-bg {
        left: calc(50% - 140px);
        top: calc(50% - 116px);
        width: 280px;
    }
    .main-outter .section2 {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .btn-block .form-btn .custom-btn span.forgot-pwd{
        font-size: 16px;
    }
    .custom-file .custom-file-control{
        font-size: 16px;
        height: 66px;
        padding: 20px 15px;
    }
    .custom-file .custom-file-control:before{
        padding: 20px 15px;
    }
}

@media(max-width: 1199px) {
    #menu li{
        margin: 10px 0;
    }
    #section1 .jet-block.col-md-8{
        width: 83.33333333%;
    }
    #section1 .jet-block.col-md-offset-2{
        margin-left: 8.33333333%;
    }
    .inner-div-text > div{
        padding: 0 50px;
    }
    .inner-div-text.triangle-div > div{
        padding: 20px 30px 0 30px;
    }
    .program-page{
        margin-left: -50px;
    }
}

@media(max-width: 991px) {
    .exp-details-flex .exp-flex-container2{
        -webkit-box-flex: 265px 0 0;
        -webkit-flex: 265px 0 0;
        -ms-flex: 265px 0 0;
        flex: 265px 0 0;
    }
    .exp-flex-container2{
        padding: 0;
    }
    .exp-details-flex .exp-flex-container2 > div{
        position: fixed;
        width: 250px;

        -webkit-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -o-transition: all 1s linear;
        transition: all 1s linear;
    }


    .custom-file .custom-file-control{
        font-size: 15px;
    }
    .aftertext{
        font-size: 15px;
        top: 24px;
    }
    #menu li a, #menu li.active a{
        padding: 9px 10px;
    }
    #section1 .jet-block.col-md-8{
        width: 100%;
    }
    #section1 .jet-block.col-md-offset-2{
        margin-left: 0;
    }
    .inner-div-text > div{
        padding: 0 30px;
    }
    .inner-div-text.triangle-div > div{
        padding: 20px 30px 0 20px;
    }
    h1{ font-size: 40px; }
    h2{ font-size: 38px; }
    h3{ font-size: 28px; }
    h4{ font-size: 20px; }
    h5{ font-size: 15px; }
    h6{ font-size: 13px; }
    .mo-progpage-7 h3{
        font-size: 21px;
        margin-top: 20px;
    }
    .prog_page-4 .track-record{
        padding: 16px 10px 14px 10px;
    }
    .program-page{
        margin-left: -80px;
    }
    .applypage-2 .bottom-block > div:nth-child(4) .inner-div-text > div {
        padding: 0 4px;
    }
    .prog_page-1 .bulb-gif img{
        width: 100%;
    }
    .exp-directory .header h1{
        font-size: 60px;
    }
    .experimtn-form .form-group span.help-block p{
        font-size: 15px;
    }
    .experimtn-form input{
        font-size: 15px;
    }
}

@media(max-width: 767px) {
    /*.whatisthis {
        padding-top: 0px;
    }*/
.flask-mo{
    max-width: 220px;
    margin: 0 auto;
}
    .whatisthis .right-block{
        padding-top: 0%;
    }
    .whatisthis.faq h1{
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
        text-align: center;
    }
    .whatisthis h3{
        margin-bottom: 0px;
        font-size: 20px;
    }
    .whatisthis > .row {
        margin-top: 50px;
    }
    .exp-directory .offers{
        padding: 15px 0;
    }
    .exp-directory .offers h3{
        font-size: 18px;
    }
    .exp-directory .offers p{
        font-size: 16px;
    }
    .exp-directory .brought p{
        margin-top: 20px;
    }
    .exp-directory .header h1 {
        font-size: 44px;
        letter-spacing: 3px;
        margin-bottom: 5px;
    }
    .beta{
        color: #FA4E77;
        text-transform: uppercase;
        font-size: 9px;
        position: absolute;
        top: 0px;
        left: 70px;
    }
    #nextt-registration-popup .modal-body h1,
    #nextt-registration-popup .modal-body h1 span{
        font-size: 22px;
    }
    .thumb-outter{
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
    }
    .idea-page-header2 .menubar{
        padding: 10px 0px;
    }
    .mo-sidebar{
        margin-bottom: 20px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 20px;
    }
    .help-btn-outter .help-btn{
        margin: 0 !important;
    }
    .help-btn-outter{
        /*margin-bottom: 30px;*/
        /*border-bottom: 1px solid #e0e0e0;*/
    }
    .help-btn-outter .help-btn{
        background: none !important;
        padding: 14px 13px 13px !important;
        border-radius: 10px !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        display: inline-block !important;
        width: 100% !important;
    }
    .sidebar-detail-inner{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .sidebar-detail-inner > div{
          width: 33.33%;
    }
    .sidebar-detail-inner > div h1{
        font-size: 40px !important;
    }
    .idea-page .sidebar-detail .link{
        display: block;
    }
    .mobile-purple-header .navbar-brand img{
        /*padding-top: 11px;*/
        padding-top: 13px;
        /*padding-left: 5px;*/
    }
    .discussion-block{
        padding: 0;
    }
    .discussion-block .commentbox {
        margin-bottom: 0px;
    }
    .discussion-block .discus-title{
        padding-top: 0px;
        border-top: 0;
        margin-bottom: 15px;
    }
    .discussion-block .discus-title h2{
        margin: 0;
    }
    .comment-form textarea.form-control {
        padding: 12px 15px 11px;
        font-size: 14px;
        border: 2px solid #D9D9D9;
    }
    .discussion-block .discus-content .user-logo{
        margin-right: 20px;
    }
    .delete-comment{
        left: 71px;
        bottom: 5px;
    }
    .user-comment .user-name,
    .user-comment .comment{
        font-size: 15px;
    }
    .date-details {
        margin-bottom: 40px;
    }
    .discussion-block .discus-content{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .comments .discus-content{
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .idea-page-header2{
        display: none !important;
    }
    .create-expe-menu{
        display: block !important;
    }
    .form-header .btn{
        border: 2px solid;
        padding: 10px;
    }
    .form-header .btn-discard{
        margin-right: 10px;
    }
    .mo-left-no-padding{
        padding-left: 0;
    }
    .navbar-toggle{
        /*margin-top: 8px !important;*/
        /*margin-right: 3px !important;*/
        margin-top: 14px !important;
        margin-right: 10px !important;
    }
    .swiper-button-next{
        right: -5px;
    }
    .swiper-button-prev{
        left: -5px;
    }
    .read-more-inspiration.read-more-mo a{
        margin: 20px 0px 0;
    }
    .idea-page .sidebar-detail,
    .idea-page .slider,
    .idea-page .backers-except,
    .idea-page .bakers{
        margin-top: 20px;
    }
    .idea-page .needs h3{
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .idea-page .slider h3
    {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .gallery-top{
        height: 350px !important;
    }
    .main-navigation {
        position: fixed;

        /* new header */
        top: 48px;
    }
    .dollar-sign + input{
        padding: 6px 15px 6px 20px;
    }
    .dollar-sign,
    .dollar-sign.amounts{
        left: 25px;
        font-size: 17px;
        top:19px;
    }
    .directory-body{
        margin-top: 20px;
    }
    .exp-directory-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .exp-directory .header .mobile-bg{
        background-image: url(../../images/sidebar-bg.svg);
        height: 65%;
        top: 18% !important;
        width: 70%;
        position: absolute;

    }
    .exp-directory .header{
        min-height: 400px;
        padding-top: 40px;
    }
    .mission-page h1{
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .mission-page h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .mission-page p{
        font-size: 17px;
        margin-bottom: 25px;
    }
    .mission-page p.brand-gray-dark {
        margin-bottom: 25px;
    }
    .mission-page ul li {
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 15px;
    }


    .mission-page > .row{
        margin-top: 0;
    }
    .mission-page .mission {
        margin-top: 0;
        margin: 0 auto;
    }


    .inner-div-text > div {
        padding: 0 45px;
    }
    header
    {
        padding: 15px 0 0!important;
        height: auto !important;
    }
    .navbar-collapse
    {
        background: #fff;
    }
    .navbar-nav > li > a
    {
        color: #ffffff;
    }
    .navbar-nav > li > a:hover,
    .navbar-nav > li > a:focus{
        color: #6842D7;
    }
    .navbar-header{
        margin-bottom: 5px;
    }
    .navbar
    {
        margin-bottom: 0;
    }
    .navbar-nav{
        margin-bottom: 0;
    }
    .inner-div-text
    {
        width: 100%;
        margin: 0 auto;
    }
    h1, h3
    {
        margin: 0;
    }
    .mobsection3 .col-xs-12:first-child
    {
        margin-bottom: 20px;
    }
    .mobsection4 h1
    {
        margin-bottom: 20px;
    }

    .submission-page{
        padding-left: 30px;
        padding-right: 30px;
    }
    .submission-page .left-block .apply-page{
        margin: 0 auto;
    }
    .submission-page form button
    {
        margin-bottom: 50px;
    }
    .submission-page form input, .submission-page form select{
        font-size: 15px;
        border: 2px solid #6842D7;
        height: 60px;
    }
    .submission-page form label {
        font-size: 15px;
        top: 20px;
    }

    .thank-you-page, .program-page{
        margin: 0 auto;
    }
    .got-form-img{
        margin: 0 auto;
    }
    .social span {
        right: 0px !important;
        top: 48px !important;

    }
    .typeform-modal .typeform-close {
        top: 8px !important;
        right: 18px !important;
        width: 37px !important;
        height: 45px !important;
    }
    .got-a-question h1{
        font-size: 36px;
    }
    .got-a-question p.sub-text{
        font-size: 16px;
    }
    .got-form ul li input{
        height: 60px;
        font-size: 16px;
    }
    .got-form ul li textarea {
        height: 149px;
        font-size: 16px;
    }
    .submit-btn a {
        font-size: 16px;
    }
    .bulb-gif img
    {
        margin: 0 auto 40px;
        width: 170px;

    }
    .pencil-anim {
        text-align: center;
    }
    .pencil-anim img
    {
        max-width: 170px;
        margin: 0 auto 40px;
    }
    .mobsection2 h4 {
        font-size: 17px;
        line-height: 25px;
    }
    .trackrecord-page{
        margin:0 auto;
    }
    .mo-progpage-6 .bottom-block h1 a,
    .mo-meetteam-5 .bottom-block h1 a {
        font-size: 23px;
    }
    .prog-animate{
        margin: 0 auto;
    }
    .mission-page ul li p{
        font-size: 15px;
    }
    .faq .panel-body
    {
        font-size: 15px;
    }
    .faq .panel-title
    {
        font-size: 18px;
    }
    .mission-animate-image, .apply-animate, .animate-images{
        margin: 0 auto;
    }
    .typeform-widget.type-form-close.close-btn{
        display: none !important;
    }
    .calender-page
    {
        min-height: auto;
    }
    .calender-top-note-2
    {
        margin-bottom: 40px;
    }
    .date-details h1
    {
        font-size: 28px;
    }
    .calender-date span
    {
        font-size: 14px;
    }
    .calender-date
    {
        margin-bottom: 30px;
    }

    .leave-comment
    {
        width: 100%;
        margin-top: 20px;
    }
    .case-study-header
    {
        padding-top: 70%;
    }
    .case-study-mo
    {
        padding:0 30px;
    }
    .like-comment-outer
    {
        text-align: left;
        float: left;
        margin-top: 20px;
    }
    .case-study-header-content
    {
        top: 40%;
        width: 200px;
    }
    .case-study-page-content
    {
        margin-top: 0;
        border-top: 1px solid #6842D7;
        padding: 0;
    }
    .case-study-logo
    {
        margin-bottom: 30px;
        margin-top: 60px;
    }
    .case-study-page
    {
        height: auto;
    }
    .case-study-button a
    {
        border:1px solid #6842D7;
        padding: 5px;
        border-radius: 5px;
    }
    .case-study-button img
    {
        margin-top: 9px;
    }
    .join-list
    {
        margin-top: 0;
    }
    .idea-page-header .join-list
    {
        position: absolute;
        margin: 0;
        top: 0px;
        left: 10px;
        border: none;
    }
    .modal-dialog .modal-body input
    {
        height: auto;
        font-size: 18px;
    }
    .modal-dialog .submit-button
    {
        margin-top: 20px;
    }
    .case-study-note
    {
        border-bottom: 1px solid #6842D7;
        margin-bottom: 50px;
    }
    .case-track-page
    {
        float: left;
        margin-bottom: 0;
        font-size: 20px;
    }
    .case-study-header
    {
        background: url(../images/case-study-header-bg-mo.png);
        background-repeat: no-repeat;
        background-position: 10% 0;
    }
    .extra-idea-box img
    {
        /*max-height: 200px;*/
        width: auto;
        height: 200px;
    }
    .extra-idea-box .link-thumb
    {
        height: 200px;
        width: 313px;
        margin: 0 auto;
    }
    .extra-idea-box .link-thumb h4
    {
        font-size: 18px;
    }
    #payment-form .exp-month-wrapper:before,
    #payment-form .exp-year-wrapper:before {
        border-width: 8px 8px 0 8px;
        right: 5px;
        top: 25px;
    }
    .idea-page{
        /*padding: 70px 0 40px;*/
    }
    .experiment-sidebar{
        min-height: 325px;
    }
    .experiment-sidebar .sidebar-bg
    {
        display: none;
    }
    .main-outter .section3{
        bottom: 0;
        margin: 0;
        padding-top: 30px;
        padding-bottom: 40px;
        width: 100%;
        background: #F6F4F4;
    }
    .exp-directory .header.lab-report
    {
        height: 100%;
        margin-top: 60px;
    }
    .header.lab-report .google-ppt
    {
        margin: 40px 0;
    }
    .exp-directory .header.lab-report .ppt-info span
    {
        margin-bottom: 40px;
    }
    .help-experiment-header
    {
        font-size: 12px;
        padding: 10px 20px;
    }
}

@media(max-width: 600px) {
    .gallery-slider{
        height: 300px !important;
    }
    .form-header{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .create-experiment h2{
        margin-bottom: 15px;
    }
    .create-expe-menu .left-menu{
        position: absolute;
        bottom: -45px;
        background: #fff;
        height: 44px;
        padding-top: 15px !important;
        width: 100%;
        left: 0;
        padding-left: 10px !important;
    }
    /*.create-experiment {*/
        /*margin-top: 60px !important;*/
    /*}*/
}

@media(max-width: 480px) {
    .kind-info > .col-xs-6{
        width: 100%;
        margin-bottom: 10px;
    }
    .gallery-top{
        height: 280px !important;
    }
}

@media(max-width: 460px) {
    .read-more-inspiration.read-more-mo a{
        font-size: 18px;
    }
    .aftertext {
        font-size: 13px;
        top: 19px;
        left: 14px;
    }
    .btn-block .form-btn .custom-btn span{
        font-size: 16px;
    }
    .experiment-sidebar h1{
        font-size: 40px;
        z-index: 1;
    }
    .main-outter .experiment-sidebar > div{
        top: calc(50% - 50px);
    }
    .experiment-sidebar,
    .exp-directory .header{
        /*min-height: 265px;*/
        /*min-height: 334px;*/
    }
    .exp-directory .header{
        /*min-height: 285px;*/
    }
    .experimtn-form h2{
        font-size: 24px;
        margin-top: 30px;
    }
    .experimtn-form input{
        border: 2px solid #6842D7;
        height: 55px;
        font-size: 13px;
        padding: 10px 15px;
    }
    .experimtn-form .form-group span {
        top: 19px;
        right: 15px;
        font-size: 13px;
    }
    .experimtn-form .form-group span.help-block {
        top: 0;
        right: 0;
        position: relative;
        text-align: right;
    }
    .experimtn-form .form-group span.help-block p{
        margin: 0;
        font-size: 13px;
    }
    .btn-block{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .btn-block .form-btn {
        -webkit-box-flex: 160px 0 0;
        -webkit-flex: 160px 0 0;
        -ms-flex: 160px 0 0;
        flex: 160px 0 0;
        height: 160px;
        position: relative;
        background-repeat: no-repeat;
        max-width: 160px;
    }
    .btn-block .form-btn .custom-btn{
        height: 160px;
    }

    .custom-file .custom-file-control{
        border: 2px solid #6842D7;
        height: 55px;
        font-size: 13px;
        padding: 18px 15px;
    }
    .custom-file .custom-file-control:before{
        padding: 18px 15px;
    }
    .experimtn-form .form-group .form-notes p{
        font-size: 13px;
    }
    .exp-directory .header span{
        margin-bottom: 5px;
    }
    /*.exp-directory .header h1{*/
        /*font-size: 34px;*/
        /*margin-bottom: 5px;*/
    /*}*/

    .exp-directory .offers{
        /*padding: 10px;*/
        padding: 25px 0 0;
        margin-top: 10px;
    }
    .exp-directory .offers h3{
        font-size: 14px;
    }
    .exp-directory .offers p{
        font-size: 12px;
    }
    .exp-directory .brought p{
        margin-top: 10px;
    }
}

@media(max-width: 420px) {
    /*.thumb > div,*/
    /*.thumb .index-bg{*/
        /*height: 50px;*/
        /*width: 100px;*/
    /*}*/
}