/*selction {
    position:relative;
}

    selction a.anchor {
        position: absolute;
        left: 0px;
        top: -75px;
    }*/
html {
    scroll-behavior: smooth;
    scroll-padding-top: 180px; 
}

body {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font: normal 14px/18px 'OGT Raleway';
    color: #000;
}

p {
    padding: 0px;
    margin: 0px;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

label {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.btn-white {
    display: inline-block;
    padding: 17px 25px;
    border-radius: 3px;
    border: 2px solid var(--White, #FFF);
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    transition: all .2s linear;
}
    .btn-white:hover {
        background-color: #fff;
        color: #3C3C66;
    }

.dark-text {
    color: #575786!important;
}

ul li {
    padding: 0px;
    margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
}

input[type="text"]::-webkit-placeholder {
    opacity: 1;
}

input[type="text"]::-moz-placeholder {
    opacity: 1;
}

input[type="password"]::-webkit-placeholder {
    opacity: 1;
}

input[type="password"]::-moz-placeholder {
    opacity: 1;
}

input[type="search"]::-webkit-placeholder {
    opacity: 1;
}

input[type="search"]::-moz-placeholder {
    opacity: 1;
}

input[type="email"]::-webkit-placeholder {
    opacity: 1;
}

input[type="email"]::-moz-placeholder {
    opacity: 1;
}

input[type="tel"]::-webkit-placeholder {
    opacity: 1;
}

input[type="tel"]::-moz-placeholder {
    opacity: 1;
}

textarea::-moz-placeholder {
    opacity: 1;
}

textarea::-webkit-placeholder {
    opacity: 1;
}

a:hover {
    outline: none !important;
    text-decoration: none;
}

a:active {
    outline: none !important;
    text-decoration: none;
}

a {
    text-decoration: none !important;
}


.wrapper {
    width: 100%;
}

.panel-default > .panel-heading {
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
}

.panel-default {
    border-radius: 0px !important;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        background: none !important;
        border: none !important;
        border-radius: 0px !important;
    }

a:hover, a:focus {
    text-decoration: inherit !important;
}

.nav_top .navbar-brand {
    padding: 0px 0px !important;
}



/*
 font-family: 'OGT Raleway';
font-family: 'OGT Merriweather';
*/

/*site selection*/
.site-selection {
    background: #cc705c;
}

.site-selection-container {
    padding-top: 28px;
    padding-bottom: 28px;
    position: relative;
}

.site-selection .btn-close {
    position: absolute;
    right: 0px;
    top: 5px;
    font: normal 16px/20px 'OGT Raleway';
    color: #ffffff;
    display: inline-block;
    background-image: url('/Images/close_icon.svg');
    background-repeat: no-repeat;
    background-position: right;
    padding-right:23px;
}

.site-selection .btn-close:hover {
    opacity:0.8;
}

.site-selection h2 {
    font: bold 32px/40px 'OGT Raleway';
    color: #ffffff;
}

    .site-selection p {
        font: 300 16px/24px 'OGT Merriweather';
        color: #ffffff;
    }

.site-selection .button-container{
    padding-top:10px;
}

.site-selection .btnn {
    margin-top: 0px;
    margin-right: 12px;
}

@media only screen and (max-width: 767px) {
    .site-selection .button-container .btnn {
        width: 100%;
        margin-bottom: 10px;
    }
}




    /*header*/
    .header_sec {
        width: 100%;
        float: left;
        box-shadow: 0px 0px 1px 0px #ccc;
    }

    .topHeader {
        width: 100%;
        float: left;
        background: #fff;
        position: relative;
        z-index: 99;
    }

    .inntopHeader {
        width: 100%;
        float: left;
        position: relative;
    }

    /*menu*/
    .nav_top {
        width: 100%;
        background: none !important;
        padding: 0px;
        box-shadow: inherit;
        margin: 0px;
        border: none;
        border-radius: 0px;
        min-height: inherit;
        position: relative;
    }

        .nav_top .navbar-brand {
            padding: 15px 0px;
            margin: 0px;
            height: 100%;
            width: 200px;
        }

            .nav_top .navbar-brand img {
                max-width: 100%;
            }

        .nav_top .navbar-collapse {
            padding: 0px;
            border: none;
            box-shadow: inherit; /*justify-content: end;*/
        }

    .menu_sec {
        padding: 0px;
        
    }

        .menu_sec li.old-dropdown {
            margin: 0px 22px;
            position: inherit;
            border-top: 1px solid #fff;
        }

            .menu_sec li:first-child {
                margin-left: 0px;
                
            }

            .menu_sec li a {
                padding: 39px 0;
                font: bold 16px/20px 'OGT Raleway';
                color: #3e3e68 !important;
                text-decoration: none;
                /*-moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;*/
                position: relative;
            }

                .menu_sec li a.dropdown-toggle::after {
                    display: none;
                }





    .navbar .dropdown-menu {
        border: none;
        background-color: #fff !important;
        margin: 0px;
        border-radius: 0px !important;
        z-index: 9999999;
    }

    .navbar .old-dropdown .dropdown-menu {
        border: none;
        background-color: #fff !important;
        margin: 0px;
        border-radius: 0px !important;
        z-index: 9999999;
        padding: 40px;
    }

    

    .menu_sec li .dropdown-menu span {
        color: #575786;
        font: bold 21px/32px 'OGT Raleway' !important;
        width: 100%;
        display: inline-block;
        margin-bottom: 15px;
    }

        .menu_sec li .dropdown-menu span a {
            color: #575786 !important;
            padding: 0px !important;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.2;
            letter-spacing: normal;
            font-size: 25px !important;
        }

    .menu_sec li.old-dropdown .dropdown-menu ul li {
        color: #080824;
        font: 500 16px/24px 'OGT Raleway';
        margin: 0px;
    }

        .menu_sec li .dropdown-menu .hasChildren ul li:first-child a,
        .menu_sec li .dropdown-menu ul li .first-resource {
            font-size: 21px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.19;
            letter-spacing: normal;
            font-family: 'OGT Raleway';
        }

        .menu_sec li.old-dropdown .dropdown-menu ul li a {
            width: 100%;
            display: inline-block;
            padding: 7px 0px !important;
            color: #34344b !important;
            font-family: 'OGT Raleway';
            font-size: 16px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.19;
            letter-spacing: normal;
            color: #24243d;
        }

        .menu_sec li.old-dropdown .dropdown-menu ul li:hover a {
            color: #57a077 !important;
        }

    .menu_sec li .dropdown-menu strong {
        color: #fff;
        font: bold 21px/28px 'OGT Raleway';
    }

.menu_sec li.old-dropdown a.btnn {
    padding: 0px !important;
    line-height: 46px !important;
    color: #fff !important;
    border: 2px solid #fff;
}

    .menu_sec li.old-dropdown a.btnn:hover {
        background: #fff;
        color: #57a077 !important;
    }

    .navbar .old-dropdown .dropdown-menu:after {
        width: 400px;
        content: '';
        background: #57A077 url(/Images/brand-pattern-strip-white-opacity15.svg) repeat;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        background-size: 333%;
    }

    .menu_sec li .old-dropdown .dropdown-menu .col-md-8 {
        padding-right: 50px;
    }

    .menu_sec li .dropdown-menu .col-md-4:last-child {
        margin-top: -40px;
    }

    .menu_sec li.onlymob {
        display: none !important;
    }
        /*.menu_sec li.onlymob:hover .dropdown-menu{ display:none !important;}*/
        .menu_sec li.onlymob a:after {
            display: none;
        }


    .menu_sec li.old-dropdown .dropdown-menu ul li:first-child {
        border: none;
    }
    /* breakpoint and up - mega dropdown styles */
    @media screen and (min-width: 992px) {

        /* remove the padding from the navbar so the dropdown hover state is not broken */
        .navbar {
            padding-top: 0px;
            padding-bottom: 0px;
        }

            /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
            .navbar .nav-item {
                padding: .5rem .5rem;
                margin: 0 .25rem;
            }

            /* makes the dropdown full width  */
            .navbar .dropdown {
                position: static;
            }

            .navbar .dropdown-menu {
                width: 100%;
                left: 0;
                right: 0;
                /*  height of nav-item  */
                top: 100%;
            }

            /* shows the dropdown menu on hover */
            .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
                display: block !important;
            }

            .navbar .dropdown-menu {
                /*border: 1px solid rgba(0,0,0,.15);*/
                background-color: #fff;
            }
    }


    .certificateOfAnalysis_beforeSearch {
        border-width: 2px;
        border-style: solid;
        border-color: #585786;
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 32px;
        padding-bottom: 32px;
        padding-left: 40px;
        padding-right: 80px;
    }

        .certificateOfAnalysis_beforeSearch:first-of-type {
            margin-top: 50px;
        }

        .certificateOfAnalysis_beforeSearch.after_search {
            background-color: #f5f6ff;
            border-color: #f5f6ff;
        }

        .certificateOfAnalysis_beforeSearch .pdf-image {
            text-align: right;
        }

        .certificateOfAnalysis_beforeSearch h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            margin-bottom:5px;
        }

        .certificateOfAnalysis_beforeSearch h3 {
            color: #585786;
            font: bold 18px/22px 'OGT Raleway';
            margin-bottom: 5px;
        }

        .certificateOfAnalysis_beforeSearch .viewMore {
            float: unset;
            margin-left: 22px;
            margin-top: 7px;
            display: inline-block;
        }

    @media only screen and (max-width: 1366px) {
        .certificateOfAnalysis_beforeSearch {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 1024px) {
        .certificateOfAnalysis_beforeSearch {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    @media only screen and (max-width: 767px) {

        .certificateOfAnalysis_beforeSearch {
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: 5px;
            margin-right: 5px;
            text-align: center;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 15px;
            padding-right: 15px;
        }

            .certificateOfAnalysis_beforeSearch h4 {
                font: bold 16px/18px 'OGT Raleway';
                margin-bottom: 15px;
            }

            .certificateOfAnalysis_beforeSearch h3 {
                font: bold 14px/16px 'OGT Raleway';
                margin-bottom: 15px;
            }

            .certificateOfAnalysis_beforeSearch .pdf-image {
                text-align: center;
            }

                .certificateOfAnalysis_beforeSearch .pdf-image img {
                    width: 60px;
                }
    }



.secNavCont {
    background-color: #F5F6FF;
}

    .headlink {
        display: flex;
        justify-content: flex-end;
        padding-top: 8px;
        padding-bottom: 8px;
        width: auto;
        right: 0; 
        top: 15px;
    }

        .headlink li {
            display: inline-block;
            font: 500 13px/15px 'OGT Raleway';
            color: #25253d;
            padding: 0px 15px;
        }

            .headlink li a {
                color: #25253d;
                position: relative;
                -moz-transition: all 0.05s ease-in-out;
                -o-transition: all 0.05s ease-in-out;
                -webkit-transition: all 0.05s ease-in-out;
                -ms-transition: all 0.05s ease-in-out;
                transition: all 0.05s ease-in-out;
            }

            .headlink li:hover a {
                color: #aab6d5;
            }

            .headlink li a:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
            }

            .headlink li#sec-careers a:before {
                background: url(/Images/careers.svg) no-repeat left top;
                width: 16px;
                height: 13px;
                background-size: contain !important;
                left: -20px;
                top: 2px;
            }

            .headlink li#sec-about a:before {
                background: url(/Images/about.svg) no-repeat left top;
                width: 16px;
                height: 13px;
                background-size: contain !important;
                left: -20px;
                top: 2px;
            }

            .headlink li#sec-resources a:before {
                background: url(/Images/resources.svg) no-repeat left top;
                width: 16px;
                height: 13px;
                background-size: contain !important;
                left: -20px;
                top: 2px;
            }


            .headlink li#sec-signin a:before, .headlink li#sec-signout a:before {
                background: url(/Images/user.svg) no-repeat left top;
                width: 12px;
                height: 13px;
                background-size: contain !important;
                left: -20px;
                top: 0px;
            }

#mob-menu-search-hide{
    display: none;
}
.searchBox {
    width: 380px;
    height: 32px;
    background: #fff;
    border: 1px solid #707070;
    position: absolute;
    right: 0;
    top: 45px;
    display: none;
}

