/* Responsive CSS For all Bootstrap Breakpoints */

/* XS/SM ----------- */
@media
only screen and (max-width : 991px) {
/* Styles */
#wrapper { max-width: 100vw; overflow: hidden; }
#nav-icon {
  width: 26px;
  height: 21px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: inline-block;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #243350;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 9px;
}
#nav-icon span:nth-child(4) {
  top: 18px;
}
#nav-icon.open span:nth-child(1) {
  top: 20px;
  width: 0%;
  left: 50%;
}
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
  top: 20px;
  width: 0%;
  left: 50%;
}
.navbar-toggler { padding-right: 0; padding-left: 0; float: right; position: relative; z-index: 2; top: 35px; }
.navbar-toggler-icon { color: #243350; display: flex; width: auto; height: auto; }
.navbar-toggler-icon em { display: inline-block; font-size: 13px; margin-right: 10px; line-height: 20px; font-style: normal; }

}

/* XS - Extra Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */
h1, .h1 { font-size: 32px; line-height: 42px; }
h2, .h2 { font-size: 28px; line-height: 32px; }
h3, .h3 { font-size: 28px; line-height: 32px; }
h4, .h4 { font-size: 24px; line-height: 30px; }
#hero, #intro, #speakers-feed, #experience, .cta-bar, #meet-us { text-align: center; }
.page-template-tmpl-home #main-header { position: absolute; top: 0; left: 0; right: 0; z-index: 1020; }
#main-header { position: static; padding-top: 40px; }
#main-header.sticky #header-top { padding: 15px 0; }
#main-header.sticky #header-top .navbar-toggler { top: 10px; }
#header-top { position: absolute; right: 0; left: 0; top: 0; }
#header-top .imagecon-logo { width: 125px; }
#main-nav { display: block; }
#main-nav, .nav-wrapper { position: static; }
#mainMenu { position: absolute; z-index: 1; left: -15px; right: -15px; top: 0; background-color: #fff; padding: 1rem; height: 100vh; overflow-x: hidden; overflow-y: auto; text-align: center; }
#mainMenu:before { content: ""; display: inline-block; width: 125px; height: 49px; margin-top: 24px; margin-bottom: 50px; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_auto,f_auto,q_auto,w_125,c_scale/imagecon_site/2020/imagecon2020_logo.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#mainMenu .nav { display: block; }
#main-nav .nav .nav-link { margin-right: 0; }
#main-nav .nav .nav-link.active { border: none; }
#main-nav .nav .btn { margin-top: 30px; }
#header-top { z-index: 3; }
#header-top .header-wrapper { display: none; }
#header-top .btn { display: inline-block; }
#speakers-feed .items { flex-wrap: wrap; }
#speakers-feed .container-fluid .items.d-flex .item { flex: 0 0 48%; max-width: 48%; }
#speakers-feed .container .items.d-flex .item { flex: 0 0 100%; max-width: 100%; }
#header-bot { text-align: center; padding-top: 0; padding-bottom: 15px; }
#header-bot:before { content: ""; position: absolute; z-index: 1; width: 77px; height: 38px; top: 45px; left: 85%; background-position: center top; background-size: cover; background-repeat: no-repeat; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_yellow_circle.svg'); opacity: 1; mix-blend-mode: multiply; }
#header-bot .d-flex { display: block !important; }
#header-bot .widget { margin-bottom: 20px; }
#hero { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/v1579033414/imagecon_site/2020/imagecon2020_hero_mobile.png'); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 1px; padding-bottom: 70px; padding-top: 220px; }
#hero .background { display: none; }
#hero .title { position: relative; }
#hero .title:before { content: ""; position: absolute; z-index: 1; width: 38px; height: 77px; top: 100%; left: -15px; background-position: center right; background-size: cover; background-repeat: no-repeat; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_circle.svg'); opacity: 1; mix-blend-mode: multiply; }
#hero .btn-gradient:after { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/v1579033414/imagecon_site/2020/imagecon2020_hero_mobile.png'); background-position: 0 84%; background-size: auto; background-repeat: no-repeat; }
#intro { padding: 50px 0; }
#intro:before { content: ""; position: absolute; z-index: 1; width: 38px; height: 77px; top: -38px; right: 0; background-position: center left; background-size: cover; background-repeat: no-repeat; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_orange_semicircle.svg'); opacity: 1; mix-blend-mode: multiply; }
#intro .text { font-size: 14px; }
#speakers-feed { padding-bottom: 50px; }
#speakers-feed .title h2 { margin-bottom: 20px; }
#speakers-feed .items-wrapper { padding: 0; }
#speakers-feed .item:before { content: ""; display: block; z-index: 1; position: absolute; top: 0; left: 0; right: 0; height: 80px; background-color: #FFF; }
#speakers-feed .item { margin-bottom: 20px; padding-top: 40px; }
#speakers-feed .speaker-wrapper { padding: 0; background: none; }
#speakers-feed:not(.archive) .item .image, #speakers-feed:not(.archive) .item .content { margin-bottom: 15px; }
#experience { padding: 0; }
#experience .title { margin-bottom: 0; }
#experience .items > .item:first-child { margin-bottom: 20px; }
#experience .items > .item .image { padding: 0; z-index: 1; }
#experience .items > .item .image:before { display: none; }
#experience .items > .item .text { padding: 0 15px !important; z-index: 2; margin-bottom: -35px; }
#experience .items > .item .text .text-wrapper { background-color: #FFF; padding: 25px; }
.cta-bar { padding: 40px 0; }
.cta-bar .wrapper-inner { padding: 45px; }
.cta-bar .wrapper:before { display: none; }
.cta-bar .button { padding-top: 10px; }
#meet-us { padding: 40px 0; }
#meet-us:before { display: none; }
#meet-us .title { margin-bottom: 0; }
#meet-us .text { background-color: #FFF; padding: 30px 20px; }
#meet-us .col-sm-6 { z-index: 2; }
#meet-us .col-sm-6:not(.img-overflow) { padding: 0; z-index: 1; }
#meet-us .img-overflow { margin-top: -35px; }
#faqs { padding: 0 0 30px 0; }
#faqs:before { display: none; }
#faqs .title { text-align: center; }
#faqs .items .nav { align-content: center; margin-bottom: 20px; }
#faqs .tab-content .btn { font-size: 15px; }
#faqs .tab-content .btn:after { top: 16px; }
.footer-top .d-flex .widget:first-child { margin-bottom: 5px; }
.footer-top .d-flex .widget:last-child { padding-left: 0; }
footer #cloudinary-logo { width: 85px; }
#training { text-align: center; }
#training .items-wrapper { padding-bottom: 30px; }
}
@media
(-webkit-min-device-pixel-ratio: 2) and (max-width : 767px),
(min-resolution: 192dpi) and (max-width : 767px) {
    #header-bot:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_yellow_circle.svg'); }
    #hero .title:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_circle.svg'); }
    #intro:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_orange_semicircle.svg'); }
}

