@media only screen and (max-width:1700px){
    .gallery .gallery_wrap .section_data{padding: 30px;}
    .main_left{width: 430px;}
    .scaleRowStrecher .label{padding-right: 0;}
    .scaleRowStrecher .label div{font-size: 16px;}

}
@media only screen and (max-width:1660px){
    .wlc .bg {background-position: 100% 61%;}
    .overview .table_contents_wrap{padding-right: 100px;}
    .table_contents .list ul li{margin-right: 4%;}
    .job_status_wrap{padding-right: 50px;}
    .job_status_wrap .right_status ul li{padding-right: 0;}
    .job_status_wrap .right_status{padding-bottom: 10px;}
    .run_message_wrap .book_mark h6{font-size: 14px;line-height: 20px;}
    .run_message_wrap .book_mark{padding: 20px;}
    .gallery .gallery_wrap .section_data .example{padding-right: 10px;max-width: 44%;}
    .result_full .result_dna_wrap .top_result .img_wrap_co{margin-bottom: 20px;}

    .right .result .color_code .box{padding-right: 5px;}
    .right .result .color_code .box .color_box h5{font-size: 13px;line-height: 18px;}
    .tab_sec .collapse .accordion h3{margin: 25px 0px;}
    .scaleRowStrecher .scaleRowStrecherInner .scaleColorRect{width: 50px;line-height: 28px;}


}
@media only screen and (max-width:1460px){
    .wlc .bg {background-position: 100% 61%;}
    .homepage{padding-right: 100px;}
    .table_contents .list ul li a{font-size: 14px;}
    .table_overview .step{width: 150px;margin-right: auto;}
    .table_overview{max-width: 645px;}
    .table_diagram .step .hex span, .table_diagram .step span{font-size: 11px;padding: 5px 10px;}
    .table_overview .middle_step{width: 130px;}
    .table_overview .step span br{display: none;}
    .table_overview .middle_step:before{height: 70px;width: 0;border-left: 4px solid #400080;-moz-transform: skew(50deg);-webkit-transform: skew(50deg);transform: skew(50deg);position: absolute;content: '';left: 0;bottom: 100%;}
    .table_overview .middle_step:after{-moz-transform: skew(-50deg);-webkit-transform: skew(-50deg);transform: skew(-50deg);height: 70px;}
    .table_overview .middle_step span .right_line{height: 373px;border-left: 4px solid #400080;-moz-transform: skew(-20deg);-webkit-transform: skew(-20deg);transform: skew(-20deg);position: absolute;content: '';right: -78px;bottom: 21px;top: auto;z-index: -1;border-left: 2px solid #400080;}
    .table_overview .middle_step span .left_line{border-left: 2px solid #400080;transform: skew(24deg);height: 325px;left: -75px;}
    .table_diagram .step .line{height: 20px;}
    .table_overview .middle_step span.big_last{right: 160px;width: 190px;}
    .main .pl_right.references{padding-right: 80px;}
    .job_status_wrap .right_status ul li{font-size: 13px;padding-left: 16px;}
    .run_message_wrap .run_message{width: 55%;}
    .run_message_wrap .book_mark{width: 40%;}
    .gallery .gallery_wrap .section_data .images{width: 400px;margin: 0 auto;}
    .gallery .gallery_wrap .section_data .example{max-width: 50%;}
    .result_full .result_dna_wrap .top_result{padding: 20px 40px;}

    .main .pl_right{padding-right: 50px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right{padding-left: 30px;}
    .overview.pl_right .table_wrap{overflow-y: scroll;}
    .overview.pl_right .table_co p{font-size: 12px;}
    .overview.pl_right .table_co td{width: 98pt !important;}

}

@media only screen  and (max-width:1366px){
    .wlc h1 {margin: 60px 0;}

    .side-panel{padding-top: 15px;}
    .side-panel nav{margin-top: 20px;}
    .side-panel ul li a{line-height: 50px;}
    .side-panel{width: 25%;}
    .main_right {width: 75%;}
    .title{padding-left: 70px;}
    .creidt_main .main_right .homepage{padding-left: 70px;padding-right: 50px;}
    .job_status_wrap{padding-left: 70px;padding-right: 30px;}
    .job_status_wrap .right_status ul li{line-height: 17px;padding-bottom: 25px;}
    .main_right .job_finished h2{font-size: 24px;}
    .main .pl_right .btn{font-size: 14px;}
    .main .pl_right{padding: 25px 0px;padding-left: 70px;}
    .sub_header_bar h2 strong,.sub_header_bar h2{font-size: 24px;}
    .homepage{padding-left: 70px;}
    .gallery .color_cod_top{padding-left: 70px;}
    .gallery .color_cod_top p{font-size: 18px;}

    .faq .question{padding-left: 90px;}
    .faq .plus-minus-toggle{left: 45px;}
    .faq .answer{padding-left: 20px} 

    .result_full .result_dna_wrap .top_result .img_wrap_co .right{padding-left: 20px;}
    .scaleRowStrecher .scaleRowStrecherInner .scaleColorRect{font-size: 16px;line-height: 26px;}
    .scaleRowStrecher .label div{font-size: 14px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file{padding: 25px 20px 20px 20px;}
    .table_co.quick_help_co{padding-right: 50px;}
    .main .pl_right{padding-right: 50px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link{margin-bottom: 20px;}

    tbody tr *{font-size: 16px;}    
    .main_left{width: 350px;}
    .result_full{padding: 15px 30px;}

}
@media only screen  and (max-width:1280px) and (min-height:830px){
    .side-panel{padding-top: 40px;}
    .side-panel nav{margin-top: 40px;}
    .side-panel ul li a{line-height: 62px;}



}
@media only screen  and (max-width:1280px){
    .consurf{width:90%;}
    .popup{padding-left: 70px;}
    tbody tr *{font-size: 14px;}
    .tab_sec .collapse .accordion h3{margin: 20px 0px;font-size: 18px;}
    .tab_sec .collapse .accordion .plus-minus-toggle:before, .tab_sec .collapse .accordion .plus-minus-toggle:after{width: 15px;height: 3.5px;left: 15px;}


}
@media only screen and (max-width:1100px) /* container size */
{

}

@media only screen and (max-width:1024px) /* if tablate and mobile view is same */
{
    .text_area textarea{width:80%;height: auto;}
    .side-panel{padding-top: 40px;width: 25%;margin-top: 30px;height: auto;}
    .side-panel ul li a{line-height: 60px;}
    .side-panel ul li a{line-height: 54px;}
    .homepage,.title{padding-left: 70px;}
    .title h1{font-size: 34px;line-height: 36px;}
    .homepage h2{margin-bottom: 25px;font-size: 24px;}
    .main .pl_right{padding-left: 70px;}
    .table_contents .list ul li{margin-right: 0;width: 100%;float: none;}
    .overview .table_contents_wrap{padding-right: 30px;}
    .table_overview .step{width: 140px;}
    .table_overview{width: 645px;max-width: 100%;}
    .main_left{width: 300px;}
    .job_status_wrap .left_status{width: 74%;}
    .job_status_wrap .right_status{width: 25%;}
    .job_status_progress .left_status{width: 100%;float: none;}
    .sub_header_bar h2{padding-right: 20px;}
    h3{line-height: 30px}
    .gallery .gallery_wrap .section_data .images{width: 350px;}
    .table_diagram .step{width: 140px;}
    .popup{padding-left: 20px;padding-right: 20px;}
    .popup_inner{width: 100%;}

    .right .result .color_code .box{width: 33%;}
    tbody tr *{font-size: 13px;}
    .scaleRowStrecher .scaleRowStrecherInner .scaleColorRect{font-size: 14px;line-height: 20px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .left .scale_data_img{margin: 15px 0px;}
    .scaleRowStrecher .insu_data span{width: 40px;}


}
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    .text_area textarea {width: 49%;}
}
@media only screen and (max-width:960px) {
    #full_wrapper{min-height:auto;}
    .desc{display: none;}
    .mob{display: block;}
    .hamburger{display: block;margin-right: 20px;position: absolute;z-index: 999999999999;margin-top: 12px;width: 25px;
        height: 30px;top:0px;left: 10px;}
    .hamburger span{position: absolute;height: 3px;top:50%;width: 100%;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;background-color: #000000;right:0px;}
    .hamburger span:before{position: absolute;content: '';width: 100%;height: 3px;background: #000000;top:7px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;right:0px;}
    .hamburger span:after{position: absolute;content: '';width: 100%;height: 3px;background: #000000;top:-7px;transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;right:0px;}
    .hamburger.is-active span{background-color:transparent;}
    .hamburger.is-active span:after{transform: rotate(-45deg);top: 0px;}
    .hamburger.is-active span:before{transform: rotate(45deg);top: 0px;} 
    .top_part{width:100%;border-bottom:2px solid #400080;display:flex;justify-content: space-between;flex-wrap:wrap;padding-bottom:10px;}
    .top_part .brand{width: 35px;position: relative;margin-top: 13px;margin-left: 62px;}
    .top_part .brand img{max-width: 100%;}
    .top_part h1{font-size: 1.1em;margin-bottom: 0;line-height:30px;}
    .top_part p{font-size: 0.5em;line-height:13px;}
    .top_part .brand{display: inline-block;}
    .top_part .title{display: inline-block;padding: 0;width:77%;}
    header{background-color: #fff;}
    .main .main_left{width: 100%;position: fixed;z-index: 99999;background-color: #fff;border-right:none;transform: translateX(-100%);transition:0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;}
    .main .main_left.is-active{transform: translateX(0);}
    .main .main_left nav{margin-top: 0;padding-left: 65px;width:100%;}
    .main .main_left nav ul li a{line-height: 40px;}
    .main .main_right{width:100%;}
    .homepage{padding: 0 15px;}
    .consurf {width: 98%;padding: 15px;}
    .text_area textarea{height:85px;padding:23px;font-size:12px;}
    .homepage .col p{font-size: 13px;line-height: 15px;}
    .footer_text p{font-size: 0.7em;padding: 8px;}
    .footer_text p a{font-size: 0.7em;}
    .text_area textarea {width: 49%;}
    .creidt_main .title{display: none;}
    /*.title{display: none;}*/
    .contct-main .homepage form input{width: 100%;max-width: 360px;}
    .contct-main .homepage form textarea{width: 100%;max-width: 360px;}
    .contct-main .homepage {max-width: 320px; margin: 40px auto;}

    .side-panel{width: 100%; border-right: none;}
    .side-panel nav{width: 100%;position: absolute;z-index: 99999;background-color: #fff;border-right: none;transform: translateX(-100%);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;}
    .side-panel nav.is-active{transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);-moz-transform: translateX(0%);}	
    .side-panel .brand{position: absolute;top: 12px;left: 60px;width: 35px;}
    #filename{padding: 8px 20px 21px !important;display: block;}
    .side-panel .brand{width: 70px;}
    .hamburger{width: 35px;height: 30px;}
    .hamburger span:before{top: 12px;}
    .hamburger span:after{top: -12px;}
    .side-panel nav{padding-left: 30px;}
    .main_right {width: 100%;}
    .homepage2.main_right{margin-top: 30px;}
    .top_part .title{padding-top: 8px;}
    .main .main_right{border: 0px;}

    .main .pl_right{padding-left: 30px;}
    .table_overview{margin: 0 auto;}
    .job_status_wrap{padding-left: 30px;}
    .homepage2.main_right{margin-top: 0;}
    .gallery .color_cod_top{padding-left: 30px;width: 100%;padding-top: 20px;}
    .result_full{padding: 15px 30px;}
    .table_co.quick_help_co{padding-right: 0;}
    .popup_inner{padding: 50px;}
    tbody tr *{font-size: 12px;}
    .scaleRowStrecher .scaleRowStrecherInner .scaleColorRect {font-size: 14px;line-height: 19px;}

}

@media only screen and (max-width:767px)
{
    .wlc .logo img{width:50%;}
    .wlc h1{font-size:35px;line-height: 45px;}
    .wlc a{font-size: 18px;line-height: 40px;width: 160px;}
    .text_area textarea {width: 80%;}
    .top_part .brand{margin-left: 50px;}
    .main .main_left nav{padding-left: 50px;}
    .creidt_main .title h1{font-size: 28px;}
    .side-panel .brand{width: 50px;}
    .hamburger{height: 42px;}
    .hamburger span:before{top: 10px;}
    .hamburger span:after{top: -10px;}
    .side-panel{height: auto;}
    .hamburger{height: 36px;}
    .creidt_main .main_right .homepage{padding: 0px 15px;}
    .homepage .col p{line-height: 20px;}
    .main .main_right{ background-size: contain;background-position: top center;background-color: #ececec;}
    .overview .overview_wrap h2{font-size: 26px;line-height: 20px;}
    .table_contents .list ul li a{line-height: 18px;min-height: 40px;padding-top: 16px;padding-bottom: 10px;}
    .overview .overview_wrap p{margin-bottom: 20px;}
    .table_overview{min-width: 615px;width: 100%;margin: 0 auto;transform-origin: left center;-webkit-transform: scale(0.56);-o-transform: scale(0.56);-moz-transform: scale(0.56);} 
    .mo_scale{height: 550px;margin-top: -130px;}
    .overview .table_co img{padding-top: 20px;padding-bottom: 20px;}
    .overview .table_co h4 b{padding-top: 30px;padding-bottom: 10px;}
    .main .pl_right.references{padding-right: 30px;}
    .overview .table_co p,.overview .table_co p a{word-break: break-all;}    
    .overview .table_co h3{ font-size: 16px;line-height: 24px;}

    .main_right .job_finished h2{padding-right: 0px;font-size: 20px;}
    .main .pl_right{padding: 15px;margin-top: 20px;}
    .main .pl_right .btn{font-size: 14px;margin: 0 auto;display: block;width: 160px;text-align: center;margin-top: 10px;}
    .main_right .job_finished h2{text-align: center;display: block;}
    .job_status_wrap{padding: 20px;}
    .job_status_wrap .left_status .parameters .para_wrap .right,.job_status_wrap .left_status .parameters .para_wrap .left,.job_status_wrap .left_status .job .job_info,.job_status_wrap .run_message_wrap .book_mark,.run_message_wrap .run_message,.left_status{float: none;margin-right: 0px;width: 100%;margin-bottom: 10px;}
    .job_status_wrap .left_status .job .job_info h4{font-size: 20px;}
    .job_status_wrap .left_status .parameters .para_wrap .right .box{min-height: auto;}
    .job_status_wrap .right_status{width: 100%;float: none;float: none;margin-bottom: 20px;}
    .job_status_wrap .right_status ul:after{height: 100%;}
    .job_status_wrap .right_status ul li:last-child{padding-bottom: 0;}
    .job_status_wrap .left_status{float: none;width: 100%;}
    .sub_header_bar h2 strong, .sub_header_bar h2{font-size: 18px;display: block;text-align: center;}
    .job_status_wrap .left_status .parameters .progress_bar b{padding-left: 0;font-size: 12px;}
    .job_status_wrap .left_status .parameters .progress_bar h6{padding-right: 0;font-size: 12px;}
    .job_status_wrap .left_status .parameters .progress_bar .label_text{margin-bottom: 8px;}
    .homepage2 .submit_btn .btn_sub.black, .popup .submit_btn .btn_sub.black,.homepage2 .submit_btn .btn_sub{padding: 6px 12px;width: 85%;word-break: break-all;display: block;font-size: 15px;margin: 0 auto;margin-bottom: 20px;line-height: 30px;}
    .side-panel{padding: 0px;margin: 0px;}
    .main_right{border: 0px;}
    .side-panel nav{margin-top: 0;}

    .gallery .gallery_wrap .section_data{padding: 20px;}
    .gallery .gallery_wrap .section_data .example{max-width: 100%;float: none;padding-right: 0;}
    .gallery .gallery_wrap .section_data .images{max-width: 320px;margin: 0 auto;float: none;}
    .gallery .gallery_wrap .section_data .images .gallery_img img{max-width: 170px;}
    .slider_img .owl-nav .owl-next{right: -20px;}
    .slider_img .owl-nav .owl-prev{left: -20px;}

    .gallery .color_cod_top{padding-left: 20px;padding-right: 20px;}
    .gallery .color_cod_top p{font-size: 16px;line-height: 24px;}

    .homepage, .title{padding-left: 20px;padding-top: 20px;padding-right: 20px;}
    .title h1{font-size: 22px;line-height: 32px;}
    .title h2{line-height: 26px;font-size: 24px;}
    .faq .question{padding: 20px 20px 20px 40px;font-size: 16px;line-height: 20px;}
    .faq .plus-minus-toggle{left: 0px;}
    .faq .answer .tab_co{width: 100%;padding-left: 10px;}
    .faq .plus-minus-toggle:before, .faq .plus-minus-toggle:after{width: 15px;}
    .contct-main .homepage {max-width: 400px;margin: 20px auto;}

    .result_full .result_dna_wrap .top_result{padding: 20px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right,.result_full .result_dna_wrap .top_result .img_wrap_co .left{width: 100%;float: none;padding-left: 0px;}
    .result_full{padding: 15px 20px;}
    .tab_sec .collapse .accordion{padding-left: 40px;}
    .tab_sec .collapse .accordion .plus-minus-toggle{left: 0px;}
    .tab_sec .collapse .accordion .plus-minus-toggle:before, .tab_sec .collapse .accordion .plus-minus-toggle:after{widows: 15px;height: 4px;}
    .tab_sec .collapse .accordion h3{font-size: 18px;padding-right: 10px;margin: 20px 0px;}
    .tab_sec .collapse .panel{padding-left: 40px;}
    .tab_sec .collapse .panel p, .tab_sec .collapse .panel ul li{padding-top: 10px;}

    .overview .table_contents_wrap{padding-right: 10px;}
    .table_co.quick_help_co{margin-bottom: 50px;}
    .overview .overview_wrap h2{margin-top: 0;}
    .table_diagram .step{width: 130px;margin-right: auto;margin-bottom: 0px;}
    .table_diagram h6{margin: 20px 0px;}
    .references h5{padding-top: 15px;}

    .popup_inner{padding: 20px;}
    .popup .close{right: 15px;top: 10px;}
    .popup h3{font-size: 20px;line-height: 26px;}
    .popup p{font-size: 16px;line-height: 22px;margin-top: 20px;}
    .popup .submit_btn{margin-top: 20px;padding-bottom: 0em;}


    .right .result .color_code .box{width: 25%;}
    .right .result .color_code .box .color_box h5{font-size: 11px;line-height: 15px;}
    .color_code .box h6{font-size: 12px;}
    .color_code .box .color_box h5{font-size: 10px;width: 20%;}

    .result_full .result_dna_wrap .top_result .img_wrap_co .left .box_border{display: none;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file{padding: 20px 10px 10px 10px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links .download_link{background-position: left 1px;}
    .consurf_mo_scale .mo_expand{display: block;border: #400080 1px solid;position: absolute; width: 35%;top: -30px;right: 10px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease}
    .consurf_mo_scale .mo_expand .full_screen{position: absolute;top: 10px;right: 10px;}
    .consurf_mo_scale .mo_expand img{display: block;}
    .consurf_mo_scale .mo_expand .full_screen{display: none;}
    .sub_header_bar h2 strong, .sub_header_bar h2{text-align: center;line-height: 26px;text-align: left;padding-right: 35%;}
    .sub_header_bar h2 b{display: block;}
    .main .pl_right .btn{margin-left: 0px;}
    .mob{z-index: 9999;position: relative;}
    .main .consurf_mo_scale{margin-top: 40px;position: relative;}
    .result_full{padding: 40px 00px}
    .consurf_mo_scale .mo_expand.expand{width: 94%;right: 10px;margin:0px auto;top: -30px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .left .scale_data_img{margin: 20px 0px;}
    .result_full .result_dna_wrap .top_result .img_wrap_co .right .down_file .links a{display: inline;}
    .scaleRowStrecher .scaleRowStrecherInner .scaleColorRect {font-size: 15px;line-height: 25px;}
    .tab_sec .collapse .accordion h3{font-size: 16px}

    .table_wrap{overflow: scroll;}
    .table_wrap center{width: 688px}
    .table_wrap center br{display: none;}
    .overview .table_contents_wrap{padding-right: 0;}
    .homepage2 .homepage .insert_sequence .join{margin-top: 20px;}
    .join{margin-right: 0;}
    .sub_header_bar.pl_right.consurf_mo_scale .btn{margin-bottom: 5px;}


}
@media (max-width:374px)
{
    .sub_header_bar h2 strong, .sub_header_bar h2{font-size: 14px;}
    .main .pl_right .btn{width: 150px;font-size: 12px;margin-top: 0px;}
    .consurf_mo_scale .mo_expand{top: -10px;}
    .consurf_mo_scale .mo_expand .full_screen{max-width: 15px;}
    .scaleRowStrecher .scaleRowStrecherInner .scaleColorRect {
        font-size: 14px;line-height: 20px;}
    .table_overview{min-width: 590px;width: 100%;margin: 0 auto;transform-origin: left center;-webkit-transform: scale(0.56);-o-transform: scale(0.56);-moz-transform: scale(0.56);transform: scale(0.45);}

}

@media (max-width:321px)
{
    .top_part .title{width:69%;}
    .footer_text p{font-size: 0.5em;padding: 8px;}
    .footer_text p a{font-size: 0.5em;}
    .file_uplode label{font-size: 13px;}
    .wlc h1{font-size: 28px;line-height: 36px;margin: 40px 0;}
    .title h1{font-size: 19px;line-height: 28px;}


}