.res-menu {
    text-align: right;
    margin-top: 0px;
    margin-right: 5px;
    display: none;
}
.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 5px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 35px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s,opacity 75ms ease;
}
.hamburger-inner:before {
    top: -10px;
}
.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
.hamburger-inner:after {
    bottom: -10px;
}
.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);
}
.tablet, .phone {
	display: none;
}
.desktop {
	display: block;
}
@media (max-width: 1400px) {
	.container {
		max-width: 1100px;
	}
	.menu ul li + li {
		margin-left: 20px;
	}
	.sub-menu-block ul li + li {
	    margin-left: 0;
	}
}
@media (max-width: 1200px) {
	.logo {
		max-width: 275px;
	}
	.menu {
		margin-top: 0;
	}
	.menu ul li a {
		font-size: 15px;
	}
	.bigcontainer {
		max-width: 1000px;
	}
	.container {
		max-width: 980px;
	}
	h2 {
		font-size: 26px;
	}
	p {
		font-size: 16px;
	}
	h4 {
		font-size: 19px;
	}
	.headblock h1 {
		font-size: 32px;
	}
	.headblock p {
		font-size: 16px;
	}
	.btn {
		font-size: 16px;
		padding: 7px 7px;
	}
	.greenblock h3 {
		font-size: 34px;
	}
	.greenblock p {
		font-size: 18px;
	}
	.greentick {
		font-size: 20px;
	}
	.greentick:before {
		background-size: 20px 22.4px;
		width: 20px;
		height: 22.4px;
		background-position-y: 1px;
	}
	.guide h3 {
		margin: 10px 0px 20px 0px;
	}
	.footer-logo {
		max-width: 150px;
	}
	.borderbox p {
		padding: 0 30px;
	}
	.question p, .answer p {
		font-size: 16px;
	}
	.question:before, .answer:before {
		font-size: 16px;
		top: 23px;
	}
	.buttons .btn {
		font-size: 14px;
	}
	.webcontent {
		padding: 5px 15px 25px 15px;
	}
	.webcontent .webinar-description-block h2 {
    	font-size: 22px;
	}
	.date-block img {
		max-width: 25px;
	}
	.date-block p {
		font-size: 16px;
	}
	.check-container {
		font-size: 16px;
		padding-left: 30px;
	}
	.checkmark {
		width: 20px;
		height: 20px;
	}
	.check-container .checkmark:after {
	    left: 6px;
	    top: 1px;
	}
	.carousel-item .carousel-text {
	    min-height: 140px;
	}
	.static .whitebox ul li {
		font-size: 16px;
	}
}
@media (max-width: 1023px) {
	.desktop {
		display: none;
	}
	.tablet {
		display: block;
	}

	h2 {
		font-size: 24px;
	}
	.container {
		padding: 0px 35px;
	}
	.floating_box_up {
		width: 98%;
	}
	.gbw-icon {
		padding: 5px 5px 15px 5px;
	}
	.greenblock {
		padding: 15px 10px;
	}
	.side_padd {
		padding: 40px 75px;
	}
	.greenblock h3 {
		font-size: 28px;
	}
	.greenblock p {
	    font-size: 13px;
	}
	.guide h3 {
		font-size: 24px;
	}
	.bigbtn {
		font-size: 18px;
	}
	.modal {
		padding: 0 15px;
	}
	.resource .col10, .resource .col2 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.resource .col2 {
		margin-top: 20px;
	}
	.resource .btn {
	    width: auto;
	    text-align: center;
	}
	.headblock.maxheight {
		height: 500px;
		max-height: 140px;
		-webkit-transition: max-height 0.2s linear;
	    -moz-transition: max-height 0.2s linear;
	    -ms-transition: max-height 0.2s linear;
	    transition: max-height 0.2s linear;
	}
	.headblock.maxheight.minheight {
		max-height: 250px;
	}
	.headnav {
		padding: 20px 0px 30px 0px;
	}
	.menu {
		position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: #68cccb;
	    margin-top: 0;
	    display: none;
	    z-index: 2;
	}
	.menu ul {
		max-width: 265px;
    	margin: 80px auto;
	}
	.menu ul li + li {
		margin-left: 30px;
	}

	.menu ul li {
		display: block;
		margin: 30px;
		text-align: left;
		padding: 0;
	}
	.menu ul li a {
		font-size: 22px;
		color: #292c82;
		font-weight: 700;
	}
	.menu ul li.active a, .menu ul li:hover a {
		color: white;
	}
	.res-menu {
		display: block;
		position: absolute;
		right: 15px;
		z-index: 2;
	}
	.thridcontainer {
		max-width: calc(100% - 200px);
	}
	.halfcontainer {
		max-width: calc(100% - 200px);
	}
	.map1bg {
	    padding: 15px;
	}
	.map1bg .side_padd {
    	padding: 40px 40px;
    	background-size: 100%;
    	min-height: 510px;
	}
	.webinarspage .col4 {
		position: relative;
	    width: 100%;
	    min-height: 1px;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.webinar-block {
		margin-bottom: 15px;
	}
	.sub-account {
		top: -10px;
    	right: 215px;
	}
	
	.sub-account:after {
		top: 50%;
	    left: 100%;
	    margin-left: 0;
	    margin-top: -30px;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #66CCCC;
	}
	.menu ul li:hover ul li a {
		color: #292c82;
	}
	.menu ul li ul li:hover a {
		color: white;
	}
	.supporting {
		width: 100%;
		margin-bottom: 25px;
	}
	.darkbg .btn-right {
		float: none;
	}
	#patients1.small-patients {
		max-width: 220px;
		display: block;
	}
	#patients1.small-patients img {
		max-width: 220px;
	}
	.sub-menu-block {
		display: block;
	    position: relative;
	    top: 0;
	    margin: 0;
	    max-width: auto;
	}
	.sub-menu-block ul {
		margin: 0;
		padding: 10px 15px 0px 15px;
	}
	.sub-menu-block ul li {
		margin: 10px 0px;
	}
	.sub-menu-block ul li + li {
		margin-left: 0;
	}
	.sub-menu-block ul li a {
		font-size: 20px;
	}
	.sub-menu-block:after {
		display: none;
	}
	.footer .col9, .footer .col3 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.footer-logo {
		margin-top: 30px !important;
	}
	.footer button {
		margin-left: 0px !important;
		max-width: 48%;
		width: 100%;
		margin-top: 10px;
	}
	.footer button.btn {
	    font-size: 11px;
	}
}
@media (max-width: 850px) {
	.side_padd {
		padding: 40px 25px;
	}
	.map1bg .side_padd {
		padding: 20px 20px;
	    background-image: url(../img/map.png);
	    background-position: 0px 60px;
	    background-repeat: no-repeat;
	    min-height: 450px;
	    background-size: 100%;
	    text-align: center;
	}
	.title-separator span {
		max-width: 220px;
	}
	.map1bg .side_padd .btn {
		margin-top: 255px;
	}
	.afterfloating_x2 {
		padding-top: 250px;
	}
	.featured-box .col6 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	
	}
	.headblock .col6 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.transparent-block {
		margin-left: 0;
		max-width: 450px;
		width: 100%;
	}
	.latest .col6 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.separator-column {
		border: none;
	}
	.colpadd2 {
		padding-left: 15px;
	}
	.featured-podcast .col6 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.podcast-featured-img {
		min-height: 290px;
	}
	.podcast-item {
		margin-left: -15px;
    	margin-right: -15px;
	}
}
@media (max-width: 767px) {
	.section .col3, .resource .col3, .resource .col8, .home_bg1 .col4, .neutralbg .col4, .guide .col5, .mediumcontainer .col6, .guide .col7, .section .col9, .side_padd .col4, .side_padd .col8 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.col6 .col2
	{
		-ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}

	.col4 .col2
	{
		-ms-flex: 0 0 12%;
	    flex: 0 0 12%;
	    max-width: 12%;
	}
	.greenblock {
		margin-bottom: 15px;
	}
	.side_padd .col4 img {
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.side_padd .col8 {
		text-align: center;
	}
	.greentick {
		max-width: 215px;
   		margin: 0 auto;
	}
	.afterfloating {
	    padding-top: 410px;
	}
	.guide .col5 img {
		margin: 0 auto;
	}
	.bigbtn {
		margin-bottom: 15px;
	}
	.greenblock h3 {
		font-size: 34px;
	}
	.greenblock p {
		font-size: 18px;
	}
	.resource .col3 img {
		max-width: 170px;
	}
	.whitebox {
		padding: 20px 25px;
	}
	.headnav .col4, .headnav .col8 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.discover-icon h4 {
		font-size: 16px;
	}
	.discover-icon {
		margin-bottom: 25px;
	}
	.viewall {
		margin-top: 2px;
	}
	.buttons .btn {
	    font-size: 14px;
	    padding: 7px 15px;
	}
	.featured-podcast {
		padding-left: 40px;
		padding-right: 40px;
	}
	.study-charts .col6 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.participating {
		padding-right: 0;
    	text-align: center;
    	margin-bottom: 10px;
	}
	.investigational-study {
		padding-left: 0;
    	text-align: center;
    	margin-top: 20px;
	}
}
@media (max-width: 650px) 
{
	.col12Mob
	{
		width: 100%;
	    min-height: 1px;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-bottom: 10px;
	}

	.pod-img {
		width: 100%;
	}
	.pod-description {
		width: 100%;
		padding-left: 0;
	}
	.accountpage .col5, .accountpage .col10 {
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.timeline .content h2
	{
		font-size: 13px;
		line-height: 15px;
	}

	.timeline .innerWhite
	{
		padding-left: 14px;
		padding-right: 14px;
	}

	.timeline .innerWhite h2
	{
		font-size: 12px;
	}

	.timeline .innerWhite button
	{
		font-size: 12px;
		line-height: 14px;
	}

	.timeline .colpadd
	{
		padding-left: 5px;
		padding-right: 5px;
	}

	.timeline .content 
	{
  		padding: 10px 10px;
  	}

  	.timeline .container 
  	{
  		padding: 2px 20px;
  	}

}
@media (max-width: 550px) {
	.centercontainer {
		margin: 0;
	}
	.verysmallcontainer {
		padding: 0px 15px;
	}
	.loginfooter img {
		max-width: 100px;
	}
	.gr_input {
		padding: 15px 15px;
		font-size: 14px;
	}
	.whiteblock {
		padding: 5px 50px 5px 50px;
	}
	.whiteblock img {
		float: left;
	}
	.whiteblock p {
		font-size: 20px;
	}
	.phone {
		display: block;
	}
	.tablet {
		display: none;
	}
	.container {
	    padding: 0px 15px;
	}
	.graphtitle {
		font-size: 18px;
	}
	.graphnote {
		font-size: 14px;
	}
	.halfcontainer, .thridcontainer {
		max-width: 100%;
	}
	.res-menu {
		position: absolute;
	    right: 25px;
	    top: -13px;
	}
	.headblock.maxheight.minheight {
		max-height: 300px;
	}
	.headnav .col4, .headnav .col8 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.headnav .col8 {
		margin-top: -40px;
	}
	.logo {
		max-width: 210px;
	}
	.headblock h1 {
		font-size: 24px;
	}
	.headblock p {
		font-size: 15px;
	}
	p {
	    font-size: 15px;
	}
	h2 {
	    font-size: 20px;
	}
	.greenblock h3 {
	    font-size: 26px;
	}
	.greenblock p {
	    font-size: 16px;
	}
	.guide h3 {
	    font-size: 20px;
	}
	.side_padd {
	    padding: 40px 10px;
	}
	.floating_box_up {
	    width: 90%;
	}
	h4 {
	    font-size: 17px;
	}
	.gb-icon {
		margin-bottom: -17px;
    	max-width: 80px;
	}
	.question, .answer {
		border-radius: 20px;
		padding: 7px 10px 7px 45px;
	}
	.question p, .answer p {
	    font-size: 14px;
	}
	.question:before, .answer:before {
	    font-size: 14px;
	    top: 22px;
	    left: 17px;
	}
	.whitebox {
	    padding: 15px 15px;
	}
	.criteria .col4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0px 15px;
	}
	.criteria .col8 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0px 15px;
	    text-align: center;
	}
	.footer .col6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    text-align: center;		
	}
	.footer-logo.align-right {
		margin: 0 auto;
		margin-top: 30px;
	}
	h2 span {
		display: block;
	}
	.btn {
		padding: 7px 30px;
	}
	.title-search .col6 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.search_input input {
		width: 100%;
	}
	.search_input {
		margin-bottom: 25px;
	}
	.myaccount-icon span {
		font-size: 12px;
	}
	.myaccount-icon img {
		max-width: 20px;
    	margin-right: 10px;
	}
	.res-menu {
		top: 20px;
	} 
	.sub-account {
		top: -10px;
    	right: 109px;
		max-width: 120px;
	}
	.sub-account ul {
    	padding: 10px 15px;
	}
	.sub-account ul li {
	    padding: 5px 0px;
	}
	.sub-account ul li a {
		font-size: 12px;
	}
	.sub-account:after {
		top: 50%;
	    left: 100%;
	    margin-left: 0;
	    margin-top: -27px;
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #66CCCC;
	}
	.colpadd2 img {
		max-width: 290px;
	}
	.featured-podcast {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	.supporting p {
		font-size: 16px;
	}
	.poster-icon {
		vertical-align: top;
    	max-width: 35px;
	}
	.poster-description h3 {
		font-size: 20px;
	}
	.poster-description p {
		font-size: 16px;
	}
	.poster-description {
		width: calc(100% - 40px);
	}
	.poster-item .button {
		display: block;
	    width: 100%;
	    text-align: left;
	    margin-top: 10px;
	    margin-left: 63px;
	}
}
@media (max-width: 400px) {
	.whiteblock {
		padding: 5px 5px 5px 5px;
	}	
}