.inntopHeader .searchBox {
    border: 1px solid #585786;
    top: 34px;
    padding: 1px;
    height: 42px;
}
.inntopHeader .searchBox input[type="text"], .inntopHeader .searchBox input[type="submit"]{
    height: 38px;
}

        .searchBox input[type="text"] {
            width: 85%;
            float: left;
            height: 30px;
            border: none;
            outline: none;
            padding: 0px 5px;
            font: 500 13px/15px 'OGT Raleway';
            color: #25253d;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

        .searchBox input[type="submit"] {
            width: 15%;
            float: right;
            height: 30px;
            background: url(/Images/searchicon.svg) no-repeat center center;
            border: none;
            cursor: pointer;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

   /* .topHeader:after {
        content: '';
        width: 34.33%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #f5f6ff;
        z-index: -1;
    }*/

   /* .header_sec.fixed .topHeader:after {
        background: none !important;
    }*/


    /*Carousel banner */
    .bannerSec {
        width: 100%;
        /*float: left;*/
        background: #fff;
        position: relative;
    }

    .banner_sec {
        width: 100%;
        /*position: relative;*/
    }

    .carousel-item {
        width: 100%;
        text-align: center;
    }

        .carousel-item img {
            width: 100%;
            object-fit: cover;
            min-height: 507px;
        }

    .banner_Itm_Inn {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .banner_Itm_Txt {
        width: 100%;
        height: 100%;
        padding: 0px 0 0 0;
        position: relative;
    }

    .innbanner_Itm_Txt {
        width: 70%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        text-align: left;
    }
    .innbanner_Itm_Txt p{
        max-width: 500px;
    }






.banner_Itm_Txt h1.home {
    font: bold 45px/55px 'OGT Raleway';
    color: #585786;
}

        .banner_Itm_Txt h1.smaller-text {
            font: bold 37px/45px 'OGT Raleway';
        }

    @media only screen and (max-width: 767px) {
        .banner_Itm_Txt h1.smaller-text {
            font-size: 19px !important;
        }
    }

    .banner_Itm_Txt h2 {
        font: bold 32px/40px 'OGT Raleway';
        color: #585786;
    }

    .banner_Itm_Txt h3 {
        font: bold 25px/30px 'OGT Raleway';
        color: #585786;
    }

    .banner_Itm_Txt p {
        color: #454762;
        font: 300 16px/24px 'OGT Merriweather';
        padding-top: 15px;
    }

        .banner_Itm_Txt p a {
            color: #454762;
        }

    .bansrchBox {
        width: 100%;
        display: inline-block;
        margin-top: 30px;
    }

        .bansrchBox input[type="text"], .bansrchBox select {
            width: 85%;
            float: left;
            height: 50px;
            background: #fff;
            border: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            padding: 0px 15px;
            color: #585786;
            font: normal 16px/19px 'OGT Raleway';
        }

            .bansrchBox select
            {
                margin-bottom:3px;
            }

            .bansrchBox input[type="submit"] {
                width: 15%;
                float: right;
                height: 50px;
                border: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                background: url(/Images/searchicon.svg)#f5f6ff no-repeat center center;
                cursor: pointer;
            }

    .abspic {
        width: 48%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

        .abspic img {
            width: 100%;
        }


    .bottombanSec {
        width: 100%;
        float: left;
        background: #f5f5fb;
        position: relative;
        padding: 40px 0px 50px;
    }
    /*.bottombanSec:before{ width:100%; height:37px; background:url(/Images/design.png) repeat-x; content:''; position: absolute; left:0; top:-37px; z-index: 9; }*/
    .innbottombanSec {
        width: 100%;
        display: inline-block;
    }

    .bottombanBox {
        width: 100%;
        display: inline-block;
    }

    .bottomBoxpic {
        width: 100%;
        display: inline-block;
    }

        .bottomBoxpic img {
            max-width: 100%;
        }

    .bottomBoxtxt {
        width: 100%;
        display: inline-block;
        margin-top: 15px;
    }

        .bottomBoxtxt p {
            color: #25253d;
            font: 300 16px/24px 'OGT Merriweather';
        }

    .btnn, .umbraco-forms-form input[type="submit"] {
        background: #57a077;
        width: 198px;
        height: 49px;
        display: inline-block;
        text-align: center;
        color: #fff;
        font: bold 16px/49px 'OGT Raleway';
        margin-top: 30px;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .umbraco-forms-form input[type="submit"] {
        font: bold 16px/16px 'OGT Raleway';
        margin-bottom: 25px;
    }

        .btnn:hover, .umbraco-forms-form input[type="submit"]:hover {
            background: #81b899;
        }

    .designpanel {
        width: 100%;
        background: url(/Images/brand-pattern-strip-purple-opacity-15.svg) repeat;
        padding: 60px 0px;
    }

    @media only screen and (max-width: 2000px) {
        .designpanel {
            background-size: 2000px;
        }
    }

    .inndesignpanel {
        width: 100%;
    }

    .inndesignlt {
        width: 100%;
        display: inline-block;
    }

    .inndesignrt {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .inndesignrt img {
            width: 100%;
        }

    .inndesignrtBox {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0px;
        text-align: center;
        height: 80px;
    }

    .mediaCover {
        width: 100%;
        height: 100%;
        position: relative;
        background: rgba(255,255,255,0.5);
    }

    .inndesignrtBox .media {
        align-items: center;
        text-align: left;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        width: 500px;
    }

        .inndesignrtBox .media img {
            width: 59px;
        }

        .inndesignrtBox .media .media-body h4 {
            color: #25253d;
            font: bold 21px/25px 'OGT Raleway';
        }

    .absdesignBox {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .inndesignlt h2 {
        color: #575786;
        font: bold 32px/40px 'OGT Raleway';
    }

    .inndesignlt p {
        color: #575786;
        font: 300 16px/24px 'OGT Merriweather';
        padding-top: 25px;
    }

        .inndesignlt p a {
            color: #575786;
        }


    .discovermoreSec {
        width: 100%;
        padding: 70px 0px;
    }

    .heading {
        width: 100%;
        float: left;
    }

        .heading h2 {
            width: auto;
            float: left;
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .viewMore {
        color: #585786;
        font: bold 16px/19px 'OGT Raleway';
        float: right;
        margin-top: 10px;
    }

        .viewMore span {
            position: relative;
        }

            .viewMore span:before {
                width: 17px;
                height: 13px;
                content: '';
                background: url(/Images/arrwwhite.svg) no-repeat left center;
                position: absolute;
                left: -22px;
                top: 3px;
            }

    .inndiscovermore {
        width: 100%;
        display: inline-block;
        margin-top: 35px;
    }

    .discoverlt {
        width: 100%;
        display: inline-block;
        background: #57a077;
        padding: 25px;
    }

        .discoverlt .media .media-left {
            background: #fff;
            padding: 20px;
            max-width: 50%;
            margin-right: 30px;
        }

        @media only screen and (max-width: 767px) {
            .discoverlt .media{
                max-width:100%;
            }

            .discoverlt .media img {
                max-width: 100%;
            }
        }

            .discoverlt .media .media-left img {
                max-width: 100%;
                margin: 0px !important;
            }

        .discoverlt .media .media-body h4 {
            color: #fff;
            font: bold 21px/25px 'OGT Raleway';
        }

            .discoverlt .media .media-body h4 a {
                color: #fff;
            }

        .discoverlt .media .media-body h5 {
            color: #fff;
            font: normal 14px/16px 'OGT Raleway';
            margin-top: 20px;
        }

        .discoverlt .media .media-body ul {
            margin-top: 25px;
        }

            .discoverlt .media .media-body ul li {
                display: inline-block;
                color: #fff;
                font: normal 16px/19px 'OGT Raleway';
                padding: 0px 25px;
            }

                .discoverlt .media .media-body ul li a {
                    color: #fff;
                    position: relative;
                }

                    .discoverlt .media .media-body ul li a:before {
                        content: '';
                        background: url(/Images/arrw.svg) no-repeat left center;
                        position: absolute;
                        left: -25px;
                        top: 0;
                        width: 17px;
                        height: 13px;
                    }


    .discoverrt {
        width: 100%;
        display: inline-block;
    }

        .discoverrt .media .media-body h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            margin-top: 15px;
        }

            .discoverrt .media .media-body h4 a {
                color: #585786;
            }

        .discoverrt .media:first-child .media-body h4 {
            margin-top: 0px;
        }

        .discoverrt .media .media-body h5 {
            color: #585786;
            font: normal 14px/16px 'OGT Raleway';
            margin-top: 15px;
        }

    .latestNews {
        padding-top: 0px;
    }

    .innlatestNewsBoxes {
        width: 100%;
        display: inline-block;
        margin-top: 35px;
    }

    .latestNewsBox {
        width: 100%;
        display: inline-block;
    }

    .newsBoxpic {
        width: 100%;
        display: inline-block;
    }

        .newsBoxpic img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

    .newsBoxTxt {
        width: 100%;
        display: inline-block;
        padding-top: 15px;
    }

        .newsBoxTxt h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
        }

            .newsBoxTxt h4 a {
                color: #585786;
            }

        .newsBoxTxt strong {
            color: #727199;
            font: normal 14px/16px 'OGT Raleway';
            margin-top: 15px;
            display: inline-block;
        }

        .newsBoxTxt p {
            color: #5d5d6f;
            font: 300 16px/24px 'OGT Merriweather';
            padding-top: 20px;
        }

        .newsBoxTxt .viewMore {
            float: left;
            padding-left: 22px;
        }

    .signupboxSec {
        width: 100%;
        background: #cc705c;
        padding: 25px 0px;
    }

    .innsignupbox {
        width: 100%;
        display: flex;
        align-items: center;
    }


    .innsignupboxrt {
        text-align: center;
    }

        .innsignupboxrt .btnn {
            margin-top: 10px;
        }

    .innsignupboxlt .media {
        align-items: center;
    }

        .innsignupboxlt .media .media-left img {
            width: 60px;
        }

        .innsignupboxlt .media .media-body h4 {
            font: bold 21px/25px 'OGT Raleway';
            color: #fff;
        }


        @media(max-width: 997px) {
            .innsignupbox {
                flex-direction: column;
                align-items: flex-start;
            }

                .innsignupbox .innsignupboxlt {
                    margin-bottom: 16px;
                }
            .innsignupboxlt .media{
                flex-direction: column;
                align-items: flex-start;
            }

            .innsignupboxlt .media .media-left{
                margin-bottom: 10px;
            }
            .innsignupboxlt .media .media-left source{
                display: none;
            }
        }
    .footerSec {
        width: 100%;
        float: left;
    }

    .topfooterSec {
        background: #f5f6ff;
        width: 100%;
        float: left;
        padding: 80px 0px;
    }

    .topfootbox {
        width: 100%;
        display: inline-block;
    }

        .topfootbox ul {
            width: 100%;
            display: inline-block;
        }

            .topfootbox ul li {
                width: 100%;
                display: inline-block;
                font: normal 13px/15px 'OGT Raleway';
                padding: 3px 0px;
            }

                .topfootbox ul li a {
                    color: #585786;
                }

                .topfootbox ul li:hover a {
                    color: #abb7d5;
                }

        .topfootbox p {
            color: #585786;
            font: normal 13px/18px 'OGT Raleway';
            padding-top: 5px;
        }

            .topfootbox p a {
                color: #585786;
                text-decoration: underline !important;
            }

        .topfootbox img {
            max-width: 100%;
        }

    .bottomfooterSec {
        background: #585786;
        width: 100%;
        float: left;
        padding: 10px 0px;
    }

    .innbottomfooter {
        width: 100%;
        float: left;
    }

    .bottomfootlt {
        width: auto;
        float: left;
    }

        .bottomfootlt li {
            display: inline-block;
            color: #fff;
            font: normal 13px/18px 'OGT Raleway';
            padding: 0px 15px;
            position: relative;
        }

            .bottomfootlt li:after {
                content: '|';
                color: #fff;
                position: absolute;
                right: 0;
                top: 0;
            }

            .bottomfootlt li:last-child:after {
                display: none;
            }

            .bottomfootlt li a {
                color: #fff;
            }

            .bottomfootlt li:first-child {
                padding-left: 0px;
            }

    .bottomfootrt {
        width: auto;
        float: right;
    }

        .bottomfootrt li {
            display: inline-block;
            color: #fff;
            font: normal 18px/22px 'OGT Raleway';
            padding: 0px 7.5px;
        }

            .bottomfootrt li a {
                color: #fff;
            }

            .bottomfootrt li:hover a {
                color: #aab6d5;
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -ms-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
            }


    .srchMob {
        display: none;
    }


    /* technology top lavel*/
    .technologySec {
        width: 100%;
        float: left;
        background: #fff;
        padding: 0px;
    }

    .toptechnologySec {
        width: 100%;
        float: left;
        background: #f5f6ff;
    }

        .toptechnologySec .inntechnologySec {
            width: 100%;
            display: inline-block;
            text-align: center;
        }

            .toptechnologySec .inntechnologySec ul {
                width: 100%;
                display: inline-block;
            }

                .toptechnologySec .inntechnologySec ul li {
                    display: inline-block;
                    color: #585786;
                    font: normal 21px/25px 'OGT Raleway';
                    padding: 0px 40px 5px;
                }

                    .toptechnologySec .inntechnologySec ul li a {
                        color: #585786;
                        width: 100%;
                        display: inline-block;
                        padding: 15px 0px 10px;
                    }

                        .toptechnologySec .inntechnologySec ul li:hover a, .toptechnologySec .inntechnologySec ul li a.selected {
                            font-weight: bold;
                        }

                    .toptechnologySec .inntechnologySec ul li.actv a {
                        font-weight: bold;
                    }

    .bottomtechnologySecBoxes {
        width: 100%;
        float: left;
    }

    .bottomtechnologySec {
        width: 100%;
        float: left;
    }

    .innbottomtechnologySec {
        width: 100%;
        float: left;
    }

    .technologyBoxLt {
        width: 100%;
        float: left;
        position: relative;
        min-height: 500px;
        padding: 25px 25px 0px;
    }

    .technologyBoxRt {
        width: 100%;
        float: left;
    }

        .technologyBoxRt img {
            width: 100%;
            height: 500px;
            object-fit: cover;
        }

    .inntechnologyBoxLt {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    @media (min-width: 992px) {
        .inntechnologyBoxLt {
            padding-right: 40px;
            padding-left: 40px;
        }
    }

    .inntechnologyBoxLt h4 {
        color: #585786;
        font: bold 21px/25px 'OGT Raleway';
        padding-top: 15px;
    }

    .inntechnologyBoxLt p {
        color: #575786;
        font: 300 16px/24px 'OGT Raleway';
        padding-top: 15px;
    }

    .inntechnologyBoxLt ul {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

        .inntechnologyBoxLt ul li {
            width: 50%;
            float: left;
            color: #575786;
            font: bold 16px/19px 'OGT Raleway';
            padding: 8px 0px;
            min-height: 55px;
            padding-right: 20px;
        }

            .inntechnologyBoxLt ul li a {
                color: #575786;
            }

            .inntechnologyBoxLt ul li span {
                position: relative;
                padding-left: 25px;
            }

                .inntechnologyBoxLt ul li span:before {
                    background: url(/Images/arrwwhite.svg) no-repeat left center;
                    width: 17px;
                    height: 13px;
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                }

    .bottomtechnologySecBoxes .bottomtechnologySec:nth-child(even) .innbottomtechnologySec .row {
        flex-direction: row-reverse;
    }

    .bottomtechnologySecBoxes .bottomtechnologySec:nth-child(even) .innbottomtechnologySec .inntechnologyBoxLt {
        right: inherit;
        left: 0;
        padding-right: 0;
        padding-left: 40px;
    }

    .findproductSec {
        width: 100%;
        float: left;
        background: #585786;
        padding: 45px 0px;
    }

    .innfindproductSec {
        width: 100%;
        display: inline-block;
    }

    .findproductLt {
        width: 100%;
        float: left;
    }

        .findproductLt .bansrchBox {
            margin-top: 0px;
        }

            .findproductLt .bansrchBox label {
                width: 100%;
                display: inline-block;
                font: bold 21px/25px 'OGT Raleway';
                color: #fff;
                margin-bottom: 15px;
            }

        .findproductLt .viewMore {
            float: left;
            color: #fff;
            margin-left: 25px;
        }

            .findproductLt .viewMore span::before {
                background: url(/Images/arrw.svg) no-repeat left center;
            }

    .findproductRt {
        width: 100%;
        float: left;
        padding: 0px 75px 0px 25px;
    }

        .findproductRt h5 {
            font: bold 21px/25px 'OGT Raleway';
            color: #fff;
            margin-bottom: 15px;
        }

        .findproductRt ul {
            width: 100%;
            display: inline-block;
        }

            .findproductRt ul li {
                width: 100%;
                display: inline-block;
                color: #fff;
                font: 300 16px/24px 'OGT Raleway';
                position: relative;
                padding-left: 25px;
            }

                .findproductRt ul li:before {
                    background: url(/Images/arrw.svg) no-repeat left center;
                    width: 17px;
                    height: 13px;
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 6px;
                }

                .findproductRt ul li a {
                    color: #fff;
                }

                .findproductRt ul li span {
                    position: relative; /*padding-left:25px; */
                }
    /*.findproductRt ul li span:before{ background:url(/Images/arrw.svg) no-repeat left center; width:17px; height:13px; content:''; position: absolute; left:0; top:0; }*/
.questionSecBox {
    width: 100%;
    /*float: left;*/
    background: #3C3C66;
    padding: 50px 0px;
    overflow: hidden;
}

    .questionSecBox .frmbx1 a{
        color: #fff;
    }

    .innquestionSecBox {
        width: 100%;
        float: left;
    }

        .innquestionSecBox h4 {
            font: bold 21px/25px 'OGT Raleway';
            color: #fff;
        }

        .innquestionSecBox em {
            font: 300 16px/24px 'OGT Raleway';
            color: #fff;
            margin-top: 25px;
            display: inline-block;
        }

            .innquestionSecBox em a {
                color: #fff;
            }

            .innquestionSecBox em strong {
                font-weight: bold;
                padding-left: 35px;
            }

                .innquestionSecBox em strong:first-child {
                    padding-left: 0px;
                }

        .innquestionSecBox p {
            font: 500 16px/24px 'OGT Raleway';
            color: #fff;
            margin-top: 25px;
        }

    .frmBoxes {
        width: 100%;
        display: inline-block;
        margin-top: 15px;
    }

    .frmbx {
        width: 100%;
        display: inline-block;
        margin-top: 15px;
    }

    .umbraco-forms-form h2, .umbraco-forms-form legend, .innquestionSecBox h2 {
        color: #575786;
        font: 700 24px/30px 'OGT Raleway';
    }

    .frmbx label, .umbraco-forms-form label {
        width: 100%;
        display: inline-block;
        font: 300 16px/21px 'OGT Raleway';
        color: #fff;
        padding-bottom: 5px;
    }

    .innquestionSecBox h2 {
        margin-bottom: 25px;
    }

    .umbraco-forms-form .checkboxlist input,
    .umbraco-forms-form .checkboxlist label {
        margin-bottom: 10px;
    }

    .frmbx input[type="text"], .frmbx input[type="password"], .frmbx input[type="email"], .frmbx input[type="tel"], .frmbx select,
    .umbraco-forms-form input[type="text"], .umbraco-forms-form input[type="password"], .umbraco-forms-form input[type="email"], .umbraco-forms-form input[type="tel"], .umbraco-forms-form select {
        width: 100%;
        height: 40px;
        background: #fff;
        border: none;
        padding: 5px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font: normal 16px/24px 'OGT Raleway';
        color: #000;
    }

        .frmbx select.minimal, .umbraco-forms-form select {
            background: url(/Images/arw.svg)#fff no-repeat right center;
        }

            .frmbx select.minimal:focus, .umbraco-forms-form select:focus {
                background: url(/Images/arw.svg)#fff no-repeat right center;
            }

    .frmbx textarea, .umbraco-forms-form textarea {
        width: 100%;
        height: 120px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        resize: none;
        border: none;
        font: normal 16px/24px 'OGT Raleway';
        color: #000;
        padding: 10px;
    }

.frmbx1 input[type="checkbox"], .umbraco-forms-form input[type="checkbox"] {
    display: none;
}

    .frmbx1 input[type="checkbox"] + label, .umbraco-forms-form input[type="checkbox"] + label {
        font: 300 16px/30px 'OGT Raleway';
        color: #fff;
        cursor: pointer;
        display: inline-block;
        margin: 0;
        padding: 0px;
        vertical-align: middle;
        background: url(/Images/chk.png) no-repeat left center;
        text-align: left;
        padding-left: 40px;
    }

            .frmbx1 input[type="checkbox"] + label a, .umbraco-forms-form input[type="checkbox"] + label a {
                color: #fff;
            }

                .frmbx1 input[type="checkbox"] + label a:hover, .umbraco-forms-form + label a:hover {
                    text-decoration: underline !important;
                }

    .frmbx1 input[type="checkbox"]:checked + label, .umbraco-forms-form input[type="checkbox"]:checked + label {
        background: url(/Images/chk1.png) no-repeat left center;
        outline: none;
    }

    .frmbx .btnn, .umbraco-forms-form .btn {
        border: none;
        cursor: pointer;
    }

    .umbraco-forms-form label, .umbraco-forms-form select, .umbraco-forms-form legend {
        color: #575786 !important;
    }

    .umbraco-forms-form fieldset {
        border: none;
        padding: 0;
        margin: 0;
    }


    /*sureseqsublevel*/
    .bannerSec.banner2 img {
        height: 454px;
        object-fit: cover;
    }

    .bannerSec.banner2 .innbannerSec {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
    }

    .bannerSec.banner2 .banBox {
        background: #3c3c66;
        width: 360px;
        top: 50%;
        position: absolute;
        left: 0;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

        .bannerSec.banner2 .banBox img {
            padding: 30px 35px;
            width: 100%;
            height: inherit;
            object-fit: inherit;
        }

.hero-banner.banBoxtxt {
    background: #3C3C66;
}

.hero-banner.banBoxtxt p {
    color: #fff;
    font: bold 40px/49px 'OGT Raleway';
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: left;
}

    .panelBox {
        width: 100%;
        padding: 80px 0px;
    }

    .innpanelBox {
        width: 100%;
    }

    .panelBoxLt {
        width: 100%;
        float: left;
    }

        .panelBoxLt h4 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

        .panelBoxLt p {
            color: #575786;
            font: 300 16px/24px 'OGT Merriweather';
            padding-top: 15px;
        }

    .videowatch {
        color: #575786;
        font: bold 21px/25px 'OGT Raleway';
        margin-top: 30px;
        display: inline-block;
        position: relative;
        padding-left: 50px;
    }

        .videowatch:before {
            width: 40px;
            height: 40px;
            content: '';
            background: url(/Images/playbtn1.svg) no-repeat left center;
            position: absolute;
            left: 0;
            top: -8px;
        }


    .panelBoxRt {
        width: 100%;
        display: inline-block;
        margin-top: 90px;
    }

        .panelBoxRt ul {
            width: 100%;
            display: inline-block;
        }

            .panelBoxRt ul li {
                width: 100%;
                color: #585786;
                font: bold 21px/25px 'OGT Raleway';
                padding: 10px 0px;
                padding-left: 45px;
            }

                .panelBoxRt ul li a {
                    color: #585786;
                }

                .panelBoxRt ul li span {
                    position: relative;
                }

                    .panelBoxRt ul li span:before {
                        width: 37px;
                        height: 27px;
                        content: '';
                        background: url(/Images/arrow.svg) no-repeat left center;
                        position: absolute;
                        left: -45px;
                        top: 0px;
                    }

    .workflowSec {
        width: 100%;
        padding: 50px 0px;
    }

    .innworkflowSec {
        width: 100%;
    }

        .innworkflowSec h4 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .innworkflowBoxes {
        width: 100%;
        display: inline-block;
        margin-top: 40px;
    }

    .innworkflowBox {
        width: 100%;
        display: inline-block;
    }

    .wokflowpic {
        width: 100%;
        display: inline-block;
        min-height: 250px;
    }

        .wokflowpic img {
            max-width: 100%;
        }

    .workflowtxt {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }

        .workflowtxt h4, .workflowtxt h4 a{
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
        }

    .borders {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }

        .borders img {
            width: 100%;
        }

    .workflowtxt ul {
        width: 84%;
        display: inline-block;
        margin-top: 20px;
        padding-left: 25px;
    }

        .workflowtxt ul li {
            width: 100%;
            display: inline-block;
            color: #585786;
            font: bold 16px/19px 'OGT Raleway';
            padding: 5px 0px;
        }

            .workflowtxt ul li a {
                color: #585786;
            }

            .workflowtxt ul li span {
                position: relative;
            }

                .workflowtxt ul li span span {
                    left: 25px;
                }

            .workflowtxt ul li > span:before {
                width: 17px;
                height: 13px;
                content: '';
                background: url(/Images/arrwwhite.svg) no-repeat left center;
                position: absolute;
                top: 4px;
            }



    .workflowborder {
        width: 100%;
    }

    .topworkflow {
        width: 100%;
        background: url(/Images/patternstripyellow.svg) repeat;
        padding: 37px 0px; /*background-size: 140px;*/
        background-position: center center;
    }

    .innworkflowborder {
        width: 100%;
    }

        .innworkflowborder h4 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .bottomworkflow {
        width: 100%;
        padding: 50px 0px;
    }

    .workflowBoxes {
        width: 100%;
    }

    .workflowbox {
        width: 100%;
        float: left;
        margin-bottom: 25px;
    }

    .workflowboxpic {
        width: 100%;
        float: left;
    }

        .workflowboxpic img {
            width: 100%;
        }

    .workflowboxtxt {
        width: 100%;
        display: inline-block;
        padding-top: 15px;
    }

        .workflowboxtxt h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
        }

            .workflowboxtxt h4 a {
                color: #585786;
            }

        .workflowboxtxt p {
            color: #25253d;
            font: 300 16px/21px 'OGT Merriweather';
            padding-top: 15px;
        }


    .bottomdiscovermoreSec {
        width: 100%;
        display: inline-block;
        margin-top: 90px;
    }

        .bottomdiscovermoreSec .media {
            align-items: center;
        }

            .bottomdiscovermoreSec .media .media-body h4 a {
                color: #000;
            }




    /*cytocellsublevel */
    .bannerSec.banner2 .banBoxtxt.pink {
        background: #ff3d9e;
    }

    .panelBoxPink .panelBoxRt ul li span::before {
        background: url(/Images/arrowpink.svg) no-repeat left center;
    }

    .topworkflowPink {
        background: url(/Images/strippink.svg) repeat; /*background-size: 215px;*/
        background-position: center center;
    }



    /*applicationtopleavel*/
    .bannerSec3 {
        background: url(/Images/bluebg.jpg) repeat;
    }

    .aplicationtoplink:before {
        display: none;
    }

    .aplicationtoplink .technologyBoxLt .inntechnologyBoxLt h2 {
        color: #57a077;
        font: bold 32px/40px 'OGT Raleway';
    }



    .sublavelworkflow .workflowBoxes h3 {
        color: #57a077;
        font: bold 25px/36px 'OGT Raleway';
        border-bottom: 2px solid #57a077;
        margin-bottom: 25px;
    }

    .sublavelworkflow .workflowBoxes:last-child {
        margin-top: 30px;
    }


    /*applicationSubleavel*/
    .panelBoxGreen .panelBoxRt ul li span::before {
        background: url(/Images/arrowgrn.svg) no-repeat left center;
        background-size: contain;
    }

    .sublavelworkflow .topworkflowPink {
        background: url(/Images/strip1.svg) repeat;
        background-size: auto;
        padding: 27px 0px;
    }

    .findproductcancersSec {
        width: 100%;
        float: left;
        padding: 50px 0px;
    }

    .innfindproductcancersSec {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .innfindproductcancersSec h3 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

        .innfindproductcancersSec ul {
            width: 100%;
            display: inline-block;
            margin-top: 15px;
        }

            .innfindproductcancersSec ul li {
                display: inline-block;
                padding: 0px 15px;
                color: #25253d;
                font: bold 16px/40px 'OGT Raleway';
            }

                .innfindproductcancersSec ul li.frmbx {
                    width: 500px;
                }

                    .innfindproductcancersSec ul li.frmbx select {
                        border: 1px solid #9594b2;
                        color: #25253d;
                    }

                    .innfindproductcancersSec ul li.frmbx input[type=text] {
                        border: 1px solid #9594b2;
                        color: #25253d;
                    }

    .cancersSecboxes {
        width: 100%;
        float: left;
        margin-top: 40px;
    }

    .cancersSecbox {
        width: 100%;
        float: left;
        background: #3c3c66;
        padding: 20px;
        text-align: left;
        position: relative;
        margin-bottom: 70px;
    }

        .cancersSecbox h5 {
            color: #ffc200;
            font: bold 21px/25px 'OGT Raleway';
            min-height: 100px;
        }

        .cancersSecbox ul {
            width: 100%;
            display: inline-block;
        }

            .cancersSecbox ul li {
                width: 100%;
                display: inline-block;
                color: #fff;
                font: 500 14px/18px 'OGT Raleway';
                padding: 3px 0px;
            }

                .cancersSecbox ul li span {
                    font-weight: 400;
                }

    .view {
        color: #fff;
        font: 500 14px/18px 'OGT Raleway';
        /*margin-top: 70px;*/
        margin-top: 20px;
        display: inline-block;
    }

        .view span {
            position: relative;
            padding-left: 25px;
        }

            .view span:before {
                background: url(/Images/arrw.svg) no-repeat left center;
                width: 17px;
                height: 13px;
                content: '';
                position: absolute;
                left: 0;
                top: 2px;
            }

    .cancersSecbox:after {
        width: 100%;
        background: url(/Images/yellowbg.jpg) repeat-x;
        background-size: cover;
        height: 35px;
        content: '';
        position: absolute;
        left: 0;
        bottom: -35px;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.sky:after {
        background: url(/Images/grnbg.jpg) repeat-x;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.sky h5 {
        color: #29d1c9;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.pink:after {
        background: url(/Images/redbg.jpg) repeat-x;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.light-pink:after {
        background: url(/Images/Cytocell-probe-product-footer.svg) repeat-x;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.pink h5 {
        color: #ff3d9e;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.light-pink h5 {
        color: #ff83c1;
    }

    .cancersSecboxes .row .col-sm-4 .cancersSecbox.brand h5 {
        color: #abb7d6;
    }

    .bannerSec.banner2 .banner_Itm_Txt {
        min-height: 454px;
        position: relative;
    }

    .whiteban .banner_Itm_Txt .innbanner_Itm_Txt h1 {
        color: #fff;
        line-height: 32px;
    }

    .whiteban .banner_Itm_Txt .innbanner_Itm_Txt p {
        color: #fff;
    }



    /*Support & Resources */

    .supportworkflowSec {
        background: #f5f6ff;
    }

        .supportworkflowSec .workflowtxt p {
            color: #25253d;
            font: 300 14px/21px 'OGT Merriweather';
            padding-top: 20px;
        }

        .supportworkflowSec .innworkflowBoxes {
            margin-top: 0px;
        }

        .supportworkflowSec .workflowtxt {
            margin-top: 0px;
        }

    .exparthelpboxes {
        width: 100%;
        display: inline-block;
        margin-top: 90px;
    }

    .experthelpBox {
        width: 100%;
        display: inline-block;
        min-height: 350px;
        position: relative;
    }
    .textVersion .experthelpBox{
        min-height: unset;
        padding-bottom: 90px;
    }

    .textVersion .experthelpBox .innexperthelpBox {
        position: unset;
    }

    .innexperthelpBox {
        width: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .experthelpBox h2 {
        color: #575786;
        font: bold 32px/40px 'OGT Raleway';
    }

    .experthelpBox p {
        color: #575786;
        font: 300 16px/24px 'OGT Merriweather';
        padding-top: 10px;
    }

    .experthelpBox ul {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }

        .experthelpBox ul li {
            display: inline-block;
            font: bold 16px/45px 'OGT Raleway';
            color: #fff;
            padding: 0px 7.5px;
        }


            .experthelpBox ul li a {
                background: #57a077;
                color: #fff;
                display: inline-block;
                padding: 0px 25px;
            }

                .experthelpBox ul li a:hover {
                    background: #81b899;
                }

    .experthelpBoxPic {
        width: 100%;
        display: inline-block;
    }

        .experthelpBoxPic img {
            width: 100%;
            height: 350px;
            object-fit: cover;
        }



    .customerPanel {
        width: 100%;
        background: url(/Images/patternstrip5.svg);
        padding: 75px 0px;
    }

        .customerPanel .inncustomerPanel h3 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .inncustomerPanelBox {
        width: 100%;
        display: inline-block;
    }

    .customerPanelBX {
        width: 100%;
        display: inline-block;
        margin-top: 50px;
        padding-left: 110px;
        position: relative;
    }

        .customerPanelBX p {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            position: relative;
            padding: 5px 0px;
        }

        .customerPanelBX:before {
            content: '';
            position: absolute;
            left: 0;
            top: -15px;
            background: url(/Images/quote.svg) no-repeat;
            width: 76px;
            height: 58px;
        }

        .customerPanelBX .media {
            margin-top: 50px;
            position: relative;
        }

            .customerPanelBX .media img {
                max-width: 50px;
            }

            .customerPanelBX .media .media-body p {
                color: #585786;
                font: 500 16px/22px 'OGT Raleway';
                padding: 0px 0px;
            }

            .customerPanelBX .media:before {
                width: 100px;
                height: 5px;
                content: '';
                background: #515080;
                position: absolute;
                left: 0;
                top: -25px;
            }

            .customerPanelBX .media .media-body p:before {
                display: none;
            }
/*
    .inncustomerPanelBox .owl-nav {
        display: none;
    }*/

    .inncustomerPanelBox .owl-dots {
        display: none;
    }


    .signupboxSec.grn {
        background: #57a077;
    }

        .signupboxSec.grn .btnn {
            border: 2px solid #fff;
        }


    /* NGS Support Resources */

    .supportLinksQuick {
        width: 100%;
        margin-top: 90px;
    }

        .supportLinksQuick .bottomdiscovermoreSec {
            margin-top: 60px;
        }

            .supportLinksQuick .bottomdiscovermoreSec .media .media-body h4 {
                color: #585786 !important;
                font: bold 21px/25px 'OGT Raleway';
            }

                .supportLinksQuick .bottomdiscovermoreSec .media .media-body h4 a {
                    color: #585786 !important;
                }

    .ngsboxes {
        margin: 0px;
    }

        .ngsboxes .row:nth-child(even) {
            flex-direction: row-reverse;
            margin-top: 90px;
        }

        .ngsboxes .experthelpBox .innexperthelpBox .media .media-body h4 {
            color: #57a077;
            font: bold 21px/25px 'OGT Raleway';
        }

        .ngsboxes .experthelpBox .innexperthelpBox .media {
            margin-bottom: 15px;
        }

    .prodoc .findproductLt .bansrchBox p {
        color: #fff;
        font: 300 16px/24px 'OGT Merriweather';
        padding-bottom: 15px;
    }

    .customerPanel2 .customerPanelBX:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0;
        background: url(/Images/quoteblue.svg) no-repeat;
        width: 76px;
        height: 58px;
    }

    .customerPanel2 .customerPanelBX {
        width: auto;
        float: left;
        padding-right: 230px;
        position: relative;
    }

    .customerPic {
        width: 210px;
        position: absolute;
        right: 0;
        top: 0;
    }

        .customerPic img {
            width: 100% !important;
        }

    .customerPanel2 .inncustomerPanel h3 {
        color: #57a077;
        font: bold 21px/25px 'OGT Raleway';
        background: url(/Images/icon6.svg) no-repeat left center;
        padding-left: 50px;
    }

    .supportban {
    }

.certificateOfAnalysis_beforeSearch h4 a {
    color: #585786;
}

        .supportban img {
            min-height: 378px;
            object-fit: cover;
        }

        .supportban .innbanner_Itm_Txt {
            width: auto;
        }


    /*ngstipsTroubleshooting*/
    .ngsBoxes {
        width: 100%;
        float: left;
        padding: 20px 0px 50px;
    }

    .innngsBoxes {
        width: 100%;
        float: left;
    }

.ngsBox {
    width: 100%;
    float: left;
    padding: 25px 25px 50px;
    background: url(/Images/bottompattern.svg) rgba(87, 160, 119, 1) no-repeat center bottom;
    margin-top: 30px;
    position: relative;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ngsBox:hover {
    background-color:rgba(87, 160, 119, 0.8);
}

        .ngsBox h4 {
            color: #fff;
            font: bold 25px/30px 'OGT Raleway';
            min-height: 90px;
        }

    .bxview {
        margin-top: 15px !important;
    }
    .bxview {
        color: #fff;
        font: 400 16px/19px 'OGT Raleway';
        position: relative;
        padding-left: 25px;
        margin-top: 25px;
        display: inline-block;
    }

        .bxview::before {
            content: '';
            background: url(/Images/arrw.svg) no-repeat left center;
            position: absolute;
            left: 0;
            top: 3px;
            width: 17px;
            height: 13px;
        }

    .absngsBox {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    /*.ngsBox:hover{ background:url(/Images/bottompattern.svg)#81b899 no-repeat center bottom;}*/


    .innsignupboxlt .media .media-body h4 a {
        color: #fff;
        text-decoration: underline !important;
    }

    .signupboxSec2 .innsignupboxrt .btnn {
        width: 100%;
    }

    .customerPanel3 {
        background: #fff;
    }

        .customerPanel3 .inncustomerPanel h3 {
            color: #585786;
            padding-left: 0px;
            background: none;
        }

    .btnTipsBack {
        color: #abb7d6;
        font: normal 18px/21px 'OGT Raleway';
        margin-top: 50px;
        display: inline-block;
        background: url(/Images/arrow2.svg) no-repeat;
        padding-left: 25px;
        background-position: left top 5px;
    }


    /*fishfaq*/
    .faqBoxes {
        width: 100%;
        background: #f5f6ff;
        padding: 70px 0px;
    }

    .innfaqBoxes {
        width: 100%;
        display: inline-block;
    }

        .innfaqBoxes h4 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .accordion {
        width: 100%;
        display: inline-block;
        margin-top: 15px;
    }

        .accordion .card-header {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            background: #fff;
            border: none;
            padding: 0px;
        }

            .accordion .card-header a.card-link {
                width: 100%;
                display: inline-block;
                background: url(/Images/minus.svg)#fff no-repeat right 15px center;
                padding: 15px 60px 15px 15px;
                color: #57a077;
            }

        .accordion .card {
            margin-top: 15px;
            border-radius: 0px;
            border: none;
        }

            .accordion .card .card-body {
                color: #25253d;
                font: 300 14px/21px 'OGT Merriweather';
                padding-right: 60px;
            }

                .accordion .card .card-body p {
                    color: #25253d;
                    font: 300 14px/24px 'OGT Merriweather';
                    padding: 5px 10px;
                }

                    .accordion .card .card-body p a {
                        color: #25253d;
                    }

                .accordion .card .card-body h3 {
                    color: #575786;
                    font: bold 32px/40px 'OGT Raleway';
                    padding-top: 10px;
                }

                .accordion .card .card-body h4 {
                    color: #575786;
                    font: bold 28px/34px 'OGT Raleway';
                    padding-top: 10px;
                }

                .accordion .card .card-body h5 {
                    color: #575786;
                    font: bold 22px/28px 'OGT Raleway';
                    padding-top: 10px;
                }

                .accordion .card .card-body ul, .accordion .card .card-body ol {
                    padding: 15px 0px;
                    margin: 0px;
                }

                .accordion .card .card-body ol {
                    padding-left: 15px;
                }

                    .accordion .card .card-body ul li, .accordion .card .card-body ol li {
                        color: #25253d;
                        color: #25253d;
                        font: 300 14px/24px 'OGT Merriweather';
                    }

                        .accordion .card .card-body ul li a, .accordion .card .card-body ol li a {
                            color: #25253d;
                        }


        .accordion .card-header a.card-link.collapsed {
            background: url(/Images/plus.svg)#fff no-repeat right 15px center;
            color: #585786;
        }

    /*Whats wrong with my arrays*/
    .supportban .btnTipsBack {
        position: absolute;
        left: 0;
        top: 25px;
        margin: 0px;
    }

    .whatsWrongBoxes {
        width: 100%;
        display: inline-block;
    }

    .topwhatsWrong {
        width: 100%;
        float: left;
        background: #f5f6ff;
        padding: 10px 0px;
    }

    .inntopwhatsWrong {
        width: 100%;
        float: left;
    }

        .inntopwhatsWrong ul {
            width: 100%;
            display: inline-block;
        }

            .inntopwhatsWrong ul li {
                display: inline-block;
                color: #585786;
                font: 500 21px/25px 'OGT Raleway';
                padding: 0px 15px;
                padding-left: 50px;
            }

                .inntopwhatsWrong ul li:first-child {
                    padding-left: 0px;
                }

                .inntopwhatsWrong ul li span {
                    color: #585786;
                    padding: 15px 0px;
                    display: inline-block;
                    position: relative;
                }

                .inntopwhatsWrong ul li:nth-child(2) span:before {
                    content: '';
                    background: url(/Images/probicon.svg) no-repeat center center;
                    width: 48px;
                    height: 48px;
                    position: absolute;
                    left: -58px;
                    top: 0;
                }

                .inntopwhatsWrong ul li:nth-child(3) span:before {
                    content: '';
                    background: url(/Images/idenicon.svg) no-repeat center center;
                    width: 48px;
                    height: 48px;
                    position: absolute;
                    left: -58px;
                    top: 0;
                }

                .inntopwhatsWrong ul li:nth-child(4) span:before {
                    content: '';
                    background: url(/Images/solutionicon.svg) no-repeat center center;
                    width: 48px;
                    height: 48px;
                    position: absolute;
                    left: -58px;
                    top: 0;
                }


    .bottomwhatsWrong {
        width: 100%;
        display: inline-block;
        padding: 70px 0px 50px;
    }

    .innbottomwhatsWrong {
        width: 100%;
        display: inline-block;
    }

        .innbottomwhatsWrong ul.tabs-menu {
            width: 100%;
            display: inline-block;
            border-bottom: 2px solid #d3d3d3;
        }

            .innbottomwhatsWrong ul.tabs-menu li {
                display: inline-block;
                color: #abb7d6;
                font: 500 21px/25px 'OGT Raleway';
                margin-right: 25px;
            }

                .innbottomwhatsWrong ul.tabs-menu li a {
                    color: #abb7d6;
                    padding: 15px 0px;
                    display: inline-block;
                    position: relative;
                }

                    .innbottomwhatsWrong ul.tabs-menu li a:after {
                        content: '';
                        width: 100%;
                        height: 2px;
                        background: transparent;
                        position: absolute;
                        left: 0;
                        bottom: -2px;
                    }

                .innbottomwhatsWrong ul.tabs-menu li.current a {
                    color: #585786;
                }

                    .innbottomwhatsWrong ul.tabs-menu li.current a:after {
                        background: #48477a;
                    }

    .inncontentBox {
        width: 100%;
        display: inline-block;
        background: #f5f6ff;
        padding: 25px;
        margin-top: 15px;
        position: relative;
    }

        .inncontentBox ul {
            width: 100%;
            display: inline-block;
        }

            .inncontentBox ul li {
                width: 100%;
                display: inline-block;
                color: #575786;
                font: normal 16px/24px 'OGT Merriweather';
                padding: 5px 0px;
                padding-left: 40px;
                position: relative;
            }

                .inncontentBox ul li:first-child {
                    color: #585786;
                    font: bold 21px/25px 'OGT Raleway';
                }

                    .inncontentBox ul li:first-child:before {
                        content: '';
                        background: url(/Images/probicon.svg) no-repeat center center;
                        width: 30px;
                        height: 30px;
                        position: absolute;
                        left: 0px;
                        top: 0;
                        background-size: contain !important;
                    }

                .inncontentBox ul li:nth-child(2):before {
                    content: '';
                    background: url(/Images/idenicon.svg) no-repeat center center;
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    left: 0px;
                    top: 0;
                    background-size: contain !important;
                }

                .inncontentBox ul li:nth-child(3):before {
                    content: '';
                    background: url(/Images/solutionicon.svg) no-repeat center center;
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    left: 0px;
                    top: 0;
                    background-size: contain !important;
                }

    .hideresolution {
        position: absolute;
        right: 25px;
        top: 18px;
        color: #585786;
        font: bold 16px/19px 'OGT Raleway';
        background: url(/Images/arw1.svg) no-repeat left center;
        padding-left: 25px;
    }







    .bottomwhatsWrong .accordions {
    }

        .bottomwhatsWrong .accordions .card {
            border: none;
            margin-top: 15px
        }

        .bottomwhatsWrong .accordions .card-header {
            border: none;
            background: #f5f6ff;
            padding: 0px;
        }

            .bottomwhatsWrong .accordions .card-header .card-link {
                color: #585786;
                font: bold 21px/25px 'OGT Raleway';
                position: relative;
                width: 100%;
                display: inline-block;
                padding: 15px;
            }

                .bottomwhatsWrong .accordions .card-header .card-link b {
                    position: relative;
                    font-weight: 700;
                    padding-left: 45px;
                }

                    .bottomwhatsWrong .accordions .card-header .card-link b:before {
                        content: '';
                        background: url(/Images/probicon.svg) no-repeat center center;
                        width: 30px;
                        height: 30px;
                        position: absolute;
                        left: 0px;
                        top: -4px;
                        background-size: contain !important;
                    }

        .bottomwhatsWrong .accordions .card-body {
            background: #f5f6ff;
            padding: 15px;
            padding-top: 0px;
            color: #575786;
            font: normal 16px/24px 'OGT Merriweather';
        }

            .bottomwhatsWrong .accordions .card-body ul, .bottomwhatsWrong .accordions .card-body ol {
                width: 100%;
                display: inline-block;
                margin: 15px 0px;
            }

                .bottomwhatsWrong .accordions .card-body ul li {
                    width: auto; /*display:inline-block;*/
                    color: #575786;
                    font: normal 16px/24px 'OGT Merriweather';
                    padding: 5px 0px;
                    margin-left: 60px;
                    position: relative;
                    list-style-type: disc;
                }

            .bottomwhatsWrong .accordions .card-body .whatsWrongImage {
                padding-right: 40px;
                padding-left: 40px;
            }

                .bottomwhatsWrong .accordions .card-body .whatsWrongImage img {
                    max-width: 100%;
                }

    @media only screen and (max-width: 767px) {
        .bottomwhatsWrong .accordions .card-body .whatsWrongImage img {
            display: none;
        }
    }




    .bottomwhatsWrong .accordions .card-body ol li {
        width: auto; /*display:inline-block;*/
        color: #575786;
        font: normal 16px/24px 'OGT Merriweather';
        padding: 5px 0px;
        position: relative;
        margin-left: 20px;
        list-style-type: decimal;
    }

    .bottomwhatsWrong .accordions .card-header .card-link .hideresolution em {
        font-style: inherit;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .bottomwhatsWrong .accordions .card-header .card-link .hideresolution em:first-child {
            display: none;
        }

        .bottomwhatsWrong .accordions .card-header .card-link .hideresolution em:last-child {
            display: block;
        }

    .bottomwhatsWrong .accordions .card-header .card-link.collapsed .hideresolution em:first-child {
        display: block;
    }

    .bottomwhatsWrong .accordions .card-header .card-link.collapsed .hideresolution em:last-child {
        display: none;
    }


    .bottomwhatsWrongFish {
        padding-top: 30px;
    }

        .bottomwhatsWrongFish .accordions .card-body {
            position: relative;
            padding-right: 300px;
            min-height: 145px;
        }

    .fishPic {
        width: 120px;
        position: absolute;
        right: 160px;
        top: 0;
    }

        .fishPic img {
            width: 100%;
        }

    .imgBox {
        width: 100%;
        display: inline-block;
    }

        .imgBox img {
            width: 100%;
        }

    .bottomwhatsWrong .accordions .card-body h2 {
        color: #585786;
        font: bold 21px/25px 'OGT Raleway';
        padding-left: 40px;
        padding-top: 5px;
    }

    .bottomwhatsWrong .accordions .card-body h3 {
        color: #585786;
        font: bold 18px/22px 'OGT Raleway';
        padding-left: 40px;
        padding-top: 5px;
    }

    .bottomwhatsWrong .accordions .card-body h4 {
        color: #585786;
        font: bold 16px/20px 'OGT Raleway';
        padding-left: 40px;
        padding-top: 5px;
    }

    .bottomwhatsWrong .accordions .card-body p {
        padding-left: 40px;
        padding-top: 5px;
        font-size: 14px;
        line-height: 22px;
    }

        .bottomwhatsWrong .accordions .card-body p a {
            color: #575786;
        }

    .bottomwhatsWrong .accordions .card-body h2 a, .bottomwhatsWrong .accordions .card-body h3 a, .bottomwhatsWrong .accordions .card-body h4 a {
        color: #585786;
    }

    /*NGS videos*/
    .ngsvideosSec {
        padding: 50px 0px;
    }

    .typeofVideo {
        width: 100%;
        display: inline-block;
    }

        .typeofVideo .frmbx {
            max-width: 435px;
        }

            .typeofVideo .frmbx select {
                border: 1px solid #585786;
                color: #585786;
            }

    .ngsvideosSec .latestNewsBox {
        margin-top: 50px;
    }

    .ngsvideosSec .innlatestNewsBoxes {
        margin-top: 0px;
    }

        .ngsvideosSec .innlatestNewsBoxes .newsBoxpic {
            position: relative;
        }

            .ngsvideosSec .innlatestNewsBoxes .newsBoxpic .absplay {
                width: 59px;
                height: 59px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
            }

                .ngsvideosSec .innlatestNewsBoxes .newsBoxpic .absplay img {
                    width: 100%;
                    height: 100%;
                }

    .headlink .dropdown .dropdown-menu .dropdown-item:before {
        display: none;
    }

    .headlink .dropdown .dropdown-menu .dropdown-item {
        font: 500 13px/15px 'OGT Raleway';
        color: #25253d;
        width: auto;
        padding: 10px;
    }


        .headlink .dropdown .dropdown-menu .dropdown-item:hover {
            background-color: #57a077;
            color: #fff;
        }

    .headlink .dropdown .dropdown-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        display: block;
        opacity: 0;
        visibility: hidden;
        margin: 0px;
        border: none;
        background: #fff !important;
        width: auto;
        border-radius: 0;
        left: 50%;
        right: inherit;
        box-shadow: inherit;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        min-width: 100px;
    }

    .headlink .dropdown .dropdown-menu {
        margin-top: 8px;
        padding: 0;
    }

    .headlink .dropdown:hover .dropdown-menu {
        max-height: 350px;
        opacity: 1;
        visibility: visible;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
    }

    /*.menu_sec li:nth-child(3) .dropdown-menu ul li:first-child a {
    font-weight: 400;
}

.menu_sec li:nth-child(4) .dropdown-menu ul li:first-child a {
    font-weight: 400;
}*/
    /* ngs literature */
    .literatureSec {
        padding: 50px 0px 150px;
    }

        .literatureSec .innfindproductcancersSec {
        }

            .literatureSec .innfindproductcancersSec ul {
                margin-top: 0px;
                text-align: left;
            }

                .literatureSec .innfindproductcancersSec ul li {
                    margin-top: 0px;
                }

    .literatureBoxes {
        width: 100%;
        display: inline-block;
        text-align: center;
        position: relative;
    }

    .literatureBox {
        width: 100%;
        display: inline-block;
        background: #f5f6ff;
        padding: 25px;
        margin-top: 25px;
    }

    .literatureBoxLt {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

        .literatureBoxLt h4 {
            color: #3c3c66;
            font: bold 21px/25px 'OGT Raleway';
        }

            .literatureBoxLt h4 a {
                color: #3c3c66;
            }

        .literatureBoxLt ul {
            width: 100%;
            display: inline-block;
            padding: 15px 0px 10px;
        }

            .literatureBoxLt ul li {
                display: inline-block;
                color: #585786;
                font: bold 14px/24px 'OGT Raleway';
                padding-right: 15px;
            }

                .literatureBoxLt ul li span {
                    font-weight: 400;
                }

        .literatureBoxLt p {
            font: 300 14px/21px 'OGT Raleway';
            color: #25253d;
            padding-top: 10px;
        }

        .literatureBoxLt .viewMore {
            float: left;
            padding-left: 25px;
            margin-top: 15px;
        }

    .literatureBoxRt {
        width: 100%;
        display: inline-block;
        background: #fff;
        padding: 10px;
        text-align: center;
    }

        .literatureBoxRt img {
            max-width: 100%;
        }

    .literatureBoxes .btnTipsBack {
        position: absolute;
        left: 0;
        bottom: 15px;
    }

    /* ngs literature article */

    .bannerSec .innbanner_Itm_Txt ul li {
        display: inline-block;
        color: #f5f6ff;
        font: bold 16px/19px 'OGT Raleway';
        padding-right: 15px;
        margin-top: 15px;
    }

        .bannerSec .innbanner_Itm_Txt ul li span {
            font-weight: 400;
        }

    .article .innbanner_Itm_Txt {
        width: 100%;
        max-width: inherit;
    }

    .articleSec {
        padding-bottom: 50px;
    }

    .articleBoxes {
        width: 100%;
        display: inline-block;
        color: #25253d;
        font: 300 14px/21px 'OGT Merriweather';
    }

        .articleBoxes p {
            color: #25253d;
            font: 300 14px/24px 'OGT Merriweather';
            padding: 10px 0px;
        }

            .articleBoxes p:first-child {
                padding-top: 0px;
            }

        .articleBoxes ul.btnns {
            margin-top: 30px;
        }

            .articleBoxes ul.btnns li {
                display: inline-block;
                margin-right: 15px;
            }

                .articleBoxes ul.btnns li a {
                    width: auto;
                    height: 49px;
                    background: #57a077;
                    display: inline-block;
                    color: #fff;
                    padding: 0px 25px;
                    font: 700 16px/49px 'OGT Raleway';
                    -moz-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    -webkit-transition: all 0.5s ease-in-out;
                    -ms-transition: all 0.5s ease-in-out;
                    transition: all 0.5s ease-in-out;
                }

                    .articleBoxes ul.btnns li a:hover {
                        background: #81b899;
                    }

        .articleBoxes h2 {
            color: #585786;
            font: bold 32px/40px 'OGT Raleway';
        }

        .articleBoxes h3 {
            color: #585786;
            font: bold 24px/32px 'OGT Raleway';
            padding-top: 10px;
        }

        .articleBoxes h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            padding-top: 10px;
        }

        .articleBoxes h5 {
            color: #585786;
            font: bold 18px/22px 'OGT Raleway';
            padding-top: 10px;
        }

        .articleBoxes ol, .articleBoxes ul {
            padding-top: 10px;
            margin: 0px;
            padding: 5px;
        }

        .articleBoxes ol {
            padding-left: 20px;
        }

        .articleBoxes li {
            color: #25253d;
            font: 300 14px/21px 'OGT Merriweather';
        }

            .articleBoxes li a {
                color: #25253d;
            }

        .articleBoxes p a, .std-link {
            color: #58a077;
            text-decoration:underline !important;

        }

            .articleBoxes p a:hover, .std-link:hover {
                color: #25253d;
                text-decoration: none;
            }





    .btmpanel {
        width: 100%;
        display: inline-block;
    }

    .topInnbtmpanel {
        width: 100%;
        display: inline-block;
        padding: 30px 200px;
        border-bottom: 1px solid #f3f3f3;
    }

    .bottomInnbtmpanel {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 35px 0px;
    }

    .topbtmBox {
        width: 100%;
        display: inline-block;
    }

        .topbtmBox h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
        }

        .topbtmBox ul {
            width: 100%;
            display: inline-block;
            margin-top: 25px;
        }

            .topbtmBox ul li {
                color: #585786;
                font: bold 16px/19px 'OGT Raleway';
                padding: 5px 0px;
                background: url(/Images/arrwwhite.svg) no-repeat left center;
                padding-left: 25px;
            }

                .topbtmBox ul li a {
                    color: #585786;
                }

    .topbtmBoxshare {
        width: 100%;
        display: inline-block;
    }

        .topbtmBoxshare ul {
            background: #e7e7f2;
            display: inline-block;
            padding: 10px;
            float: right;
        }

            .topbtmBoxshare ul li {
                display: inline-block;
                font: bold 21px/25px 'OGT Raleway';
                color: #585786;
                padding: 0px 5px;
            }

                .topbtmBoxshare ul li a {
                    color: #585786;
                }

    .bottomInnbtmpanel h5 {
        color: #575786;
        font: bold 32px/40px 'OGT Raleway';
    }

    .bottomBoxpanel {
        width: 100%;
        display: inline-block;
        padding: 15px;
        background: #f5f6ff;
        text-align: left;
        margin-top: 30px;
        min-height: 220px;
    }

        .bottomBoxpanel h4 {
            color: #3c3c66;
            font: bold 21px/25px 'OGT Raleway';
        }

            .bottomBoxpanel h4 a {
                color: #3c3c66;
            }

        .bottomBoxpanel ul {
            width: 100%;
            display: inline-block;
            padding: 10px 0px;
        }

            .bottomBoxpanel ul li {
                display: inline-block;
                color: #585786;
                font: bold 16px/19px 'OGT Raleway';
                padding-right: 15px;
            }

                .bottomBoxpanel ul li span {
                    font-weight: 400;
                }

        .bottomBoxpanel .viewMore {
            float: left;
            margin-left: 20px;
        }

    .bottomInnbtmpanel .btnTipsBack {
        float: left;
    }

    /*publication*/
    .publicationBoxes .literatureBox {
        padding: 40px 200px 40px 60px;
    }

    .publicationSec .innfindproductcancersSec ul {
        text-align: right;
    }

        .publicationSec .innfindproductcancersSec ul li:first-child {
            float: left;
            padding-left: 0px;
        }

        .publicationSec .innfindproductcancersSec ul li:last-child {
            padding-right: 0px;
        }


    /*support form*/
    .supportSecBox {
        background: #fff;
    }

        .supportSecBox .innquestionSecBox sup {
            color: #575786;
            font: 300 14px/24px 'OGT Merriweather';
        }

        .supportSecBox .innquestionSecBox h4 {
            color: #575786;
            padding-top: 25px;
        }

        .supportSecBox .frmbx input[type="text"], .supportSecBox .frmbx input[type="password"], .supportSecBox .frmbx input[type="email"], .supportSecBox .frmbx input[type="tel"], .supportSecBox .frmbx select, .supportSecBox .frmbx textarea,
        .umbraco-forms-form input[type="text"], .umbraco-forms-form input[type="password"], .umbraco-forms-form input[type="email"], .umbraco-forms-form input[type="tel"], .umbraco-forms-form select, .umbraco-forms-form textarea {
            border: 1px solid #585786;
        }

        .supportSecBox .frmbx select, .umbraco-forms-form select {
            color: #575786;
        }

        .supportSecBox .frmbx label, .umbraco-forms-form label {
            color: #575786;
        }

        .supportSecBox .frmbx1 input[type="checkbox"] + label, .umbraco-forms-form input[type="checkbox"] + label {
            color: #575786;
        }

        .supportSecBox .frmbx, .umbraco-forms-field, .umbraco-forms-form legend, .umbraco-forms-form fieldset {
            margin-top: 25px;
        }

    .umbraco-forms-container, .umbraco-forms-navigation .col-md-12 {
        padding-right: 0;
        padding-left: 0;
    }


    /*Team profile*/
    .mailid {
        color: #fff;
        margin-top: 20px;
        display: inline-block;
    }

    .teamprofile .customerPanelBX .media::before {
        background: #57a077;
    }

    /*procedure*/
    .procedureSec {
        padding: 50px 0px;
        width: 100%;
        display: inline-block;
    }

    .innprocedureSec {
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }

    .procedureBox {
        width: 100%;
        display: inline-block;
        min-height: 400px;
        position: relative;
    }

    .innprocedureBox {
        width: 100%;
        display: inline-block; /*position: absolute; top:50%; left:0; 
transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);*/
        padding-right: 100px;
    }

    .procedureBoxPic {
        width: 100%;
        display: inline-block;
    }

        .procedureBoxPic img {
            width: 100%;
            height: 400px;
            object-fit: cover;
        }

    .innprocedureBox em {
        background: #cc705c;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        font: 700 21px/48px 'OGT Raleway';
        color: #fff;
        display: block;
    }

    .innprocedureBox h2 {
        color: #585786;
        font: bold 32px/40px 'OGT Raleway';
        margin-top: 10px;
        display: inline-block;
    }

        .innprocedureBox h2 a {
            color: #585786;
        }

    .innprocedureBox h3 {
        color: #585786;
        font: bold 25px/30px 'OGT Raleway';
        margin-top: 10px;
        display: inline-block;
    }

        .innprocedureBox h3 a {
            color: #585786;
        }

    .innprocedureBox h4 {
        color: #585786;
        font: bold 21px/25px 'OGT Raleway';
        margin-top: 10px;
        display: inline-block;
    }

        .innprocedureBox h4 a {
            color: #585786;
        }

    .innprocedureBox h5 {
        color: #585786;
        font: bold 18px/24px 'OGT Raleway';
        margin-top: 10px;
        display: inline-block;
    }

        .innprocedureBox h5 a {
            color: #585786;
        }

    .innprocedureBox ul, .innprocedureBox ol {
        width: 100%;
        display: inline-block;
        padding: 0px;
        padding-top: 15px;
        margin: 0px;
    }

    .innprocedureBox li, .innprocedureBox p {
        color: #575786;
        font: 300 16px/24px 'OGT Merriweather';
        padding-top: 5px;
        list-style-type: none;
    }

        .innprocedureBox li a, .innprocedureBox p a {
            color: #585786;
        }

    .innprocedureBox a {
        color: #585786;
    }


    /*teamSec*/

    .teamSec .articleBoxes {
        padding: 0px;
    }

    .customerBoxes {
        width: 100%;
        display: inline-block;
    }

        .customerBoxes h4 {
            color: #585786;
            font: bold 32px/40px 'OGT Raleway';
            padding-top: 25px;
        }

    .customerBox {
        width: 100%;
        display: inline-block;
        margin-top: 40px;
    }

        .customerBox img {
            width: 100%;
        }

        .customerBox h5 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            padding-top: 15px;
        }

            .customerBox h5 a {
                color: #585786;
            }

        .customerBox p {
            color: #575786;
            font: 300 16px/24px 'OGT Merriweather';
            padding-top: 10px;
        }

        .customerBox .viewMore {
            float: left;
            margin-left: 22px;
        }

    /*productsearch*/
    .productsearchSec .cancersSecbox ul {
        min-height: 245px;
    }

    .productsearchSec .productsearchSecLeft {
        width: 100%;
        display: inline-block;
    }

        .productsearchSec .productsearchSecLeft h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
        }

    .srchBox {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #a9b6d5;
    }

        .srchBox h4 {
            padding-top: 35px;
        }

        .srchBox ul {
            width: 100%;
            display: inline-block;
            padding: 35px 0px;
        }

            .srchBox ul li {
                width: 100%;
                display: inline-block;
                font: normal 16px/24px 'OGT Merriweather';
                color: #575786;
                padding: 2px 20px 5px 0;
                position: relative;
            }

                .srchBox ul li a.cross {
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    right: 0;
                    top: 0;
                    background: url(/Images/cross.jpg)#a9b6d5 no-repeat center center;
                }

                .srchBox ul li span {
                    width: 30px;
                    height: 30px;
                    position: absolute;
                    right: 0;
                    top: 0;
                }

        .srchBox.technology .cssmenu ul, .srchBox.chromosomes .cssmenu ul {
            /*padding-bottom: 5px;*/
        }


            .srchBox.technology .cssmenu ul li.has-sub a, .srchBox.chromosomes .cssmenu ul li.has-sub a {
                padding: 10px 0px;
                color: #585786;
                font: 700 21px/25px 'OGT Raleway';
            }

            .srchBox.chromosomes .cssmenu ul li.has-sub a {
                padding: 0px;
            }

        .srchBox.application {
        }

            .srchBox.application .cssmenu ul li.has-sub a {
                font: normal 16px/24px 'OGT Raleway';
                padding: 5px 0px;
                color: #575786;
            }

            .srchBox.application .cssmenu {
                /* margin-top: 15px;*/
            }

                .srchBox.application .cssmenu ul > li.has-sub span {
                    top: 3px !important;
                }

    .cssmenu ul > li.has-sub span.parent {
        top: 0;
    }

    /*.cssmenu ul > li.has-sub span.parent
            {
                top: 33px !important;
            }

            

            .srchBox.chromosomes .cssmenu ul li.has-sub a, .cssmenu ul > li.has-sub a.parent span,
            .srchBox.technology .cssmenu ul li.has-sub a
            {
                padding: 35px 0px !important;
            }

            .srchBox.technology .cssmenu ul li.has-sub.open a 
            {
                /*padding: 35px 0px 10px 0 !important;
            } */



    .cssmenu {
        padding: 35px 0 !important;
    }

    .srchBox.application .cssmenu {
        padding: 10px 0 35px 0 !important;
    }

    .srchBox.technology .cssmenu span.parent {
        top: 10px;
    }

    .srchBox.chromosomes .cssmenu ul {
        margin-top: 10px;
    }

    .srchBox.technology input[type="checkbox"], .srchBox.chromosomes input[type="checkbox"], .srchBox.application input[type="checkbox"] {
        display: none;
    }

        .srchBox.technology input[type="checkbox"] + label, .srchBox.chromosomes input[type="checkbox"] + label, .srchBox.application input[type="checkbox"] + label {
            cursor: pointer;
            display: inline-block;
            margin: -2px -2px 0;
            text-align: left;
            vertical-align: middle;
            font: normal 16px/24px 'OGT Raleway';
            padding: 5px 0px;
            color: #575786;
            background: url(/Images/chk2.jpg) no-repeat left center;
            width: 100%;
            padding-left: 25px;
        }


        .srchBox.technology input[type="checkbox"]:checked + label, .srchBox.chromosomes input[type="checkbox"]:checked + label, .srchBox.application input[type="checkbox"]:checked + label {
            background: url(/Images/chk3.jpg) no-repeat left center;
            outline: none;
        }

    .productsearchSecRight {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .productsearchSecRight p {
            font: normal 16px/24px 'OGT Raleway';
            color: #575786;
            text-align: left;
        }

    .productboxes {
        margin-top: 10px;
    }


    .publicationSec .frmbx:first-child {
        border: 1px solid #9594b2;
        padding: 0px;
    }

    .publicationSec .frmbx input[type="text"] {
        width: 85%;
        padding-left: 15px;
        color: #25253d;
    }

    .publicationSec .bansrchBox {
        margin-top: 0px;
        float: left;
    }

        .publicationSec .bansrchBox input[type="submit"] {
            height: 40px;
            background: url(/Images/searchicon.svg)#fff no-repeat center center;
        }

    .publicationSec .inncustomsrch .bansrchBox input[type="submit"] {
        height: 40px;
        background: url(/Images/srchwhite.svg)#3c3c66 no-repeat center center;
        width: 10%;
    }

    .publicationSec.publicationSec2 .innfindproductcancersSec ul li.frmbx {
        width: 600px;
    }

    .publicationSec.publicationSec2 .cancersSecboxes {
        text-align: center;
    }

    .newslandingSec .innlatestNewsBoxes {
        text-align: center;
    }

        .newslandingSec .innlatestNewsBoxes .latestNewsBox {
            text-align: left;
        }


    .newslandingTopSec h3 {
        color: #57a077;
        font: 500 16px/19px 'OGT Raleway';
        padding-left: 30px;
        text-align: left;
    }

    .newslandingTopSec .latestNewsBox {
        margin-top: 0px;
    }

    .newslandingTopSec .col-sm-8 .row .col-sm-6:last-child .latestNewsBox {
        margin-top: 25px;
    }

    .newslandingTopSec .col-sm-4 .latestNewsBox {
        margin-top: 25px;
        background: #f5f6ff;
        padding: 25px;
    }

        .newslandingTopSec .col-sm-4 .latestNewsBox ul {
            width: 100%;
            display: inline-block;
            padding: 15px 0px;
        }

            .newslandingTopSec .col-sm-4 .latestNewsBox ul li {
                color: #25253d;
                font: bold 14px/21px 'OGT Merriweather';
            }

                .newslandingTopSec .col-sm-4 .latestNewsBox ul li span {
                    font-weight: 300;
                }

        .newslandingTopSec .col-sm-4 .latestNewsBox .newsBoxTxt {
            padding-top: 0px;
        }

    .newslandingTopSec .col-sm-8 h3 {
        background: url(/Images/megaph.svg) no-repeat left center;
    }

    .newslandingTopSec .col-sm-4 h3 {
        background: url(/Images/calender.svg) no-repeat left center;
    }



    /* about page */
    .aboutDesignPanel {
        background: #fff;
        padding: 80px 0px;
    }

    .grnPanelSec {
        width: 100%;
        float: left;
        background: #57a077;
        padding: 30px 0px;
    }

    .grnPanelBox {
        width: 100%;
        float: left;
        text-align: center;
    }

        .grnPanelBox strong {
            color: #fff;
            font: bold 60px/70px 'OGT Raleway';
        }

        .grnPanelBox p {
            color: #fff;
            font: bold 21px/25px 'OGT Raleway';
            margin-top: 15px;
        }

    .joinUsEventBox {
        width: 100%;
        float: left;
        padding: 40px 0px;
        background: #f5f6ff;
    }

    .joinUsEventLt h4 {
        color: #585786;
        font: bold 21px/25px 'OGT Raleway';
    }

    .joinUsEventLt h2 {
        color: #585786;
        font: bold 32px/40px 'OGT Raleway';
        padding-top: 15px;
    }

    .joinUsEventLt p {
        color: #585786;
        font: normal 14px/16px 'OGT Raleway';
        padding-top: 15px;
    }

    .joinUsEventLt ul {
        width: 100%;
        display: inline-block;
    }

        .joinUsEventLt ul li {
            display: inline-block;
        }

            .joinUsEventLt ul li:last-child {
                margin-left: 75px;
            }

    .joinUsEventRt {
        width: 100%;
        display: inline-block;
        background: #fff;
        padding: 10px 15px;
        text-align: center;
    }

        .joinUsEventRt img {
            max-width: 100%;
        }

    .abouttechnology .inntechnologyBoxLt .customerPanelBX {
        padding-left: 0px;
    }

        .abouttechnology .inntechnologyBoxLt .customerPanelBX:before {
            left: 0;
            top: -50px;
        }

        .abouttechnology .inntechnologyBoxLt .customerPanelBX .media .media-body p {
            padding-top: 0px;
        }

    .abouttechnology .inntechnologyBoxLt ul li span::before {
        top: 4px;
    }

    .abouttechnology .inntechnologyBoxLt h3 {
        color: #585786;
        font: bold 32px/40px 'OGT Raleway';
    }



    .supportban .banner_Itm_Txt {
        min-height: 378px;
    }

    .supportban .banner_Itm_Inn {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0px;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }


    .ngsvideosSec .innlatestNewsBoxes {
        text-align: center;
    }

    .ngsvideosSec .newsBoxTxt {
        text-align: left;
    }

    .panelbx, .panelbx1 {
        display: none;
    }

    .banner_Itm_Inn .container {
        position: relative;
    }

    .picBox {
        width: 232px;
        position: absolute;
        left: 0;
        top: 0;
    }

        .picBox img {
            width: 100%;
            min-height: inherit !important;
            object-fit: inherit !important;
            margin-top: 1px;
        }

            .picBox img:first-child {
                margin-top: 0;
            }

    .picBox {
        display: block;
    }

        .picBox.mob {
            display: none;
        }

        .picBox.two-images {
            width: 474px;
            position: absolute;
            right: 0;
            top: 0;
        }

            .picBox.two-images img {
                width: 232px;
                min-height: inherit !important;
                object-fit: inherit !important;
                margin-top: 1px;
            }

    @media only screen and (max-width: 767px) {
        .picBox img {
            display: block;
        }

        .sucy .innbanner_Itm_Txt {
            top: 75% !important;
        }
    }

    .picBox.two-images img:first-child {
        margin-right: 10px;
    }

    .customprobSerch .picBox {
        left: 0;
        right: inherit;
    }

    .customprobSerch .banner_Itm_Txt p {
        font: bold 23px/27px 'OGT Raleway';
    }

    .customprobSerch .innbanner_Itm_Txt {
        top: 60%;
    }

    .supportSecBox .frmbx1 input[type="checkbox"] + label a {
        color: #575786;
    }

    .contspebtn {
        font: bold 16px/19px 'OGT Raleway';
        border: 2px solid #fff;
        color: #fff;
        padding: 12px 15px;
        display: inline-block;
        margin-top: 25px;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .contspebtn:hover {
            background: #fff;
            color: #575786;
        }


    .combine {
        position: relative;
        height: 40px;
    }

        .combine #input {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            padding: 0 10px;
            margin: 0;
            width: 90%;
            height: 40px;
            border: 1px solid #9594b2;
            color: #25253d;
            font: normal 16px/24px 'OGT Raleway';
        }

        .combine #select {
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            margin: 0;
        }


    /*evenlanding*/
    .evenlanding {
    }

        .evenlanding .newsBoxTxt ul {
            width: 100%;
            display: inline-block;
            padding: 25px 0px 10px;
        }

            .evenlanding .newsBoxTxt ul li {
                width: 100%;
                display: inline-block;
                color: #25253d;
                font: bold 14px/21px 'OGT Merriweather';
                padding: 3px 0px;
            }

                .evenlanding .newsBoxTxt ul li span {
                    font-weight: 300;
                }

        .evenlanding .newsBoxpic {
            border: 1px solid #ccc;
            text-align: center;
            min-height: 200px;
            display: flex;
            justify-content: center;
        }

            .evenlanding .newsBoxpic img {
                width: auto;
                max-width: 100%;
                height: auto;
                object-fit: contain;
            }

        .evenlanding .innlatestNewsBoxes h3 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .joinEventBox {
        width: 100%;
        display: inline-block;
        background: #f5f6ff;
        padding: 45px;
        margin-top: 15px;
    }

        .joinEventBox .newsBoxTxt {
            padding: 0px;
        }

            .joinEventBox .newsBoxTxt ul {
                width: 100%;
                display: inline-block;
                margin-top: 15px;
            }

                .joinEventBox .newsBoxTxt ul li {
                    display: inline-block;
                    color: #25253d;
                    font: bold 14px/21px 'OGT Merriweather';
                    padding: 0px 5px;
                }

                    .joinEventBox .newsBoxTxt ul li:first-child {
                        padding-left: 0px;
                    }

                    .joinEventBox .newsBoxTxt ul li span {
                        font-weight: 300;
                    }

            .joinEventBox .newsBoxTxt p {
                padding-top: 15px;
            }

        .joinEventBox .viewMore {
            margin-top: 25px;
        }

        .joinEventBox .newsBoxpic img {
            height: auto;
            object-fit: contain;
        }

        .joinEventBox .newsBoxpic {
            min-height: 200px;
            background: #fff;
        }

    .eventlanding h5 {
        color: #575786;
        font: bold 32px/40px 'OGT Raleway';
        text-align: left;
    }

    .eventbanpic {
        width: 200px;
        position: absolute;
        right: 0;
        top: 0;
        height: 130px;
        background: #fff;
        text-align: center;
    }

        .eventbanpic img {
            width: 100%;
            min-height: inherit !important;
            object-fit: contain;
        }

    .eventbanpicMob {
        display: none;
    }


    /*companyinfo*/
    .companyngsBoxes .innngsBoxes h3 {
        color: #575786;
        font: bold 32px/40px 'OGT Raleway';
        text-align: center;
        padding-bottom: 25px;
    }

    .blue {
        background-color: #585786;
        padding: 50px 0px;
    }

    .cominfongsboxes .btnn {
        margin-top: 5px;
    }

    .blue .innsignupboxlt .media .media-body h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .blue .innsignupboxlt .media .media-body p {
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        padding-top: 15px;
    }

    .blue .btnn {
        border: 2px solid #fff;
        background: transparent;
        line-height: 45px;
    }

        .blue .btnn:hover {
            background: #fff;
            color: #585786;
        }


    /*newsarticle*/
    .newsArticle .articleBoxes h6 {
        color: #25253d;
        font: normal 16px/23px 'OGT Merriweather';
    }

    .newsarticlePic {
        width: 100%;
        display: inline-block;
        margin: 25px 0px;
    }

        .newsarticlePic img {
            width: 100%;
        }

    .newsArticlebtmpanel .topInnbtmpanel {
        border-bottom: 1px solid #f3f3f3;
        border-top: 1px solid #f3f3f3;
    }

    .newsArticlediscovermoreSec .heading {
        text-align: center;
    }

        .newsArticlediscovermoreSec .heading h2 {
            text-align: center;
            width: 100%;
        }


    /*sureseqproduct*/
.productSummerySec {
    width: 100%;
    padding: 80px 0px;
    background-color: #F5F6FF;
    border-bottom: 1px solid #d6d6d6;
}

    .proBoxes {
        width: 100%;
        display: inline-block;
    }

    .proBoxLt {
        width: 100%;
        display: inline-block;
    }

        .proBoxLt h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            border-bottom: 1px solid #d6d6d6;
            padding-bottom: 15px;
        }

        .proBoxLt ul {
            width: 100%;
            display: inline-block;
        }

            .proBoxLt ul li {
                width: 100%;
                display: flex;
                font: normal 16px/19px 'OGT Raleway';
                color: #3c3c66;
                border-bottom: 1px solid #d6d6d6;
                padding: 17px 0px 20px;
            }

                .proBoxLt ul li span img {
                    max-width: 100%;
                }

    .proBoxMid {
        width: 100%;
        display: inline-block;
    }

        .proBoxMid h4 {
            color: #585786;
            font: bold 21px/25px 'OGT Raleway';
            padding-bottom: 15px;
        }

        .proBoxMid ul {
            width: 100%;
            display: inline-block;
        }

            .proBoxMid ul li {
                color: #585786;
                font: bold 16px/19px 'OGT Raleway';
                padding: 7px 0px;
                position: relative;
                padding-left: 25px;
            }

                .proBoxMid ul li a {
                    color: #585786;
                }

                .proBoxMid ul li span {
                    position: relative;
                }

                .proBoxMid ul li:before {
                    background: url(/Images/arw1.svg) no-repeat left center;
                    width: 17px;
                    height: 13px;
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 10px;
                }

        .proBoxMid h4.usefull {
            margin-top: 40px;
        }



    .proBoxRt {
        width: 100%;
        display: inline-block;
    }

        .proBoxRt ul {
            width: 100%;
            display: inline-block;
        }

            .proBoxRt ul li {
                width: 100%;
                display: inline-block;
                color: #585786;
                font: bold 16px/19px 'OGT Raleway';
            }

                .proBoxRt ul li a {
                    color: #57a077;
                    width: 100%;
                    display: inline-block;
                    padding: 15px;
                    background: #fff;
                    border: 2px solid #57a077;
                    text-align: center;
                    margin-top: 25px;
                    -webkit-transition: all 0.3s;
                    -moz-transition: all 0.3s;
                    -ms-transition: all 0.3s;
                    -o-transition: all 0.3s;
                    transition: all 0.3s;
                }

                    .proBoxRt ul li a:hover {
                        background: #57a077;
                        color: #fff;
                    }

                .proBoxRt ul li:first-child a {
                    background: #57a077;
                    color: #fff;
                    display: inline-block;
                    padding: 25px;
                    margin-top: 0px;
                }

                    .proBoxRt ul li:first-child a:hover {
                        background: #81b899;
                        border-color: #81b899;
                    }




    .productBoxesSec {
        width: 100%;
        float: left;
    }


    @media only screen and (max-width: 767px) {
        .productBoxesSec {
            display: none;
        }
    }


    @media (min-width: 992px) {
        .productBoxesSec.stick {
            position: fixed;
            top: 68px;
            left: 0;
            z-index: 999;
        }
    }

    .topproductBoxesSec {
        width: 100%;
        display: inline-block;
    }

    .overflowContent {
        width: 100%;
        padding: 60px 0px;
    }

    .innoverflowContent {
        width: 100%;
        /*float: left;*/
        padding-right: 350px;
    }

        .innoverflowContent p {
            color: #25253d;
            font: 300 14px/21px 'OGT Merriweather';
        }

        .innoverflowContent h5 {
            color: #25253d;
            font: bold 14px/21px 'OGT Merriweather';
            padding-top: 15px;
        }

        .innoverflowContent h4 {
            color: #575786;
            font: bold 22px/30px 'OGT Merriweather';
            padding-top: 15px;
        }

        .innoverflowContent ul {
            width: 100%;
            display: inline-block;
            padding-top: 15px;
        }

            .innoverflowContent ul li {
                color: #25253d;
                font: 300 14px/21px 'OGT Merriweather';
                padding: 5px 0px;
                position: relative;
                padding-left: 35px;
            }

                .innoverflowContent ul li:before {
                    width: 17px;
                    height: 2px;
                    background: #ffc200;
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 14px;
                }

    .geneTargets {
        width: 100%;
    }

    .inngeneTargetsContent {
        padding: 0px;
    }

        .inngeneTargetsContent ul {
            width: 100%;
            display: inline-block;
        }

            .inngeneTargetsContent ul li {
                width: 12%;
                display: inline-block;
                padding: 0px 7.5px;
                margin-bottom: 15px;
            }

                .inngeneTargetsContent ul li a {
                    background: #ffc200;
                    padding: 7.5px 20px;
                    display: inline-block;
                    width: 100%;
                    text-align: center;
                    color: #3c3c66;
                    font: bold 16px/21px 'OGT Raleway';
                }

                .inngeneTargetsContent ul li:before {
                    display: none;
                }

                .inngeneTargetsContent ul li.current a {
                    background: #585786;
                    color: #fff;
                }

    .targetsContent {
        width: 100%;
        display: inline-block;
    }

        .targetsContent h3 {
        }

    .targetBox {
        width: 100%;
        display: inline-block;
    }

        .targetBox img {
            width: 100%;
        }

    .tabboxPanel {
        width: 100%;
        display: inline-block;
        margin-top: 45px;
        padding: 0px 80px;
    }

    .targetsContent {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .targetsContent h3 {
            color: #ffc200;
            font: bold 32px/40px 'OGT Raleway';
        }

    .targetBox {
        width: 100%;
        display: inline-block;
        padding: 40px;
        border: 1px solid #d6d6d6;
        margin-top: 45px;
    }

    .owl-theme .owl-nav [class*="owl-"] {
        background: none;
    }

    .tabboxPanel .owl-prev {
        position: absolute;
        top: 50%;
        left: -80px;
        width: 23px;
        height: 43px;
        background: url(/Images/arwlt.svg) no-repeat center center !important;
        text-indent: -9999px;
    }

    .tabboxPanel .owl-next {
        position: absolute;
        top: 50%;
        right: -80px;
        width: 23px;
        height: 43px;
        background: url(/Images/arwrt.svg) no-repeat center center !important;
        text-indent: -9999px;
    }

    .tabboxPanel .owl-dots {
    }

    .tabboxPanel .owl-theme .owl-dots .owl-dot span {
        border: 1px solid #575786;
        background: #fff !important;
    }

    .tabboxPanel .owl-theme .owl-dots .owl-dot.active span {
        border: 1px solid #575786;
        background: #575786 !important;
    }

    .bluepro .btnn {
        width: 260px;
        margin-top: 45px;
    }

    .capabilitiesSec {
        width: 100%;
        padding: 60px 0px;
    }

    .inncapabilitiesSec {
        width: 100%;
        display: inline-block;
    }

        .inncapabilitiesSec h4 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
        }

    .capabilitiesBoxes {
        width: 100%;
        display: inline-block;
        padding: 50px 0px;
    }

    .capabilitiesBoxLt {
        width: 100%;
        display: inline-block;
    }

        .capabilitiesBoxLt h2 {
            color: #585786;
            font: bold 25px/30px 'OGT Raleway';
            padding-top: 15px;
        }

        .capabilitiesBoxLt p {
            color: #575786;
            font: 300 16px/24px 'OGT Merriweather';
            padding-top: 15px;
        }

    .capabilitiesBoxRt {
        width: 100%;
        display: inline-block;
        border: 1px solid #d6d6d6;
        min-height: 330px;
        text-align: center;
        position: relative;
        padding: 0px;
    }

        .capabilitiesBoxRt img {
            width: 100%;
        }

    .zoom {
        width: 40px;
        height: 40px;
        position: absolute;
        background: #585786;
        padding: 10px;
        right: 0;
        top: 0;
        z-index: 99;
    }

    .workflowProSec {
        padding-top: 0px;
    }

        .workflowProSec .innworkflowBoxes {
            margin-top: 70px;
        }


    .customerPanelProduct {
        background: url(/Images/patternstripyellow.svg);
        position: relative;
    }

        .customerPanelProduct:after {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            background: rgba(255,255,255,0.6);
        }

        .customerPanelProduct .customerPanelBX {
            padding-right: 300px;
            position: relative;
        }

            .customerPanelProduct .customerPanelBX .proBoxRt {
                width: 255px;
                position: absolute;
                right: 0;
                top: 0;
            }

            .customerPanelProduct .customerPanelBX::before {
                background: url(/Images/quoteYellow.svg) no-repeat;
                background-size: contain;
            }

            .customerPanelProduct .customerPanelBX .media::before {
                background: #ffc200;
            }

            .customerPanelProduct .customerPanelBX.background_quote_No_Pattern .media::before {
                background: #58a077;
            }

    .customerPanel.customerPanelProduct .inncustomerPanel h3 {
        position: relative;
        z-index: 1;
    }

    .questionSecBox.grn {
        background: #57a077;
    }

        .questionSecBox.grn .innquestionSecBox {
            position: relative;
        }

        .questionSecBox.grn .btnn {
            background: #57a077;
            border: 2px solid #fff;
            line-height: 46px;
        }

            .questionSecBox.grn .btnn:hover {
                background: #fff;
                color: #57a077;
            }

        .questionSecBox.grn .custombtn {
            border: 2px solid #fff;
            background: #57a077;
            display: inline-block;
            text-align: center;
            color: #fff;
            font: bold 16px/49px 'OGT Raleway';
            padding: 0px 25px;
            position: absolute;
            right: 0;
            top: -15px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            .questionSecBox.grn .custombtn.second-button {
                right: 210px;
            }

            .questionSecBox.grn .custombtn:hover {
                background: #fff;
                color: #57a077;
            }

        .questionSecBox.grn .frmbx1 input[type="checkbox"]:checked + label {
            background: url(/Images/chk4.jpg) no-repeat left center;
        }

    .prodiscovermoreSec .bottomdiscovermoreSec {
        margin-top: 40px;
    }

        .prodiscovermoreSec .bottomdiscovermoreSec .media .media-body h4 a {
            color: #575786;
            font-size: 21px;
            line-height: 25px;
        }

    .prodiscovermoreSec {
        padding: 50px 0px;
    }

    .referenceSec .innoverflowContent {
        padding: 0px 100px;
    }

    .innoverflowContent ol {
    }

        .innoverflowContent ol li {
            color: #25253d;
            font: 300 14px/21px 'OGT Merriweather';
            padding: 5px 0px;
        }

    .referenceSec .innoverflowContent p {
        padding-left: 25px;
    }

    .referenceSec .innoverflowContent h3 {
        color: #575786;
        font: bold 32px/40px 'OGT Raleway';
        padding-left: 25px;
    }




    /*cytocellproduct*/

    .fishoverview .topworkflow {
        background: none;
        background-size: 2000px !important;
        background-position: center center;
        position: relative;
    }

        .fishoverview .topworkflow:after {
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.3);
            content: '';
            position: absolute;
            left: 0;
            top: 0;
        }

        .fishoverview .topworkflow .innworkflowborder h4 {
            position: relative;
            z-index: 1;
        }

    .fishoverview .capabilitiesBoxLt h5 {
        color: #ff3d9e;
    }

    .fishoverview .capabilitiesBoxLt h6 {
        color: #25253d;
        font: bold 14px/21px 'OGT Merriweather';
        padding-top: 15px;
    }

    .tabboxPanelSec {
        width: 100%;
        padding-top: 80px;
    }

        .tabboxPanelSec h3 {
            color: #585786;
            font: bold 32px/40px 'OGT Raleway';
            text-align: center;
        }

    .inntabboxPanel {
        width: 100%;
        display: inline-block;
        margin-top: 40px;
    }

        .inntabboxPanel .targetsContent h3 {
            color: #ff3d9e;
            font: bold 25px/30px 'OGT Raleway';
            text-align: center;
        }

        .inntabboxPanel .targetBox {
            margin-top: 30px;
        }

        .inntabboxPanel .owl-prev {
            position: absolute;
            top: 50%;
            left: -80px;
            width: 23px;
            height: 43px;
            background: url(/Images/arwlt.svg) no-repeat center center !important;
            text-indent: -9999px;
        }

        .inntabboxPanel .owl-next {
            position: absolute;
            top: 50%;
            right: -80px;
            width: 23px;
            height: 43px;
            background: url(/Images/arwrt.svg) no-repeat center center !important;
            text-indent: -9999px;
        }

        .inntabboxPanel .owl-dots {
        }

        .inntabboxPanel .owl-theme .owl-dots .owl-dot span {
            border: 1px solid #575786;
            background: #fff !important;
        }

        .inntabboxPanel .owl-theme .owl-dots .owl-dot.active span {
            border: 1px solid #575786;
            background: #575786 !important;
        }

    .remprotocol .topworkflow {
        background: url(/Images/patternstrip2.svg) repeat;
        background-size: 200px;
        background-position: center center;
        position: relative;
    }

        .remprotocol .topworkflow:after {
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.3);
            content: '';
            position: absolute;
            left: 0;
            top: 0;
        }

        .remprotocol .topworkflow .innworkflowborder h4 {
            position: relative;
            z-index: 1;
        }

    .tabboxPanelSec .zoom {
        bottom: 5px;
    }

    .remprotocol .inngeneTargetsContent ul li a {
        background: #ff3d9e;
        color: #fff;
    }

    .remprotocol .inngeneTargetsContent ul li.current a {
        background: #585786;
        color: #fff;
    }

    .remprotocol .tabboxPanel {
        padding: 0px;
    }

    .remprotocol .innoverflowContent h4 {
        color: #ff3d9e;
        padding-top: 0px;
    }

    .remprotocol .innoverflowContent {
    }

        .remprotocol .innoverflowContent .media {
            width: 100%;
            margin-top: 35px;
        }

            .remprotocol .innoverflowContent .media .mr-3 {
                margin-right: 25px !important;
            }

            .remprotocol .innoverflowContent .media .media-body ul {
                padding: 0px;
            }

                .remprotocol .innoverflowContent .media .media-body ul li {
                    width: 100%;
                    padding-left: 30px;
                    position: relative;
                }

                    .remprotocol .innoverflowContent .media .media-body ul li:before {
                        width: 17px;
                        height: 2px;
                        background: #ff3d9e;
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 10px;
                        display: block;
                    }

    .remprotocol .inndesignrt {
        max-width: 500px;
        margin-top: 30px;
    }

    .remprotocol .inndesignrtBox .mediaCover .media {
        margin-top: 0px;
        padding: 0px 25px;
    }

    .remprotocol .innoverflowContent .btnn {
        width: auto;
        padding: 0px 25px;
    }

    .remprotocol .inndesignrtBox .media .media-body h4 {
        font-size: 19px;
    }



    .customerPanelProduct.pink {
        background: url(/Images/patternstrip2.svg) repeat;
        background-size: 200px;
    }

        .customerPanelProduct.pink .customerPanelBX .media::before {
            background: #ff3d9e;
        }

        .customerPanelProduct.pink .customerPanelBX::before {
            background: url(/Images/quotepink.svg) no-repeat;
            background-size: contain;
        }

    .customerPanelProduct .customerPanelBX.background_quote_No_Pattern::before {
        background-image: url(/Images/quote-marks-green.svg);
    }

    /*customprobes*/
    .customprobes .frmbx ul li {
        width: 50%;
        float: left;
    }

        .customprobes .frmbx ul li input[type="checkbox"] {
            display: none;
        }

            .customprobes .frmbx ul li input[type="checkbox"] + label {
                cursor: pointer;
                display: inline-block;
                margin: -2px -2px 0;
                text-align: left;
                vertical-align: middle;
                font: normal 16px/24px 'OGT Merriweather';
                padding: 5px 0px;
                color: #575786;
                background: url(/Images/chk2.jpg) no-repeat left center;
                width: 100%;
                padding-left: 25px;
            }

            .customprobes .frmbx ul li input[type="checkbox"]:checked + label {
                background: url(/Images/chk3.jpg) no-repeat left center;
                outline: none;
            }

    .cusdesipanel {
        background: #fff;
    }


    /*lifeatOGT*/
    .careerban {
    }

    .careerteam {
        padding-top: 50px;
    }

        .careerteam.backgroundTexture {
            background: url(/Images/bluestrip.svg) repeat;
        }

    .signupboxSec.grn .btnn:hover {
        color: #57a077;
    }


    .deptoverviewPicBoxes {
        width: 100%;
        display: inline-block;
        margin-top: 50px;
    }

    .overviewPicdept {
        width: 100%;
        display: inline-block;
    }

        .overviewPicdept img {
            width: 100%;
        }

    .deptoverviewPicBoxes .row .col-sm-6.last .row .col-sm-6 .overviewPicdept {
        margin-top: 20px;
    }

    .deptoverviewPicBoxes .row .col-sm-6.last .row .col-sm-6:nth-child(1) .overviewPicdept {
        margin-top: 0px;
    }

    .deptoverviewPicBoxes .row .col-sm-6.last .row .col-sm-6:nth-child(2) .overviewPicdept {
        margin-top: 0px;
    }

    /*vacancy*/
    .career.article .btnTipsBack {
        color: #fff;
        background: url(/Images/arrow3.svg) no-repeat;
        background-position: left top 5px;
    }

    .career.article .innbanner_Itm_Txt ul li {
        color: #585786;
    }

    .careerVacancy .articleBoxes ul li {
        padding: 10px 0px;
        padding-left: 35px;
        position: relative;
    }

        .careerVacancy .articleBoxes ul li:before {
            width: 17px;
            height: 2px;
            background: #585786;
            content: '';
            position: absolute;
            left: 0;
            top: 20px;
        }

    .careerVacancy .articleBoxes h4 {
        padding: 25px 0px 15px;
    }

    .creeervacpl .topbtmBoxshare ul {
        float: left;
    }

    .creeervacpl {
        padding-bottom: 50px;
    }

    .currentvacancies .ngsBox h4 {
        min-height: inherit;
    }

    .currentvacancies .ngsBox p {
        color: #fff;
        font: normal 14px/16px 'OGT Raleway';
        margin-top: 10px;
    }

    .currentvacancies .ngsBox .bxview {
        position: absolute;
        right: 25px;
        top: 10px;
    }

    .currentvacancies .ngsBox {
        background: #57a077;
    }

    .currentvacancies .innngsBoxes {
        padding: 0px 200px;
    }

    .part2 .row {
        flex-direction: row-reverse;
    }

    .currentvacancies {
        padding-top: 50px;
    }

    .vacanciesFaq .innfaqBoxes {
        text-align: center;
    }

        .vacanciesFaq .innfaqBoxes .accordion {
            text-align: left;
        }

        .vacanciesFaq .innfaqBoxes h3 {
            color: #575786;
            font: bold 32px/40px 'OGT Raleway';
            text-align: center;
        }

    .vacanciesFaq .btnn {
        text-align: center;
    }


    /*bloglanding*/
    .glogfilter {
        padding: 0px;
        background: #f5f6ff;
        padding-bottom: 30px;
    }

    .featuredblog .experthelpBox h2 {
        font-size: 21px;
        line-height: 25px;
    }

    .featuredblog .experthelpBox em {
        color: #575786;
        font: normal 14px/16px 'OGT Raleway';
        margin-top: 10px;
        display: inline-block;
    }

    .featuredblog .experthelpBox .viewMore {
        float: left;
        margin-left: 25px;
        margin-top: 20px;
    }


    /*12-11-20*/
    .whatsWrongBox {
        width: 100%;
        display: inline-block;
        padding-bottom: 15px;
    }

        .whatsWrongBox strong {
            color: #575786;
            font: 300 16px/24px 'OGT Merriweather';
            background: url(/Images/idenicon.svg) no-repeat left top;
            background-size: 30px !important;
            padding: 5px;
            padding-left: 45px;
        }
    /*.whatsWrongBox2{ margin-top:15px;}*/
    .whatsWrongBox2 strong {
        background: url(/Images/solutionicon.svg) no-repeat left top;
    }

    .capabilitiesBoxPic {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .capabilitiesBoxPic img {
            width: 100% !important;
            height: 150px;
            object-fit: contain;
        }

        .capabilitiesBoxPic p {
            color: #575786;
            font: 300 12px/20px 'OGT Merriweather';
            padding-top: 15px;
        }


    .inncapabilitiesBoxRt {
        position: relative;
        min-height: 330px;
        padding: 50px 50px 0px;
    }
    /*.capabilitiesBoxRt .owl-nav{ display:none;}*/
    .capabilitiesBoxRt .owl-dots {
        position: absolute;
        left: 0;
        bottom: 10px;
        width: 100%;
    }

    .capabilitiesBoxRt .owl-theme .owl-dots .owl-dot span {
        margin: 5px 3px;
        background: #fff !important;
        border: 1px solid #565382;
    }

    .capabilitiesBoxRt .owl-theme .owl-dots .owl-dot.active span {
        background: #565382 !important;
    }

    .capabilitiesBoxRt .owl-theme .owl-nav {
        margin-top: 0px;
    }


    .capabilitiesBoxRt .owl-next {
        position: absolute;
        top: 42%;
        right: 10px;
        width: 15px;
        height: 20px;
        background: url(/Images/arwrt.svg) no-repeat center center !important;
        text-indent: -9999px;
        background-size: contain !important;
    }

    .capabilitiesBoxRt .owl-prev {
        position: absolute;
        top: 42%;
        left: 10px;
        width: 15px;
        height: 20px;
        background: url(/Images/arwlt.svg) no-repeat center center !important;
        text-indent: -9999px;
        background-size: contain !important;
    }


    .capabilitiesBoxRt.cytocel .inncapabilitiesBoxRt {
        text-align: center;
    }

        .capabilitiesBoxRt.cytocel .inncapabilitiesBoxRt .capabilitiesBoxPic img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
        }

    .whiteban .btnTipsBack {
        color: #fff;
        background: url(/Images/arrow3.svg) no-repeat;
        background-position: left top 5px !important;
    }

    /*contact*/
    .contactTop {
        width: 100%;
        display: inline-block;
    }

        .contactTop .bottombanBox .bottomBoxtxt h4 {
            font: bold 25px/30px 'OGT Raleway';
            color: #585786;
            margin-bottom: 25px;
        }

    .locationSec {
        width: 100%;
        float: left;
        text-align: center;
    }

    .innlocationSec {
        width: 100%;
        padding: 60px 0px;
        float: left;
    }

        .innlocationSec h2 {
            color: #575786;
            font: 700 25px/30px 'OGT Raleway';
        }

    .locationBoxes {
        width: 100%;
        display: inline-block;
        margin-top: 50px;
    }

    .locationBox {
        width: 100%;
        display: inline-block;
        text-align: left;
    }

        .locationBox img {
            width: 100%;
        }

        .locationBox h3 {
            color: #575786;
            font: 700 25px/30px 'OGT Raleway';
            padding-top: 15px;
        }

        .locationBox strong {
            color: #25253d;
            font: 700 16px/24px 'OGT Raleway';
            padding-top: 10px;
            display: inline-block;
        }

        .locationBox p {
            color: #25253d;
            font: 300 15px/24px 'OGT Merriweather';
            min-height: 170px;
        }

        .locationBox .direction {
            color: #67a984;
            font: 500 16px/24px 'OGT Raleway';
            text-decoration: underline !important;
            margin-top: 15px;
            display: inline-block;
        }

    .locationinfo {
        width: 100%;
        display: inline-block;
        border-top: 3px solid #67a984;
        margin-top: 20px;
    }

        .locationinfo ul {
            width: 100%;
            display: inline-block;
            margin-top: 15px;
        }

            .locationinfo ul li {
                display: inline-block;
                color: #25253d;
                font: 700 16px/30px 'OGT Merriweather';
                padding-left: 25px;
                width: 100%;
            }

                .locationinfo ul li a {
                    color: #25253d;
                }

                .locationinfo ul li:first-child {
                    background: url(/Images/envelope.svg) no-repeat left center;
                }

                .locationinfo ul li:last-child {
                    background: url(/Images/phoneicon.svg) no-repeat left center;
                }

    .contactfrm .btnn {
        background: #363c5f;
    }

        .contactfrm .btnn:hover {
            background: #666b89 !important;
        }

    .contban .contspebtn {
        background: #fff;
        color: #585786;
    }



    .chooseCountry {
        width: 100%;
        display: inline-block;
    }

    .innchooseCountry {
        width: 100%;
        display: inline-block;
        padding: 10px 0px 25px;
    }

        .innchooseCountry ul {
            width: 100%;
            display: inline-block;
        }

            .innchooseCountry ul li {
                display: inline-block;
                color: #585786;
                font: 700 21px/25px 'OGT Raleway';
            }

                .innchooseCountry ul li:last-child {
                    margin-left: 15px;
                }

                .innchooseCountry ul li .frmbx {
                    width: 300px;
                }

                    .innchooseCountry ul li .frmbx select {
                        border: 1px solid #585786;
                    }

    .distributorSec {
        width: 100%;
        float: left;
        background: #f5f6ff;
        padding: 70px 0px;
        border-bottom: 5px solid #fff;
    }

    .inndistributorSec {
        width: 100%;
        display: inline-block;
    }

        .inndistributorSec h4 {
            color: #575786;
            font: 700 32px/40px 'OGT Raleway';
        }

    .distributorbox {
        width: 100%;
        display: inline-block;
        background: #fff;
        padding: 35px;
        margin-top: 15px;
    }

        .distributorbox h5 {
            color: #575786;
            font: 700 25px/30px 'OGT Raleway';
        }

        .distributorbox .media {
            margin-top: 15px;
        }

            .distributorbox .media img {
                max-width: 100%;
            }

            .distributorbox .media .media-body ul {
                width: 100%;
                display: inline-block;
            }

                .distributorbox .media .media-body ul li {
                    color: #25253d;
                    font: 700 16px/30px 'OGT Merriweather';
                    position: relative;
                    padding-left: 30px;
                }

                    .distributorbox .media .media-body ul li a {
                        color: #25253d;
                    }

                    .distributorbox .media .media-body ul li:nth-child(1):before {
                        content: '';
                        background: url(/Images/envelopicon.svg) no-repeat center center;
                        position: absolute;
                        left: 0;
                        width: 20px;
                        height: 13px;
                        top: 10px;
                    }

                    .distributorbox .media .media-body ul li:nth-child(2):before {
                        content: '';
                        background: url(/Images/phoneicon.svg) no-repeat center center;
                        position: absolute;
                        left: 0;
                        width: 15px;
                        height: 18px;
                        top: 7px;
                    }

                    .distributorbox .media .media-body ul li:nth-child(3):before {
                        content: '';
                        background: url(/Images/globeicon.svg) no-repeat center center;
                        position: absolute;
                        left: 0;
                        width: 20px;
                        height: 20px;
                        top: 7px;
                    }

    .dstrbBoxes {
        width: 100%;
        display: inline-block;
    }

    .dstrbBx {
        width: 50%;
        float: left;
    }

        .dstrbBx p {
            color: #25253d;
            font: 300 16px/24px 'OGT Merriweather';
            padding-top: 20px;
        }

        .dstrbBx h6 {
            color: #25253d;
            font: 300 16px/24px 'OGT Merriweather';
        }

        .dstrbBx ul {
            width: 100%;
            display: inline-block;
        }

            .dstrbBx ul li {
                width: 100%;
                display: inline-block;
                margin-bottom: 5px;
            }

                .dstrbBx ul li img {
                    max-width: 100%;
                }







    .colors ul {
        width: auto !important;
    }

        .colors ul li {
            width: auto !important;
            padding: 10px 3px !important;
            border-radius: 5px;
        }

            .colors ul li.blue {
                background: #578ec2 !important;
            }

            .colors ul li.red {
                background: #dc0814 !important;
            }

            .colors ul li.green {
                background: #74af27 !important;
            }

            .colors ul li.orange {
                background: #ed6b06 !important;
            }

            .colors ul li.yellow {
                background: #ffe50d !important;
            }


    /*builder create an account*/
    .bcact p {
        color: #585786;
        font: 400 14px/21px 'OGT Raleway';
        margin: 0px;
    }

    .btmtxt {
        padding-top: 50px;
    }

    .bcact .media .media-left span {
        width: 50px;
        height: 50px;
        text-align: center;
        background: #ffc200;
        display: inline-block;
        border-radius: 50%;
        color: #3c3c66;
        font: 700 21px/50px 'OGT Raleway';
    }

    .bcact .media .media-left {
        margin-right: 10px;
    }

    .bcact .media .media-body h4 {
        padding-top: 15px;
    }

    .bcact .media .media-body p {
        color: #25253d;
        font: 300 16px/24px 'OGT Merriweather';
        padding-top: 20px;
    }

    .bcact .media .viewMore {
        float: left;
    }

    /* bildernewdashboard*/
    .panelContentBoxes {
        width: 100%;
        float: left;
    }

    .innpanelContent {
        width: 100%;
        display: inline-block;
    }

        .innpanelContent .panelBoxRt {
            margin: 0px;
        }

            .innpanelContent .panelBoxRt h4 {
                color: #ffc200;
                font: 700 32px/40px 'OGT Raleway';
            }

            .innpanelContent .panelBoxRt ul li {
                font-size: 16px;
                line-height: 19px;
                padding-left: 22px;
            }

                .innpanelContent .panelBoxRt ul li span::before {
                    width: 17px;
                    right: 13px;
                    content: '';
                    background: url(/Images/arrwwhite.svg) no-repeat left center;
                    position: absolute;
                    left: -22px;
                    top: -4px;
                }

            .innpanelContent .panelBoxRt p {
                color: #25253d;
                font: 300 16px/24px 'OGT Merriweather';
                padding: 40px 0px;
            }

            .innpanelContent .panelBoxRt ul {
                padding-top: 30px;
            }

    .newdashboard {
        margin-bottom: 60px;
    }

        .newdashboard .topworkflowPink {
            background: url(/Images/patternyellow.svg) repeat;
            background-position: center center;
            padding: 35px 0px;
        }

    .pnlBxTp .panelBoxLt .btnn {
        display: block;
    }

    .panelContentBoxes .panelBoxRt .table-responsive {
        margin-top: 65px;
    }

        .panelContentBoxes .panelBoxRt .table-responsive table tr th {
            color: #3c3c66;
            font: 700 16px/19px 'OGT Raleway';
            border-top: none;
        }

        .panelContentBoxes .panelBoxRt .table-responsive table tr td {
            color: #585786;
            font: 700 16px/19px 'OGT Raleway';
        }

        .panelContentBoxes .panelBoxRt .table-responsive table tr td {
            text-align: center;
        }

            .panelContentBoxes .panelBoxRt .table-responsive table tr td:first-child {
                text-align: left;
            }

        .panelContentBoxes .panelBoxRt .table-responsive table tr th {
            text-align: center;
        }

            .panelContentBoxes .panelBoxRt .table-responsive table tr th:first-child {
                text-align: left;
            }

        .panelContentBoxes .panelBoxRt .table-responsive table tr td span {
            position: relative;
        }

    .productSummerySec.summary .proBoxLt p {
        color: #25253d;
        font: 300 16px/24px 'OGT Merriweather';
        padding-top: 15px;
    }

    .summary .proBoxLt h4 {
        padding-bottom: 0px;
        border-bottom: none;
    }

    .productSummerySec.summary .proBoxRt h4 {
        color: #585786;
        font: bold 21px/25px 'OGT Raleway';
    }

    .productSummerySec.summary .proBoxRt ul {
        margin-top: 15px;
    }

        .productSummerySec.summary .proBoxRt ul li:last-child a {
            background: #57a077;
            color: #fff;
            display: inline-block;
            padding: 25px;
        }

    .proBoxRt ul li:last-child a:hover {
        background: #81b899 !important;
        border-color: #81b899;
    }

    .newdashboard.landing .topworkflowPink {
        padding: 55px 0px;
    }

    .howitworkspanel {
        width: 100%;
        display: inline-block;
    }

    .innhowitworks {
        width: 100%;
        display: inline-block;
        padding: 80px 200px;
    }

    .landing {
        margin-bottom: 0px;
    }

        .landing .innhowitworks {
            padding-bottom: 0px;
        }

    .fourstepsPanel {
        text-align: center;
        background: #fff;
    }

        .fourstepsPanel .innbottombanSec h3 {
            color: #575786;
            font: 700 32px/40px 'OGT Raleway';
        }

        .fourstepsPanel .innbottombanSec .bottombanBox {
            text-align: left;
            margin-top: 30px;
        }

            .fourstepsPanel .innbottombanSec .bottombanBox .bottomBoxtxt h4 {
                color: #ffc200;
                font: 700 25px/30px 'OGT Raleway';
            }

            .fourstepsPanel .innbottombanSec .bottombanBox .bottomBoxtxt p {
                padding-top: 15px;
            }

        .fourstepsPanel .btnn {
            width: auto;
            padding: 0px 25px;
        }




    /* chromosomePanel*/

    .chromosomePanel {
    }

        .chromosomePanel .inndesignpanel h3 {
            color: #575786;
            font: 700 32px/40px 'OGT Raleway';
        }

        .chromosomePanel .inndesignpanel .tabs-menu {
            margin-top: 35px;
        }

            .chromosomePanel .inndesignpanel .tabs-menu li {
                display: inline-block;
                padding-right: 10px;
                padding-bottom: 10px;
            }

                .chromosomePanel .inndesignpanel .tabs-menu li a {
                    background: #ff3d9e;
                    padding: 5px 0px;
                    display: inline-block;
                    color: #fff;
                    font: 400 22px/30px 'OGT Raleway';
                    width: 79px;
                    text-align: center;
                }

                .chromosomePanel .inndesignpanel .tabs-menu li:first-child {
                    padding-left: 0px;
                }

                .chromosomePanel .inndesignpanel .tabs-menu li.current a {
                    background: #585786;
                }


    .keyBoxes {
        width: 100%;
        background: #f5f6ff;
        padding: 25px;
        margin-top: 35px;
    }

        .keyBoxes ul {
            display: table;
            width: 100%;
        }

            .keyBoxes ul li {
                display: inline-table;
                vertical-align: middle;
                width: 33%;
                padding: 7.5px 0px;
                color: #585786;
                font: 700 21px/25px 'OGT Raleway';
            }

                .keyBoxes ul li .media .media-left span {
                    width: 50px;
                    height: 50px;
                    background: #585786;
                    display: inline-block;
                    border-radius: 50%;
                    text-align: center;
                    color: #fff;
                    font: 700 20px/50px 'OGT Raleway';
                }

                .keyBoxes ul li .media {
                    align-items: center;
                }

                    .keyBoxes ul li .media .media-left {
                        margin-right: 15px;
                    }

                    .keyBoxes ul li .media .media-body h5 {
                        color: #585786;
                        font: 700 21px/25px 'OGT Raleway';
                    }

    .cromosomeBox {
        width: 100%;
        display: inline-block;
        margin-top: 35px;
    }

        .cromosomeBox img {
            width: 100%;
        }


    /*14-12-20*/


    @-webkit-keyframes animationFade {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes animationFade {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .header_sec.fixed {
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 1002;
        /* -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;*/
    }

    .menu_sec li.old-dropdown .dropdown-menu ul li a {
        padding: 7px 0px !important;
    }

    .menu_sec li.old-dropdown a.btnn {
        padding: 0px !important;
    }


    .header_sec.fixed .searchBox {
        /*display: none;*/
        top: 14px;
    }

    .header_sec.fixed .srchMob {
/*        display: block;*/
        display: none;
        position: absolute;
        right: 310px;
        top: 24px;
    }

    .header_sec.fixed .searchBox.show {
        display: block;
        width: 100%;
        right: 0;
        top: 100%;
        background: #f5f6ff;
        padding: 15px;
        height: inherit;
        border: none;
    }

    .header_sec.fixed .searchBox input[type="submit"] {
        background: url(/Images/searchicon.svg)#fff no-repeat center center;
    }

    .header_sec.fixed .nav_top .navbar-brand {
        width: 170px;
        padding: 7.5px 0px;
    }

    .header_sec.fixed .searchBox input[type="text"] {
        height: 38px;
    }

    .header_sec.fixed .searchBox input[type="submit"] {
        height: 38px;
    }

    .header_sec.fixed .menu_sec li a {
        padding: 27px 12px;
        font-size: 15px;
    }



    @media (min-width: 992px) {
        .header_sec .menu_sec li:hover a.dropdown-toggle::after {
            display: block;
            content: '';
            width: 100%;
            height: 9px;
            background: #57A077;
            position: absolute;
            bottom: 0;
            left: 0;
            margin: 0;
            border: none;
            vertical-align: unset;
        }
    }

    .header_sec.fixed .headlink {
        top: 23px;
    }

    .toptechnologySec.fixed {
        position: fixed;
        left: 0;
        top: 65px;
        z-index: 99;
    }

    .supportban .banner_Itm_Txt {
        min-height: 533px;
    }

    .menu_sec li {
        margin: 0px 0px;
    }

        .menu_sec li a {
            padding: 39px 24px;
            display: inline-block;
        }


    .fishfaq .ngsBox {
        padding: 0px;
        position: relative;
    }

        .fishfaq .ngsBox img {
            width: 100%;
            min-height: 220px;
            object-fit: cover;
        }

    .innNgsBox {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 25px 25px 50px;
        background: url(/Images/bottompattern.svg) rgba(87, 160, 119, 1) no-repeat center bottom;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .innNgsBox:hover {
            background-color: rgba(87, 160, 119, 0.8);
        }

    /*.fishfaq .ngsBox:hover .innNgsBox {
    background: transparent;
    background-image: none;
}

    .fishfaq .ngsBox:hover .innNgsBox h4 {
        color: #585786;
    }

.fishfaq .ngsBox:hover .bxview {
    color: #585786;
}

    .fishfaq .ngsBox:hover .bxview::before {
        background: url(/Images/arrw.png) no-repeat left center;
    }
*/

    .fishfaq .innNgsBox {
        width: 100%;
        min-height: 220px;
    }

    .fishfaq .ngsBox:hover {
        color: #585786;
    }

        .fishfaq .ngsBox:hover .innNgsBox {
            background-color: rgba(87,160,119, 0.8);
        }

    .fishfaq .ngsBox img {
        opacity: 0 !important;
    }


    .innprocedureBox li {
        position: relative;
        padding-left: 35px;
    }

        .innprocedureBox li:before {
            width: 25px;
            height: 2px;
            background: #585786;
            position: absolute;
            left: 0;
            top: 17px;
            content: '';
        }


    @-webkit-keyframes animationFade {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes animationFade {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .toptechnologySec.fixed {
        top: 68px;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 99;
        -webkit-animation-name: animationFade;
        -o-animation-name: animationFade;
        animation-name: animationFade;
        -webkit-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }




    @media (min-width: 992px) and (max-width: 5000px) {
        .nav_top .dropdown .dropdown-menu {
            max-height: 0;
            display: block;
            opacity: 0;
            visibility: hidden;
            margin: 0px;
            border: none;
            background: #3C3C66 !important;
            width: 100%;
            border-radius: 0;
            left: 0;
            right: inherit;
            box-shadow: inherit;
        }

        .nav_top .old-dropdown.dropdown .dropdown-menu {
            max-height: 0;
            display: block;
            opacity: 0;
            visibility: hidden;
            margin: 0px;
            border: none;
            background: #fff !important;
            width: 100%;
            border-radius: 0;
            left: 0;
            right: inherit;
            box-shadow: inherit;
            border-top: solid 0.5px #57a077;
        }

        .nav_top .dropdown:hover .dropdown-menu {
            max-height: 390px;
            opacity: 1;
            visibility: visible;
            /*box-shadow: 0px 4px 3px #e2e2e2;*/
            box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
        }
    }

    @media (min-width: 4000px) and (max-width: 5999px) {
        .topHeader::after {
            width: 46%;
        }

        .searchBox input[type="text"] {
            height: 29px;
        }

        .abspic {
            width: 14.5%;
        }

        .bannerSec3 .abspic {
            right: 30%;
        }

        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 888px;
        }
    }

    @media (min-width: 2700px) and (max-width: 3999px) {
        .topHeader::after {
            width: 43%;
        }

        .searchBox input[type="text"] {
            height: 29px;
        }

        .abspic {
            width: 24%;
        }

        .bannerSec3 .abspic {
            right: 20%;
        }
    }

    @media (min-width: 1800px) and (max-width: 2699px) {
        .topHeader::after {
            width: 40.33%;
        }

        .searchBox input[type="text"] {
            height: 29px;
        }

        .abspic {
            width: 32%;
        }

        .bannerSec3 .abspic {
            right: 10%;
        }

        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 399px;
        }
    }

    @media (min-width: 1600px) and (max-width: 1799px) {
        .topHeader::after {
            width: 36.33%;
        }

        .abspic {
            width: 38.5%;
        }
        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 378px;
        }
    }

    @media (min-width: 1400px) and (max-width: 1599px) {

        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 378px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1299px) {
        .topHeader::after {
            width: 36.33%;
        }

        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 378px;
        }
    }


    @media (min-width: 1300px) and (max-width: 1399px) {
        .topHeader::after {
            width: 33.33%;
        }

        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 378px;
        }
    }




    @media (min-width: 992px) and (max-width: 1199px) {


        .topHeader::after {
            width: 36%;
        }

        .menu_sec li {
            margin: 0px 15px;
        }

        .nav_top .navbar-brand {
            width: 200px;
        }


        .abspic {
            width: 42%;
        }

        .innbanner {
            min-height: 400px;
        }

        .bansrchBox {
            margin-top: 20px;
        }

        .inndesignlt h2 {
            font-size: 28px;
            line-height: 32px;
        }

        /*30-9-20*/
        .navbar .dropdown-menu:after {
            width: 326px;
        }

        /* technology top lavel*/
        .toptechnologySec .inntechnologySec ul li {
            font-size: 18px;
            padding: 0px 30px 5px;
        }

        .inntechnologyBoxLt {
            width: 450px;
        }

            .inntechnologyBoxLt h4 {
                font-size: 18px;
                line-height: 22px;
            }

            .inntechnologyBoxLt p {
                font-size: 14px;
                line-height: 22px;
                padding-top: 10px;
            }

            .inntechnologyBoxLt ul li {
                font-size: 14px;
                line-height: 17px;
            }

        .findproductRt ul li {
            font-size: 14px;
            line-height: 20px;
        }



        /*sureseqsublevel*/
        .bannerSec.banner2 img {
            height: 400px;
        }

        .bannerSec.banner2 .banBox {
            width: 330px;
        }

        .bannerSec.banner2 .banBoxtxt p {
            font-size: 22px;
            line-height: 28px;
        }

        .panelBoxLt h4 {
            font-size: 26px;
            line-height: 36px;
        }

        .panelBoxRt ul li {
            font-size: 18px;
            line-height: 22px;
        }

            .panelBoxRt ul li span::before {
                width: 30px;
                height: 24px;
                background-size: contain;
            }

        /*applicationtopleavel*/
        .aplicationtoplink .technologyBoxLt .inntechnologyBoxLt h2 {
            font-size: 28px;
            line-height: 32px;
        }



        /*applicationSubleavel*/
        .sublavelworkflow .topworkflowPink {
            padding: 22px 0px;
        }

        .carousel-item img {
            min-height: 440px;
        }

        .bannerSec.banner2 .banner_Itm_Txt {
            min-height: 400px;
        }

        .signupboxSec.grn .btnn {
            width: 100%;
        }


        /* NGS Support Resources */
        .supportban img {
            min-height: 310px;
        }

        .supportban .banner_Itm_Txt {
            min-height: 310px;
        }

        .supportLinksQuick .bottomdiscovermoreSec .media .media-body h4 {
            font-size: 18px;
            line-height: 22px;
        }


        /*ngstipsTroubleshooting*/
        .ngsBox h4 {
            font-size: 20px;
            line-height: 26px;
        }

        /*fishfaq*/
        .accordion .card-header {
            font-size: 18px;
            line-height: 24px;
        }

        .accordion .card .card-body h3 {
            font-size: 26px;
            line-height: 36px;
        }

        .accordion .card .card-body h4 {
            font-size: 22px;
            line-height: 28px;
        }

        .accordion .card .card-body h5 {
            font-size: 18px;
            line-height: 24px;
        }






        /*Whats wrong with my arrays*/
        /*.supportban .btnTipsBack { top: -60px; }*/

        /* ngs literature article */

        .article .innbanner_Itm_Txt {
            padding: 0px 100px;
        }

        .article .banner_Itm_Txt h1 {
            font-size: 32px;
            line-height: 40px;
        }

        .articleBoxes {
            padding: 0px 100px;
        }

        .bottomBoxpanel h4 {
            font-size: 16px;
            line-height: 20px;
        }

        .bottomBoxpanel {
            min-height: 205px;
        }

        .articleBoxes h2 {
            font-size: 26px;
            line-height: 34px;
        }

        .articleBoxes h3 {
            font-size: 20px;
            line-height: 30px;
        }

        .articleBoxes h4 {
            font-size: 18px;
            line-height: 24px;
        }




        /*procedure*/
        .procedureBoxPic img {
            height: 350px;
        }

        .procedureBox {
            min-height: 350px;
        }

        .innprocedureBox h2 {
            font-size: 26px;
            line-height: 32px;
        }

        .innprocedureBox {
            padding-right: 0px;
        }

            .innprocedureBox h3 {
                font-size: 22px;
                line-height: 26px;
            }

            .innprocedureBox li, .innprocedureBox p {
                font-size: 14px;
                line-height: 22px;
            }

        /*teamSec*/
        .customerBox h5 {
            font-size: 18px;
            line-height: 22px;
        }

        .customerBox .viewMore {
            font-size: 14px;
        }

        .customerBoxes h4 {
            font-size: 28px;
            line-height: 34px;
        }


        .customprobSerch .banner_Itm_Txt p {
            font-size: 19px;
            line-height: 24px;
        }


        /*eventlanding*/
        .eventbanpic {
            width: 160px;
            height: 100px;
        }

        .eventlistban .innbanner_Itm_Txt {
            padding-right: 170px;
        }

        /*newsarticle*/
        .topInnbtmpanel {
            padding: 30px 100px;
        }


        /*sureseqproduct*/
        .prodiscovermoreSec .bottomdiscovermoreSec .media .media-body h4 a {
            font-size: 17px;
            line-height: 22px;
        }

        /*cytocellproduct*/
        .inntabboxPanel .owl-next {
            right: -15px;
        }

        .inntabboxPanel .owl-prev {
            left: -15px;
        }

        /*vacancy*/
        .currentvacancies .ngsBox .bxview {
            top: 5px;
        }


        .capabilitiesBoxRt.cytocel .inncapabilitiesBoxRt .capabilitiesBoxPic img {
            width: 120px;
            height: 120px;
        }



        /*14-12-20*/
        .menu_sec li {
            margin: 0px 0px;
        }

        .fishfaq .ngsBox img {
            min-height: 200px;
        }

        .fishfaq .ngsBox .bxview {
            margin-top: 10px;
        }
    }


    @media only screen and (max-width: 991px) {
        .nav_top .navbar-toggler {
            padding: 0px;
            margin-right: 0px;
            border: none;
            width: 25px;
            height: 25px;
        }

            .nav_top .navbar-toggler .icon-bar {
                display: block;
                width: 30px;
                height: 3px;
                border-radius: 0px;
                background-color: #404674;
            }

            .nav_top .navbar-toggler.collapsed .icon-bar {
                width: 30px;
            }

            .nav_top .navbar-toggler .icon-bar {
                width: 25px;
            }

                .nav_top .navbar-toggler .icon-bar + .icon-bar {
                    margin-top: 5px;
                }

        .navbar-toggler {
            margin-right: 15px;
        }

        .navbar-toggler {
            padding: 0px;
        }

        .nav_top .navbar-nav > li > .dropdown-menu {
            width: 100%;
            border-radius: 0px;
        }

        .nav_top .navbar-collapse {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            background: transparent;
            z-index: 99;
            padding: 10px;
            height: auto !important;
            padding: 0px 0px 0px;
            overflow: scroll;
            max-height: 100vh;
        }
        /*.navbar-light .navbar-toggler-icon{ background:url(/Images/menu-icon.png) no-repeat;}*/
        .menu_sec {
            margin-right: 0;
            border-top: 1px solid #ccc;
            background-color: #fff;
        }

            .menu_sec li {
                margin: 0px;
                border-bottom: 1px solid #ccc;
            }

                .menu_sec li a {
                    padding: 10px 15px;
                    display: inline-block;
                    width: 100%;
                    position: relative;
                }
        /*30-9-20*/
        .navbar .dropdown-menu:after {
            display: none;
        }

        .navbar .dropdown-menu {
            background-color: #fff !important;
            padding: 0px 15px;
        }

        .menu_sec li .dropdown-menu .col-md-4 strong {
            font-size: 18px;
            line-height: 24px;
            color: #575786;
        }

        .menu_sec li a.btnn:hover {
            background: #57a077;
            color: #fff !important;
        }

        .menu_sec li a.btnn {
            margin-top: 15px;
        }

        .menu_sec li .dropdown-menu span {
            font-size: 18px;
            line-height: 26px;
        }

        .menu_sec li .dropdown-toggle::after {
            position: absolute;
            right: 15px;
            top: 12px;
            width: 30px;
            height: 30px;
            border: none; /*background:url(/Images/caret.png) no-repeat center center; */
        }

        .menu_sec li.onlymob:hover .dropdown-menu {
            display: none !important;
        }

        .menu_sec li.onlymob {
            display: block !important;
            background: #f5f6ff;
        }

            .menu_sec li.onlymob a {
                padding: 5px 15px;
                font-weight: 500;
                font-size: 14px;
                line-height: 14px;
            }

        .menu_sec li .dropdown-menu .col-md-4:last-child {
            margin-top: 0px;
        }

        .menu_sec li .dropdown-menu .col-md-12 ul li a {
            width: 100%;
            display: inline-block;
            padding: 5px 0px;
            color: #34344b !important;
            font: normal 14px/18px 'OGT Raleway';
        }

        .menu_sec li .dropdown-menu .col-md-12 ul li:hover a {
            color: #57a077 !important;
        }

        .menu_sec li.onlymob a:after {
            display: block !important;
        }

        .menu_sec li .dropdown-menu ul li:first-child {
            border: none;
            padding: 0px;
            padding-top: 15px;
        }

        .menu_sec li.onlymob .dropdown-menu ul li:first-child {
            border-bottom: 1px solid #ccc;
            padding: 0px;
        }

        .menu_sec li .dropdown-menu span {
            display: none;
        }

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

        .menu_sec li .dropdown-menu ul li {
            border: none;
            padding: 3px 0px;
        }

        .nav_top .navbar-toggler.showtoggle .icon-bar {
            height: 2px;
        }



        .nav_top .navbar-toggler.collapsed .icon-bar {
            opacity: 1;
            transform: matrix(1, 0, 0, 1, 0, 0);
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

            .nav_top .navbar-toggler.collapsed .icon-bar:nth-child(2) {
                opacity: 1;
            }

        .nav_top .navbar-toggler .icon-bar:nth-child(2) {
            opacity: 0;
        }

        .nav_top .navbar-toggler.collapsed .icon-bar:nth-child(1) {
            transform: rotate(0deg);
        }

        .nav_top .navbar-toggler.collapsed .icon-bar:nth-child(3) {
            transform: rotate(0deg);
            margin-top: 5px;
        }

        .nav_top .navbar-toggler .icon-bar:nth-child(1) {
            -ms-transform: matrix(1, -1, 1, 1, 0, 0);
            transform: matrix(1, -1, 1, 1, 0, 0);
            -webkit-transform: matrix(1, -1, 1, 1, 0, 0);
        }

        .nav_top .navbar-toggler .icon-bar:nth-child(3) {
            -ms-transform: matrix(1, 1, -1, 1, 0, 0);
            transform: matrix(1, 1, -1, 1, 0, 0);
            -webkit-transform: matrix(1, 1, -1, 1, 0, 0);
            margin-top: -10px;
        }



        /*end menu*/


        .menu_sec li a.dropdown-toggle::after {
            display: block;
            /*content: "\f107";
        font-family: 'FontAwesome';
        text-align: center;
        font-size: 24px;
        line-height: 30px;
        color: #4d4d74;*/
            background: url(/Images/down-chevron.svg) no-repeat right center;
        }

        .menu_sec li.show a.dropdown-toggle::after {
            /*content: "\f106";
        color: #64a781;*/
            background: url(/Images/up-chevron.svg) no-repeat right center;
        }

        /*.menu_sec li.onlymob:last-child {
            background: url(/Images/greenbg.jpg)repeat;
            padding: 25px;
            color: #fff;
            font: normal 21px/28px 'OGT Raleway';
        }

            .menu_sec li.onlymob:last-child a.btnn {
                line-height: 35px !important;
                width: 200px;
                padding: 5px 35px;
                font-weight: 600;
                display: block;
            }*/


        .bannerSec.banner2 .banner_Itm_Txt {
            min-height: 350px;
        }


        .menu_sec li:nth-child(3) .dropdown-menu ul li:first-child {
            padding: 3px 0px;
        }

        .menu_sec li:nth-child(4) .dropdown-menu ul li:first-child {
            padding: 3px 0px;
        }


        .articleBoxes h2 {
            font-size: 26px;
            line-height: 34px;
        }

        .articleBoxes h3 {
            font-size: 20px;
            line-height: 30px;
        }

        .articleBoxes h4 {
            font-size: 18px;
            line-height: 24px;
        }

        /*vacancy*/
        .vacanciesFaq .innfaqBoxes h3 {
            font-size: 24px;
            line-height: 34px;
        }

        .currentvacancies .ngsBox p {
            line-height: 20px;
        }



        /*14-12-20*/
        .menu_sec li a {
            padding: 10px 15px !important;
        }

        .nav_top .navbar-toggler .icon-bar {
            width: 16px;
        }
    }


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

        .headlink {
            right: 50px;
        }

        .topHeader::after {
            display: none;
        }

        .banner_Itm_Txt h1 {
            font-size: 23px;
            line-height: 30px;
        }

        .innbanner {
            min-height: 350px;
        }

        .bansrchBox {
            margin-top: 15px;
        }

        .banner_Itm_Txt {
            width: 380px;
        }

        .abspic {
            width: 40%;
            bottom: 100px;
        }

        .bottomBoxpic img {
            max-width: 160px;
        }

        .bottomBoxtxt p {
            line-height: 22px;
        }

        .inndesignlt h2 {
            font-size: 20px;
            line-height: 24px;
        }

        .inndesignlt p {
            font-size: 15px;
            line-height: 20px;
            padding-top: 15px;
        }

        .inndesignrtBox .media .media-body h4 {
            font-size: 16px;
            line-height: 24px;
        }

        .inndesignrtBox .media img {
            width: 50px;
        }

        .inndesignrtBox .media {
            width: 380px;
        }

        .heading h2 {
            font-size: 24px;
            line-height: 34px;
        }

        .viewMore {
            font-size: 14px;
        }

        .inndiscovermore .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .inndiscovermore .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .discoverrt .media:first-child .media-body h4 {
            margin-top: 15px;
        }

        .discovermoreSec {
            padding: 50px 0px;
        }

        .latestNews {
            padding-top: 0px !important;
        }

        .newsBoxpic img {
            height: 130px;
        }

        .newsBoxTxt h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .newsBoxTxt p {
            font-size: 15px;
            line-height: 20px;
            padding-top: 10px;
        }

        .innsignupboxlt .media .media-body h4 {
            font-size: 17px;
            line-height: 19px;
        }

        .innsignupboxrt .btnn {
            width: 100%;
        }

        .topfooterSec {
            padding: 50px 0px;
        }

        .headlink {
            display: none;
        }

        .nav_top .navbar-brand {
            padding: 10px 0px;
            width: 190px;
        }

        .banner_Itm_Txt p {
            font-size: 14px;
            line-height: 18px;
            padding-top: 5px;
        }

        .bottomfootrt {
            width: 100%;
            text-align: center;
            margin-top: 5px;
        }

        .menu_sec li.old-dropdown .dropdown-menu .col-md-8 {
            padding-right: 15px;
        }



        /* technology top lavel*/
        .toptechnologySec .inntechnologySec ul li {
            font-size: 16px;
            padding: 0px 15px 5px;
            line-height: 22px;
        }

        .inntechnologyBoxLt {
            width: 330px;
            padding-right: 15px;
        }

            .inntechnologyBoxLt h4 {
                font-size: 16px;
                line-height: 20px;
            }

            .inntechnologyBoxLt p {
                font-size: 14px;
                line-height: 20px;
                padding-top: 10px;
            }

            .inntechnologyBoxLt ul li {
                font-size: 14px;
                line-height: 17px;
                width: 100%;
            }

        .findproductRt ul li {
            font-size: 14px;
            line-height: 20px;
        }

        .inntechnologyBoxLt img {
            max-width: 150px;
        }

        .inntechnologyBoxLt ul {
            margin-top: 10px;
        }

        .inntechnologyBoxLt .btnn {
            margin-top: 15px;
        }

        .findproductRt {
            padding: 0px 25px 0px 25px;
        }

        .bottomtechnologySecBoxes .bottomtechnologySec:nth-child(2n) .innbottomtechnologySec .inntechnologyBoxLt {
            padding-left: 25px;
        }

        .innbottomtechnologySec .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .inntechnologyBoxLt {
            width: 100%;
            position: inherit;
            right: inherit;
            top: inherit;
            transform: translateY(0%);
            -moz-transform: translateY(0%);
            -webkit-transform: translateY(0%);
        }

        .technologyBoxLt {
            padding: 25px 25px 25px;
            min-height: auto;
        }

        .technologyBoxRt img {
            height: auto;
        }

        .bottomtechnologySecBoxes .bottomtechnologySec:nth-child(2n) .innbottomtechnologySec .inntechnologyBoxLt {
            padding-left: 0;
        }




        /*sureseqsublevel*/
        .bannerSec.banner2 img {
            height: 350px;
        }

        .bannerSec.banner2 .banBox {
            width: 270px;
        }

        .bannerSec.banner2 .banBoxtxt p {
            font-size: 20px;
            line-height: 26px;
            padding: 15px;
        }

        .panelBoxLt h4 {
            font-size: 22px;
            line-height: 32px;
        }

        .panelBoxRt ul li {
            font-size: 18px;
            line-height: 22px;
        }

            .panelBoxRt ul li span::before {
                width: 20px;
                height: 20px;
                background-size: contain;
                left: -30px;
            }

        .panelBoxRt {
            margin-top: 60px;
        }

            .panelBoxRt ul li {
                font-size: 15px;
                line-height: 17px;
            }

        .videowatch {
            font-size: 19px;
            line-height: 22px;
        }

        .innworkflowSec h4 {
            font-size: 16px;
            line-height: 24px;
        }

        .wokflowpic img {
            max-width: 80px;
            height: 100px;
        }

        .borders {
            margin-top: 10px;
        }

        .workflowtxt ul {
            margin-top: 10px;
        }

            .workflowtxt ul li {
                font-size: 14px;
                line-height: 18px;
            }

        .innworkflowborder h4 {
            font-size: 24px;
            line-height: 34px;
        }

        /*cytocellsublevel */
        .wokflowpic {
            min-height: 100px;
        }

        /*applicationtopleavel*/
        .aplicationtoplink .technologyBoxLt .inntechnologyBoxLt h2 {
            font-size: 24px;
            line-height: 28px;
        }

        /*applicationSubleavel*/
        .sublavelworkflow .topworkflowPink {
            padding: 16px 0px;
        }

        .innfindproductcancersSec h3 {
            font-size: 26px;
            line-height: 34px;
        }

        .innfindproductcancersSec ul li {
            padding: 0px 7.5px;
        }

            .innfindproductcancersSec ul li.frmbx {
                width: 260px;
            }

        .cancersSecbox {
            padding: 10px;
        }

            .cancersSecbox h5 {
                font-size: 17px;
                line-height: 22px;
                min-height: 65px;
            }

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

        .view {
            margin-top: 25px;
        }

        .carousel-item img {
            min-height: 380px;
        }

        .innbanner_Itm_Txt {
            width: 380px;
            transform: translateY(-60%);
            -moz-transform: translateY(-60%);
            -webkit-transform: translateY(-60%);
        }



        .experthelpBox h2 {
            font-size: 22px;
            line-height: 28px;
        }

        .experthelpBox ul li a {
            padding: 0px 15px;
        }

        .experthelpBox {
            min-height: 330px;
        }

        .experthelpBoxPic img {
            height: 330px;
        }

        .customerPanelBX p {
            font-size: 16px;
            line-height: 22px;
        }

        .customerPanel {
            padding: 50px 0px;
        }

        .exparthelpboxes {
            margin-top: 50px;
        }


        /* NGS Support Resources */
        .supportban img {
            min-height: 230px;
        }

        .supportban .banner_Itm_Txt {
            min-height: 230px;
        }

        .supportLinksQuick .bottomdiscovermoreSec .media .media-body h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .supportLinksQuick {
            margin-top: 30px;
        }

            .supportLinksQuick .bottomdiscovermoreSec {
                margin-top: 45px;
            }

        .bottomdiscovermoreSec .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom: 15px;
        }

        .customerPic {
            width: 150px;
        }

        .customerPanel2 .customerPanelBX {
            padding-right: 180px;
        }

        .signupboxSec.grn .btnn {
            width: 100%;
        }

        .prodoc .innfindproductSec .col-sm-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .picBox {
            width: 150px;
        }

        /*ngstipsTroubleshooting*/
        .ngsBox h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .ngsBox {
            padding: 15px 15px 50px;
        }

        .innngsBoxes .col-sm-3 {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }

        .signupboxSec2 .innsignupboxrt .btnn {
            font-size: 14px;
            line-height: 20px;
            padding: 5px;
        }

        /*fishfaq*/
        .accordion .card-header {
            font-size: 18px;
            line-height: 24px;
        }

        .innfaqBoxes h4 {
            font-size: 24px;
            line-height: 28px;
        }

        .accordion .card .card-body h3 {
            font-size: 22px;
            line-height: 28px;
        }

        .accordion .card .card-body h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .accordion .card .card-body h5 {
            font-size: 16px;
            line-height: 22px;
        }

        /*Whats wrong with my arrays*/
        .supportban .btnTipsBack {
            font-size: 15px;
        }

        .inntopwhatsWrong ul li {
            font-size: 17px;
            line-height: 22px;
        }

        .bottomwhatsWrong {
            padding: 45px 0px 40px;
        }

        .innbottomwhatsWrong ul.tabs-menu li {
            font-size: 18px;
            line-height: 24px;
        }

        .inncontentBox ul li {
            font-size: 15px;
            line-height: 22px;
        }

            .inncontentBox ul li:first-child {
                font-size: 18px;
                line-height: 24px;
            }



        .bottomwhatsWrong .accordions .card-header .card-link {
            font-size: 16px;
            line-height: 22px;
        }

        .hideresolution {
            font-size: 14px;
            line-height: 18px;
        }

        .bottomwhatsWrong .accordions .card-header .card-link b::before {
            top: -6px;
        }


        /*Whats wrong fish*/
        .fishPic {
            right: 25px;
        }

        .bottomwhatsWrongFish .accordions .card-body {
            padding-right: 160px;
        }

        .findproductcancersSec {
            padding: 50px 0px 10px;
        }

        .menu_sec li .dropdown-menu .col-md-4 {
            display: none;
        }

        .menu_sec li .dropdown-menu .col-md-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .menu_sec li .dropdown-menu ul li:first-child {
            padding-top: 10px;
        }

        .menu_sec li .dropdown-menu {
            padding-bottom: 10px;
        }


        /* ngs literature */
        .literatureBoxLt h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .literatureBoxLt p {
            font-size: 13px;
            line-height: 20px;
        }


        /* ngs literature article */

        .article .innbanner_Itm_Txt {
            padding: 0px 100px;
        }

        .article .banner_Itm_Txt h1 {
            font-size: 22px;
            line-height: 26px;
        }

        .articleBoxes {
            padding: 0px 100px;
        }

        .bottomBoxpanel h4 {
            font-size: 15px;
            line-height: 18px;
        }

        .bottomBoxpanel {
            min-height: 205px;
        }

        .banner_Itm_Txt {
            width: 100%;
        }

        .bannerSec .innbanner_Itm_Txt ul li {
            margin-top: 5px;
        }

        .bannerSec .innbanner_Itm_Txt ul li {
            font-size: 14px;
            line-height: 16px;
        }

        .articleBoxes ul.btnns li a {
            height: 45px;
            padding: 0px 20px;
            font-size: 13px;
            line-height: 45px;
        }

        .topInnbtmpanel {
            padding: 30px 100px;
        }

        .bottomInnbtmpanel h5 {
            font-size: 24px;
            line-height: 32px;
        }

        .bottomBoxpanel ul li {
            font-size: 14px;
            line-height: 16px;
        }


        /*publication*/
        .publicationBoxes .literatureBox {
            padding: 40px 60px 40px 60px;
        }

        /*procedure*/
        .procedureBoxPic img {
            height: 300px;
        }

        .procedureBox {
            min-height: 300px;
        }

        .innprocedureBox h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .innprocedureBox {
            padding-right: 15px;
        }

            .innprocedureBox h2 {
                font-size: 22px;
                line-height: 28px;
            }

        .innprocedureBox {
            padding-right: 0px;
        }

            .innprocedureBox h3 {
                font-size: 18px;
                line-height: 22px;
            }

            .innprocedureBox li, .innprocedureBox p {
                font-size: 14px;
                line-height: 22px;
            }

            .innprocedureBox ul, .innprocedureBox ol {
                padding-top: 5px;
            }




        /*teamSec*/
        .customerBox h5 {
            font-size: 16px;
            line-height: 20px;
        }

        .customerBox .viewMore {
            font-size: 14px;
        }

        .customerBoxes h4 {
            font-size: 24px;
            line-height: 30px;
        }


        /*productsearch*/
        .productsearchSec .cancersSecboxes .col-sm-3 {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }

        .productsearchSec .cancersSecboxes .col-sm-9 {
            flex: 0 0 66.66%;
            max-width: 66.66%;
        }

        .productboxes .col-sm-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .productsearchSec .productsearchSecLeft h4 {
            font-size: 18px;
            line-height: 21px;
        }

        .srchBox.technology .cssmenu ul li.has-sub a, .srchBox.chromosomes .cssmenu ul li.has-sub a {
            font-size: 18px;
            line-height: 21px;
        }


        .newslandingTopSec .col-sm-4 .latestNewsBox {
            padding: 15px;
        }

        .newslandingTopSec .newsBoxTxt h4 {
            font-size: 16px;
            line-height: 20px;
        }

        /* about page */

        .grnPanelBox p {
            font-size: 16px;
            line-height: 20px;
        }

            .grnPanelBox p br {
                display: none;
            }

        .abouttechnology .inntechnologyBoxLt h3 {
            font-size: 24px;
            line-height: 30px;
        }

        .joinUsEventLt h2 {
            font-size: 24px;
            line-height: 30px;
        }

        .joinUsEventLt ul li:last-child {
            margin-left: 50px;
        }

        .grnPanelBox strong {
            font-size: 45px;
            line-height: 55px;
        }

        .aboutDesignPanel .inndesignrtBox .media {
            width: 100%;
        }

            .aboutDesignPanel .inndesignrtBox .media .media-body h4 br {
                display: none;
            }




        .customprobSerch .banner_Itm_Txt p {
            font-size: 19px;
            line-height: 24px;
        }

        .ngsban .picBox {
            width: 100px;
        }

        .contspebtn {
            font-size: 14px;
            line-height: 18px;
            margin-top: 15px;
        }

        .combine #input {
            width: 85%;
        }

        .bottomfootlt li {
            padding: 0px 10px;
        }


        /*evenlanding*/
        .eventlanding h5 {
            font-size: 22px;
            line-height: 32px;
        }

        .evenlanding .innlatestNewsBoxes h3 {
            font-size: 22px;
            line-height: 32px;
        }

        .eventbanpic {
            width: 160px;
            height: 100px;
        }

        .eventlistban .innbanner_Itm_Txt {
            padding-right: 170px;
        }

        /*companyinfo*/
        .companyngsBoxes .innngsBoxes h3 {
            font-size: 24px;
            line-height: 32px;
        }


        /*sureseqproduct*/
        .prodiscovermoreSec .bottomdiscovermoreSec .media .media-body h4 a {
            font-size: 17px;
            line-height: 22px;
        }

        .productSummerySec {
            padding: 50px 0px;
        }

        .proBoxLt h4, .proBoxMid h4 {
            font-size: 16px;
            line-height: 22px;
        }

        .proBoxLt ul li {
            font-size: 14px;
        }

        .proBoxMid ul li {
            font-size: 14px;
            line-height: 18px;
        }

        .proBoxRt ul li:first-child a {
            padding: 10px;
        }

        .proBoxRt ul li {
            font-size: 14px;
            line-height: 18px;
        }

        .proBoxMid h4.usefull {
            margin-top: 25px;
        }

        .innoverflowContent {
            padding-right: 150px;
        }

        .geneTargets .overflowContent {
            padding: 40px 0px;
        }

        .inngeneTargetsContent {
            padding-right: 0px;
        }

            .inngeneTargetsContent ul li {
                padding: 0px;
            }

                .inngeneTargetsContent ul li a {
                    padding: 5px;
                }

        .tabboxPanel {
            padding: 0px 50px;
        }

        .targetsContent h3 {
            font-size: 24px;
            line-height: 28px;
        }

        .tabboxPanel .owl-prev {
            left: -50px;
        }

        .tabboxPanel .owl-next {
            right: -50px;
        }

        .referenceSec .innoverflowContent {
            padding: 0;
        }

        .inngeneTargetsContent ul li a {
            font-size: 14px;
        }



        /*cytocellproduct*/
        .inntabboxPanel .owl-next {
            right: -15px;
        }

        .inntabboxPanel .owl-prev {
            left: -15px;
        }

        .tabboxPanelSec {
            padding-top: 50px;
        }

            .tabboxPanelSec h3 {
                font-size: 26px;
                line-height: 34px;
            }

        .inntabboxPanel .targetsContent h3 {
            font-size: 20px;
            line-height: 24px;
        }


        /*customprobes*/
        .customprobes .frmbx ul li {
            width: 100%;
        }

        .experthelpBox p {
            font-size: 14px;
            line-height: 20px;
        }



        /*vacancy*/
        .currentvacancies .ngsBox .bxview {
            top: 5px;
        }

        .currentvacancies .innngsBoxes {
            padding: 0px 100px;
        }


        /*bloglanding*/
        .glogfilter {
            padding: 0px 0px 30px;
            margin-top: 30px;
        }

        .featuredblog .experthelpBox h2 {
            font-size: 18px;
            line-height: 22px;
        }

        .bloglandingSec .latestNewsBox {
            margin-top: 0px;
            margin-bottom: 25px;
        }


        .inncapabilitiesBoxRt {
            padding: 25px 25px 0px;
            min-height: 300px;
        }

        .capabilitiesBoxRt {
            min-height: 300px;
        }

            .capabilitiesBoxRt .owl-prev {
                left: 2px;
            }

            .capabilitiesBoxRt .owl-next {
                right: 2px;
            }

            .capabilitiesBoxRt.cytocel .inncapabilitiesBoxRt .capabilitiesBoxPic img {
                width: 120px;
                height: 120px;
            }


        /*contact*/
        .contactTop .bottombanBox .bottomBoxtxt h4 {
            font-size: 20px;
            line-height: 26px;
        }

        .contactTop .bottomBoxtxt p {
            font-size: 14px;
        }


        .innchooseCountry ul li {
            font-size: 18px;
            line-height: 22px;
        }

        .inndistributorSec h4 {
            font-size: 24px;
            line-height: 36px;
        }

        .distributorbox h5 {
            font-size: 18px;
            line-height: 24px;
        }

        .distributorbox .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .dstrbBoxes {
            width: 100%;
            display: inline-block;
            margin-top: 15px;
        }


        /*builder create an account*/

        .innpanelContent .panelBoxRt h4 {
            font-size: 22px;
            line-height: 28px;
        }

        .innpanelContent .panelBoxRt ul {
            padding-top: 15px;
        }

        .productSummerySec.summary .proBoxRt h4 {
            font-size: 16px;
            line-height: 22px;
        }

        .productSummerySec.summary .proBoxRt ul li:last-child a {
            padding: 10px;
        }

        .landing .innhowitworks {
            padding: 75px 75px 0px 75px;
        }

        .productSummerySec.summary .proBoxLt p {
            font-size: 14px;
            line-height: 22px;
        }

        .newdashboard.landing .topworkflowPink {
            padding: 25px 0px;
        }

        .landing .innhowitworks {
            padding: 50px 50px 0px 50px;
        }

        .fourstepsPanel .innbottombanSec h3 {
            font-size: 22px;
            line-height: 26px;
        }

        .fourstepsPanel .innbottombanSec .bottombanBox .bottomBoxtxt h4 {
            font-size: 20px;
            line-height: 26px;
        }

        .fourstepsPanel .innbottombanSec .bottombanBox .bottomBoxtxt p {
            font-size: 14px;
            line-height: 22px;
        }

        /* chromsomesearch*/
        .chromosomePanel .inndesignpanel h3 {
            font-size: 24px;
            line-height: 34px;
        }

        .chromosomePanel .inndesignpanel .tabs-menu {
            margin-top: 20px;
        }

        .keyBoxes {
            padding: 20px;
            margin-top: 20px;
        }

            .keyBoxes ul li .media .media-body h5 {
                font-size: 16px;
                line-height: 22px;
            }

            .keyBoxes ul li {
                font-size: 16px;
                line-height: 22px;
                width: 32%;
            }


        /*14-12-20*/
        .header_sec.fixed .srchMob {
            right: 40px;
            top: 24px;
        }

        .customerPanelProduct .customerPanelBX .proBoxRt {
            width: 200px;
        }

        .customerPanelProduct .customerPanelBX {
            padding-right: 210px;
        }

        .fishfaq .ngsBox img {
            min-height: 200px;
        }

        .fishfaq .ngsBox .bxview {
            margin-top: 10px;
        }

        .toptechnologySec.fixed {
            top: 65px;
        }
    }



    @media only screen and (max-width: 767px) {


        .headlink {
            right: 50px;
        }

        .searchBox {
            right: 45px;
            top: 22px;
            display: none;
        }

        .topHeader::after {
            display: none;
        }

        .banner_Itm_Txt h1 {
            font-size: 24px;
            line-height: 30px;
        }

            .banner_Itm_Txt h1 br {
                display: none;
            }

        .innbanner {
            min-height: inherit;
        }

        .bansrchBox {
            margin-top: 15px;
        }

        .banner_Itm_Txt {
            width: 100%;
            position: inherit;
            left: inherit;
            top: inherit;
            transform: translateY(0%) !important;
            padding-top: 0px;
            min-height: inherit;
        }

        .abspic {
            width: 100%;
            bottom: inherit;
            position: inherit;
            right: inherit;
            text-align: right;
            display: inline-block;
        }

            .abspic img {
                max-width: 100%;
                width: auto;
            }

        .bottomBoxpic img {
            max-width: 160px;
        }

        .bottomBoxtxt p {
            line-height: 22px;
        }

        .inndesignlt h2 {
            font-size: 20px;
            line-height: 24px;
        }

        .inndesignlt p {
            font-size: 15px;
            line-height: 20px;
            padding-top: 15px;
        }

        .inndesignrtBox .media .media-body h4 {
            font-size: 16px;
            line-height: 24px;
        }

        .inndesignrtBox .media img {
            width: 50px;
        }

        .inndesignrtBox .media {
            width: 380px;
        }

        .heading h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .viewMore {
            font-size: 14px;
        }

        .inndiscovermore .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .inndiscovermore .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .discoverrt .media:first-child .media-body h4 {
            margin-top: 15px;
        }

        .discovermoreSec {
            padding: 40px 0px;
        }

        .latestNews {
            padding-top: 0px !important;
        }

        .newsBoxpic img {
            height: 130px;
        }

        .newsBoxTxt h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .newsBoxTxt p {
            font-size: 15px;
            line-height: 20px;
            padding-top: 10px;
        }

        .innsignupboxlt .media .media-body h4 {
            font-size: 15px;
            line-height: 18px;
        }

        .innsignupboxrt .btnn {
            width: 100%;
        }

        .topfooterSec {
            padding: 35px 0px;
        }

        .headlink {
            display: none;
        }

        .nav_top .navbar-brand {
            padding: 5px 0px;
            width: 170px;
        }

        .banner_Itm_Txt p {
            font-size: 14px;
            line-height: 20px;
            padding-top: 10px;
        }

        .srchMob {
            position: absolute;
            right: 55px;
            top: 20px;
            display: inline-block;
        }

        .bansrchBox input[type="text"], .bansrchBox select {
            font-size: 14px;
            background-color: #ffffff;
        }

        .bansrchBox input[type="text"]{
            width: calc(100% - 48px);
        }

        .innbottombanSec .row {
            justify-content: center;
        }

        .innbottombanSec .col-sm-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }

            .innbottombanSec .col-sm-4:last-child {
                margin-top: 25px;
                flex: 0 0 100%;
                max-width: 100%;
            }

        .inndesignpanel .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .inndesignpanel .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 15px;
        }

        .viewMore {
            font-size: 14px;
            line-height: 18px;
            margin-top: 5px;
        }

        .discoverlt {
            padding: 15px;
        }

            .discoverlt .media {
                display: inline-block;
            }

                .discoverlt .media .media-left {
                    max-width: 100%;
                    margin-right: 0;
                    width: 100%;
                    text-align: center;
                }

                .discoverlt .media .media-body {
                    margin-top: 15px;
                }

        .inndiscovermore {
            margin-top: 20px;
        }

        .innlatestNewsBoxes {
            margin-top: 20px;
        }

            .innlatestNewsBoxes .col-sm-4 {
                flex: 0 0 50%;
                max-width: 50%;
            }

                .innlatestNewsBoxes .col-sm-4:last-child {
                    margin-top: 25px;
                    flex: 0 0 100%;
                    max-width: 100%;
                }

        .innsignupboxlt .media .media-left img {
            max-width: 50px;
            margin-right: 10px;
        }

        .bottomfootlt {
            width: 100%;
            text-align: center;
        }

        .topfooterSec .col-sm-2 {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }

        .topfooterSec .col-sm-6 {
            flex: 0 0 66.66%;
            max-width: 66.66%;
        }

        .topfooterSec .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 15px;
        }

        .bottomfootrt {
            width: 100%;
            text-align: center;
            margin-top: 5px;
        }


        .header_sec .container {
            max-width: 100%;
            padding: 0;
        }

        .nav_top .navbar-brand {
            margin-left: 15px;
        }

        .srchMob {
            right: 60px;
        }

        .nav_top .navbar-toggler {
            margin-right: 15px;
        }

        .searchBox.show {
            display: block;
            width: 100%;
            right: 0;
            top: 100%;
            background: #f5f6ff;
            padding: 15px;
            height: inherit;
            border: none;
        }

        .searchBox form {
            border: 1px solid #9d9d9d;
            display: inline-block;
            width: 100%;
        }

        .searchBox input[type="text"] {
            height: 40px;
        }

        .searchBox input[type="submit"] {
            height: 40px;
            background-color: #fff;
        }

        .menu_sec li.old-dropdown .dropdown-menu .col-md-4 {
            margin-top: 15px !important;
        }

        .navbar .dropdown-menu {
            min-height: auto;
            overflow: auto;
            padding-bottom: 10px;
        }
        /*.menu_sec li .dropdown-menu .col-md-4 ul li:first-child{ border:none;}*/
        .menu_sec li .dropdown-menu span {
            margin: 0;
        }

        .menu_sec li .dropdown-menu .col-md-4 strong {
            font-size: 16px;
            line-height: 22px;
        }

            .menu_sec li .dropdown-menu .col-md-4 strong br {
                display: none;
            }

        .menu_sec li.old-dropdown .dropdown-menu .col-md-8 {
            padding-right: 15px;
        }



        /* technology top lavel*/
        .toptechnologySec .inntechnologySec ul li {
            font-size: 16px;
            padding: 0px 15px 5px;
            line-height: 22px;
        }

        .inntechnologyBoxLt {
            width: 330px;
            padding-right: 15px;
        }

            .inntechnologyBoxLt h4 {
                font-size: 16px;
                line-height: 20px;
            }

            .inntechnologyBoxLt p {
                font-size: 14px;
                line-height: 20px;
                padding-top: 10px;
            }

            .inntechnologyBoxLt ul li {
                font-size: 14px;
                line-height: 17px;
                width: 100%;
            }

        .findproductRt ul li {
            font-size: 14px;
            line-height: 20px;
        }

        .inntechnologyBoxLt img {
            max-width: 150px;
        }

        .inntechnologyBoxLt ul {
            margin-top: 10px;
        }

        .inntechnologyBoxLt .btnn {
            margin-top: 15px;
        }

        .findproductRt {
            padding: 0px 25px 0px 25px;
        }

        .bottomtechnologySecBoxes .bottomtechnologySec:nth-child(2n) .innbottomtechnologySec .inntechnologyBoxLt {
            padding-left: 25px;
        }

        .innbottomtechnologySec .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .inntechnologyBoxLt {
            width: 100%;
            position: inherit;
            right: inherit;
            top: inherit;
            transform: translateY(0%);
            -moz-transform: translateY(0%);
            -webkit-transform: translateY(0%);
        }

        .technologyBoxLt {
            padding: 25px 25px 25px;
            min-height: auto;
        }

        .technologyBoxRt img {
            height: auto;
        }

        .bottomtechnologySecBoxes .bottomtechnologySec:nth-child(2n) .innbottomtechnologySec .inntechnologyBoxLt {
            padding-left: 0;
        }

        .toptechnologySec .inntechnologySec ul li {
            font-size: 14px;
            padding: 0px 7px 5px;
            line-height: 16px;
        }

        .findproductSec {
            padding: 30px 0px;
        }

        .innfindproductSec .col-sm-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .innfindproductSec .col-sm-5 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .findproductRt {
            padding: 15px 0px;
        }

        .frmbx1 input[type="checkbox"] + label {
            line-height: 28px;
        }

        .innquestionSecBox span {
            display: block;
        }




        /*sureseqsublevel*/
        .bannerSec.banner2 img {
            height: 280px;
        }

        .bannerSec.banner2 .banBox {
            width: 220px;
        }

        .bannerSec.banner2 .banBoxtxt p {
            font-size: 16px;
            line-height: 20px;
            padding: 15px;
        }

        .panelBoxLt h4 {
            font-size: 22px;
            line-height: 32px;
        }

        .panelBoxRt ul li {
            font-size: 18px;
            line-height: 22px;
        }

            .panelBoxRt ul li span::before {
                background-size: contain;
                left: -30px;
            }

        .panelBoxRt {
            margin-top: 30px;
        }

            .panelBoxRt ul li {
                font-size: 15px;
                line-height: 17px;
            }

        .videowatch {
            font-size: 19px;
            line-height: 22px;
        }

        .innworkflowSec h4 {
            font-size: 16px;
            line-height: 24px;
        }

        .wokflowpic img {
            max-width: 80px;
            height: 100px;
        }

        .borders {
            margin-top: 10px;
        }

        .workflowtxt ul {
            margin-top: 10px;
        }

            .workflowtxt ul li {
                font-size: 14px;
                line-height: 18px;
            }

        .innworkflowborder h4 {
            font-size: 24px;
            line-height: 34px;
        }

        .bannerSec.banner2 .banner_Itm_Txt {
            padding-top: 0px;
        }

        .panelBox {
            padding: 40px 0px;
        }

            .panelBox .col-sm-8 {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .panelBox .col-sm-4 {
                flex: 0 0 100%;
                max-width: 100%;
            }

        .innworkflowBoxes .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
        }

            .innworkflowBoxes .col-sm-3:nth-child(3) .innworkflowBox .wokflowpic {
                display: none;
            }

            .innworkflowBoxes .col-sm-3:nth-child(4) .innworkflowBox .wokflowpic {
                display: none;
            }

        .workflowboxtxt h4 {
            font-size: 17px;
            line-height: 23px;
        }

        .bottomdiscovermoreSec {
            margin-top: 40px;
        }

            .bottomdiscovermoreSec .col-sm-3 {
                flex: 0 0 50%;
                max-width: 50%;
            }

            .bottomdiscovermoreSec .media {
                padding: 15px 0px;
            }

        /*cytocellsublevel */
        .wokflowpic {
            min-height: 100px;
        }

        .bannerSec.banner2 .banner_Itm_Txt {
            min-height: 280px;
        }

        /*applicationtopleavel*/
        .aplicationtoplink .technologyBoxLt .inntechnologyBoxLt h2 {
            font-size: 24px;
            line-height: 28px;
        }

        /*applicationSubleavel*/
        .sublavelworkflow .workflowBoxes h3 {
            font-size: 20px;
            line-height: 32px;
        }

        .sublavelworkflow .topworkflowPink {
            padding: 16px 0px;
        }

        .innfindproductcancersSec h3 {
            font-size: 22px;
            line-height: 28px;
        }

        .innfindproductcancersSec ul li {
            padding: 0px 7.5px;
        }

            .innfindproductcancersSec ul li.frmbx {
                width: 205px;
            }

        .cancersSecbox {
            padding: 10px;
        }

            .cancersSecbox h5 {
                font-size: 17px;
                line-height: 22px;
                min-height: auto;
            }

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

        .view {
            margin-top: 25px;
        }

        .innfindproductcancersSec ul {
            margin-top: 5px;
        }

        .cancersSecboxes .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .findproductcancersSec {
            padding: 50px 0px 20px;
        }

        .carousel-item img {
            min-height: 240px;
            object-position: right center;
        }

        .banner_Itm_Inn {
            width: 100%;
            position: inherit;
            top: inherit;
            left: 0px;
            transform: translateY(0%);
            -moz-transform: translateY(0%);
            -webkit-transform: translateY(0%);
            display: inline-block;
            background: #f5f5fb;
            padding: 15px 0px;
        }

        .innbanner_Itm_Txt {
            width: 100%;
            position: inherit;
            transform: translateY(0%);
            -moz-transform: translateY(0%);
            -webkit-transform: translateY(0%);
            text-align: left;
        }

        .bansrchBox input[type="submit"] {
            background-color: #f5f6ff;
        }

        .menu_sec li.old-dropdown .dropdown-menu .col-md-4 {
            display: none;
        }


        .experthelpBox h2 {
            font-size: 24px;
            line-height: 34px;
        }

        .experthelpBox ul li a {
            padding: 0px 15px;
        }

        .experthelpBox {
            min-height: 330px;
        }

        .experthelpBoxPic img {
            height: 330px;
        }

        .customerPanelBX p {
            font-size: 16px;
            line-height: 22px;
        }

        .customerPanel {
            padding: 50px 0px;
        }

        .whiteban .banner_Itm_Txt .innbanner_Itm_Txt h1 {
            color: #fff;
        }

        .whiteban .banner_Itm_Txt .innbanner_Itm_Txt p {
            color: #fff;
        }

        .supportworkflowSec {
            padding: 30px 0px;
        }

            .supportworkflowSec .innworkflowBox {
                padding-top: 15px;
            }

        .exparthelpboxes {
            margin-top: 25px;
        }

        .experthelpBox {
            min-height: inherit;
        }

        .innexperthelpBox {
            position: inherit;
            left: 0;
            top: inherit;
            transform: translateY(0%);
            -moz-transform: translateY(0%);
            -webkit-transform: translateY(0%);
        }

        .experthelpBoxPic {
            margin-top: 15px;
        }

        .customerPanelBX::before {
            width: 50px;
            height: 50px;
            background-size: contain;
            left: 0px;
        }

        .customerPanelBX {
            padding-left: 70px;
        }

        .customerPanel .inncustomerPanel h3 {
            font-size: 24px;
            line-height: 34px;
        }

        /* NGS Support Resources */
        .supportban img {
            min-height: 230px;
        }

        .supportLinksQuick .bottomdiscovermoreSec .media .media-body h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .supportLinksQuick {
            margin-top: 30px;
        }

            .supportLinksQuick .bottomdiscovermoreSec {
                margin-top: 45px;
            }

        .bottomdiscovermoreSec .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom: 15px;
        }

        .customerPic {
            width: 100px;
            position: inherit;
            right: inherit;
            top: inherit;
            margin-top: 15px;
        }

        .customerPanel2 .customerPanelBX {
            padding-right: 0px;
        }

        .signupboxSec.grn .btnn {
            width: 100%;
        }

        .prodoc .innfindproductSec .col-sm-7 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .supportban img {
            min-height: 180px;
        }

        .supportban .banner_Itm_Txt {
            min-height: inherit;
        }

        .supportban .banner_Itm_Inn {
            position: inherit;
            left: inherit;
            top: inherit;
        }




        .customerPanel2 .customerPanelBX::before {
            left: 0px;
            width: 50px;
            height: 50px;
            background-size: contain;
        }

        .signupboxSec.grn .col-sm-9 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .signupboxSec.grn .innsignupbox .row {
            justify-content: center;
        }

        .ngsboxes .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .ngsboxes .row:nth-child(2n) {
            margin-top: 30px;
        }

            .ngsboxes .row:nth-child(2n) .col-sm-6:last-child {
                margin-top: 15px;
            }

        /*ngstipsTroubleshooting*/
        .ngsBox h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .ngsBox {
            padding: 15px 15px 50px;
        }

        .innngsBoxes .row {
            justify-content: center;
        }

        .innngsBoxes .col-sm-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .innngsBoxes .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .signupboxSec2 .col-sm-9 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .signupboxSec2 .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }


        /*fishfaq*/
        .accordion .card-header {
            font-size: 16px;
            line-height: 22px;
        }

        .innfaqBoxes h4 {
            font-size: 24px;
            line-height: 28px;
        }

        .accordion .card .card-body h3 {
            font-size: 22px;
            line-height: 28px;
        }

        .accordion .card .card-body h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .accordion .card .card-body h5 {
            font-size: 16px;
            line-height: 22px;
        }


        /*Whats wrong with my arrays*/
        .supportban .btnTipsBack {
            top: inherit;
            font-size: 15px;
            position: inherit;
            left: inherit;
            margin-bottom: 15px;
        }

        .inntopwhatsWrong ul li {
            font-size: 17px;
            line-height: 22px;
        }

        .bottomwhatsWrong {
            padding: 45px 0px 40px;
        }

        .innbottomwhatsWrong ul.tabs-menu li {
            font-size: 16px;
            line-height: 20px;
            margin-right: 10px;
        }

        .inncontentBox ul li {
            font-size: 14px;
            line-height: 22px;
        }

            .inncontentBox ul li:first-child {
                font-size: 16px;
                line-height: 22px;
            }

        .hideresolution { /*position: inherit;  right: inherit; top: inherit;*/
            margin-top: 0px; /*display:inline-block;*/
        }


        .bottomwhatsWrong .accordions .card-header .card-link {
            font-size: 16px;
            line-height: 22px;
        }

        .hideresolution {
            font-size: 14px;
            line-height: 18px;
        }

        .bottomwhatsWrong .accordions .card-header .card-link b::before {
            top: -6px;
        }

        /*Whats wrong fish*/
        .fishPic {
            right: 25px;
        }

        .bottomwhatsWrongFish .accordions .card-body {
            padding-right: 160px;
        }

        /*NGS videos*/
        .ngsvideosSec .innlatestNewsBoxes .col-sm-4:last-child {
            flex: 0 0 50%;
            max-width: 50%;
            margin-top: 0px;
        }

        .ngsvideosSec .latestNewsBox {
            margin-top: 30px;
        }

        /* ngs literature */
        .literatureBoxLt h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .literatureBoxLt p {
            font-size: 13px;
            line-height: 20px;
        }

        .literatureBox .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .literatureBox .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .literatureBoxRt {
            margin-top: 25px;
        }

        .literatureSec {
            padding-bottom: 100px;
        }

        .literatureBoxes .btnTipsBack {
            bottom: -45px;
        }


        /* ngs literature article */

        .article .innbanner_Itm_Txt {
            padding: 0px 0px;
        }

        .article .banner_Itm_Txt h1 {
            font-size: 22px;
            line-height: 26px;
        }

        .articleBoxes {
            padding: 0px 0px;
        }

        .bottomBoxpanel h4 {
            font-size: 15px;
            line-height: 18px;
        }

        .bottomBoxpanel {
            min-height: 205px;
        }

        .banner_Itm_Txt {
            width: 100%;
        }

        .bannerSec .innbanner_Itm_Txt ul {
            margin-top: 15px;
        }

            .bannerSec .innbanner_Itm_Txt ul li {
                margin-top: 5px;
            }

            .bannerSec .innbanner_Itm_Txt ul li {
                font-size: 14px;
                line-height: 16px;
                color: #585786;
            }

        .articleBoxes ul.btnns li a {
            height: 45px;
            padding: 0px 20px;
            font-size: 13px;
            line-height: 45px;
        }

        .topInnbtmpanel {
            padding: 30px 0px;
        }

        .bottomInnbtmpanel h5 {
            font-size: 24px;
            line-height: 32px;
        }

        .bottomBoxpanel ul li {
            font-size: 14px;
            line-height: 16px;
        }

        .bottomInnbtmpanel .row {
            justify-content: center;
        }

        .bottomInnbtmpanel .col-sm-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .articleBoxes h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .articleBoxes h3 {
            font-size: 18px;
            line-height: 24px;
        }

        .articleBoxes h4 {
            font-size: 16px;
            line-height: 20px;
        }

        /*publication*/
        .publicationBoxes .literatureBox {
            padding: 40px;
        }

        /*Team profile*/
        .mailid {
            color: #585786;
        }


        /*procedure*/
        .procedureBoxPic img {
            height: auto;
        }

        .innprocedureBox h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .innprocedureBox {
            padding-right: 0px;
            position: inherit;
            top: inherit;
            left: inherit;
            transform: translateY(-0%);
            -moz-transform: translateY(-0%);
            -webkit-transform: translateY(-0%);
            margin-bottom: 15px;
        }

        .innprocedureSec .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .procedureBox {
            min-height: inherit;
        }

        .innprocedureBox h2 {
            font-size: 22px;
            line-height: 28px;
        }

        .innprocedureBox {
            padding-right: 0px;
        }

            .innprocedureBox h3 {
                font-size: 18px;
                line-height: 22px;
            }

            .innprocedureBox li, .innprocedureBox p {
                font-size: 14px;
                line-height: 22px;
            }

            .innprocedureBox ul, .innprocedureBox ol {
                padding-top: 5px;
            }

        /*teamSec*/
        .customerBox h5 {
            font-size: 16px;
            line-height: 20px;
        }

        .customerBox .viewMore {
            font-size: 14px;
        }

        .customerBoxes h4 {
            font-size: 20px;
            line-height: 28px;
        }

        .customerBoxes .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
        }


        /*productsearch*/
        .productsearchSec .cancersSecboxes .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .productsearchSec .cancersSecboxes .col-sm-9 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 25px;
        }

        .productboxes .col-sm-4 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .productsearchSec .productsearchSecLeft h4 {
            font-size: 18px;
            line-height: 21px;
        }

        .srchBox.technology .cssmenu ul li.has-sub a, .srchBox.chromosomes .cssmenu ul li.has-sub a {
            font-size: 18px;
            line-height: 21px;
        }

        .publicationSec.publicationSec2 .innfindproductcancersSec ul li.frmbx {
            width: 100%;
        }

        .publicationban img {
            object-position: left center !important;
        }

        .newslandingTopSec .col-sm-4 .latestNewsBox {
            padding: 15px;
        }

        .newslandingTopSec .newsBoxTxt h4 {
            font-size: 16px;
            line-height: 20px;
        }

        .newslandingTopSec .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .newslandingTopSec .col-sm-4 {
            flex: 0 0 100% !important;
            max-width: 100% !important;
            margin-top: 15px !important;
        }

        .newslandingTopSec .latestNewsBox {
            margin-top: 0px;
        }

        .newslandingTopSec .col-sm-8 .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .newslandingTopSec .col-sm-8 .col-sm-6 .newsBoxpic img {
                height: auto;
            }


        /* about page */

        .grnPanelBox p {
            font-size: 16px;
            line-height: 20px;
        }

            .grnPanelBox p br {
                display: none;
            }

        .abouttechnology .inntechnologyBoxLt h3 {
            font-size: 24px;
            line-height: 30px;
        }

        .joinUsEventLt h2 {
            font-size: 24px;
            line-height: 30px;
        }

        .joinUsEventLt ul li:last-child {
            margin-left: 50px;
        }

        .grnPanelBox strong {
            font-size: 45px;
            line-height: 55px;
        }

        .aboutDesignPanel .inndesignrtBox .media {
            width: 100%;
        }

            .aboutDesignPanel .inndesignrtBox .media .media-body h4 br {
                display: none;
            }

        .aboutDesignPanel .inndesignpanel .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .aboutDesignPanel {
            padding: 45px 0px;
        }

            .aboutDesignPanel .inndesignpanel .col-sm-6:last-child {
                margin-top: 25px;
            }

        .grnPanelSec .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .grnPanelBox {
            margin-bottom: 15px;
        }

        .joinUsEventBox .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .joinUsEventBox .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 15px;
        }

        .picBox {
            display: none;
        }

            .picBox.mob {
                display: block;
                width: 150px;
                position: absolute;
                left: 50%;
                top: 50px;
                transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
            }

                .picBox.mob img {
                    width: 100%;
                }



        .customprobSerch .banner_Itm_Txt p {
            font-size: 19px;
            line-height: 24px;
        }

        .ngsban .picBox.mob {
            top: 25px;
        }

        .contspebtn {
            font-size: 14px;
            line-height: 18px;
            margin-top: 15px;
            color: #fff;
            border-color: #fff;
        }

        .combine #input {
            width: 82%;
        }

        .workflowboxtxt p, .panelBoxLt p {
            font-size: 14px;
        }
        body .panelBox .innpanelBox .panelBoxLt ul li {
            font-size: 14px !important;
        }

        /*evenlanding*/
        .eventlanding h5 {
            font-size: 22px;
            line-height: 32px;
        }

        .evenlanding .innlatestNewsBoxes h3 {
            font-size: 22px;
            line-height: 32px;
        }

        .eventbanpic {
            display: none;
        }

        .eventlistban .innbanner_Itm_Txt {
            padding-right: 0px;
        }

        .eventbanpicMob {
            width: 200px;
            position: absolute;
            display: block;
            left: 50%;
            top: 50px;
            transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
        }

            .eventbanpicMob img {
                width: 100%;
                min-height: inherit;
                object-fit: contain;
            }

        /*companyinfo*/
        .companyngsBoxes .innngsBoxes h3 {
            font-size: 22px;
            line-height: 32px;
        }


        /*newsarticle*/
        .newsArticle .articleBoxes h6 {
            font-size: 14px;
        }


        /*sureseqproduct*/
        .prodiscovermoreSec .bottomdiscovermoreSec .media .media-body h4 a {
            font-size: 17px;
            line-height: 22px;
        }

        .productSummerySec {
            padding: 50px 0px;
        }

        .proBoxLt h4, .proBoxMid h4 {
            font-size: 16px;
            line-height: 22px;
        }

        .proBoxLt ul li {
            font-size: 14px;
        }

        .proBoxMid ul li {
            font-size: 14px;
            line-height: 18px;
        }

        .proBoxRt ul li:first-child a {
            padding: 10px;
        }

        .proBoxRt ul li {
            font-size: 14px;
            line-height: 18px;
        }

        .proBoxMid h4.usefull {
            margin-top: 25px;
        }

        .innoverflowContent {
            padding-right: 0px;
        }

        .geneTargets .overflowContent {
            padding: 40px 0px;
        }

        .inngeneTargetsContent {
            padding-right: 0px;
        }

            .inngeneTargetsContent ul li {
                padding: 0px;
            }

                .inngeneTargetsContent ul li a {
                    padding: 5px;
                }

        .tabboxPanel {
            padding: 0px 30px;
        }

        .targetsContent h3 {
            font-size: 19px;
            line-height: 24px;
        }

        .tabboxPanel .owl-prev {
            left: -50px;
        }

        .tabboxPanel .owl-next {
            right: -50px;
        }

        .referenceSec .innoverflowContent {
            padding: 0;
        }

        .inngeneTargetsContent ul li a {
            font-size: 14px;
        }

        .proBoxes .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .proBoxes .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 15px;
        }

        .proBoxRt ul li a {
            margin-top: 10px;
        }

        .overflowContent {
            padding: 40px 0px;
        }

        .inngeneTargetsContent ul li {
            width: 13.5%;
            margin-bottom: 4px;
        }

        .blue .innsignupboxlt .media .media-body h4 {
            font-size: 20px;
            line-height: 26px;
        }

        .blue .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .blue .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .blue .innsignupboxlt .media .media-body p {
            font-size: 14px;
            line-height: 22px;
        }

        .bluepro .btnn {
            margin-top: 20px;
        }

        .capabilitiesSec {
            padding: 40px 0px;
        }

        .inncapabilitiesSec h4 {
            font-size: 24px;
            line-height: 28px;
        }

        .capabilitiesBoxes {
            padding: 30px 0px 0px;
        }

            .capabilitiesBoxes .col-sm-6 {
                flex: 0 0 100%;
                max-width: 100%;
            }

        .capabilitiesBoxRt {
            min-height: auto;
            margin-top: 15px;
        }

        .workflowProSec .innworkflowBoxes {
            margin-top: 40px;
        }

            .workflowProSec .innworkflowBoxes .col-sm-3:nth-child(3) .innworkflowBox .wokflowpic {
                display: block;
            }

            .workflowProSec .innworkflowBoxes .col-sm-3:nth-child(4) .innworkflowBox .wokflowpic {
                display: block;
            }

        .capabilitiesBoxLt h5 {
            font-size: 22px;
            line-height: 26px;
        }

        .capabilitiesBoxLt p {
            font-size: 14px;
            line-height: 22px;
        }

        .customerPanelProduct .customerPanelBX {
            padding-right: 0px;
        }

            .customerPanelProduct .customerPanelBX .proBoxRt {
                width: 100%;
                position: inherit;
                right: inherit;
                top: inherit;
                margin-top: 15px;
            }

        .referenceSec .innoverflowContent h3 {
            font-size: 24px;
            line-height: 28px;
        }

        .questionSecBox.grn .custombtn {
            position: inherit;
            right: inherit;
            top: inherit;
            margin-top: 15px;
        }



        /*cytocellproduct*/
        .inntabboxPanel .owl-next {
            right: -15px;
        }

        .inntabboxPanel .owl-prev {
            left: -15px;
        }

        .tabboxPanelSec {
            padding-top: 50px;
        }

            .tabboxPanelSec h3 {
                font-size: 26px;
                line-height: 34px;
            }

        .inntabboxPanel .targetsContent h3 {
            font-size: 20px;
            line-height: 24px;
        }

        .capabilitiesBoxes .col-sm-8 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .remprotocol .inndesignrtBox .media .media-body h4 {
            font-size: 17px;
        }

        /*customprobes*/
        .customprobes .frmbx ul li {
            width: 100%;
        }

            .customprobes .frmbx ul li input[type="checkbox"]:checked + label {
                background-position: left top 10px;
            }

            .customprobes .frmbx ul li input[type="checkbox"] + label {
                background-position: left top 10px;
            }



        .experthelpBox p {
            font-size: 14px;
            line-height: 20px;
        }

        .experthelpBox h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .deptoverviewPicBoxes .row .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .deptoverviewPicBoxes .row .col-sm-6.last {
                margin-top: 0px;
            }

                .deptoverviewPicBoxes .row .col-sm-6.last .row .col-sm-6 .overviewPicdept {
                    margin-top: 20px !important;
                }

        .deptoverviewPicBoxes {
            margin-top: 20px;
        }



        /*vacancy*/
        .career.article .btnTipsBack {
            color: #585786;
            background: url(/Images/arrow2.svg) no-repeat;
            background-position: left top 5px;
        }


        /*vacancy*/
        .currentvacancies .ngsBox .bxview {
            top: inherit;
            position: inherit;
            right: inherit;
        }

        .currentvacancies .innngsBoxes {
            padding: 0px 0px;
        }

            .currentvacancies .innngsBoxes h3 {
                padding-bottom: 10px;
            }


        /*bloglanding*/
        .glogfilter {
            padding: 0px 0px 30px;
            margin-top: 0px;
        }

        .featuredblog .experthelpBox h2 {
            font-size: 18px;
            line-height: 22px;
        }

        .bloglandingSec .latestNewsBox {
            margin-top: 0px;
            margin-bottom: 25px;
        }


        .capabilitiesBoxRt.cytocel .inncapabilitiesBoxRt .capabilitiesBoxPic img {
            width: 120px;
            height: 120px;
        }

        /*contact*/
        .contactTop .bottombanBox .bottomBoxtxt h4 {
            font-size: 20px;
            line-height: 26px;
        }

        .contactTop .bottomBoxtxt p {
            font-size: 14px;
        }

        .innlocationSec {
            padding: 40px 0px;
        }

        .locationBoxes {
            margin-top: 0px;
        }

            .locationBoxes .col-sm-4 {
                flex: 0 0 50%;
                max-width: 50%;
                margin-top: 25px;
            }

        .locationBox h3 {
            font-size: 19px;
            line-height: 26px;
        }


        .innchooseCountry ul li {
            font-size: 18px;
            line-height: 22px;
        }

        .inndistributorSec h4 {
            font-size: 24px;
            line-height: 36px;
        }

        .distributorbox h5 {
            font-size: 18px;
            line-height: 24px;
        }

        .distributorbox .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .dstrbBoxes {
            width: 100%;
            display: inline-block;
            margin-top: 15px;
        }

        .distributorSec {
            padding: 50px 0px;
        }

        /*builder create an account*/

        .innpanelContent .panelBoxRt h4 {
            font-size: 22px;
            line-height: 28px;
        }

        .innpanelContent .panelBoxRt ul {
            padding-top: 15px;
        }

            .innpanelContent .panelBoxRt ul li span::before {
                top: -2px;
            }

        .innpanelContent .panelBoxRt p {
            font-size: 14px;
            line-height: 22px;
        }

        .productSummerySec.summary .proBoxRt h4 {
            font-size: 16px;
            line-height: 22px;
        }

        .productSummerySec.summary .proBoxRt ul li:last-child a {
            padding: 10px;
        }

        .landing .innhowitworks {
            padding: 75px 75px 0px 75px;
        }

        .productSummerySec.summary .proBoxLt p {
            font-size: 14px;
            line-height: 22px;
        }

        .newdashboard.landing .topworkflowPink {
            padding: 25px 0px;
        }

        .landing .innhowitworks {
            padding: 50px 15px 0px 15px;
        }

        .fourstepsPanel .innbottombanSec h3 {
            font-size: 22px;
            line-height: 26px;
        }

        .fourstepsPanel .innbottombanSec .bottombanBox .bottomBoxtxt h4 {
            font-size: 20px;
            line-height: 26px;
        }

        .fourstepsPanel .innbottombanSec .bottombanBox .bottomBoxtxt p {
            font-size: 14px;
            line-height: 22px;
        }


        .fourstepsPanel .col-sm-3 {
            flex: 0 0 50%;
            max-width: 50%;
        }


        /* chromsomesearch*/
        .chromosomePanel .inndesignpanel h3 {
            font-size: 24px;
            line-height: 34px;
        }

        .chromosomePanel .inndesignpanel .tabs-menu {
            margin-top: 20px;
        }

        .keyBoxes {
            padding: 20px;
            margin-top: 20px;
        }

            .keyBoxes ul li .media .media-body h5 {
                font-size: 16px;
                line-height: 22px;
            }

            .keyBoxes ul li {
                font-size: 16px;
                line-height: 22px;
                width: 49%;
                padding: 5px 10px;
            }

        .chromosomePanel .inndesignpanel .tabs-menu li a {
            font-size: 18px;
            width: 72px;
        }



        /*14-12-20*/
        .header_sec.fixed .srchMob {
            right: 60px;
            top: 24px;
        }

        .ontxtban {
        }

            .ontxtban .banner_Itm_Inn {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0px;
                transform: translateY(0%);
                -moz-transform: translateY(0%);
                -webkit-transform: translateY(0%);
                background: none;
                padding: 0px;
            }

            .ontxtban .banner_Itm_Txt {
                min-height: 180px;
            }

                .ontxtban .banner_Itm_Txt .innbanner_Itm_Txt h1 {
                    color: #fff;
                }

                .ontxtban .banner_Itm_Txt .innbanner_Itm_Txt p {
                    color: #fff;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .ontxtban .innbanner_Itm_Txt {
                width: 100%;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }


        .supportban .banner_Itm_Inn {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0px;
            transform: translateY(0%);
            -moz-transform: translateY(0%);
            -webkit-transform: translateY(0%);
            background: none;
            padding: 0px;
        }

        .supportban .banner_Itm_Txt {
            min-height: 180px;
        }

            .supportban .banner_Itm_Txt .innbanner_Itm_Txt h1 {
                margin-top:10px;
            }

            .supportban .banner_Itm_Txt .innbanner_Itm_Txt p {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .supportban .innbanner_Itm_Txt {
            width: 100%;
            position: absolute;
            left: 0;
            top: 70% !important;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }


        .sucy {
            padding-top: 58px;
        }

            .sucy .picBox.mob {
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                transform: translateX(0%);
                -moz-transform: translateX(0%);
                -webkit-transform: translateX(0%);
                background: #3c3c66;
            }

                .sucy .picBox.mob img {
                    max-width: 130px;
                }

            .sucy .banner_Itm_Inn {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0px;
                transform: translateY(0%);
                -moz-transform: translateY(0%);
                -webkit-transform: translateY(0%);
                background: none;
                padding: 0px;
            }

            .sucy .banner_Itm_Txt {
                min-height: 238px;
            }

                .sucy .banner_Itm_Txt .innbanner_Itm_Txt h1 {
                    color: #fff;
                }

                .sucy .banner_Itm_Txt .innbanner_Itm_Txt p {
                    color: #fff;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .sucy .innbanner_Itm_Txt {
                width: 100%;
                position: absolute;
                left: 0;
                top: 60%;
                transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }

        .productsearchSec .cancersSecboxes {
            margin-top: 0px;
        }

        .bannerSec .innbanner_Itm_Txt ul li {
            color: #fff;
        }

        .article .banner_Itm_Txt h1 {
            font-size: 18px;
            line-height: 22px;
        }

        .bannerSec .innbanner_Itm_Txt ul {
            margin-top: 5px;
        }

        .supportban .btnTipsBack {
            font-size: 13px;
            margin-bottom: 0px;
            margin-top: 10px;
        }

        .supportban.sucy .btnTipsBack {
            margin-top: 70px;
        }

        .customerPanelProduct .customerPanelBX .proBoxRt {
            width: 200px;
        }

        .customerPanelProduct .customerPanelBX {
            padding-right: 210px;
        }

        .fishfaq .ngsBox img {
            min-height: 200px;
        }

        .fishfaq .ngsBox .bxview {
            margin-top: 10px;
        }

        .innprocedureBox li::before {
            top: 16px;
        }

        .ngsban .picBox.mob {
            top: 0;
            left: inherit;
            right: 30px;
            transform: translateX(0%);
            width: 85px;
        }

        .eventbanpicMob {
            width: 128px;
            left: 15px;
            top: 0;
            transform: translateX(0%);
        }

            .eventbanpicMob img {
                min-height: inherit !important;
            }

        .eventlistban.sucy {
            background: #fff;
        }

        .toptechnologySec.fixed {
            top: 65px;
        }

        .banner2.cysu img {
            height: auto;
        }

        .banner2.cysu .innbannerSec {
            width: 100%;
            position: inherit;
            left: inherit;
            top: inherit;
            height: auto;
            background-color: #3C3C66;
        }

            .banner2.cysu .innbannerSec .container {
                max-width: 100%;
                padding: 0px;
            }

        .banner2.cysu .banner_Itm_Txt {
            min-height: auto;
            width: 100%;
            display: inline-block;
        }

        .banner2.cysu .banBox {
            width: 100%;
            position: inherit;
            top: inherit;
            left: inherit;
            transform: translateY(0%);
        }

            .banner2.cysu .banBox img {
                max-width: 150px;
                padding: 15px;
            }

        .banner2.cysu .banBoxtxt p {
            font-size: 20px;
            line-height: 32px;
            padding: 20px;
            text-align: left;
        }

        /*8-1-21*/
        .supportban img {
            min-height: 250px;
        }

        .supportban .banner_Itm_Txt {
            min-height: 250px;
        }

            .supportban .banner_Itm_Txt .innbanner_Itm_Txt p {
                white-space: inherit;
                overflow: inherit;
                text-overflow: inherit;
            }
    }



    @media only screen and (max-width: 575px) {
        .innworkflowborder h4 {
            font-size: 20px;
            line-height: 28px;
        }

        .topworkflow {
            padding: 20px 0px;
        }

        .bottomworkflow {
            padding: 30px 0px;
        }
        /*.bottomworkflow .workflowBoxes .col-sm-6:first-child{ margin-bottom:25px;}*/

        /*applicationtopleavel*/
        .aplicationtoplink .technologyBoxLt .inntechnologyBoxLt h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .menu_sec li.old-dropdown .dropdown-menu .col-md-4 {
            display: none;
        }

        /*applicationSubleavel*/
        .findproductcancersSec {
            padding: 30px 0px 30px;
        }

        .sublavelworkflow .topworkflowPink {
            background-size: cover;
        }

        .innfindproductcancersSec ul li {
            width: 100%;
        }


        .topworkflowPink {
            background-size: cover;
        }

        .topworkflowyellow {
            background-size: 300%;
        }

        .experthelpBox ul li {
            font-size: 14px;
            line-height: 40px;
            padding: 0px 3.5px;
        }

            .experthelpBox ul li a {
                padding: 0px 10px;
            }

        /*fishfaq*/
        .faqBoxes {
            padding: 50px 0px;
        }

        .innfaqBoxes h4 {
            font-size: 20px;
            line-height: 24px;
        }

        .accordion .card .card-body h3 {
            font-size: 20px;
            line-height: 26px;
        }

        .accordion .card .card-body h4 {
            font-size: 17px;
            line-height: 22px;
        }

        .accordion .card .card-body h5 {
            font-size: 14px;
            line-height: 20px;
        }

        .hideresolution {
            position: inherit;
            right: inherit;
            top: inherit;
            margin-top: 0px;
            display: inline-block;
            float: left;
            margin-top: 10px;
        }

        .bottomwhatsWrong .accordions .card-header .card-link b {
            width: 100%;
            display: inline-block;
        }

            .bottomwhatsWrong .accordions .card-header .card-link b::before {
                top: -4px;
            }

        /*Whats wrong fish*/
        .bottomwhatsWrong .accordions .card-body ul li {
            font-size: 16px;
            line-height: 20px;
        }

        .bottomwhatsWrong .accordions .card-body h2 {
            font-size: 18px;
            line-height: 23px;
        }

        .bottomwhatsWrong .accordions .card-body h3 {
            font-size: 17px;
            line-height: 22px;
        }

        .bottomwhatsWrong .accordions .card-body h4 {
            font-size: 15px;
            line-height: 20px;
        }
        /*NGS videos*/
        .ngsvideosSec .innlatestNewsBoxes .col-sm-4:last-child {
            flex: 0 0 50%;
            max-width: 50%;
            margin-top: 0px;
        }

        .ngsvideosSec .latestNewsBox {
            margin-top: 30px;
        }

        .ngsvideosSec .innlatestNewsBoxes .newsBoxpic .absplay {
            width: 40px;
            height: 40px;
        }

        /* ngs literature article */

        .topbtmBoxshare ul {
            float: left;
            margin-top: 15px;
        }

        .bottomInnbtmpanel .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .bottomBoxpanel {
            min-height: auto;
        }

        /*publication*/
        .publicationSec .innfindproductcancersSec ul li {
            width: 100% !important;
            text-align: center;
            padding: 5px 0px;
        }

        .frmbx1 input[type="checkbox"] + label {
            line-height: 22px;
            font-size: 14px;
            background-size: 22px !important;
        }



        .combine #input {
            width: 93%;
        }
        /*companyinfo*/
        .experthelpBox p {
            font-size: 14px;
        }



        /*sureseqproduct*/
        .productSummerySec {
            padding: 30px 0px;
        }

        .inngeneTargetsContent ul li {
            width: 24%;
        }

        .tabboxPanel .owl-next {
            right: -35px;
        }

        .tabboxPanel .owl-prev {
            left: -35px;
        }

        /*lifeatOGT*/
        .careerteam {
            padding-top: 30px;
        }

        .companyngsBoxes .innngsBoxes h3 {
            padding-bottom: 0px;
        }

        /*contact*/
        .locationBoxes .locationBox p {
            font-size: 14px !important;
        }

        .locationBoxes .locationBox h3 {
            font-size: 19px;
            line-height: 26px;
        }



        .innchooseCountry ul {
            text-align: center;
        }

            .innchooseCountry ul li {
                font-size: 16px;
                line-height: 20px;
            }

                .innchooseCountry ul li .frmbx {
                    margin-top: 10px;
                }

        .inndistributorSec h4 {
            font-size: 20px;
            line-height: 30px;
        }

        .distributorbox {
            padding: 20px;
        }

            .distributorbox .media img {
                max-width: 170px;
            }

            .distributorbox .media .media-body ul li {
                font-size: 14px;
                line-height: 26px;
            }

                .distributorbox .media .media-body ul li:nth-child(1)::before {
                    top: 7px;
                }

                .distributorbox .media .media-body ul li:nth-child(2)::before {
                    top: 5px;
                }

                .distributorbox .media .media-body ul li:nth-child(3)::before {
                    top: 4px;
                }


        /* chromsomesearch*/
        .chromosomePanel {
            padding: 45px 0px;
        }

            .chromosomePanel .inndesignpanel .tabs-menu li a {
                font-size: 16px;
                width: 62px;
            }

        .keyBoxes ul li {
            width: 48%;
            padding: 5px 5px;
        }

        /*14-12-20*/
        .article .banner_Itm_Txt h1 {
            font-size: 16px;
            line-height: 22px;
        }

        .bannerSec .innbanner_Itm_Txt ul li {
            font-size: 13px;
            line-height: 15px;
            padding-right: 10px;
        }
    }

    @media only screen and (max-width: 480px) {


        .banner_Itm_Txt h1 {
            font-size: 22px;
            line-height: 28px;
        }

        .innbottombanSec .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 15px !important;
        }

            .innbottombanSec .col-sm-4:first-child {
                margin-top: 0px !important;
            }

        .designpanel {
            padding: 40px 0px;
        }

        .inndesignrtBox .media {
            width: 100%;
            padding: 0px 15px;
        }

            .inndesignrtBox .media .media-body h4 {
                font-size: 14px;
                line-height: 16px;
            }

        .innlatestNewsBoxes .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 15px !important;
        }

            .innlatestNewsBoxes .col-sm-4:first-child {
                margin-top: 0px !important;
            }

        .bottombanSec {
            padding: 30px 0px 30px;
        }

        .viewMore {
            float: left;
            padding-left: 25px;
        }

        .discoverlt .media .media-body h4 {
            font-size: 17px;
            line-height: 22px;
        }

        .discoverrt .media .media-body h4 {
            font-size: 17px;
            line-height: 22px;
        }

        .topfooterSec .col-sm-2 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .topfooterSec .col-sm-6 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .topfootbox p {
            padding-top: 15px;
        }

        .topfootbox br {
            display: none;
        }

        .bottomfootlt li {
            padding: 0px 7.5px;
        }

        /* technology top lavel*/
        .technologySec {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .toptechnologySec .inntechnologySec ul li a {
            padding: 5px 0px;
        }

        .toptechnologySec {
            padding: 10px 0px;
        }

        .technologyBoxLt {
            padding: 25px 0px 25px;
        }

        .findproductLt .viewMore {
            margin-left: 0px;
        }

        .bannerSec.banner2 .banBox {
            width: 150px;
        }

            .bannerSec.banner2 .banBox img {
                padding: 15px;
            }

        .bannerSec.banner2 .banBoxtxt p {
            font-size: 14px;
            line-height: 14px;
            padding: 10px;
        }

        .panelBoxLt h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .innworkflowBoxes {
            margin-top: 20px;
        }

            .innworkflowBoxes .col-sm-3 {
                flex: 0 0 100%;
                max-width: 100%;
            }

        .innworkflowborder h4 {
            font-size: 17px;
            line-height: 20px;
        }

        .bottomdiscovermoreSec .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        /*cytocellsublevel */
        .wokflowpic {
            min-height: inherit;
        }

        /*applicationtopleavel*/
        .aplicationtoplink .technologyBoxLt .inntechnologyBoxLt h2 {
            font-size: 18px;
            line-height: 24px;
        }

        /*applicationSubleavel*/
        .sublavelworkflow .workflowBoxes h3 {
            font-size: 18px;
            line-height: 28px;
        }

        .innfindproductcancersSec h3 {
            font-size: 18px;
            line-height: 24px;
        }

        .innfindproductcancersSec ul {
            margin-top: 20px;
        }

            .innfindproductcancersSec ul li.frmbx {
                width: 100%;
            }

        .carousel-item img {
            min-height: 190px;
        }

        .customerPanelBX::before {
            width: 32px;
            height: 32px;
            left: 0px;
        }

        /* NGS Support Resources */
        .supportban img {
            min-height: 140px;
            object-position: right center;
        }

        .supportLinksQuick .bottomdiscovermoreSec .media {
            padding: 5px 0px;
        }

        .customerPanel .inncustomerPanel h3 {
            font-size: 18px;
            line-height: 28px;
        }

        .customerPanel2 .customerPanelBX::before {
            width: 32px;
            height: 32px;
            left: 0px;
        }

        .customerPanelBX {
            padding-left: 40px;
        }

        /*ngstipsTroubleshooting*/
        .innngsBoxes .row {
            justify-content: center;
        }

        .innngsBoxes .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

            .innngsBoxes .col-sm-4:last-child {
                margin-top: 0px;
            }

        .ngsBoxes {
            padding: 25px 0px 50px;
        }

        .innngsBoxes .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        /*fishfaq*/
        .faqBoxes {
            padding: 40px 0px;
        }

        .innfaqBoxes h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .accordion .card-header {
            font-size: 14px;
            line-height: 19px;
        }

            .accordion .card-header a.card-link {
                padding: 15px 35px 15px 15px;
                background-size: 20px !important;
            }

        .btnTipsBack {
            margin-top: 30px;
        }

        /*Whats wrong with my arrays*/
        .inntopwhatsWrong ul li span {
            padding: 5px 0px;
        }

        .inntopwhatsWrong ul li:nth-child(2) span::before {
            width: 30px;
            height: 30px;
            background-size: contain !important;
            left: -45px;
        }

        .inntopwhatsWrong ul li:nth-child(3) span::before {
            width: 30px;
            height: 30px;
            background-size: contain !important;
            left: -45px;
        }

        .inntopwhatsWrong ul li:nth-child(4) span::before {
            width: 30px;
            height: 30px;
            background-size: contain !important;
            left: -45px;
        }

        .inntopwhatsWrong ul li {
            padding-left: 40px;
        }

        .bottomwhatsWrong .accordions .card-header .card-link {
            font-size: 14px;
            line-height: 20px;
        }

            .bottomwhatsWrong .accordions .card-header .card-link b {
                padding-left: 38px;
            }

        /*Whats wrong fish*/
        .bottomwhatsWrongFish .accordions .card-body {
            padding-right: 15px;
            display: inline-block;
        }

        .fishPic {
            right: inherit;
            position: inherit;
            top: inherit;
            float: none;
            margin: 0 auto;
            margin-top: 15px;
        }

        /*NGS videos*/
        .ngsvideosSec .innlatestNewsBoxes .col-sm-4:last-child {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 0px;
        }

        .cancersSecbox {
            margin-bottom: 50px;
        }

        .accordion .card .card-body {
            padding-right: 35px;
        }


        /* ngs literature */
        .literatureBox {
            padding: 15px;
        }

        .literatureBoxLt h4 {
            font-size: 16px;
            line-height: 20px;
        }

        /* ngs literature article */
        .article .banner_Itm_Txt h1 {
            font-size: 18px;
            line-height: 22px;
            padding-top: 15px;
        }

        .articleBoxes ul li {
            margin-right: 0px;
            margin-bottom: 5px;
        }

        .bottomInnbtmpanel h5 {
            font-size: 22px;
            line-height: 26px;
        }

        .articleBoxes h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .articleBoxes h3 {
            font-size: 16px;
            line-height: 20px;
        }

        .articleBoxes h4 {
            font-size: 14px;
            line-height: 18px;
        }

        /*publication*/
        .publicationBoxes .literatureBox {
            padding: 20px;
        }

        /*procedure*/
        .innprocedureBox h4 {
            font-size: 16px;
            line-height: 20px;
        }

        .innprocedureBox h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .innprocedureBox {
            padding-right: 0px;
        }

            .innprocedureBox h3 {
                font-size: 16px;
                line-height: 20px;
            }

            .innprocedureBox li, .innprocedureBox p {
                font-size: 14px;
                line-height: 18px;
            }

            .innprocedureBox ul, .innprocedureBox ol {
                padding-top: 5px;
            }
        /*teamSec*/

        .customerBoxes h4 {
            font-size: 18px;
            line-height: 24px;
        }

        .customerBoxes .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .customerBox .viewMore {
            margin-left: 0;
        }

        /*productsearch*/
        .productboxes .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .productsearchSec .cancersSecbox ul {
            min-height: auto;
        }

        /* about page */
        .abouttechnology .inntechnologyBoxLt h3 {
            font-size: 20px;
            line-height: 24px;
        }

        .joinUsEventLt h2 {
            font-size: 20px;
            line-height: 24px;
        }

        .joinUsEventLt ul li:last-child {
            margin-left: 0px;
            margin-top: 15px;
        }

        .abouttechnology .inntechnologyBoxLt .customerPanelBX::before {
            top: -30px;
        }

        .picBox.mob {
            top: 0px;
        }

        .ngsban .picBox.mob {
            width: 100px;
        }

        .combine #input {
            width: 87%;
            border: none;
            height: 38px;
            margin: 1px;
            font-size: 14px;
        }

        .grnPanelBox p {
            font-size: 14px;
            line-height: 18px;
        }


        /*evenlanding*/
        .eventlanding h5 {
            font-size: 18px;
            line-height: 28px;
        }

        .joinEventBox {
            padding: 20px;
        }

            .joinEventBox .latestNewsBox {
                margin-top: 0px;
            }

        .newsBoxTxt p {
            font-size: 14px;
        }

        .joinEventBox .newsBoxpic {
            min-height: auto;
        }

        .evenlanding .innlatestNewsBoxes h3 {
            font-size: 18px;
            line-height: 24px;
        }

        .evenlanding .newsBoxTxt ul {
            padding: 10px 0px 5px;
        }

        .newsBoxTxt h4 {
            font-size: 16px;
            line-height: 20px;
        }
        /*.eventbanpicMob{width:150px; top:0px; } */

        /*companyinfo*/
        .companyngsBoxes .innngsBoxes h3 {
            font-size: 20px;
            line-height: 28px;
        }

        .blue {
            padding: 35px 0px;
        }

            .blue .innsignupboxlt .media .media-body p {
                font-size: 14px;
                line-height: 20px;
            }

                .blue .innsignupboxlt .media .media-body p br {
                    display: none;
                }


       

        .proBoxLt ul li {
            font-size: 13px;
            line-height: 18px;
        }

        .inngeneTargetsContent ul li {
            width: 32%;
        }

        .targetsContent h3 {
            font-size: 16px;
            line-height: 22px;
        }

        .capabilitiesBoxLt h5 {
            font-size: 18px;
            line-height: 24px;
        }


        /*cytocellproduct*/
        .tabboxPanelSec h3 {
            font-size: 22px;
            line-height: 28px;
        }

        .tabboxPanelSec {
            padding-top: 40px;
        }

        .inntabboxPanel {
            margin-top: 25px;
        }

            .inntabboxPanel .owl-prev {
                top: 40%;
            }

            .inntabboxPanel .owl-next {
                top: 40%;
            }

        .remprotocol .innoverflowContent .media {
            margin-top: 20px;
        }

        .remprotocol .innoverflowContent .media {
            display: inline-block;
            text-align: center;
        }

            .remprotocol .innoverflowContent .media .mr-3 {
                margin-right: 0px !important;
            }

            .remprotocol .innoverflowContent .media .media-body {
                text-align: left;
                padding-top: 15px;
            }

        .remprotocol .inndesignrt {
            margin-top: 15px;
        }

        .remprotocol .mediaCover .media {
            display: flex;
            text-align: left;
        }

            .remprotocol .mediaCover .media .mr-3 {
                margin-right: 10px !important;
            }

            .remprotocol .mediaCover .media .media-body {
                padding-top: 0px;
            }

        .remprotocol .inndesignrtBox .media .media-body h4 {
            font-size: 14px;
        }

            .remprotocol .inndesignrtBox .media .media-body h4 br {
                display: none;
            }



        .discovermoreSec {
            padding: 30px 0px;
        }

        .exparthelpboxes {
            margin-top: 10px;
        }


        /*bloglanding*/
        .glogfilter {
            padding: 0px 0px 30px;
        }


        /*12-11-20*/
        .whatsWrongBox strong {
            padding-left: 38px;
            display: inline-block;
            font-size: 14px;
            line-height: 20px;
        }

        .bottomwhatsWrong .accordions .card-body ul li {
            margin-left: 38px;
            font-size: 14px;
            line-height: 20px;
        }

        .bottomwhatsWrong .accordions .card-body ol {
            padding-left: 18px;
        }

            .bottomwhatsWrong .accordions .card-body ol li {
                font-size: 14px;
                line-height: 20px;
            }

        .bottomwhatsWrong .accordions .card-body p {
            font-size: 14px;
            line-height: 20px;
        }

        .bottomwhatsWrong .accordions .card-body p {
            padding-left: 25px;
        }

        .bottomwhatsWrong .accordions .card-body h2, .bottomwhatsWrong .accordions .card-body h3, .bottomwhatsWrong .accordions .card-body h4 {
            padding-left: 25px;
        }

        .inncapabilitiesBoxRt {
            padding: 25px 25px 0px;
            min-height: 270px;
        }

        .capabilitiesBoxRt {
            min-height: 270px;
        }

            .capabilitiesBoxRt .owl-prev {
                left: 2px;
            }

            .capabilitiesBoxRt .owl-next {
                right: 2px;
            }

        .capabilitiesBoxPic p {
            font-size: 14px;
            line-height: 22px;
        }

        .capabilitiesBoxRt .owl-dots {
            bottom: 10px;
        }


        /*contact*/
        .locationBoxes .col-sm-4 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-top: 25px;
        }

        .locationBox p {
            min-height: auto;
        }



        .innchooseCountry ul li {
            width: 100%;
        }

            .innchooseCountry ul li .frmbx {
                width: 100%;
            }

            .innchooseCountry ul li:last-child {
                margin-left: 0px;
            }

        .distributorSec {
            padding: 40px 0px;
        }

        .inndistributorSec h4 {
            font-size: 17px;
            line-height: 24px;
        }

        .distributorbox .media {
            width: 100%;
            display: inline-block;
            text-align: center;
        }

            .distributorbox .media img {
                max-width: 100%;
                margin: 0px !important;
            }

            .distributorbox .media .media-body {
                text-align: left;
                padding-top: 15px;
            }

        .dstrbBx {
            width: 100%;
            float: left;
            padding-bottom: 15px;
        }


        /*builder create an account*/
        .bcact .media .media-body h4 {
            padding-top: 12px;
        }

        .bcact .media .media-body p {
            font-size: 14px;
            line-height: 20px;
        }

        /*builder create an account*/
        .innpanelContent .panelBoxRt h4 {
            font-size: 20px;
            line-height: 26px;
        }



        .panelContentBoxes .panelBoxRt .table-responsive table tr th {
            font-size: 14px;
            line-height: 18px;
        }

        .panelContentBoxes .panelBoxRt .table-responsive table tr td {
            font-size: 14px;
            line-height: 18px;
        }

        .landing .innhowitworks {
            padding: 25px 0px 0px 0px;
        }

        .fourstepsPanel .innbottombanSec h3 {
            font-size: 18px;
            line-height: 22px;
        }

        .fourstepsPanel .col-sm-3 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .fourstepsPanel .innbottombanSec .bottombanBox {
            margin-top: 0px;
        }

        .customprobSerch .banner_Itm_Txt p {
            font-size: 16px;
            line-height: 22px;
        }

        /* chromsomesearch*/
        .chromosomePanel .inndesignpanel h3 {
            font-size: 20px;
            line-height: 28px;
        }

        .chromosomePanel .inndesignpanel .tabs-menu li a {
            width: 59px;
        }

        .keyBoxes ul li {
            width: 100%;
        }

        .cromosomeBox {
            margin-top: 15px;
        }

        /*14-12-20*/
        .supportban .banner_Itm_Txt {
            min-height: 140px;
        }

        .supportban .bansrchBox {
            margin-top: 5px;
        }

        .supportban .banner_Itm_Txt p {
            padding-top: 5px;
        }

        .supportban .bansrchBox input[type="text"], .supportban .bansrchBox select {
            font-size: 12px;
        }

        .supportban img {
            min-height: 200px;
        }

        /*.supportban .banner_Itm_Txt {
        min-height: 200px;
    }
*/
        .sucy .innbanner_Itm_Txt {
            top: 60%;
        }

        .sucy .banner_Itm_Txt {
            min-height: 258px;
        }

        .innprocedureBox li {
            padding-left: 25px;
        }

            .innprocedureBox li::before {
                top: 14px;
                width: 15px;
            }

        .faqBoxes {
            padding-top: 0;
        }

        .ngsban .picBox.mob {
            right: 15px;
            width: 75px;
        }

        .banner2.cysu img {
            height: auto;
        }

        .banner2.cysu .innbannerSec {
            width: 100%;
            left: inherit;
            top: inherit;
            height: auto;
        }

            .banner2.cysu .innbannerSec .container {
                max-width: 100%;
                padding: 0px;
            }

        .banner2.cysu .banner_Itm_Txt {
            min-height: auto;
            width: 100%;
            display: inline-block;
        }

        .banner2.cysu .banBox {
            width: 100%;
            position: inherit;
            top: inherit;
            left: inherit;
            transform: translateY(0%);
        }

            .banner2.cysu .banBox img {
                max-width: 150px;
                padding: 15px;
            }

        .banner2.cysu .banBoxtxt p {
            font-size: 18px;
            line-height: 26px;
            padding: 15px;
            text-align: left;
        }

        /*8-1-21*/
        .supportban img {
            min-height: 280px;
        }

        .supportban .banner_Itm_Txt {
            min-height: 200px;
        }

        .banner_Itm_Txt p {
            font-size: 13px;
            line-height: 24px;
        }

        .bansrchBox input[type="text"], .bansrchBox select {
            height: 45px;
        }

        .bansrchBox input[type="submit"] {
            height: 45px;
        }
    }

    .h-100 {
        height: 100%;
    }


