@media (min-width: 768px) and (max-height: 830px){
	.home header {top:30px}
}

@media (min-width: 768px) and (max-height: 730px){
	#hero .l1 {padding-bottom:15px}
	#hero .l3 {padding-top:15px}
	#hero .btn {margin-top:20px}
}

@media (min-width: 768px) and (max-height: 670px){
	#hero h1 {font-size:40px}
	#hero .l1 {font-size:16px;padding-bottom: 20px;}
	#hero h2 {font-size:27px}
	#hero .l3 {font-size:15px;padding-top:15px}
	#hero .btn {margin-top:20px}
	#hero .l2 {font-size:22px}
}

@media (min-width: 768px) and (max-height: 600px){
	.home header {top:10px}
}

@media (min-width: 768px) and (max-height: 570px){
	#hero .innr {margin-top:80px}
}

@media (min-width: 768px) and (max-height: 540px){
	#hero .innr {margin-top:60px}
}

@media (max-width: 1580px) {
	#stickybar .container {position:relative}
	#stickybar #cloud-left {left:-300px}
}
 
@media (max-width: 1300px) {

}



@media (max-width: 1240px) {
	#agenda .top .right {margin-right:45px}
}





@media (max-width: 1100px) { 
	#stickybar #counter {margin:0 30px}
	#agenda .pline {display:none}
	#agenda .top .container {padding-top:50px;padding-bottom:50px;text-align:center;flex-direction:column}
	#agenda .top .title {display:inline-block;text-align:left;margin-left:auto;margin-right:auto;margin-bottom:50px;}
	#agenda .top .right {text-align:left;margin-left:auto;margin-right:auto}
	#agenda .top {height:100%;}
	#overview .tabs {flex-wrap:wrap}
	#overview .tabs .btn.comm {margin-top:20px !important}
	
}


@media (max-width: 991.98px) {  
	#hero {height:calc(100vh - 80px)}
	#stickybar {height:80px}
	#stickybar .flex > div:first-child, #stickybar #counter {display:none}
	#virtually .icons p {padding-left:10px;padding-right:10px}
	#virtually {padding-bottom:50px}
	#speakers .title {padding-top:20px}
	#speakers .title h3 {font-size:34px}
	#speakers {padding:80px 0}
	#speakers .items a {margin-right:25px}
	#overview .row .date {  margin:0;width:120px}
	#overview .row .event_title { margin:0; width:calc(100% - 120px)}
	#overview .row .event_title:after {left: -63px;}
	#overview .row .description {margin:0;  width:40%}
	#overview .row {margin-left:0}
	#overview .row {padding-bottom:0;margin-bottom:50px}
	#overview .row .event_title {min-height:100px}
	
}


@media (min-width: 768px) { 
	#speakers .items a:hover img {box-shadow: 0px -2px 14px 0px rgba(0,0,0,0.25);transform:translateY(-12px)}
}



@media (max-width: 767.98px) { 
	select{font-family: 'Montserrat';    font-size: 20px !important;text-align:center;border:0;border-bottom:1px solid #cecece;width:100%;height:40px;}
	select {background-image:url("images/drop-down.png");background-position:right center;background-repeat:no-repeat}
	select.error {border-bottom:1px solid #ff0000}
	.home header {top:15px}
	header .nav {width:100%;padding:0;position:absolute;top:52px;left:0;overflow:hidden;display:none;background:#fff}
	header nav ul.menu {flex-direction:column}
	header nav ul.menu li {margin:0;position:relative}
	header nav ul.menu li a {color:#0b4065;display:block;padding:20px 66px;font-size:17px}
	body:not(.home) header  {padding:15px 0}
	body:not(.home) header .hamburger {top:14px}
	body:not(.home) header .nav {top:66px}
	.hamburger {display:block}
	#stickybar #cloud-left {display:none}
	#virtually {height:100%}
	#virtually strong {font-size:18px}
	#virtually .icons p {font-size:14px}
	#virtually .title h3 {font-size:45px}
	#virtually .title p {padding-bottom:50px;font-size:18px}
	#virtually .title {padding-bottom:50px}
	#speakers .container {flex-direction:column}
	#speakers .title, #speakers .items {width:100%}
	#speakers .items {width:calc(100% + 20px);margin-left:-10px}
	#speakers strong {padding-top:15px}
	#speakers .items a {margin:0 10px}
	#speakers {padding:50px 0}
	#speakers .title .innr {max-width:100%;padding-bottom:30px}
	#speakers .title {padding-top:0}
	#faq {padding:50px 0}
	#faq h3 {font-size:45px;padding-bottom:50px}
	.accordionjs .acc_section .acc_content {    padding: 30px 0 0px 15px;} 
	.accordionjs .acc_section .acc_head {padding-left:0;font-size:18px}
	.accordionjs {margin-right:25px}
	
	#overview {padding-top:50px;padding-bottom:20px}
	#overview .title p {font-size:18px;line-height:24px}
	#overview .row .event_title {font-size:18px;line-height:24px}
	#overview .tabs a.btn, #overview .weeks a {margin:0 5px}
	#overview .tabs .btn {width:calc(33.33333% - 10px) !important;margin-top:20px !important}
	#overview .tabs .btn.comm {max-width:360px;width:100% !important}
	#stickybar .container {flex-direction:column;text-align:center}
	#stickybar #counter {transform:scale(0.5)}
	#stickybar .l1 {    margin-bottom: -12px;margin-top:10px;font-size:14px}
}



@media (max-width: 575.98px) {  
	#hero h1 {font-size:40px}
	#hero .l1 {font-size:16px;padding-bottom: 20px;}
	#hero h2 {font-size:27px}
	#hero .l3 {font-size:15px;padding-top:15px}
	#hero .btn {margin-top:20px}
	#hero .l2 {font-size:22px}
	#virtually .icons {margin-top:0;flex-direction:column}
	#virtually {background-position: 60% 0 !important;padding-bottom:10px}
	#virtually .icons > div {width:100%}
	#virtually .title {padding-bottom:0}
	#quote em, #quote i {padding-bottom:30px;font-size:18px;line-height:23px}
	#speakers .title h3 {font-size:30px}
	#agenda .top .title h3 {font-size:60px}
	#agenda .top .title {margin-left:0;margin-bottom:30px}
	#agenda .top .right .flex {margin-top:30px}
	#speakers {padding-bottom:20px}
	#agenda .top .right {font-size:16px;line-height:22px}
	#agenda .top .right .btm {padding-top:30px}
	#overview .weeks {margin-bottom:50px}
	#overview .row {flex-wrap:wrap}
	#overview .row .date {width:100px}
	#overview .row .event_title {width:calc(100% - 100px - 20px)}
	#overview .row .event_title:after {left: -53px;}
	#overview .row .description {padding-left:110px;width:100%}
	#overview .row .event_title .event_time {font-size:16px}
	#overview .weeks a {font-size:18px}
	#overview h4 {font-size:26px;line-height:32px;padding-top:0}
	#overview .tabs {margin-top:30px}
	#overview .tabs .btn {    width: calc(50% - 10px) !important}
	footer {padding-bottom:10px !important}
	#contact input, #contact textarea {font-size:18px}
	.page-id-225 h1{font-size: 34px}
}


@media (max-width: 470px) { 
	#speakers .items {margin:0;width:100%;flex-direction:column}
	#speakers .items a {margin:0 0 50px 0}
	#virtually .title h3 {font-size:38px}
	#virtually .title p {font-size:16px;line-height:22px}
}

@media (max-width:400px){

}
@media (max-width:380px){
	#overview .tabs .btn {    width: 100% !important}
}