/* SM - Small Devices ----------- */
@media only screen
and (min-width : 576px)
and (max-width : 767px) {
/* Styles */
.container { max-width: 90%; }
}

/* MD - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */
body { font-size: 14px; }
h1, .h1 { font-size: 48px; line-height: 54px; }
h2, .h2 { font-size: 40px; }
h3, .h3 { font-size: 40px; }
h4, .h4 { font-size: 32px; }
.container { padding-left: calc(2% + 15px); padding-right: calc(2% + 15px); }
body:not(.home) #main-header:not(.sticky) #header-top .header-wrapper { margin-left: calc(16.666667%); }
#main-header { padding-top: 20px; }
#main-nav { padding-left: 5%; }
#header-bot { padding-top: 55px; padding-bottom: 15px; }
#header-bot .container { padding-left: calc(4% + 15px); padding-right: 0; }
#header-bot .col-12 { padding-right: 0; }
#header-bot img { width: 103px; }
#hero .container { padding-left: calc(4% + 15px); padding-right: calc(4% + 15px); }
#hero .background .inner img { min-width: 768px; }
#intro { padding-top: 20px; }
#intro .text { font-size: 18px; }
#intro .items > .item { font-size: 14px; }
#speakers-feed .title h2 { margin-bottom: 20px; }
#speakers-feed .item:before { content: ""; display: block; z-index: 1; position: absolute; top: 0; left: 0; right: 0; height: 80px; background-color: #FFF; }
#speakers-feed .item { margin-bottom: 50px; padding-top: 20px; }
#speakers-feed .container .items.d-flex .item { flex: 0 0 31%; max-width: 31%; }
#experience { padding: 0 0 80px 0; }
#experience .video { margin-bottom: -35px; }
#experience .items > .item .text strong { letter-spacing: -5px; font-size: 75px !important; }
#experience .items > .item .text em { font-size: 16px !important; }
#experience .items > .item:nth-child(even) .image:before { width: 77px; height: 77px; background-size: cover; }
#experience .items > .item:nth-child(odd) .image:before { background-position: bottom center; background-size: cover; opacity: 0.9; top: 70%; left: 96%; height: 38px; width: 77px; }
.cta-bar { padding: 45px 0; }
.cta-bar .wrapper { padding: 40px 60px; }
.cta-bar .wrapper:before { width: 77px; height: 38px; background-size: cover; }
#meet-us { padding: 80px 0; }
#meet-us:before { width: 38px; height: 77px; background-size: cover; }
#meet-us .text { padding-left: 0; }
#faqs { padding: 0 0 80px 0; }
#faqs:before { width: 38px; height: 77px; background-size: cover; }
#faqs .tab-content .btn { font-size: 15px; }
#faqs .tab-content .btn:after { top: 16px; }
#faqs .items .nav a { font-size: 14px; }
.footer-top { padding: 45px 0; }
.footer-top .d-flex .widget:last-child { padding-left: 0; padding-right: 45px; }
.footer-top .d-flex > div:nth-child(1) img { width: 64px; }
.footer-top .d-flex > div:nth-child(4) { flex-grow: 1; text-align: right; }
.footer-top .d-flex > div:nth-child(4) .widget { padding-right: 0; }
.footer-top .d-flex > div:nth-child(4) img { width: 85px; }
.footer-bot { padding: 10px 0; }
}