.multiprobe{
    padding:30px 0px;
    clear:both;
}

.multiprobe .heading{
    margin-bottom:30px;
}

.multiprobe .multiprobe_item {
    width: 100%;
    margin: 0 33px 30px 0;
    border: solid 1px #e5e5e5;
}

.multiprobe .multiprobe_item_image{
    text-align:center;
}

.multiprobe .multiprobe_item_image img {
    width: 100%;
    height: 143px;
}

.multiprobe .multiprobe_item_text {
   
    height: 60px;
 
    background-color: #fd3d9e;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: left;
}

.multiprobe .multiprobe_item_text h4 {
        
    color: #fff;
    font-size: 16px;
    margin-left:9px;
}

.multiprobe_number {
    border-radius: 50%;
    /*background-color: #BA2D73;*/
    color: #fff;
    height: 35px;
    width: 20px;
    display: inline-block;
    text-align:center;
    padding-top:8px;
    margin-left:9px;
    font-weight:bold;
}




@media(min-width: 992px) {
    .articleBoxes {
        position: relative;
    }

        .articleBoxes:has(.articleSideForm) {
            padding-right: 296px;
        }

    .articleSideForm {
        position: absolute;
        right: 0;
        top: 0;
        max-width: 280px;
    }
}

.thin-banner {
    padding: 3rem 0px;
}

