@import url('href=//db.onlinewebfonts.com/c/365834cfa7beb7ca64c00476397ddc32?family=Helvetica+Neue');
@import url('http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext');
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.42857143;margin:0;padding:0;color:#333;}
#cs-primary-nav,h1,h2,h3,h4,h5,h6{font-family:'Lato',sans-serif;}

/*<<common tag css start ---------------*/
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ul ul,ol ol,ul ol,ol ul{margin-bottom:0}
ol,ul{margin-top:-3px;margin-bottom:10px;padding-left:20px;padding-right:20px}
ul{list-style-type:circle;list-style-image:url(../../images/inner/green_bullet.jpg);}
ol{list-style:decimal}
ol li a{ font-weight: 600;}
.innerpanel ul, ol{margin-top: 0px;margin-bottom: 10px;padding-left: 20px;padding-right: 20px;line-height: 19px;}
li{margin: 0 0 8px 0;padding-left: 4px;text-align: left;}
a{font-weight:400;color:#06a146;cursor: pointer;}
img{vertical-align:middle;max-width:100%;text-decoration:none;outline:0;border:0}
a img{text-decoration:none;outline:0;border:0}
p {margin-bottom: 20px;text-align: justify;padding: 0px; margin-top: 0px; color: #333;line-height: 1.4;}
section p {padding: 0px;}
/*<<Global Color  ---------------*/
a:hover{color:#b4293a !important;}
h1{font-weight: normal;font-size: 28px;padding-top: 0px;margin-bottom: 5px;margin-top: 0px;padding-left: 8px;}
h2{color: #333;font-size: 24px;line-height:1.2; font-weight: normal;margin: 0 0 8px 0;}
h2 a{color: #E36C0C;font-weight: normal;}
h3{font-size: 20px;font-weight: normal;line-height: 1.3;padding: 2px 5px 1px 0px;margin: 0 0 4px 0;}
h3 a{font-weight: 500;}
h4{color:#125BC5;font-size: 18px;}
h5{color:#000000;font-size:14px;font-weight:normal;}
h6{color:#3399ff;font-size:12px;font-weight:normal;}

/*<<Site Container  ---------------*/
.bio-main-content{width:100%}
.bio-main-content:before,.bio-main-content:after{content:" ";display:table;clear:both}
.bio-container:before,.bio-container:after,.cs-clearfix:before,.cs-clearfix:after,.cs-row:before,.cs-row:after{content:" ";display:table}
.bio-container:after,.cs-clearfix:after,.cs-row:after{clear:both} 
.bio-container{position:relative;margin-right:auto;margin-left:auto;padding-left:30px;padding-right:30px;max-width:1200px}
#cs-page-wrapper {margin-top:125px;}

/*<< Biosyn logo  ---------------*/
#bio-site-logo{padding-top:8px;padding-bottom:0px;width:100%;max-width: 100%;margin-left: -10px;}
#bio-site-logo a img{ width:91%;}
#bio-site-logo:hover{opacity:.8} .isologo{width: 60px;border-radius: 7px;border: 2px solid #fff;}
.isologotwo {position: relative;left: -46px;top: 6px;}
.isoimg{float: left;padding-left: 6px;padding-top: 1px;}
#cs-main-header #cs-header-components #bio-site-logo{display:table-cell;text-align:left}
#cs-main-header.cs-header-center #cs-header-components #bio-site-logo,#cs-main-header #cs-header-components{display:block}

/*<< Main Menu  ---------------*/
#cs-primary-nav{font-size:17px}
#cs-main-header{position:relative;z-index:99}
#cs-main-header #cs-header-components .bio-container{width:100%}
#cs-main-header .cs-header-inner-sticky{/*-webkit-box-shadow:0 3px 3px -1px rgb(235, 235, 235);-moz-box-shadow:0 3px 3px -1px rgb(235, 235, 235);box-shadow:0 3px 3px -1px rgb(235, 235, 235);*/border-bottom: 1px solid rgb(172, 172, 172);}
#cs-main-header,#cs-main-header .cs-header-inner-sticky{position:fixed;width:100%;left:0;top:0;right:0;z-index:9999}
#cs-main-header.cs-header-image #cs-header-components{background-position:center bottom;background-repeat:repeat-x}
#cs-main-header.cs-header-image #cs-header-components{padding-top:20px;padding-bottom:60px}
 
/*<<breadcrumb css start  ---------------*/
.breadcrumbcolor{background:#f5f5f5!important;padding-top:4px!important}
ul.breadcrumb {padding:0;list-style: none;margin-bottom: 0;margin-top: 4px;}
ul.breadcrumb li {display: inline;font-size: 14px;}
ul.breadcrumb li+li:before {padding: 8px;color: black; content: "/\00a0";}
ul.breadcrumb li a {text-decoration: none;font-weight: normal;}
ul.breadcrumb li a:hover {text-decoration: underline;}
 
/*<< index 9 box css start ??*/
.cs-post-item{display:block;position:relative}
.cs-post-item:before{content:" ";display:table;transform:scale3d(1.08,1.08,1.08);transition:all .33s ease 0s;-webkit-transform:scale3d(1.08,1.08,1.08);-webkit-transition:all .33s ease 0s}
.cs-post-item:after{clear:both;content:" ";background:rgb(79, 181, 71);position:absolute;margin:0 auto;top:50%;left:0;bottom:50%;right:0;width:0;height:0;transition:.5s ease-in-out all;-webkit-transition:.5s ease-in-out all;-moz-transition:.5s ease-in-out all;-o-transition:.5s ease-in-out all;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);border-radius:20px}
.cs-post-thumb a{font-size: 20px;font-weight: normal;color: #b4293a;text-decoration:none;outline:0;background-color:transparent;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}
.cs-post-thumb a:focus,a:active{outline:0;border:0;text-decoration:none}
.bio-post-title{display:block;clear:both;margin:10px 0}
.bio-post-title h3{margin:0;position: relative;z-index: 1;}
.bio-post-title h3 a{font-weight: 700;color: #06a146;}
.bio-post-title h3 a:hover:{font-weight: 700;color: #06a146 !important;}
.cs-blog-three-columns:after{clear:both}
.cs-blog-three-columns .cs-post-item{margin-bottom:24px;float:left;width:31%;padding:0 3px 13px 5px;border:1px solid #d2d2d2;border-radius:20px;margin:26px 22px 0 4px;}
.cs-blog-three-columns .cs-post-item:hover{border:1px solid green;-o-border:1px solid green;-web-border:1px solid green;-moz-border:1px solid green;background-color:rgba(47, 169, 47, 0.08);position:relative;transition:.5s ease-in-out all;-webkit-transition:.5s ease-in-out all;-moz-transition:.5s ease-in-out all;-o-transition:.5s ease-in-out all;border-radius:20px}
.cs-blog-three-columns .cs-post-item.first{clear:left;}
.cs-blog-three-columns .cs-post-item.last{margin-right:0}
.cs-blog-three-columns .cs-post-thumb{margin-bottom:5px}
.cs-blog-three-columns .bio-post-title{margin:0;text-align:center}
.cs-blog-three-columns .bio-post-title h3{line-height:30px;font-size:16px;font-weight:700;color: #06a146;text-transform:uppercase}
.cs-blog-three-columns .bio-post-title h3:after{position:absolute;content:" ";display:block;width:25px;height:2px;bottom:0;left:0}
.descriptionp{color:#444;line-height:22px;margin:0;text-align:center;font-weight: normal;}
.img-bor{border-radius:100%;box-shadow: 0px 0px 0px 2px #d2d2d2;}
.blogicon-bor{position:relative;height:30px;line-height:30px;font-size:52px;text-align:center;color:#fff;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;margin-bottom:7px;top: -19px;}
.blogicon-bor img{ width: 55px;border: 1px;}
.cs-post-item.first{clear:left;text-align:right}


/*<< In The News section  ---------------*/
.cs-blog-list{padding:0px 20px 15px;margin:2% 21%;background-color:#f0f0f0;border:2px solid #a2a2a2;border-radius:25px;-webkit-transition:1.2s ease-in-out all;-moz-transition:1.2s ease-in-out all;transition:1.2s ease-in-out all; display:inline-block;}
.cs-blog-list:hover{background:#f6fdf6;border: 2px solid #63ac5e;/*transition:.5s ease-in-out all;-webkit-transition:1.6s ease-in-out all;-ms-transition:.5s ease-in-out all;-moz-transition:.9s ease-in-out all;-o-transition:.5s ease-in-out all;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(.9)*/}
.cs-blog-list .bio-post-title h3{line-height:36px}
.cs-blog-list .cs-post-item{margin-bottom:50px}
.bio-post-title h3{line-height:30px;text-align:center;font-size:26px;color:#393939;font-style:normal;font-weight:normal}
.cs-post-excerpt{margin-bottom:0px;color:#555}
.cs-post-excerpt ul li{margin-bottom: 7px;padding-left: 13px;}

/* 3 Round corner boxes */
.newpeptidebox{border: 1px solid #d2d2d2;border-radius: 0 21px 21px 21px;background-color: #fff;padding:10px;text-align: left !important;margin: 12px 0px 3px 0px !important;}
.newpeptidebox:hover {background-color: rgba(47, 169, 47, 0.08) !important; border:1px solid green;transition: .5s ease-in-out all;
    -webkit-transition: .5s ease-in-out all;
    -moz-transition: .5s ease-in-out all;
    -o-transition: .5s ease-in-out all;}
.newpeptidebox > ul {margin:6px 0 0 6px;} 
.newpeptidebox > ul > li {list-style: disc;padding:0;font-weight: normal;color: #000;} 
.newpeptidebox > ul > li > a {color: #000;}
.newpeptidebox > ul > li > a:hover {color: #b4293a !important;}
.twoboxpad{ padding:0px 9px;}
.twoboxpad a:hover {list-style: disc;padding:0;font-weight: normal;color:#000 !important;}

/*index second section css--------*/
.iconanima{border-radius:100%;border:2px solid #4fad26;padding:10px 10px 10px 10px;transition:transform ease-out .6s,background 1s;float:left;margin: -7px 5px 2px 2px;}
.iconanima:hover{background:#d5d5d5;-webkit-transform:scale(0.93);-moz-transform:scale(0.93);-ms-transform:scale(0.93);transform:scale(0.91);color:#b4293a;border:2px solid #c6c6c6}
.newsboxf{float: right;}
.cs-post-thumb {margin: 12px 0px 0px 0px;}

/*Other ?? not used ---------------*/
.catlog_thumbnail{-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;max-width: 115px;float: right;margin:0px 0 9px 11px;padding: 0px;height:auto;}

/*<< Link and Resources css start ?? ---------------*/
.innertab-border {margin-bottom: 24px;padding: 0 3px 0px 8px;/*border: 1px solid #d2d2d2;*/border-radius: 20px;margin: 0px 0px 0 0px;background-color: #fff;    width: 17%;cursor: pointer;}
.innertab-border:hover {/*border: 1px solid green;-o-border: 1px solid green;-web-border: 1px solid green;-moz-border: 1px solid green;background-color: rgba(47, 169, 47, 0.08);position: relative;transition: .5s ease-in-out all;-webkit-transition: .5s ease-in-out all;-moz-transition: .5s ease-in-out all;-o-transition: .5s ease-in-out all;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);*/border-radius: 20px;}
.innertab-borderall {padding-bottom: 16px;}
.innertab-border h5 {font-weight: 400!important;/*text-transform: capitalize!important; */ margin-top: 27px !important;text-align: center;}
.innertab-border h5 a {font-weight: 500;}
.innertab-border h5 a:hover{color: #06a146 !important;}
.blogicon-tob{position:relative;width:100%;height:64px;line-height:75px;font-size:50px;color:#fff;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;margin-bottom:4px;padding-top:11px;text-align: center;}


 
/*<< footer css start ---------------*/
#bio-footer{background-color:#fff}
#bio-footer .bio-copyright-area{background-color:#4fb547;padding:4px 0;color:#000;font-size:16px;line-height:15px;text-align:center}
#bio-footer .bio-copyright-area a{color:#4fb547}
.biofootermenu{text-align: center;font-size: 14px;}
.biofootermenu a{padding: 0px 6px 0px 6px;line-height: 1.5;color:#000;font-weight: normal;}
.social-icons{margin:0;padding:0;text-align:center}
.social-icons li{display:inline}
.social-icons li a{width:40px;height:auto;padding:10px;margin:0 5px 0 0;text-align:center;font-size:20px;color:#4fb547;display:inline-block;border-radius:100%;background-color:#fff}
.social-icons li a:hover,.social-icons li a.active{color:#fff;background-color:#eae5e5}

/*<< Search box css start---------------------------------------------------------*/
.biosearch{ padding:10px 0px 10px 0px;margin-right: -18px;}
div.biosearch input[type=text]{margin: 0;height:36px;width:91%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px 0 1px 4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;float:left;display: block;font-weight: normal;}
div.biosearch .searchbtn{height: 36px;width: 40px;background:#4fb547;color:#fff;font-size:17px;border:1px solid #4fb547;border-left:none;cursor:pointer;border-top-right-radius:6px;border-bottom-right-radius:6px;z-index: 99999;display: block;float: left;padding-left: 11px;padding-top: 7px;}
div.biosearch .searchbtn:hover{background:#084411}
div.biosearch::after{content:"";clear:both;display:table}
.bioserch-pad{padding-left: 0px !important;}

/*<< Top icon css start----------------------------------------------------*/
.top-header-components{background-color:#4fb547;padding:0 0 0 0}
.topdiv{float:right}
.toplist{padding-top:5px;list-style-type:none;list-style-image:none;padding-right: 3px;float: left;margin-bottom: 1px;padding-left: 10px;}
.toplist-li:hover{background:#fff;color:#000}
.toplist-li{float:left;font-size:13px;margin-right:21px;padding:0 10px 0 6.6px;background:white;border-radius: 7px;margin-top: 3px;margin-bottom: 3px;}
.toplist-li a{color:#000;font-weight: 100}
.biotopicon{margin-right:3px;margin-left: 15px;}
.imgCart{ width: 22px;padding: 1px;}
.container-biosyn{width:100%;margin:0 auto}
.container-biosyn bioinnertab h3 span {padding-right: 65px; }
.topiconbor{border-left: 1px solid #d3e3d3;}

/*----------------------------------------------------------slider css start------------------------------------------------*/
.slider-wrapper{position:relative}
.slider-prev,.slider-next{position:absolute;display:block;top:0;bottom:0;width:6%;text-decoration:none;color:#FFF;background-color:transparent;z-index:9}
.slider-prev::after,.slider-next::after{content:'';display:block;position:absolute;top:50%;margin-top:-15px;width:0;height:0;border-width:15px 30px 15px 30px;border-style:solid;border-color:transparent}
.slider-prev::after{left:41px;border-right-color:rgb(254, 254, 254);border-left-width:0}
.slider-next::after{right:41px;border-left-color:rgba(255, 255, 255, 0.77);border-right-width:0}
.slider-prev:hover,.slider-next:hover{background-image:linear-gradient(to right,rgba(0,0,0,0.03) 0,rgba(152, 223, 235, 0.35) 100%);}
.slider-prev{left:0;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image: linear-gradient(to right,rgba(0, 0, 0, 0.26) 0,rgba(0,0,0,.0001) 100%);}
.slider-next{right:0;background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(2, 2, 2, 0.37) 100%);background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);}
.slider-select{position:relative;display:block;top:-19px;left:0;right:0;height:0px;text-align:center; font-size: 12px;top: -28px;}
.select{position:relative;display:inline-block;width:36px;height:46px;text-decoration:none;color:#C22F2F;z-index:9;padding-right: 2px;}
.select::after{content:'';position:absolute;display:block;top:39%;left:50%;width:16px;height:16px;margin-top:-18px;margin-left:-9px;border-radius:9px;background-color:rgba(26, 25, 25, 0.25);box-shadow:0 1px 3px rgba(0,0,0,0.5)}
.select.active::after,.select:hover::after{background-color:rgba(255, 255, 255, 0.24)}
.active{font-weight:bold;color: #000;}
#slider img{width:100%}
#slider li{margin-bottom: 0;position: relative;display: none;width: 100%;height: 0;padding-bottom: 26%;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
#slider .current{display:block}
#slider .quote{display: grid; position: static;top: auto;  left: auto; right: auto;  width: 90%; max-width: 1200px; padding: 0px; margin: 0 auto;text-align: left;}
#slider .quote p{display: block;font-family:'Lato', sans-serif;font-size:20px;color:#270606;text-align:left;padding:5px;margin:0;margin-top:0;padding-top:0;padding-left:42px;padding-right:0;line-height: 1.6;}
blockquote{margin:0 0 0px 0;padding:10px 30px;color:#000;}
blockquote p:last-child{margin:0}
blockquote p{font-size:18px;line-height:28px;/*font-style:italic*/}
blockquote p cite{font-size:14px;line-height:22px;margin-top:15px;display:block;text-align:left;border-left-style:solid;border-left-width:4px;padding-left:8px;color:#fff}
blockquote.alignleft,blockquote.alignright{width:35%}
blockquote.cs-quotes-simple,blockquote.cs-quotes-simple p cite{background:transparent;color:#000}
blockquote.cs-quotes-simple p{font-size:22px;line-height:34px;font-style:normal}
blockquote.cs-quotes-simple:not(.alignleft):not(.alignright){text-align:center}
blockquote.cs-quotes-simple:not(.alignleft):not(.alignright) p cite{text-align:center;display:block;border:0;padding-left:0}
.slidericon{font-size: 14px !important;margin: 0px 11px 0px 0px;} .scientificbox{border: 1px solid #d2d2d2;} .scientificbox:hover{border-radius: 0 21px 21px 21px;}
#slider{list-style:none;margin:0;padding:0;height:auto;position:relative;overflow:hidden}
#slider .quote blockquote{font-family:'Lato',sans-serif;color:#07367D;text-shadow:none;margin:1em;margin-bottom:0 !important;font-size:31px !important;font-weight:300;line-height:1.1;background:0;padding-bottom:9px;padding-left: 21px;margin-left: 20px !important; padding-top: 30px;}
 

/*<<Website SubPages Panel ----------------------------------*/
.innerpanel {margin-bottom: 20px;margin-top: 10px;background-color: #fff;padding-bottom: 9px;}
.innerpanel img {margin-bottom:3px;}
/*--------------------------------------------------- Common color css start---------------------------------------------------*/
.cs-post-title h3 a:hover,blockquote p cite,.widget_tag_cloud .tagcloud a:hover,.widget_product_tag_cloud .tagcloud a:hover,.cs-post-rating .cs-stars-color,.cs-post-rating .cs-stars-active-color{color:#000}
mark,.cs-btn,#cs-primary-nav nav>ul>li>a:hover,#cs-primary-nav nav>ul>li.current-menu-item>a,#cs-primary-nav nav>ul>li:hover>a,#cs-main-header.cs-header-layout-2.cs-header-colored #cs-header-components,#cs-main-header.cs-header-layout-1.cs-nav-colored .cs-header-inner-sticky,.widget_email_subscribe form input[type="submit"],.widget_email_subscribe form input[type="submit"]:focus,#respond .form-submit input[type="submit"],.widget-title h4:after,.cs-post-categories h5 a,.cs-section-title h3:after,.cs-post-footer-meta span,div.product form.cart .button,.widget_shopping_cart .buttons .button,blockquote{background-color:#fff}
pre,#cs-main-header.cs-header-layout-1.cs-nav-light.cs-header-light #cs-primary-nav,.cs-post-readmore a,.cs-section-title a,.cs-divit-slider .gallery-thumbs .swiper-slide-active,.cs-post-footer-meta a,.cs-post-footer-meta span{border-color:#7c6ba1}

/*---------------------------------------------------------------- quote Page css start--------------------------------------------------*/
.quotebox {margin: 5px;background: #f0f0f0;border: 2px dotted #a2a2a2;margin: 7px 18px 16px 0px;} 
.quotebox:hover{background: #228b221a;border: 2px solid forestgreen;border-radius: 5px;}
.quotebox_out {margin: 5px;background: #f0f0f0;border: 2px dotted #a2a2a2;margin: 7px 18px 16px 0px;width: 68.4% !important;} 
.quotebox_out:hover{background: #228b221a;border: 2px solid forestgreen;border-radius: 5px;}                                                                                           
.quotebox h3{color: #d20707;font-weight: 500;padding-left: 3px;margin-bottom: 0px;padding-top: 0px;font-size: 22px;margin-top: 13px;}

/*---------------------------------------------------------------- Page banner css start-------------------------------------------------------------*/
.innerbanner-grey-head {color: #333;margin-bottom: 0px;border: 1px solid #ddd;padding: 5px;font-size: 18px;border-radius: 5px 5px 0px 0px;background-image: -webkit-linear-gradient(top, #c7c7c7, white, #b1b0b0);background: linear-gradient(#fff, #ccc, #ededed);-webkit-background: linear-gradient(grey, white, grey);margin-top:4px;}
.innerbanner-grey-head h2 { font-size:18px;margin: 0;}
.innerbanner-grey-head a{line-height: 15px;font-size: 18px;color: #000;font-weight: normal;}

/*/*<< catlog page css start-------------------------------------------------------------*/
.catlogfull {margin: 0px 0px 14px 0px;padding: 6px 17px;background-color:#fff);-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;border: 1px solid #4fb547;}
.catlogfull h3 {color:#404040;margin-bottom: 3px;}
.catlogfull:before {margin: 0px 0px 16px 0px;padding: 6px 35px;background-color: #e4e4e4;-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;border: 2px dashed #a2a2a2;}
.catlogfull:hover {border: 1px dashed #a2a2a2;background-color: rgba(47, 169, 47, 0.08);}
.quotfor {background: #f0f0f0;border: 2px dotted gray;padding: 5px 0px 2px 0px;text-align: center;font-weight: 600;width: 100%;font-weight: normal;}	
.quotfor ul{margin-bottom: 0px;}
.quotfor ul li{margin: 0px;}
/*button--------------------------*/

.bio-btn{float: right;margin-top: -32px;background: green;padding: 2px;width: 70px;border: 1px solid #34740e;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;text-align: center;text-decoration: none;display: inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight: bold;background-color: #4ba614;background-image: linear-gradient(to bottom, #4ba614, #008c00);}
.bio-btn a{ color:#fff;}
.bio-btn a:hover{ color:#fff !important;}

/*Utilites Classes -----------------------------*/
.padding-normal{padding:6px; } 
.margin-normal {margin:6px;}
.sample_pro_detail{margin:2px;}

/*Border layout used-sirna-synthesis.aspx */
.tableouter1 { border: 1px solid #dedede; padding: 5px;margin-bottom: 15px;}
/*<< for bg color in peptidepropertycalculatorlanding.aspx*/
.caluletorpage {background-color: #80808017;padding: 0;}

/*used in custom-rna-transcription-services.aspx for right images*/
.pictureDescriptionBlock{padding: 0;
    text-align: center;
    font-size: 13px;}
.pictureDescriptionBlock li{list-style-image: none;
    list-style-type: none;
    text-align: left;}

/*<< table heading in green*/
.registrationhead{background: #49b941;}
.registrationhead h3{color: #fff;}

/*<<  used in alexa-dye-oligo-labeling.aspx only this page*/
.biotable{width: 100%;}
.biotable td, th{border: #E7E7E7 1px solid;padding: 5px 15px !important;}
.biotable > td > th > p{text-align: left;}
.biotablehead{width: 44%;float: right;color: #fff; font-weight: 600;border-top-left-radius: .5em;border-top-right-radius: .5em;background-color: #7d7e7d;background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e); margin-bottom: 0;}
.biotebleheader{background: #868686;padding: 5px 15px !important; }
.biotebletdrow1{background: #e1ece1;padding: 5px 15px !important;} 
.biotebletdrow2{background: #f9f9f9;padding: 5px 15px !important;}

/*##############-------sapan static page 18 june */
table tr td h3{margin: 0;text-align: left;}
tr td strong.white {color: White;}
tr td strong.black {color: black;}
.bioteblegreenrow{background:#4fb547; color:#ffffff; padding:5px 15px !important;}
.bioteblegreenrow h3{background: #4fb547;color: #ffffff;padding: 5px 15px !important;font-weight: normal;}
.bioteblegreenrow h2{color:#fff; margin: 0px;}
.bioteblegrayrow{background:#e0e0e0; color:#000000; padding: 5px 15px !important;}
.bioteblewhiterow{background: #ffffff;padding: 5px 15px !important;}
.bioteblelightgreenrow{background: #e1ece1;padding: 5px 15px !important;} 
.tblborder {border: 1px solid #cccccc; }
.redtext { color: #f80808; }
.italictxt {font-style: italic; font-size: 11px;}
.pictureintab { margin-left: 13px;margin-right: 13px;text-align: center;float:right;}
.biotable td.text-left { text-align:left;}
.longtxtbreak { word-wrap:break-word;}
/*--------------------------*/
.tablescale{font-size: 11px;}
.rnamod_link{margin-bottom: 8px;padding-left: 5px;}
.rnamod_arrow { padding: 0px 0px 0px 19px; background-image: url(../../images/inner/orange_arrow.jpg); background-repeat: no-repeat;}
.greentext{color: #228b22;}
.red {color: #fe0202;}
.black{color:black;}
/*=============utils==============*/
tr.no-border-all td,div.no-border-all {border:none;padding-left: 17px;}
tr.no-border td:first-child{border:none;border-left: #999 1px solid;border-bottom: #999 1px solid;}
tr.no-border td:last-child{border:none;border-right: #999 1px solid;border-bottom: #999 1px solid;}
tr.no-border td:not(:first-child):not(:last-child){border:none;border-bottom: #999 1px solid;}
.text-highlight { display: inline; font-size: 12px; font-weight: normal; }
.table-tag { color: #414141;font-weight: bold;border-top-left-radius: .5em;border-top-right-radius: .5em; background-color: #7d7e7d; background-image: linear-gradient(to bottom, #b0b0b0, #cbcbcb); }
/*----------------------------------------------- Testimonials page ---------------------------------------------------------*/
.colorbase{background-color:#eff8ef;background-image:-webkit-gradient(linear, left top, left bottom, from(#eff8ef), to(#f5fbf5));background-image:-webkit-linear-gradient(top, #eff8ef, #f5fbf5);background-image:-moz-linear-gradient(top, #eff8ef, #f5fbf5);background-image:-ms-linear-gradient(top, #eff8ef, #f5fbf5);background-image:-o-linear-gradient(top, #eff8ef, #f5fbf5);background-image:linear-gradient(to bottom, #eff8ef, #f5fbf5);border-bottom:1px dashed #ccc5ad;border-right:1px dashed #ccc5ad;border-left:1px dashed #ccc5ad;border-top:1px dashed #ccc5ad;padding:5px;margin-top:2%;}
.discpadding{margin:9px 8px 5px 8px;}
.discpadding2{margin:0px 8px 9px 8px;}
.nocolorbase{padding:5px;height:100%;overflow:hidden;margin: 7px 0px 9px 0px;border-bottom:1px dashed #ccc5ad;border-left:1px dashed #ccc5ad;border-top:1px dashed #ccc5ad;overflow:hidden;border-right:1px dashed #ccc5ad;background:#eee;background-image:-moz-linear-gradient(top, #fff, #fff);background-image:-ms-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient(top, #fff, #eee);background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:linear-gradient(top, #fff, #eee);}
/*----------------------------------------------------------------------All Media css start------------------------------------------------------------*/
     
   /*Arrow list*/
.menuheadernew{
background-image: url(../../images/Oligos/plus.gif);background-repeat:no-repeat;color:black;margin:4px 0px 0px 0px;
padding:0px 0px 4px 0px;cursor: hand;background-position: -2px 8px;border-bottom:dotted 1px gray;cursor: pointer;font-style:normal;font-weight:normal;}
.openheadernew
{background-image: url(../../images/Oligos/minus1.gif);background-position: -2px 8px; background-repeat:no-repeat;color:black;   margin:3px 0px 0px 0px;padding:0px 0px 3px 0px; /*header text is indented 10px*/}
div.categoryitemsnew {background: white;border-bottom: 1px dotted #C3C3C3;padding: 5px;}    
/*form*/     
a.formbtn,input[type='submit']{display: inline-block;background: #63b912;padding: 3px;font-size: 0.8em;color: white;text-align: center;border: 2px solid #ebebff;border-radius: 20px;box-shadow: 0 0 2px 1px #655d5d;background-color: #4fb547;}
a.formbtn:hover,a.formbtn:focus{color: white!important;outline:  none;}
a.formbtn:active,input[type='submit']:active{border: 2px solid #7d7d7d;border-radius: 20px;box-shadow: 0 0 2px 1px #e8e4e4;}     
     
            
                 /*================================== mobile Media css start ===================================*/
                   
@media screen and (min-width:200px) and (max-width:493px){#bio-footer .widget:last-child{width:100%}
.containertab{width:100%!important} .biomobileback{background: #d7d7d7;border-bottom: 1px solid green;} .biomobileback:hover{border-bottom: 1px solid green;}
.novicon{margin-top: 9px;font-size:15px;padding:3px 7px 4px 6px;color:#000;float:left;margin-left:9px;position: relative;z-index: 999;}
.novicon a{color:#000;}
.widget_post_list .bio-post-title h3{font-size:15px}
.toplist-li{font-size:14px!important;padding:0 6px 0 6px!important}
.toplist-mob {margin-right: -16px;margin-top: 0px;font-size: 13px !important;padding: 0px 5px 0px 5px !important;border: 1px solid #c6c6c6;}
.novmobile{background:#f3f3f3;padding:0px 0px 0px 0px;margin-top:0px}
.top-header-components{display:none}
.innertab-border{margin:10px 5px 0 0!important;width: 100% !important;}
.blogicon-tob{padding-top:4px!important}
.bioinnertab > div{padding: 8px 5px !important}
.isologo {margin-left: 4px;}
#bio-footer .bio-widget-area{padding-top:20px;padding-bottom: 11px;border-bottom: 4px solid #4fb547;display:none;}
.hidden_new {}
.mega-dropdown
.mega-mobile:nth-child(2n+1) {clear: left;padding:2px;}
.mega-dropdown
.mega-mobile:nth-child(4n+1) {clear: left;}
.newpeptidebox h3 {color: #06a146;margin: 0;font-size: 17px;padding: 0 0 0 7px;font-weight: 400;}
.newpeptidebox p {margin: 0;padding: 1px 0px 0px 5px;font-weight: normal;}
.sitemapQandO {display:none;}
.ele-container {width: 450px;margin-left: 0px;margin-right: 0px;position: relative !important;}
}
@media screen and (min-width:200px) and (max-width:493px){.innertab-borderall{padding-bottom:5px!important}
.cs-post-thumb{margin-bottom:15px;float:left;font-size:17px}
.cs-blog-list{margin:1% 0 5% 0} .bio-readmore{margin-top: 6px !important;float: none !important;}
.swiper-slide{height:100%!important}
#slider{height:auto;}
.cs-toggle-mobile-search{left:76px}
.headicn{margin-top:18px;font-size:23px}
.swiper-button-prev,.swiper-button-next{top:86%}
.hmar{font-size:15px} .slider-prev::after, .slider-next::after{border-width: 10px 9px 10px 9px !important;left: -2px !important;}
.swiper-button-next{top:86%;width:26px;height:26px;text-align:center;line-height:26px;} .topnav{display:block !important}
.newpeptidebox_height1 {height: auto;}
.nano_height1 {height: auto;}
#cs-main-header, #cs-main-header .cs-header-inner-sticky {width: 100%;left: 0;top: 0;
right: 0;z-index: 1;position: inherit;}
}
@media only screen and (max-width:420px) {
    .newsbox { display: inline-table;}
    
}
@media only screen and (min-width:320px) and (max-width:360px){.blogicon-bor{margin-bottom: 0px;} .cs-blog-three-columns .cs-post-item{padding: 0 11px 10px 11px;} .menu-container{width:100%;margin:0 auto;margin-top:0px !important}#cs-main-header #cs-header-components #bio-site-logo img {width:100% !important}.isologotwo {position: relative;left: 0px;top: 0px;text-align: center;}}
@media screen and (min-width:360px) and (max-width:555px){#cs-main-header #cs-header-components #bio-site-logo img {width: 100% !important;}}
@media screen and (min-width:388px) and (max-width:497px){.blogicon-tob{padding-top:4px!important}.menu-container{width:100%;margin:0 auto;margin-top:0px !important}}
@media screen and (min-width:420px){.headicn{font-size:23px} .blogicon-bor{margin-bottom: 5px;}

}
@media only screen and (min-width:481px){#slider .quote blockquote{font-size:18px !important;margin:-7px 0px 0px 0px;}
 .blogicon-bor{margin-bottom: 5px;} #slider{} 
}
@media only screen and (max-width:480px){#slider .quote blockquote{font-size:15px !important;margin:.5em;margin-top:-14px;margin-left:0px !important;padding: 32px 0px 0px 13px;}
#slider .quote p{font-size:.66em;margin:0;display:none} .newpeptidebox{padding: 4px;margin-bottom: 0;border: 1px solid #d2d2d2;border-radius: 0 21px 21px 21px;background-color: #f6f6f6;margin-top: 13px;}
.catlogfull{padding: 6px 9px;}
#slider .coronaquote blockquote {font-size: 12px !important;text-align: left}
}

@media only screen and (min-width:481px) and (max-width:759px){#slider .quote p{font-size:.75em;margin:.5em;display: none!important;}.hidden_new {display:none;}.newpeptidebox_height1 {height: auto;}.nano_height1 {height: auto;}.newpeptidebox h3 {color: #06a146;margin: 0;font-size: 17px;padding: 0 0 0 7px;font-weight: 400;}.newpeptidebox p {margin: 0;padding: 1px 0px 0px 5px;font-weight: normal;}#cs-main-header.active, #cs-main-header .cs-header-inner-sticky.active {position: inherit;width: 100%;left: 0;top: 0;
right: 0;z-index: 1;}.menu-container{width:100%;margin:0 auto;margin-top:0px !important}#cs-main-header, #cs-main-header .cs-header-inner-sticky {width: 100%;left: 0;top: 0;
right: 0;z-index: 1;position: inherit;} }
@media only screen and (min-width:494px) and (max-width:555px){.toplist-li{margin-right: 9px;padding: 0 7px 0 5px;font-size: 13px;}.hidden_new {display:none;}}
@media screen and (min-width:494px) and (max-width:600px){.topnav {display:block !important;} .novicon {margin-top: 8px;font-size: 17px;padding: 3px 7px 4px 6px;color: #000;float: left;margin-left: 15px;position: relative;z-index: 999;}
.novicon a {color: #000;}.biomobileback{background: #d7d7d7;border-bottom: 1px solid green;} .novmobile{background: #f3f3f3;padding: 0px 0px 0px 0px;margin-top: 7px;}
.cs-post-thumb{margin-bottom:15px;float:left;font-size:17px}
.ele-container {width: 450px;margin-left: 0px;margin-right: 0px;position: relative !important;}
}
@media screen and (min-width:494px) and (max-width:1176px){.containertab{width:100%!important}.innertab-border{margin:10px 5px 0 0!important}}

@media screen and (min-width:498px) and (max-width:767px){.blogicon-tob {padding-top:4px!important}#bio-footer .bio-widget-area {display:none;}}
@media screen and (min-width:500px) and (max-width:928px){.swiper-slide{height:100%!important}.cs-toggle-mobile-search{left:54%}
.headicn{margin-top:43px;font-size:23px}#cs-main-header, #cs-main-header .cs-header-inner-sticky {width: 100%;left: 0;top: 0;
right: 0;z-index: 1;position: inherit;}}


       /*================================== mobile Media css close =====================================*/
       /*================================== ipads Media css start =====================================*/

@media screen and (max-width:580px){#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{display:block;float:none;clear:both;margin-right:0;width:100%} */
.cs-about-author .cs-author-avatar{display:none}
.cs-about-author .cs-author-info{overflow:visible}
.cs-post-single-header .bio-post-title h1{font-size:20px;line-height:28px;margin-bottom:0}
.cs-large-media .bio-post-title h1,.cs-post-single-header .cs-post-subtitle h2{font-size:16px;line-height:24px}
.cs-large-media .cs-post-subtitle h2{display:none}
.cs-blog-classic .cs-post-thumb,.cs-blog-list .cs-post-thumb{width:100%;display:block;float:none;margin-bottom:10px}
.cs-blog-classic .bio-post-title,.cs-blog-list .bio-post-title,.bio-blog-two-columns .bio-post-title{margin:5px 0}
.cs-blog-three-columns .bio-post-title{margin-top:0}
.cs-blog-classic .cs-post-item,.cs-blog-list .cs-post-item,.bio-blog-two-columns .cs-post-item{margin-bottom:10px}
.cs-section-wrapper.with-padding .cs-blog-three-columns:last-child .cs-post-item:nth-last-of-type(-n+3),.cs-blog-three-columns .cs-post-item{margin-bottom:15px}
.bio-blog-two-columns .cs-post-item.first,.bio-blog-two-columns .cs-post-item.last{clear:both}
.cs-section-wrapper.with-padding .cs-blog-list:last-child .cs-post-item:last-child{margin-bottom:0}
.bio-main-content:not(.cs-full-width) .cs-blog-classic .bio-post-title h3,.cs-blog-classic .bio-post-title h3{font-size:18px;line-height:26px}
.bio-main-content:not(.cs-full-width) .cs-blog-mixed .cs-post-item:first-child .bio-post-title h3,.cs-blog-mixed .cs-post-item:first-child .bio-post-title h3{font-size:18px;line-height:26px}
.cs-blog-mixed .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:14px;line-height:20px}
.cs-blog-classic .bio-readmore,.bio-blog-two-columns .bio-readmore{display:none}
.bio-main-content:not(.cs-full-width) .cs-blog-list .bio-post-title h3,.cs-blog-list .bio-post-title h3{font-size:18px;line-height:26px}
/*.catalog_intro_headerimg{display:none;}*/
.newpeptidebox h3 {font-size: 15px !important;} .newpeptidebox a {color:#228b22;} .newpeptidebox p {margin: 0;padding-left: 8px;text-align: left;} .newpeptidebox p a {color: #000;margin: 0;font-size: 13px;padding: 0;font-weight: normal;text-align: left;} .newpeptidebox:hover{background-color: #ededed !important;}
 .bioconjugation-row {width: 100%;float: left;} .breadcrumb{font-size: 13px}
 #tabsearch ul#tabnavsearch li.active{width: 70% !important;}
  .molecuimg{margin-top: 0px !important;}
.blogicon-bor img{ width: 45px;}
ul.breadcrumb li{font-size: 12px;}
}
@media screen and (min-width:580px){#slider .quote blockquote {font-size: 22px !important;margin: 0px 0px 0px 0px;}
}
@media screen and (max-width:600px){.topnav.responsive{position:relative;padding-left:0px;padding-right: 0px;}
.topnav.responsive .icon{position:absolute;right:0;top:0} .bioinnertab h3{font-size: 14px !important;    padding-right: 0px !important;}
.topnav a:not(:first-child){display:none}
.topnav.responsive a{float:none;display:block;text-align:center;padding:2px 0}
.topnav.responsive a:hover{color:#4fb547;font-weight:bold;}
.imgscroll {width: 100%;height: auto;display: inherit;}
 .innerh h1{font-size:24px !important;line-height: 29px;} 
.topnav a.icon{color: #000;float:right;display:block;padding-top:3px}  div.biosearch input[type=text]{width: 80% !important;} h2 {font-size: 21px;line-height: 30px;}
}
@media screen  and (min-width:600px) and (max-width:767px){.topnav.responsive{position:relative;padding-left:0px;padding-right: 0px;}

.topnav.responsive .icon{position:absolute;right:0;top:0} 
.topnav a:not(:first-child){display:none}
.topnav.responsive a{float:none;display:block;text-align:center;padding:2px 0}
.topnav.responsive a:hover{color:#4fb547;font-weight:bold;}
.topnav a.icon{color: #000;float:right;display:block;padding-top:3px} 
.topnav {display: block !important;}
.novicon a {color: #000;}
.novicon {margin-top: 8px;font-size: 17px;padding: 3px 7px 4px 6px;color: #000;float: left;margin-left: 15px;position: relative;z-index: 999;}
.novmobile {background: #f3f3f3; padding: 0px 0px 0px 0px; margin-top: 7px;}
.biomobileback { background: #d7d7d7; border-bottom: 1px solid green;}
.menu-container {margin-top: 0 !important;}
.overflowindex{overflow: hidden;}
}
@media screen and (min-width: 684px){.topnav.responsive{position:relative;padding-left:0px;padding-right: 0px;}
.topnav.responsive .icon{position:absolute;right:0;top:0}
.topnav a:not(:first-child){display:none}
.topnav.responsive a{float:none;display:block;text-align:center;padding:2px 0}
.topnav.responsive a:hover{color:#4fb547;font-weight:bold;}
.topnav a.icon{color: #000;float:right;display:block;padding-top:3px} 

}
@media screen and (min-width:768px) and (max-width:1024px){.cs-large-media .bio-post-title h1{font-size:32px;line-height:40px}
.cs-large-media .cs-post-subtitle h2{font-size:20px;line-height:28px} div.biosearch input[type="text"]{width:85% !important;}
.cs-post-single-header .bio-post-title h1{font-size:28px;line-height:36px}
[data-slides-visible="2"] .bio-post-title h3{font-size:24px;line-height:32px}
[data-slides-visible="2"] .cs-post-excerpt,[data-slides-visible="2"] .cs-post-icon{display:none}
#cs-primary-nav nav>ul>li>a{padding:0 5px;font-size:12px}
.bio-main-content:not(.cs-full-width) .cs-blog-list .bio-post-title h3,.cs-blog-list .bio-post-title h3{font-size:22px;line-height:30px}
.bio-main-content:not(.cs-full-width) .cs-blog-classic .bio-post-title h3,.cs-blog-classic .bio-post-title h3{font-size:28px;line-height:36px}
.bio-main-content:not(.cs-full-width) .bio-blog-two-columns .bio-post-title h3,.bio-blog-two-columns .bio-post-title h3{font-size:22px;line-height:30px}
.bio-main-content:not(.cs-full-width) .cs-blog-three-columns .bio-post-title h3,.cs-blog-three-columns .bio-post-title h3{font-size:16px;line-height:26px}
.cs-blog-latest-videos .cs-post-item:not(:first-of-type) .bio-post-title h3,.bio-main-content:not(.cs-full-width) .cs-blog-latest-videos .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:16px;line-height:22px}
[class *= "cs-col"]{float:left}
}@media screen and (max-width:767px){.cs-large-media .bio-post-details{max-width:none} .descriptionp{font-size: 14px;line-height: 22px;}
.cs-large-media .bio-post-title h1,.cs-post-single-header .bio-post-title h1{font-size:24px;line-height:32px;margin-bottom:0}
.bio-main-content:not(.cs-full-width) .cs-blog-list .bio-post-title h3,.cs-blog-list .bio-post-title h3{font-size:18px;line-height:26px}
.bio-main-content:not(.cs-full-width) .cs-blog-classic .bio-post-title h3,.cs-blog-classic .bio-post-title h3{font-size:22px;line-height:30px}
.bio-main-content:not(.cs-full-width) .bio-blog-two-columns .bio-post-title h3,.bio-blog-two-columns .bio-post-title h3{font-size:18px;line-height:26px}
.bio-main-content:not(.cs-full-width) .cs-blog-mixed .cs-post-item:first-child .bio-post-title h3,.cs-blog-mixed .cs-post-item:first-child .bio-post-title h3{font-size:22px;line-height:30px}
.cs-blog-mixed .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:16px;line-height:22px}
.cs-blog-mixed .cs-post-item{width:100%;float:none;padding-right:0}
.bio-main-content:not(.cs-full-width) .cs-blog-three-columns .bio-post-title h3,.cs-blog-three-columns .bio-post-title h3{font-size:15px;line-height:24px}
.cs-blog-list .cs-post-item{margin-bottom:30px}
.cs-blog-list .bio-readmore{display:none}
.cs-blog-latest-videos .cs-post-item:first-child .bio-post-details{width:100%;max-width:none}
.bio-main-content:not(.cs-full-width) .cs-blog-mixed .cs-post-item:first-child .bio-post-title h3,.cs-blog-latest-videos .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:14px;line-height:20px}
[class *= "cs-col"]{width:100%;}
.alignright,.alignleft{display:block;clear:both;width:100%;margin-left:0;margin-right:0}
blockquote{width:100%!important}
#cs-primary-nav,.cs-header-banner{display:none!important}
.cs-toggle-mobile-nav,.cs-toggle-mobile-search{display:none}
#cs-main-header #cs-header-components{padding:10px 0 0;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}
#cs-main-header.cs-header-image #cs-header-components{padding:20px 0;background-image:none}
#cs-main-header #cs-header-components #bio-site-logo{text-align:center;padding:0;margin:0;float:none;display:block;width:100%}
#cs-main-header #cs-header-components #bio-site-logo img{width: 100%;}
#bio-footer .widget{width:100%;display:block;float:none;clear:both;margin-bottom:30px}
.menuheadernew table { width: 752px;}
.openheadernew { background-position: 0% 43%;} 
}
@media screen and (min-width:600px) and (max-width:767px){#cs-primary-nav,.cs-header-banner{display:block!important}}
@media only screen and (min-width: 769px){.bottomborder {border-bottom: 1px solid #fff;font-family: Arial;color: #000;text-align: center;padding: 0 1px 0 3px;} .tablescroll {margin-bottom: 10px;}
.catlog_thumbnail{margin: 6px 0 5px 10px;max-width: 50%;}
}
@media only screen and (max-width: 769px){.biomobilescrol{ display:block !important;}}
@media only screen and (min-width:760px) and (max-width:1348px){#slider .quote p{font-size: 18px;padding-left:40px;padding-right:0;} #slider .quote blockquote{margin:20px 0px 0px 0px !important;font-size: 26px !important;padding-left: 40px;} #slider{height: auto;}
.slider-prev::after, .slider-next::after{border-width: 10px 21px 12px 20px;left: 20px;}}
@media screen and (min-width:659px) and (max-width:930px){#slider .quote blockquote {margin: 0px 0px 0px 0px !important;}}
@media only screen and (max-width:886px){.bio-main-content:not(.cs-full-width) .cs-blog-three-columns .cs-post-item, .cs-blog-three-columns .cs-post-item {max-width: 450px;}
.cs-section-wrapper.with-padding .cs-blog-three-columns:last-child .cs-post-item:nth-last-of-type(-n+3), .cs-blog-three-columns .cs-post-item{margin-bottom: 15px;}
.cs-blog-latest-videos .cs-post-item:not(:first-of-type), .bio-main-content:not(.cs-full-width) .cs-blog-latest-videos .cs-post-item:not(:first-of-type), .bio-main-content:not(.cs-full-width) .bio-blog-two-columns .cs-post-item, .bio-blog-two-columns .cs-post-item, .bio-main-content:not(.cs-full-width) .cs-blog-three-columns .cs-post-item, .cs-blog-three-columns .cs-post-item{width: 100%;
float: none;display: block;margin-right: auto;margin-left: auto;}
.tablescroll {width: 100%;height: 100%;overflow-x: scroll;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #dddddd;float: left;-webkit-overflow-scrolling: touch;overflow-y: hidden;}
.topdiv {float: none;}
}

@media only screen and (max-width:900px){.captionxtrgtnrml{text-align: left !important;}
.catalogboximg{margin: 29px -14px 0px 0px !important;height: 67px;width: 72px !important;}
.contactmap{position: initial;}
.loginboxwieh{width: 100% !important;margin-bottom: 9px;}
.captionxtrgt{    text-align: left;}
.registrboxw{width: 98% !important;}
/*.contactus .warning{width: 67% !important; height: 170px !important;}*/
.molecuimg{margin-top: 4px;max-width: 50px;}
.usersuccessful2{    width: 54%;}
.thanku{padding: 0px 0px 0 0px;}
.textarea_antibodies{width: 393px;}
.loginbasestrip{margin-left:0;}
.innertab-border{width: 100% !important;}
.contactboxth{width: 90% !important;}
/*.quotfor{height: 100px;}*/
.antibody{ 	margin-top: 80px;}
    .hide_mob { display:none; }
}

             /*================================== ipads Media css close =====================================*/
/*================================== Desktops, laptops and Large screens Media css start =====================================*/

@media screen and (min-width:930px) and (max-width:1021px){.swiper-slide{height:100%!important}
}
@media screen and (min-width:1022px) and (max-width:1128px){.swiper-slide{height:100%!important}
.cs-toggle-mobile-search{left:54%}
}
@media screen and (min-width:1025px){.cs-offcanvas-wrap{display:none!important}
[class *= "cs-col"]{float:left}
}
@media only screen and (min-width:1138px){.container-biosyn{width:100%}
}
@media screen and (max-width:1200px){body #cs-page-wrapper{margin-top:0;margin-bottom:0}
.cs-toggle-mobile-search{left:37px} div.biosearch input[type="text"]{width:85%;}
.headicn{margin-top:41px;font-size:32px}
}
@media only screen and (max-width:1279px){
.newpeptidebox p {padding: 1px 0px 0px 5px;margin: 0;padding-left: 8px;text-align: left;} .newpeptidebox p a {color: #000;margin: 0;font-size: 13px;padding: 0;font-weight: normal;text-align: left;}
.newpeptidebox h3 {margin: 0;font-size: 17px;padding: 0 0 0 7px;text-align: left;line-height: 23px;}
.catlog_thumbnail{margin:-7px 7px 2px 10px;max-width: 50% !important;} 
.catalogboximg{width: auto !important;height: 79px !important;}
}
@media only screen and (min-width:1280px){ .newpeptidebox h3 {color: #262826;margin: 0;font-size: 17px;padding: 0 0 0 5px; font-weight: 600;}.newpeptidebox p {margin: 0;padding-left: 8px;padding: 1px 0px 0px 5px;} .newpeptidebox p a {color: #000;margin: 0;font-size: 14px;padding: 0;font-weight: normal;text-align: left;} 
.bioconjugation-row {width: 50%;float: left;} .tablescroll {margin-bottom: 10px;}
}
@media screen and (min-width:1349px){.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:26px;height:34px;text-align:center;line-height:34px;font-size:24px;margin-top:-55px;z-index:10;cursor:pointer;background-color:#81cd40;color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;border-radius:14px}
/*.innerpanel ul li a{margin-bottom:.1em;text-decoration:none;}
.innertextli{margin-bottom:4px;padding-left:6px;} */
#slider .quote blockquote{margin:37px 20px 0px !important;margin-bottom: 0 ;font-size: 31px !important;font-weight: 300;line-height: 1.1;background: 0;padding-bottom: 9px;}
#slider {list-style: none;margin: 0;padding: 0;height: 20pc !important;position: relative;overflow: hidden;}
.headicn{margin-top:27px!important;font-size:28px!important}
.topnav{display:none}
#search{display:none}
.cs-post-thumb{margin-bottom:0px;}
.blogicon-tob {left: 52px!important;padding-top:4px!important} .blogicon-tob{position:relative;width:38%;height:64px;line-height:75px;font-size:50px;color:#fff;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;left:52px;margin-bottom:4px;padding-top:11px}
.topnav{overflow:hidden;display:none}
.topnav a{float:left;display:block;color:#2f2e2e;text-align:center;padding:0 16px;text-decoration:none;font-size:16px;font-weight:normal}
.topnav a:hover{color:black;background:gainsboro;border-left:4px solid #23a923}
.active{color:#000}.topnav .icon{display:none}
.blogicon-bor{z-index: 1;position:relative;height:33px;line-height:30px;font-size:52px;text-align:center;color:#fff;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;margin-bottom:7px;}
.blogicon-bor img{ width: 55px;}
#bio-footer .bio-widget-area{padding-top:20px;padding-bottom: 11px;border-bottom: 4px solid #4fb547;}
.scipadd{padding-left: 79px;padding-right: 63px;}
.innertbpadd{padding-left: 160px !important;padding-right: 0px !important;}
.innertbpaddin{padding-left: 142px !important;padding-right: 0px !important;}
}
@media screen and (max-width:1920px){.topnav{overflow:hidden;display:none;}#slider li{padding-bottom: 24%;} 
/*.innertextli{margin-bottom:4px;padding-left:6px;} */
.biomobilescrol{ display:none;}
.catlog_thumbnail {margin: 7px 7px 7px 10px;max-width: 22%;}
.towboxh {
    height: 17px;
}
}


       /*================================== mobile Media css close =====================================*/
       /*================================== ipads Media css start =====================================*/

@media screen and (max-width:580px){#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{display:block;float:none;clear:both;margin-right:0;width:100%} */
.cs-about-author .cs-author-avatar{display:none}
.cs-about-author .cs-author-info{overflow:visible}
.cs-post-single-header .bio-post-title h1{font-size:20px;line-height:28px;margin-bottom:0}
.cs-large-media .bio-post-title h1,.cs-post-single-header .cs-post-subtitle h2{font-size:16px;line-height:24px}
.cs-large-media .cs-post-subtitle h2{display:none}
.cs-blog-classic .cs-post-thumb,.cs-blog-list .cs-post-thumb{width:100%;display:block;float:none;margin-bottom:10px}
.cs-blog-classic .bio-post-title,.cs-blog-list .bio-post-title,.bio-blog-two-columns .bio-post-title{margin:5px 0}
.cs-blog-three-columns .bio-post-title{margin-top:0}
.cs-blog-classic .cs-post-item,.cs-blog-list .cs-post-item,.bio-blog-two-columns .cs-post-item{margin-bottom:10px}
.cs-section-wrapper.with-padding .cs-blog-three-columns:last-child .cs-post-item:nth-last-of-type(-n+3),.cs-blog-three-columns .cs-post-item{margin-bottom:15px}
.bio-blog-two-columns .cs-post-item.first,.bio-blog-two-columns .cs-post-item.last{clear:both}
.cs-section-wrapper.with-padding .cs-blog-list:last-child .cs-post-item:last-child{margin-bottom:0}
.bio-main-content:not(.cs-full-width) .cs-blog-classic .bio-post-title h3,.cs-blog-classic .bio-post-title h3{font-size:18px;line-height:26px}
.bio-main-content:not(.cs-full-width) .cs-blog-mixed .cs-post-item:first-child .bio-post-title h3,.cs-blog-mixed .cs-post-item:first-child .bio-post-title h3{font-size:18px;line-height:26px}
.cs-blog-mixed .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:14px;line-height:20px}
.cs-blog-classic .bio-readmore,.bio-blog-two-columns .bio-readmore{display:none}
.bio-main-content:not(.cs-full-width) .cs-blog-list .bio-post-title h3,.cs-blog-list .bio-post-title h3{font-size:18px;line-height:26px}

.newpeptidebox h3 {font-size: 15px !important;} .newpeptidebox a {color:#228b22;} .newpeptidebox p {margin: 0;padding-left: 8px;text-align: left;} .newpeptidebox p a {color: #000;margin: 0;font-size: 13px;padding: 0;font-weight: normal;text-align: left;} .newpeptidebox:hover{background-color: #ededed !important;}
 .bioconjugation-row {width: 100%;float: left;} .breadcrumb{font-size: 13px}
 #tabsearch ul#tabnavsearch li.active{width: 70% !important;}
  .molecuimg{margin-top: 0px !important;}
.blogicon-bor img{ width: 45px;}
ul.breadcrumb li{font-size: 12px;}
}
@media screen and (min-width:580px){#slider .quote blockquote {font-size: 22px !important;margin: 0px 0px 0px 0px;}
}
@media screen and (max-width:600px){.topnav.responsive{position:relative;padding-left:0px;padding-right: 0px;}
.topnav.responsive .icon{position:absolute;right:0;top:0} .bioinnertab h3{font-size: 14px !important;}
.topnav a:not(:first-child){display:none}
.topnav.responsive a{float:none;display:block;text-align:center;padding:2px 0}
.topnav.responsive a:hover{color:#4fb547;font-weight:bold;}
.imgscroll {width: 100%;height: auto;display: inherit;}
.mobileshow {width: 100%;height: auto;display: inherit;}
.innerh h1{font-size:24px !important;line-height: 29px;} 
.topnav a.icon{color: #000;float:right;display:block;padding-top:3px}  div.biosearch input[type=text]{width: 80% !important;} h2 {font-size: 21px;line-height: 30px;}
}
@media screen and (min-width:768px) and (max-width:1024px){.cs-large-media .bio-post-title h1{font-size:32px;line-height:40px}
.cs-large-media .cs-post-subtitle h2{font-size:20px;line-height:28px} div.biosearch input[type="text"]{width:85% !important;}
.cs-post-single-header .bio-post-title h1{font-size:28px;line-height:36px}
[data-slides-visible="2"] .bio-post-title h3{font-size:24px;line-height:32px}
[data-slides-visible="2"] .cs-post-excerpt,[data-slides-visible="2"] .cs-post-icon{display:none}
#cs-primary-nav nav>ul>li>a{padding:0 5px;font-size:12px}
.bio-main-content:not(.cs-full-width) .cs-blog-list .bio-post-title h3,.cs-blog-list .bio-post-title h3{font-size:22px;line-height:30px}
.bio-main-content:not(.cs-full-width) .cs-blog-classic .bio-post-title h3,.cs-blog-classic .bio-post-title h3{font-size:28px;line-height:36px}
.bio-main-content:not(.cs-full-width) .bio-blog-two-columns .bio-post-title h3,.bio-blog-two-columns .bio-post-title h3{font-size:22px;line-height:30px}
.bio-main-content:not(.cs-full-width) .cs-blog-three-columns .bio-post-title h3,.cs-blog-three-columns .bio-post-title h3{font-size:16px;line-height:26px}
.cs-blog-latest-videos .cs-post-item:not(:first-of-type) .bio-post-title h3,.bio-main-content:not(.cs-full-width) .cs-blog-latest-videos .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:16px;line-height:22px}
[class *= "cs-col"]{float:left}
}@media screen and (max-width:767px){.cs-large-media .bio-post-details{max-width:none} .descriptionp{font-size: 14px;line-height: 22px;}
.cs-large-media .bio-post-title h1,.cs-post-single-header .bio-post-title h1{font-size:24px;line-height:32px;margin-bottom:0}
.bio-main-content:not(.cs-full-width) .cs-blog-list .bio-post-title h3,.cs-blog-list .bio-post-title h3{font-size:18px;line-height:26px}
.bio-main-content:not(.cs-full-width) .cs-blog-classic .bio-post-title h3,.cs-blog-classic .bio-post-title h3{font-size:22px;line-height:30px}
.bio-main-content:not(.cs-full-width) .bio-blog-two-columns .bio-post-title h3,.bio-blog-two-columns .bio-post-title h3{font-size:18px;line-height:26px}
.bio-main-content:not(.cs-full-width) .cs-blog-mixed .cs-post-item:first-child .bio-post-title h3,.cs-blog-mixed .cs-post-item:first-child .bio-post-title h3{font-size:22px;line-height:30px}
.cs-blog-mixed .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:16px;line-height:22px}
.cs-blog-mixed .cs-post-item{width:100%;float:none;padding-right:0}
.bio-main-content:not(.cs-full-width) .cs-blog-three-columns .bio-post-title h3,.cs-blog-three-columns .bio-post-title h3{font-size:15px;line-height:24px}
.cs-blog-list .cs-post-item{margin-bottom:30px}
.cs-blog-list .bio-readmore{display:none}
.cs-blog-latest-videos .cs-post-item:first-child .bio-post-details{width:100%;max-width:none}
.bio-main-content:not(.cs-full-width) .cs-blog-mixed .cs-post-item:first-child .bio-post-title h3,.cs-blog-latest-videos .cs-post-item:not(:first-of-type) .bio-post-title h3{font-size:14px;line-height:20px}
[class *= "cs-col"]{width:100%;}
.alignright,.alignleft{display:block;clear:both;width:100%;margin-left:0;margin-right:0}
blockquote{width:100%!important}
#cs-primary-nav,.cs-header-banner{display:block!important}
.cs-toggle-mobile-nav,.cs-toggle-mobile-search{display:none}
#cs-main-header #cs-header-components{padding:10px 0 0;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}
#cs-main-header.cs-header-image #cs-header-components{padding:20px 0;background-image:none}
#cs-main-header #cs-header-components #bio-site-logo{text-align:center;padding:0;margin:0;float:none;display:block;width:100%}
#cs-main-header #cs-header-components #bio-site-logo img{width: 50%;}
.isologotwo {position: relative;left: 0px;top: 0px;text-align: center;}
#bio-footer .widget{width:100%;display:block;float:none;clear:both;margin-bottom:30px}
}
@media screen and (min-width:600px) and (max-width:767px){#cs-primary-nav,.cs-header-banner{display:block!important}}
@media only screen and (min-width: 769px){.bottomborder {border-bottom: 1px solid #fff;font-family: Arial;color: #000;text-align: center;padding: 0 1px 0 3px;} .tablescroll {margin-bottom: 10px;}
.catlog_thumbnail{margin: 6px 0 5px 10px;max-width: 50%;}
}
@media only screen and (max-width: 769px){.biomobilescrol{ display:block !important;}.mobileshow{ display:block;}}
@media only screen and (min-width:760px) and (max-width:1348px){#slider .quote p{font-size: 18px;padding-left:40px;padding-right:0;} #slider .quote blockquote{margin:20px 0px 0px 0px !important;font-size: 26px !important;padding-left: 40px;} #slider{height: auto;}
.slider-prev::after, .slider-next::after{border-width: 10px 21px 12px 20px;left: 20px;}}
@media screen and (min-width:659px) and (max-width:930px){#slider .quote blockquote {margin:-26px 0px -7px 0px !important;}}
@media only screen and (max-width:886px){.bio-main-content:not(.cs-full-width) .cs-blog-three-columns .cs-post-item, .cs-blog-three-columns .cs-post-item {max-width: 450px;}
.cs-section-wrapper.with-padding .cs-blog-three-columns:last-child .cs-post-item:nth-last-of-type(-n+3), .cs-blog-three-columns .cs-post-item{margin-bottom: 15px;}
.cs-blog-latest-videos .cs-post-item:not(:first-of-type), .bio-main-content:not(.cs-full-width) .cs-blog-latest-videos .cs-post-item:not(:first-of-type), .bio-main-content:not(.cs-full-width) .bio-blog-two-columns .cs-post-item, .bio-blog-two-columns .cs-post-item, .bio-main-content:not(.cs-full-width) .cs-blog-three-columns .cs-post-item, .cs-blog-three-columns .cs-post-item{width: 100%;
float: none;display: block;margin-right: auto;margin-left: auto;}
.tablescroll {width: 100%;height: 100%;overflow-x: scroll;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #dddddd;float: left;-webkit-overflow-scrolling: touch;overflow-y: hidden;}
.tablescrolling {width: 100%;height: 100%;overflow-x: scroll;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #dddddd;float: left;-webkit-overflow-scrolling: touch;overflow-y: hidden;}

.topdiv {float: none;}
}

@media only screen and (max-width:900px){.captionxtrgtnrml{text-align: left !important;}
.catalogboximg{margin: 29px -14px 0px 0px !important;height: 67px;width: 72px !important;}
.contactmap{position: initial;}
.loginboxwieh{width: 100% !important;margin-bottom: 9px;}
.captionxtrgt{    text-align: left;}
.registrboxw{width: 98% !important;}
.molecuimg{margin-top: 4px;max-width: 50px;}
.usersuccessful2{    width: 54%;}
.thanku{padding: 0px 0px 0 0px;}
.textarea_antibodies{width: 393px;}
.loginbasestrip{margin-left:0;}
.innertab-border{width: 100% !important;}
.contactboxth{width: 90% !important;}
.antibody{ 	margin-top: 80px;}
}

             /*================================== ipads Media css close =====================================*/
/*================================== Desktops, laptops and Large screens Media css start =====================================*/

@media screen and (min-width:930px) and (max-width:1021px){/*.swiper-slide{height:100%!important}*/
}
@media screen and (min-width:1022px) and (max-width:1128px){/*.swiper-slide{height:100%!important}*/
.cs-toggle-mobile-search{left:54%}
}
@media screen and (min-width:1025px){.cs-offcanvas-wrap{display:none!important}
[class *= "cs-col"]{float:left}
}
@media only screen and (min-width:1138px){.container-biosyn{width:100%}
}
@media screen and (min-width:928px) and (max-width:1210px) {body #cs-page-wrapper {margin-top: 242px !important;}}
@media screen and (min-width:992px) and (max-width:1168px) {body #cs-page-wrapper {margin-top: 150px !important;}}
@media screen and (min-width:1168px) and (max-width:1210px) {body #cs-page-wrapper {margin-top: 120px !important;}}
@media screen and (max-width:1200px){body #cs-page-wrapper{margin-top:0;margin-bottom:0}
.cs-toggle-mobile-search{left:37px} div.biosearch input[type="text"]{width:85%;}
.headicn{margin-top:41px;font-size:32px}
}
@media only screen and (max-width:1279px){
.newpeptidebox{border: 1px solid #d2d2d2;border-radius: 0 21px 21px 21px;background-color: #fff;padding:10px;text-align: left !important;margin: 12px 0px 3px 0px !important;}
.newpeptidebox:hover {background-color: rgba(47, 169, 47, 0.08) !important; border:1px solid green;transition: .5s ease-in-out all;
    -webkit-transition: .5s ease-in-out all;
    -moz-transition: .5s ease-in-out all;
    -o-transition: .5s ease-in-out all;}	
.newpeptidebox a{color: #228b22;} .newpeptidebox p {margin: 0;padding-left: 8px;text-align: left;} .newpeptidebox p a {color: #000;margin: 0;font-size: 13px;padding: 0;font-weight: normal;text-align: left;}
.newpeptidebox h3 {margin: 0;font-size: 17px;padding: 0 0 0 5px;text-align: left;line-height: 23px;margin-bottom: 4px;}
.catlog_thumbnail{margin:-7px 7px 2px 10px;max-width: 50% !important;} 
.catalogboximg{width: auto !important;height: 79px !important;}
}
@media only screen and (min-width:1280px){ .newpeptidebox h3 {color: #06a146;margin: 0;font-size: 17px;padding: 0 0 0 7px; font-weight: 400;} .newpeptidebox p {margin: 0;padding: 1px 0px 0px 5px;font-weight: normal;} .newpeptidebox p a {color: #000;margin: 0;font-size: 14px;padding: 0;font-weight: normal;text-align: left;} 
.bioconjugation-row {width: 50%;float: left;} .tablescroll {margin-bottom: 10px;}.tablescrolling {margin-bottom: 10px;}
.newpeptidebox_height {height: 85px;}
.newpeptidebox_height1 {height: 108px;}
.newpeptidebox_height2 {height: 125px;}
.nano_height1 {height: 105px;}
}
@media screen and (min-width:1349px){/*.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:26px;height:34px;text-align:center;line-height:34px;font-size:24px;margin-top:-55px;z-index:10;cursor:pointer;background-color:#81cd40;color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;border-radius:14px}*/
#slider .quote blockquote{margin:24px 20px 0px !important;margin-bottom: 0 ;font-size: 31px !important;font-weight: 300;line-height: 1.1;background: 0;padding-bottom: 9px;}
.coronaquote, blockquote {line-height: 46px !important;}
#slider .quote blockquote a {color:#b4293a;}
#slider {list-style: none;margin: 0;padding: 0;height: 20pc !important;position: relative;overflow: hidden;}
.headicn{margin-top:27px!important;font-size:28px!important}
.topnav{display:none}
#search{display:none}
.cs-post-thumb{margin:1px 23px 15px -22px}
.blogicon-tob {left: 52px!important;padding-top:4px!important} .blogicon-tob{position:relative;width:38%;height:64px;line-height:75px;font-size:50px;color:#fff;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;left:52px;margin-bottom:4px;padding-top:11px;top: 7px;}
.blogicon-tob img[alt]{font-size:4px;}
.topnav{overflow:hidden;display:none}
.topnav a{float:left;display:block;color:#2f2e2e;text-align:center;padding:0 16px;text-decoration:none;font-size:16px;font-weight:normal}
.topnav a:hover{color:black;background:gainsboro;border-left:4px solid #23a923}
.active{color:#000}.topnav .icon{display:none}
.blogicon-bor{z-index: 1;position:relative;height:33px;line-height:30px;font-size:52px;text-align:center;color:#fff;-moz-transition:.3s all ease;-o-transition:.3s all ease;-webkit-transition:.3s all ease;transition:.3s all ease;margin-bottom:7px;}
.blogicon-bor img{ width: 55px;}
.blogicon-bor img[alt]{font-size: 4px;}

}
@media screen and (max-width:1920px){.topnav{overflow:hidden;display:none;}#slider li{padding-bottom: 24%;} 
.biomobilescrol{ display:none;}
.mobileshow{ display:none;}
.catlog_thumbnail {margin: 2px 7px 7px 10px;max-width: 22%;}
}

/*================================== Desktops, laptops and Large screens Media css close =====================================*/
  
/**====================================newsletters==========================================**/

.newstext {font-weight:normal; font-size: 11px;color: rgb(0, 0, 0);text-align: left;line-height: 17px; margin: 2px 0px 0px;padding: 3px 0px 0px;text-decoration: none;}
.newsheading {color: #3A3AFD;font-size:13px;    word-spacing: -1px;}
.newsbox {background:#f2fff1;   border-radius: 7px;border: 1px solid #8b8e02;   padding: 7px 2px 0px 5px; height: 107px; margin-bottom: 16px;}
.newsbox:hover {border: 1px dashed #8F8F8F;background-color: #f4f5f5;background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);border-radius: 0;}
.newsimg {float: left; width: 71px; padding-right:4px; padding-top:5px;height: 85px;}
.newsredmore {float:right; padding-top:5px;padding-right: 5px;font-weight:bold;}

/**====================================catalog page newsbox css 11 july ==========================================**/

.catlog-news {color: #1c1c1c;padding: 10px;font-weight: normal;font-size: 18px;}

/**====================================catalog page newsbox css 11 july end ==========================================**/

/**====================================catalog page newsbox css 11 july ==========================================**/
.btncatprod{text-align:right;}

/**====================================catalog page newsbox css 11 july end ==========================================**/

/**====================================catalog page newsbox css 14 july "sample-preparation-kit/product/feline-calicivirus-rt-pcr-detection-kit.aspx" ==========================================**/
.orange_tb_bg {background-color: rgb(250, 150,0);color: #fff;cursor: pointer;}.red_tb_bg {background-color: rgb(200, 0, 25);color: #fff;cursor: pointer;}
.sampleorange{	background-color:rgb(250, 150,0); color:#fff;border-radius:10px; padding:1px 5px;}
.sapmlegreen{background-color:rgb(0, 175, 80); color:#fff;border-radius:10px; padding:1px 5px;}
.samplered{background-color:rgb(200, 0, 25); color:#fff;border-radius:10px; padding:1px 5px;}
.sampleorange h4,.sapmlegreen h4,.samplered h4 {color:#fff; text-align:center; font-size:16px;}
.samplepopup { position:fixed; top:20%; left:0%;bottom:0px;right:0px;margin:auto;width:500px;height:350px;font-family:verdana;font-size:13px; padding:20px 10px 10px 10px; background-color:#fff;border:2px solid grey;z-index:100000000000000000;}    
.samplecancel { position:absolute; cursor:pointer;margin:0; top:2px; right:2px;float:right;width:14px;background-color:#000;text-align:center; font-weight:bold; font-size:11px;color:white;border-radius:3px;  z-index:100000000000000000;}
.cancel:hover { background:rgb(255,50,50);}
/**====================================catalog page newsbox css 14 july ==========================================**/


/**====================================sample-preparation-kit/product/ css 20 july ==========================================**/
.npdet_innerbody p{color: #000000;padding-top: 25px;}
/**====================================sample-preparation-kit/product/ css 20 july ==========================================**/

/**====================================Dynamic page css product details 2 Aug ==========================================**/
.biomobilescrol img{ width:100%;display:none;}
.probtablebg {color: #FFF;height: 32px;padding-left: 5px;background-color: rgb(79, 181, 71);}
.boxbg44 {background-color: #e1ece1;padding: 5px;vertical-align: top;}
/**====================================Dynamic page css 2 Aug ==========================================**/

/**====================================Tew 21 aug ==========================================**/
.greystrip2 h2 {padding: 0px 0px 0px 13px;}
/**====================================Tew 21 aug end ==========================================**/

/**====================================tradeshows.aspx 21 aug pagination  ==========================================**/
.np_blacktxt {font-weight: bold;color: #000000;padding-left: 9px;margin-right: 13px;padding: 0px !important;}
/**====================================tradeshows.aspx 21 aug pagination end ==========================================**/

/**====================================samplepreparation.aspx 22 aug   ==========================================**/
.antibody_intro_callink a {color: #be0901;font-weight: bold;text-decoration: none;}
.antibody_intro_callink a:hover {color: maroon;font-weight: bold;text-decoration: none;}
.microarray_welcometext {color: #000000;margin-top: 10px; width: 100%;float: left;}
.microarray_list {height: auto;overflow: hidden;float: left;margin-top: 10px;}
/**====================================samplepreparation.aspx 22 aug end ==========================================**/

      .ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
      margin-bottom: 0px;
}
        .ele-container {
    width: 450px;
    margin-left: 0px;
    margin-right: 0px;
    position:absolute;
   
}


/**====================================corona css  ==========================================**/
.coronabox {
    width: 98%;
    background: #ffffff;
    border: 2px solid red !important;
    padding: 0px 12px 15px;
    margin: 2% 0%;
    border: 2px solid #a2a2a2;
    border-radius: 25px;
    -webkit-transition: 1.2s ease-in-out all;
    -moz-transition: 1.2s ease-in-out all;
    transition: 1.2s ease-in-out all;
    display: inline-block;
    text-align: center;
     -moz-box-shadow:    inset 0 0 10px #c3c2c2;
   -webkit-box-shadow: inset 0 0 10px #c3c2c2;
   box-shadow:         inset 0 0 10px #c3c2c2;

}
.coronabox h4 {text-align: center;color: #000;font-size: 22px;    margin-bottom: 3px;}
.coronabox p {text-align:center;margin-bottom: 6px;}
.coronabox a {color: #0c89ec;}
.slidebtn {border-radius: 0px;margin: 10px 0px;font-size: 16px;}
.slidebtn span {}
.coronaquote {width: auto !important;display: inline-table !important;margin: 0px 5% 0px !important;text-align: center !important;}

/**====================================corona css end==========================================**/