/* > Tablet */
@media
only screen and (min-width : 992px) {
/* Styles */
body:not(.home) #main-header:not(.sticky) #header-top .logo-wrapper { display: none; }
#hero .background .inner img { min-width: 1366px; }
#speakers-feed .container-fluid .items.d-flex .item { flex: 0 0 23%; max-width: 23%; }
#speakers-feed .container .items.d-flex .item { flex: 0 0 30%; max-width: 30%; }
}

/* LG - Medium Devices ----------- */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */
body:not(.home) #main-header:not(.sticky) #header-top .header-wrapper { margin-left: calc(16.666667%); }
#speakers-feed .container-fluid .items.d-flex .item { flex: 0 0 22%; max-width: 22%; }
#speakers-feed .container .items.d-flex .item { flex: 0 0 30%; max-width: 30%; }
}

/* XL - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */
.container { max-width: 970px; }
#header-top .container { max-width: 1200px; }
.home #main-nav { padding: 0 0 0 13%; }
body:not(.home) #main-header:not(.sticky) #header-top .nav-wrapper { margin-left: calc(8.333333% + 15px); }
body:not(.home) #main-header.sticky #header-top .nav-wrapper { padding-left: 90px; }
body:not(.home) #main-header:not(.sticky) #header-top .header-wrapper { padding-right: 43px; }
#speakers-feed .container-fluid .items.d-flex .item { flex: 0 0 20%; max-width: 20%; }
#speakers-feed .container .items.d-flex .item { flex: 0 0 30%; max-width: 30%; }
}