.thin-banner h1{
    color: #fff;
    font: bold 50px/59px 'OGT Raleway';
}
.thin-banner p {
    color: #fff;
    font: 300 16px/24px 'OGT Merriweather';
    padding-top: 15px;
    max-width: 90%;
}

.text-image-heading {
    font: bold 32px/40px 'OGT Raleway';
    color: #575786;
    margin-bottom: 56px;
}

.umbraco-forms-field.checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.umbraco-forms-field.checkbox span{
    color: #fff;
}

.umbraco-forms-field.checkbox input[type="checkbox"]{
    margin-right: 8px;
}

.sideForm .checkboxlist {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sideForm .checkboxlist input {
    margin-right: 8px;
}

    .sideForm .checkboxlist label, .sideForm .umbraco-forms-form input[type="checkbox"] + label {
        color: #fff !important;
        width: calc(100% - 30px);
        padding-bottom: 0px;
        padding-top: 5px;
    }

.umbraco-forms-tooltip.help-block {
    color: #fff;
    font: 300 16px/21px 'OGT Raleway';
}

.sideForm .umbraco-forms-form input[type="checkbox"] {
    display: none;
}

/*Header fix*/

.header_sec {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1002;
}

body {
    padding-top: 130px;
}

/*Header fix*/

/*New Menu*/

.dropdown .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.dd-banner{
    height: 60px;
}

.dd-banner-left {
    display: flex;
}
.dd-logo{
    width: 50%;
}
.dd-title {
    width: 50%;
    color: #FFF;
    font-size: 26px;
    font-weight: 700;
    line-height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.FISH .dd-title {
    background-color: #FF3D9E;
}
.Arrays .dd-title {
    background-color: #4BC2C0;
}
.NGS .dd-title {
    background-color: #FEC20E;
}

.dd-logo {
    padding: 15px 10px;
    display: flex;
    justify-content: center;
}
.dd-logo img{
    height: 30px;
}

.dd-desc-cont {
    padding: 21px;
    background-color: #585786;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.FISH .dd-desc-cont {
    border-right: 5px solid #FF3D9E;
}
.Arrays .dd-desc-cont {
    border-right: 5px solid #4BC2C0;
}
.NGS .dd-desc-cont {
    border-right: 5px solid #FEC20E;
}

.menu_sec .dd-cta .btnn{
    min-width: unset;
    width: unset;
    padding: 17px 25px !important;
    color: #fff !important;
    margin-top: 16px;
}
.FISH .dd-cta .btnn {
    background-color: #FF3D9E;
}
.Arrays .dd-cta .btnn {
    background-color: #4BC2C0;
}
.NGS .dd-cta .btnn {
    background-color: #FEC20E;
}

.FISH .dd-cta .btnn:hover, .Arrays .dd-cta .btnn:hover, .NGS .dd-cta .btnn:hover {
    opacity: .8;
}

.dd-products {
    width: 50%;
}
.dd-sr {
    width: 50%;
}

.dd-links {
    display: flex;
    padding-bottom: 40px;
}
.dd-desc {
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
    line-height: 25px;
}
.dd-links h3{
    margin-bottom: 16px;
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
    line-height: 25px; 
}
.menu_sec .dd-links li {
    padding-left: 30px !important;
    position: relative;
    margin-bottom: 16px;
}
.menu_sec .dd-links li a {
    color: #FFF !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    padding: 0;
    margin-bottom: 0px;
}
@keyframes arrow-bounce {
    0%, 100% {
        left: 0;
    }

    40% {
        left: 6px;
    }

    60% {
        left: 0px;
    }

    80% {
        left: 3px;
    }
}
.menu_sec .dd-links li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../Images/fish-arrow.svg');
}
.menu_sec .dd-links li:hover{
    opacity: .8;
}
.menu_sec .dd-links li:hover:before {
    animation: arrow-bounce .8s ease-in-out 1;
}
.menu_sec .FISH .dd-links li:before {
    background-image: url('../Images/fish-arrow.svg');
}
.menu_sec .Arrays .dd-links li:before {
    background-image: url('../Images/arrays-arrow.svg');
}
.menu_sec .NGS .dd-links li:before {
    background-image: url('../Images/ngs-arrow.svg');
}

@media only screen and (max-width: 991px){

    .dd-desc-parent {
        display: none;
    }
    .dd-logo {
        background-color: #3C3C66;
        justify-content: start;
    }
    .dd-links {
        flex-direction: column;
        background-color: #585786;
        padding-top: 16px;
        padding-bottom: 24px;
    }
    .dd-products, .dd-sr {
        width: 100%;
    }
    .dd-banner .col-md-8 {
        display: none;
    }
    .dd-banner-left {
        padding: 0;
    }

    .menu_sec .dd-links li a {
        padding: 0px !important;
    }

}
.navbar .dropdown.loc-dropdown {
    position: relative;
}
.nav_top .dropdown.loc-dropdown .dropdown-menu {
    width: unset;
    background: #fff !important;
    min-width: 100px;
}

.menu_sec li.loc-dropdown .dropdown-menu a {
    padding: 10px 15px;
}
.menu_sec li.loc-dropdown .dropdown-menu a img {
    margin-right: 10px;
    width: 40px;
}

.menu-search-container {
    position: relative;
}
#menu-search {
    cursor: pointer;
}
#menu-search-show {
    display: none;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

#menu-search-hide {
    cursor: pointer;
    display: none;
}
.contact-button {
    display: flex;
    align-items: center;
}
.contact-button a.btnn {
    padding: 0px 20px !important;
    margin-top: 0px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
}
.menu_sec li a#menu-search-hide {
    padding: 37px 25px;
}

.mob-contact {
    display: none;
}

.mob-buttons {
    display: none;
}

.menu-item:not(.dropdown):hover {
    opacity: .8;
}

@media only screen and (max-width: 991px) {
    .menu_sec .loc-dropdown, .menu_sec .contact-button, .menu_sec .menu-search-container {
        display: none;
    }
    .mob-buttons {
        display: flex;
    }
    .mob-contact {
        display: block;
    }
    .menu_sec li.mob-contact a.btnn {
        margin-top: 0px;
        border-radius: 0px;
        color: #fff !important;
    }
    .mob-buttons .menu-search-container, #mobLocDropdown {
        margin-right: 24px;
    }
    #mob-menu-search-hide {
        display: none;
    }
    #mob-menu-search-show{
        display: none;
    }
    .mob-search-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 10px 10px 10px;
    }

    #mob-menu-search-show.searchBox {
        position: unset;
        border: none;
        padding: 0px;
        margin-right: 16px;
    }
    #mob-menu-search-show.searchBox form {
        border: 1px solid #707070;
    }
    #mobLocDropdown .dropdown-menu {
        right: 0;
        left: unset;
        padding: 0px;
    }
        .dropdown-menu .dropdown-item {
            padding: 10px 15px;
        }
    #mobLocDropdown .dropdown-menu a img {
        margin-right: 10px;
        width: 40px;
    }
}
/*New Menu*/

/*Gated form*/

.gatedPage .articleBoxes{
    display: flex;
}

.gatedPage .articleBoxes .signed-out-text{
    width: 48%;
    margin-right: 2%;
}
.gatedPage .articleBoxes #gateForm {
    width: 48%;
    margin-left: 2%;
    padding: 24px;
    background-color: #CC705C;
    height: fit-content;
}
.gatedPage .articleBoxes #gateForm h4{
    color: #fff;
}
.gatedPage .articleBoxes #gateForm .umbraco-forms-form label{
    color: #fff !important;
}

.gatedPage .articleBoxes #gateForm .umbraco-forms-form input[type="text"]{
    border: 1px solid #fff;
}
.gatedPage .articleBoxes #gateForm .umbraco-forms-form fieldset{
    margin-top: 0px;
}
/*Gated form*/

/*Fancy box styling*/

.fancybox-skin{
    padding: 46px 76px 46px !important;
}

.fancybox-close {
    top: 0 !important;
    right: 0 !important;
    background: #585786 url(/Images/close_icon.svg) no-repeat center center !important;
}

.fancybox-next {
    right: -56px !important;
}
.fancybox-prev {
    left: -56px !important;
}

.fancybox-title-float-wrap{
    position: unset !important;
    margin-top: 30px;
    margin-bottom: 0px !important;
}
    .fancybox-title-float-wrap .child {
        margin-right: 0px !important;
        color: #000 !important;
        background: none !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        text-shadow: none !important;
        padding: 0px !important;
    }
/*Fancy box styling*/

/*Article CTA*/

#articleCta{
    position:sticky;
    z-index: 99;
}

.article-cta {
    background-color: #3C3C66;
    padding: 15px 0px;
}

.article-cta h4{
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
}

.article-cta-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media(min-width: 999px){
    .article-cta-first-btn{
        margin-right: 16px;
    }
}
@media(max-width: 550px) {
    .article-cta-content h4, .article-cta-content a {
        margin-bottom: 16px;
    }
}

#articleContactForm {
    background-color: #3C3C66;
    padding: 50px 0px;
}

#articleContactForm h4{
    font: bold 21px/25px 'OGT Raleway';
    color: #fff;
    margin-bottom: 20px;
}
#articleContactForm .contact-details{
    margin-bottom: 20px;
}
#articleContactForm p, #articleContactForm .umbraco-forms-form label {
    color: #fff !important;
}
    #articleContactForm .umbraco-forms-form input[type="text"], #articleContactForm .umbraco-forms-form input[type="password"],
    #articleContactForm .umbraco-forms-form input[type="email"], #articleContactForm .umbraco-forms-form input[type="tel"],
    #articleContactForm .umbraco-forms-form select, #articleContactForm .umbraco-forms-form textarea {
        border: 1px solid #fff !important;
    }


#articleContactForm .umbraco-forms-fieldset {
    margin-top: 0px;
}

.banner_Itm_Txt{
    position: relative;
}

.banner_Itm_Txt.FISH:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 90px;
    width: 200px;
    content: '';
    background-image: url('../Images/cytocelllogo.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
    .banner_Itm_Txt.NGS:after {
        position: absolute;
        top: 0;
        right: 0;
        height: 90px;
        width: 200px;
        content: '';
        background-image: url('../Images/sureseqlogo1.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .banner_Itm_Txt.Arrays:after {
        position: absolute;
        top: 0;
        right: 0;
        height: 90px;
        width: 200px;
        content: '';
        background-image: url('../Images/Cytosure_logo.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }

@media(max-width: 768px){
    .banner_Itm_Txt.FISH:after {
        display: none;
    }

    .banner_Itm_Txt.NGS:after {
        display: none;
    }

    .banner_Itm_Txt.Arrays:after {
        display: none;
    }

    .article-cta .article-cta-content h4{
        font-size: 19px;
    }
}
/*Article CTa*/

/*Resources filters*/

.resource-filters {
    padding: 30px 0px 20px 0px;
    background-color: #F5F6FF;
}
.resource-filters h5{
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px; 
}

.article-subscriber-signin{
    display: flex;
    flex-direction: column;
}
.gatedPage .articleBoxes .article-subscriber-signin .signed-out-text {
    width: 100%;
}

.article-subscriber-signin .signed-out-text {
    position: relative;
}

    .article-subscriber-signin .signed-out-text::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        pointer-events: none;
    }

.resource-filters select.minimal {
    background: url(/Images/arw.svg)#fff no-repeat right center;
}

.resource-filters select {
    min-width: 200px;
    height: 40px;
    background: #fff;
    padding: 5px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font: normal 16px/24px 'OGT Raleway';
    border: 1px solid #9594b2;
    color: #25253d;
    margin-right: 24px;
}

.resource-filters h5{
    margin-right: 24px;
}

.resource-results h5 {
    color: #585786;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.resource-item {
    display: flex;
    margin-bottom: 30px;
    padding: 25px;
    background-color: #f5f6ff; 
    align-items: center;
}
.resource-item-content{
    width: 49%;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
}
.resource-item img{
    width: 49%;
}
.resource-item h4 {
    color: #585786;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px;
}
.resource-item .resource-detail {
    color: #3C3C66;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 24px;
}
.resource-item .viewMore {
    margin-top: 12px;
    padding-left: 22px;
}
.resource-item .viewMore:hover {
    opacity: .8;
}

#submitFilterButton {
    padding: 5px 20px;
    font: normal 16px/24px 'OGT Raleway';
    border-radius: 0px;
    background-color: #585786;
    color: #fff;
    outline: none;
    border: 1px solid #585786;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 40px;
    font-weight: 700;
}

    #submitFilterButton:hover {
        background-color: transparent;
        color: #585786;
    }
.featured-resource-img{
    width: 100%;
}

.featured-res-content h2 {
    color: #585786;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 12px;
    margin-top: 12px;
}
.featured-res-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.featured-res-tags p{
    margin-right: 15px;
}
.featured-res-sum {
    color: #25253D;
    font-family: "OGT Merriweather";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 12px;
}
.featured-res-content .viewMore{
    margin-top: 0px;
    padding-left: 24px;
}
.featured-res-content .viewMore:hover {
    opacity: .8;
}
.feat-tag {
    color: #57A077;
    font-size: 21px;
    font-weight: 700;
    line-height: 23px;
    position: relative;
    padding-left: 30px;
}
.feat-tag:before{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 22px;
    height: 21px;
    background-image: url('../Images/star.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.resource-filters h5, .resource-filters select, #submitFilterButton {
    margin-bottom: 10px;
}

/*Support*/

.protocol-header{
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.protocol-sub {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
    font-family: "OGT Merriweather";
}

.protocol-header.FISH {
    background-color: #FF3D9E;
}
.protocol-header.NGS {
    background-color: #FEC20E;
}
.protocol-header.Arrays {
    background-color: #4BC2C0;
}

.protocol-header h3{
    color: #FFF;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px;
}

.application-selector {
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    transition: all .1s linear;
    cursor: pointer;
    margin-right: 16px;
}
.application-selector p{
    color: #585786;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 8px;
}

.application-selector:hover {
    background-color: #25253D;
}
.application-selector:hover p{
    color: #fff;
}


.protocol-stages{
    padding-top: 60px;
    padding-bottom: 60px;
}
.selected-protocol {
    color: #25253D;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 30px;
    font-family: "OGT Merriweather";
}

.stage-item{
    display: block;
    width: calc(33% - 30px);
    margin-bottom: 30px;
    border-radius: 5px;
    background-color: #585786;
    margin-right: 30px;
    transition: background .1s linear;
}

.stage-item:hover {
    background-color: #57A077;
}

.stage-item-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 196px;
    width: 100%;
}

.stage-item-body{
    padding: 24px;
}

.stage-item-count {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    min-width: 50px;
    background-color: #fff;
    border-radius: 50%;
    color: #585786;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin-right: 16px;
    line-height: 28px;
}

.stage-item-body {
    display: flex;
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
}

.application-selector.selected {
    background-color: #25253D;
}
.application-selector.selected p{
    color: #fff;
}

.dt-applications {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#viewApps {
    display: none;
}

@media(max-width: 996px) {
    .stage-item{
        width: calc(50% - 30px);
    }
}
@media(max-width: 769px) {
    .stage-item {
        width: 100%;
        margin-right: 0px;
    }
}
@media(max-width: 600px) {
    #viewApps {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 5px;
        color: #585786;
        width: 100%;
        text-align: center;
        font-size: 21px;
        font-weight: 700;
        line-height: 16px;
        padding: 24px;
    }
    #viewApps .close-image{
        display: none;
    }
        #viewApps img{
            width: 21px;
            height: 21px;
            margin-right: 16px;
        }

        #viewApps.open .close-image {
            display: block;
        }
        #viewApps.open .open-image {
            display: none;
        }

    .application-selector {
        display: none;
        margin-top: 8px;
        width: 100%;
        margin-right: 0px;
        background-color: #F5F6FF;
    }
        .application-selector.show {
            display: flex;
        }
}
/*Support*/

/*Anchor widget*/

.anchor-container {
    position: sticky;
    background-color: #F5F6FF;
    z-index: 99;
    flex-wrap: wrap;
}

.anchor-links{
    display: flex;
    align-items: center;
    justify-content: center;
}

.anchor-link {
    display: block;
    color: #585786;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px;
    border-right: 1px solid rgba(88, 87, 134, 0.20);
    min-width: 270px;
}
    .anchor-link:first-of-type {
        border-left: 1px solid rgba(88, 87, 134, 0.20);
    }
    .anchor-link:hover, .anchor-link.current {
        color: #F5F6FF;
        background-color: #585786;
    }

@media(max-width: 992px){
    .anchor-container{
        display: none;
    }
}

/*Anchor widget*/

/*Strip CTA widget*/

.signupboxSec.FISH {
    background-color: #FF3D9E !important;
    transition: all .1s linear;
}
.signupboxSec.NGS {
    background-color: #FEC20E !important;
    transition: all .1s linear;
}
.signupboxSec.Arrays {
    background-color: #4BC2C0 !important;
    transition: all .1s linear;
}

.signupboxSec.FISH .btnn, .signupboxSec.NGS .btnn, .signupboxSec.Arrays .btnn{
    background-color: transparent !important;
    border: 2px solid #fff;
    color: #FFF;
}
    .signupboxSec.FISH .btnn:hover {
        background-color: #fff !important;
        color: #FF3D9E;
    }
    .signupboxSec.NGS .btnn:hover {
        background-color: #fff !important;
        color: #FEC20E;
    }
    .signupboxSec.Arrays .btnn:hover {
        background-color: #fff !important;
        color: #4BC2C0;
    }

.signupboxSec .sub-text {
    color: #FFF;
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
}

.signupboxSec .media-body h3 {
    color: #FFF;
    font-family: "OGT Raleway";
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

/*Strip CTA widget*/

/*Support section*/

.supportLinks{
    padding-top: 60px;
    padding-bottom: 60px;
}

.supportLinks h3{
    color: var(--Purple-2, #3C3C66);
    font-family: "OGT Raleway";
    font-size: 25px;
    font-weight: 700;
    line-height: 30px; 
    margin-bottom: 24px;
}

.supportLinks-desc {
    color: #25253D;
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}

.supportLinks ul{
    display: flex;
    flex-wrap: wrap;
}
.supportLinks li {
    width: 48%;
    margin-right: 2%;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative;
}
.supportLinks li:hover {
    opacity: .8;
}
.supportLinks li:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center;
    background-image: url('../Images/purple-arrow.svg');
}
.supportLinks.FISH li:before {
    background-image: url('../Images/fish-arrow.svg');
}

.supportLinks.NGS li:before {
    background-image: url('../Images/ngs-arrow.svg');
}

.supportLinks.Arrays li:before {
    background-image: url('../Images/arrays-arrow.svg');
}

.supportLinks li a{
    color: #3C3C66 !important;
}

@media(max-width: 760px){
    .supportLinks li {
        width: 100%;
        margin-right: 0%;
    }
}
/*Support section*/

/*sticky CTA*/

#stickyCTA {
    padding: 16px;
    border-radius: 5px;
    background-color: #57A077;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    display: flex;
}

.cta-btn {
    display: block;
    border: 2px solid #fff;
    border-radius: 3px;
    min-width: 180px;
    padding: 17px 25px;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.cta-btn.white-btn{
    color: #57A077;
    background-color: #fff;
}
.cta-btn.clear-btn{
    color: #fff;
    background-color: #57A077;
}

/*sticky CTA*/

/*video steps*/

.video-list{
    padding-top: 60px;
    padding-bottom: 60px;
}

.video-step {
    background-color: #F5F6FF;
    padding: 24px;
    display: flex;
}

.video-step-container {
    height: 100%;
    background-color: #F5F6FF;
}

.video-step-image {
    display: block;
    height: 230px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.step-item-count {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    min-width: 50px;
    background-color: #585786;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin-right: 16px;
    line-height: 28px;
}

.video-step p {
    color: #25253D;
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/*video steps*/

.capabilitiesBoxes.RemoveTopPadding {
    padding-top: 0px !important;
}
.capabilitiesBoxes.RemoveBottomPadding {
    padding-bottom: 0px !important;
}

.capabilitiesBoxes .col-12 .capabilitiesBoxRt .inncapabilitiesBoxRt .capabilitiesBoxPic img
{
    height: auto;
}

.video-step-image{
    position: relative;
}

.video-step-image:before {
    position: absolute;
    content: '';
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 69px;
    height: 69px;
    background-image: url('/Images/playbtn.svg');
}
.video-step-image:hover:before {
    opacity: .9;
}

/*Stats widget*/

.bg-Light-purple {
    background-color: #F5F6FF;
}

.statisticsSection{
    padding-top: 60px;
    padding-bottom: 60px;
}

.statistic-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.statistic-item h2{
    color: #585786;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 12px;
}
.statistic-item h5{
    color: #25253D;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

/*Stats widget*/

/*Highlighted Product Section*/

.highlightedProductsSection{
    padding-top: 80px;
    padding-bottom: 80px;
}

.hps-title {
    text-align: center;
    color: #585786;
    font-family: "OGT Raleway";
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 50px;
}

.hp-image{
    height: 173px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hp-product {
    background-color: #3C3C66;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.hp-banner {
    padding: 9px;
    display: flex;
    justify-content: center;
    color: #fff;
    font-family: "OGT Raleway";
    font-size: 26px;
    font-weight: 700;
    line-height: 21px;
}
.hp-banner.FISH {
    background-color: #FF3D9E;
}
.hp-banner.NGS {
    background-color: #FEC20E;
}
.hp-banner.Arrays {
    background-color: #4BC2C0;
}

.hp-item {
    background-color: #585786;
    height: 100%;
}

.hp-lower {
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #585786;
}
.hp-lower h4{
    color: #FFF;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px;
}

.hp-lower a, .hp-bottom-cont a{
    display: inline-block;
    border-radius: 3px;
    border: 2px solid #FFF;
    padding: 17px 25px;
    color: #FFF;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    background-color: transparent;
    transition: all .2s linear;
}
.hp-lower a:hover, .hp-bottom-cont a:hover{
    color: #585786;
    background-color: #fff;
}

.hp-bottom{
    margin-top: 30px;
    display: flex;
    min-height: 270px;
}

.hp-bottom-image {
    width: 40%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hp-bottom-cont {
    width: 60%;
    background-color: #585786;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hp-bottom-cont h4{
    color: #FFF;
    font-family: "OGT Raleway";
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
}
.hp-bottom-cont p{
    color: #FFF;
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}

@media(max-width: 768px)
{
    .hp-item-container {
        margin-bottom: 30px;
    }

    .hp-bottom {
        margin-top: 0px;
        flex-direction: column;
    }

    .hp-bottom-image {
        width: 100%;
        height: 173px;
    }

    .hp-bottom-cont {
        width: 100%;
    }
}

/*Highlighted Product Section*/

/*Quick links*/

.quick-links{
    padding-top: 60px;
    padding-bottom: 60px;
}

    .quick-links h3 {
        color: #3C3C66;
        font-family: "OGT Raleway";
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 8px;
    }
    .quick-links p {
        color: #25253D;
        font-family: "OGT Merriweather";
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }

.quick-links-row{
    margin-top: 30px;
}

.lottie-container {
    height: 100px;
    width: 100px;
    margin-bottom: 12px;
}

.quick-link{
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
    margin-bottom: 20px;
}
.quick-link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    background-position:center;
    background-size: contain;
    background-image: url('../Images/arrwwhite.svg');
    transition: all .1s linear;
}

.quick-link:hover:after {
    left: 6px;
}

.quick-link img{
    display: inline-block;
    height: 100px;
    width: 100px;
    margin-bottom: 12px;
}

.quick-link span {
    color: #3C3C66;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

/*Quick links*/

/*Product page*/

.product-code-container{
    background-color: #fff;
    padding: 10px 20px;
    width: fit-content;
    margin-top: 12px;
}
.product-code-container div{
    color: #3C3C66;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.chromosome-container{
    display: flex;
    flex-wrap: wrap;
    width: 73%;
}

.chromosome-container span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px !important;
    border-radius: 50%;
    background-color: #585786;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.product-summary-section{
    padding: 60px 0px;
}

.product-summary-section h6 {
    text-align: center;
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 12px;
}

.prod-sum-label{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.regulatory-status {
    color: #585786;
    text-align: center;
    font-family: "OGT Raleway";
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
}

.picBoxLarge{
    width: 302px !important;
}

.productAccordion{
    padding: 60px 0px;
}

.productAccordion .card{
    background-color: #F5F6FF;
}

.productAccordion .accordion .card-header a.card-link.collapsed{
    background: url(/Images/plus.svg) #F5F6FF no-repeat right 32px center;
}
.productAccordion .accordion .card-header a.card-link{
    background: url(/Images/minus.svg) #F5F6FF no-repeat right 32px center
}
.productAccordion .accordion .card-header a.card-link{
    color: #3C3C66;
}

.productAccordion .accordion .card-body a{
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline !important;
}

.innsignupboxrt .btnn.white-btn {
    background-color: #fff !important;
    color: #585786;
}

.signupboxSec .innsignupboxrt .btnn:hover {
    color: #585786 !important;
}

.innsignupboxrt .btnn.white-btn:hover {
    background-color: transparent !important;
    color: #fff !important;
}

.iconBoxes {
    padding-top: 60px;
    padding-bottom: 60px;
}

.iconBox{
    margin-bottom: 30px;
}

.iconBox img {
    margin-bottom: 12px;
    height: 68px;
}

.iconBox h4 {
    color: #3C3C66;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 8px;
}

/*Product page*/

/*product search*/

.prod-search-filters .bansrchBox {
    max-width: 730px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.prod-search-filters input[type=text]{
    border: 1px solid #585786;
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.prod-search-filters input[type=submit] {
    background: url(/Images/search-white.svg) #585786 no-repeat center center;
}

.prod-search-filters select {
    border: 1px solid #585786;
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-right: 66px;
    padding-left: 26px;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/Images/select-down.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 42px 40px;
}

.prod-col-titles {
    background: #F5F6FF;
    padding-top: 24px;
    padding-bottom: 24px;
}
.prod-col-titles div{
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.product-result {
    border-bottom: 1px solid #585786;
}

.product-res{
    padding-top: 16px;
    padding-bottom: 16px;
}

.product-res .prod-res-title{
    font-family: "OGT Raleway";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
    text-decoration: underline !important;
}

.product-res .prod-res-title:hover{
    opacity: .8;
}

.product-res.FISH .prod-res-title{
    color: #FF3D9E;
}
.product-res.Arrays .prod-res-title{
    color: #4BC2C0;
}
.product-res.NGS .prod-res-title{
    color: #D1AE31;
}

.filter-by {
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-right: 30px;
}

.filters-cont{
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
}
.prod-filter{
    width: 31%;
    margin-left: 2%;
}
.prod-filter select{
    width: 100%;
}

.product-result div {
    color: #25253D;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.product-result-mob{
    display: none;
}

.product-result-mob {
    border-bottom: 1px solid #585786;
}

@media(max-width: 992px) {
    .filter-by{
        display: none;
    }
    .prod-filter {
        width: 100%;
        margin-bottom: 16px;
    }
    .filters-cont{
        flex-wrap: wrap;
    }
    .prod-search-filters .bansrchBox{
        margin-bottom: 24px;
    }
    .prod-col-titles{
        display: none;
    }
    .product-result-mob{
        display: block;
    }
    .product-result{
        display: none;
    }
    .product-results-container {
        border-top: 1px solid #585786;
    }
    .prod-res-title{
        display: inline-block;
        width: 100%;
        margin-bottom: 8px;
    }
    .prod-res-det {
        width: 100%;
        display: flex;
        flex-direction: column;
        color: #25253D;
        font-family: "OGT Raleway";
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .prod-res-label{
        font-weight: 700;
    }
}
/*product search*/

/*Product summary*/
.proBoxRt img{
    width: 100%;
}
@media(min-width: 768px){
    .proBoxRt{
        padding-left: 16px;
    }
}

/*Product summary*/

.doc-prod-num{
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
}

/*Site search redesign*/
.search-header{
    padding-top: 57px;
    padding-bottom: 57px;
    background-image: url('../Images/search-hero.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.search-header h1{
    color: #F5F6FF;
    font-family: "OGT Raleway";
    font-size: 40px;
    font-weight: 700;
    line-height: 49px;
    margin-bottom: 24px;
}

.search-header .bansrchBox input[type="text"]{
    max-width: 730px;
}

.search-results-cont{
    display: flex;
}
.documentTypeSummary{
    width: 30%;
}
.search-results {
    width: 70%;
}

.search-results .literatureBox:first-of-type{
    margin-top: 0px;
}

.search-results-cont .documentTypeSummary{
    text-align: left;
}

.search-results-cont .documentTypeSummary h3 {
    color: #3C3C66;
    font-family: "OGT Raleway";
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
}

.search-results-cont .documentTypeSummary li{
    margin-bottom: 16px;
    color: #585786;
    font-family: "OGT Raleway";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.search-results-cont .documentTypeSummary li span{
    color: #585786;
    font-family: "OGT Raleway";
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 6px 9px;
    border-radius: 100px;
    background-color: #F5F6FF;
    margin-left: 8px;
}
.search-results-cont p.search-result-content {
    color: #25253D;
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.search-result-content span {
    color: #25253D;
    font-family: "OGT Merriweather";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.resultsBox {
    padding: 24px 0px;
    border-bottom: 1px solid #585786;
}
.resultsBox:first-of-type {
    padding-top: 0px;
}
/*Site search redesign*/

.fancybox-skin .fancybox-title .child {
    color: #575786 !important;
    font: 300 12px/24px 'OGT Merriweather';
    white-space: normal;
}

.product-result-mob .prod-res-det img{
    width: 20px;
}

.prod-search-filters{
    margin-bottom: 40px;
}

.usa-flag img, .canada-flag img{
    width: 40px;
}

@media(max-width: 560px){
    #stickyCTA{
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    #stickyCTA .cta-btn.clear-btn{
        margin-left: 0px !important;
        margin-top: 12px !important;
    }
}


.onlymob {
    position: relative;
}

#mob-sec-careers a {
    position: relative;
    padding-left: 35px !important;
}

#mob-sec-about a {
    position: relative;
    padding-left: 35px !important;
}

#mob-sec-resources a {
    position: relative;
    padding-left: 35px !important;
}

#mob-sec-careers a:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/Images/careers.svg) no-repeat left top;
    width: 16px;
    height: 13px;
    background-size: contain !important;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#mob-sec-about a:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/Images/about.svg) no-repeat left top;
    width: 16px;
    height: 13px;
    background-size: contain !important;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#mob-sec-resources a:before {
    content: '';
    display: block;
    position: absolute;
    background: url(/Images/resources.svg) no-repeat left top;
    width: 16px;
    height: 13px;
    background-size: contain !important;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.onlymob {
    margin: 0px;
    border-bottom: 1px solid #ccc;
}

.onlymob a img{
    margin-right: 5px;
}

@media(max-width: 768px){
    .statistic-item{
        margin-bottom: 16px;
    }
}

.quoteCarousel .owl-nav{
    margin-top: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.quoteCarousel .owl-next {
    position: relative;
    font-size: 0px;
    margin: 10px;
    width: 30px;
    height: 30px;
}

.quoteCarousel .owl-prev {
    position: relative;
    font-size: 0px;
    margin: 10px;
    width: 30px;
    height: 30px;
}

.quoteCarousel .owl-prev.disabled, .quoteCarousel .owl-next.disabled{
    opacity: .6;
}

.quoteCarousel .owl-next::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(/Images/arrwwhite.svg) no-repeat left center;
    background-size: contain;
}

.quoteCarousel .owl-prev::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    background: url(/Images/arrwwhite.svg) no-repeat left center;
    background-size: contain;
    transform: rotate(180deg);
}

#prodSearchTitles{
    position: sticky;
    z-index: 1;
}

@media(max-width: 560px){
    .innsignupboxlt .media{
        flex-direction: column;
        align-items: flex-start;
    }
    .innsignupboxlt .media .media-left{
        margin-bottom: 12px;
    }
    .innsignupboxlt .media .media-left source{
        display: none;
    }
}

#stickyCTA .cta-btn.white-btn, #stickyCTA .cta-btn.clear-btn:hover {
    transition: all .1s linear;
}

#stickyCTA .cta-btn.white-btn:hover {
    color: #fff;
    background-color: #57A077;
}

#stickyCTA .cta-btn.clear-btn:hover {
    background-color: #fff;
    color: #57A077;
}

@media(max-width: 767px){
    .search-results-cont {
        flex-direction: column;
    }
    .documentTypeSummary{
        margin-bottom: 20px;
        width: 100%;
    }
    .search-results{
        width: 100%;
    }
    .documentTypeSummary ul {
        display: flex;
        flex-wrap: wrap;
    }
    .documentTypeSummary ul li{
        display: flex;
        align-items: center;
        margin-right: 10px;
     }
}

.label-Red{
    display: block;
    height: 20px;
    width: 8px;
    background-image: url("../Images/Red_label.svg");
    background-size: contain;
    margin-right: 4px;
}
.label-Orange {
    display: block;
    height: 20px;
    width: 8px;
    background-image: url("../Images/Orange_label.svg");
    background-size: contain;
    margin-right: 4px;
}
.label-Blue {
    display: block;
    height: 20px;
    width: 8px;
    background-image: url("../Images/Blue_label.svg");
    background-size: contain;
    margin-right: 4px;
}
.label-Green {
    display: block;
    height: 20px;
    width: 8px;
    background-image: url("../Images/Green_label.svg");
    background-size: contain;
    margin-right: 4px;
}
.label-Gold, .label-Yellow {
    display: block;
    height: 20px;
    width: 8px;
    background-image: url("../Images/Gold_label.svg");
    background-size: contain;
    margin-right: 4px;
}
.labels-container{
    display: flex;
}

.labels-cont{
    display: flex !important;
}

.labels-cont span {
    display: flex !important;
    margin-right: 8px !important;
}

.proBoxLbl {
    font-weight: 700;
    color: #585786;
    display: inline-block;
    width: 27%;
}

strong{
    font-weight: 700;
}

.proBoxcont{
    width: 73%;
}

@media(max-width: 500px){
    .btnn{
        min-width: unset !important;
    }
    .innoverflowContent ol li {
        word-break: break-word;
    }
}

#loadMoreButton{
    border: none;
    margin-bottom: 30px;
}

.umbraco-forms-hidden{
    display: none;
}

.row-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

#gateForm .umbraco-forms-navigation.row-fluid{
    margin-left: 0px;
    margin-right: 0px;
}

@media(max-width: 574px){
    .resource-item{
        flex-direction: column-reverse;
    }
    .resource-item-content{
        width: 100%;
    }
    .resource-item img {
        width: 100%;
        margin-bottom: 18px;
    }
}