/* Default styles for all screen sizes */
	.line-dash {
		/*border-top:1px solid #626262;*/
		padding-top: 20px;

	}	
.signup-container {
    position: absolute;
    right: 0;
    bottom: 30%;
    text-align: center;
/*	display:none;*/
}

/* Styles for large devices (desktops) */
@media (max-width: 1200px) {
	.resources img.featured-image {
		width: 100%;
		height: 135px;
		object-fit: cover;
		border-radius: 10px;
	}	
	.resources img.featured-image {
		width: 100%;
		height: 150px;
		object-fit: cover;
		border-radius: 10px;
	}	
  .fluid-image {
    min-height: auto;
  }
  .number {
      font-size: 60px !important;
  }  
  #bannerSlider h1, #bannerSlider h2 {
      font-size: 70px;
  } 

}
@media (min-width:1199px) {
/*	.line-dash {
		border-left:1px solid #626262;
		padding-left: 20px;
	}	*/

  .left-content-block {
    border-right: 1px solid #E9E9E9;
  }
  .innerpage {
    height: 670px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .innerpage .container {
        height: 670px;
        display: flex;
        align-content: center;
        top: 0;
        right: 0%;
        left: 0%;

  }
  .pl-5 {
    padding-left: 50px;
  }
  .interactive-graph img {
      margin-left: -150px;
  }
  .block-wrapper .image-block {
      padding-left: 243px;
  }
}
@media (min-width:991px) {
	.hide-desktop {
		display:none !important
	}
	.home .carousel .owl-item .item {
		height: 60px;
		display: flex;
	}
  .table-wrapper .table-responsive {
      border-radius: 10px;
      overflow: hidden;
  } 

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
	position:absolute
}	
	.hs_firstname, .hs-email {
    padding-right: 20px;
	}

  .hide-desktop {
    display: none;
  }
  .navbar > .container {
    justify-content: flex-start !important;
  }
  .slider-right-content {
        width: 49%;  
	    right: -7%;
  }
  .slider-left-content {
      width: 51%;  
      margin-top: 7% 
  } 
}

@media (max-width:1399px) {
  .otc-img {
      position: relative;
      text-align: center;
      margin-bottom: 20px;
      top: 0;
      left: 0;
      transform: none;
  } 	
  .interactive-icon img {
      width: 146px;
  }
  .top-right-graph > div, .bottom-right-graph > div  {
    right: -164%;
  }
  .top-left-graph > div, .bottom-left-graph > div {
    left: -110%;
  }
  .bottom-graph .hover-interactive-icon, .top-graph .hover-interactive-icon {
    left: 47px;
  }
  .interactive-wrapper {
        height: 312px !important;
    }  
}
@media (max-width:1199px) {
  .interactive-wrapper {
        height: 166px !important;
        width: 300px !important;
        margin: auto;
  }
  .bouncing-arrow {
    display: none;
  }
  #banner.innerpage .container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #banner.innerpage, section#banner .video-container {
    height: 550px;
    position: relative;
  } 

  #banner.innerpage h1 {
    font-size: 50px;
    line-height: 60px;
  }
  #banner.innerpage h4 {
    font-size: 20px;
  }

  .interactive-icon img {
        width: 121px;
  } 
  .top-right-graph > div, .bottom-right-graph > div  {
    right: -184%;
  }
  .top-left-graph > div, .bottom-left-graph > div {
            left: -125%;
  } 
  .bottom-graph .hover-interactive-icon, .top-graph .hover-interactive-icon {
    left: 60px;
  } 
  .image-block img {
      width: 32%;
  }    
}
/* Styles for medium devices (tablets) */
@media (max-width: 991px) {
    .slider-left-content {
        height: 850px !important;
    }	
	.home nav#main-nav {
		border-bottom: 1px solid #e5e5e5;
	}
	header {
		/*height:156px;*/
	}
    .pill-setting {
        padding: 0;
        border: none;
        border-radius: 0;
    }	
    ul.nav-tabs#cmc-tab li {
        margin: 0;
        border: 3px solid transparent;
    }	
	.order-4 {
		order:4;
	}
	.order-5 {
		order:5;
	}
	.maskwrap2 {
		padding-bottom:60px !important;
	}
	.videomaincontent h2 {
		margin-top:20px
	}	
	.gradient-seperator:nth-child(2):after {
		content: "";
		display: none;
	}
  .interactive-graph img {
    width:100%
  } 
  .tab-pane .list-box {
    margin-bottom: 15px;
  }
  .hide-mobile {
    display: none;
  }
  /*.slider-right-content {
    display: none;
  }*/
  .scroll-down-arrow {
    position: relative;
    display: none;
  }
  .innerpage h1, .innerpage-white-bg h1 {
    font-size: 60px;
    line-height: 70px;
  } 
  .innerpage .row {
    height: auto;
  }
  #banner.innerpage {
      padding-top: 145px !important;
  }   
}

/* Styles for medium devices (tablets) */
@media (max-width: 992px) {
	.resources img.featured-image {
		width: 100%;
		height: 200px;
		object-fit: cover;
		border-radius: 10px;
	}
    .header-with-bg {
        height: auto !important;
    }	
    .header-with-bg video {
        bottom: 0px;
    }	
	.contact-us-header br {
		display: block;
	}
  .pr-3 {
    padding-right: 15px !important;
  }
  .image-absolute-contact-us {
    display: none;
  }
    .header-button {
        display: none;
    }	
  .image-absolute {
    display: none;
  }
  .faqs .accordion-body {
      padding: 0px 0 50px 14%;
      line-height: 30px;
  }  
  .fluid-image {
    background: none;
    min-height: auto;
  }
  .mb-lg-2 {
    margin-bottom: 20px;
  }  
  .number {
      width:auto;
  } 
  .border-lg-bottom {
    border-bottom:1px solid #d7d7d7 !important;
  }

  /*.video-container video {
      display: none;
  }
  .overlay.platform {
    background: transparent;
  } */ 
  .number-1, .number-3 {
    padding-left: 80px;
  }
  .number-2, .number-4 {
    padding-right: 80px;
  }
  .number-1:before, .number-3:before {
        background-size: cover;
        height: 60px;
        width: 60px;
        position: absolute;
        left: 0px;
        margin-bottom: 15px;
  }  

  .number-2:after, .number-4:after {
        background-size: cover;
        height: 60px;
        width: 60px;
        position: absolute;
        right: 0px;
        margin-bottom: 15px;
  }
  .circle-end {
    display: none;
  }
  #sticky-header {
      position: relative;
      top: 0;
      z-index: 0;
  }
  .filterswitch {

       position: relative; 
        top: 0;
        right: 0;
        margin-bottom: 25px;
        justify-content: center;
  }
  .height-all-equal {
    height: auto;
  }
  .dark-box {
    margin-bottom: 40px;
  }
  .bg-image-options.alt-content {
    position: relative;
  }

  .bg-image-options.alt-content .row{
    position: relative;
    z-index: 9;
  }  
  .bg-image-options.alt-content:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #34577dc9;
    top: 0;
  }
  .counter-section .fs-96 {
    font-size: 60px;
  }
  .resources-page h1 {
    font-size: 40px;
    font-weight: 500;
  }
  .innerpage-white-bg p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
  }  
  .resources h2 {
    font-size: 24px;
  }
}

/* Styles for small devices (phones, landscape) */
@media (max-width: 768px) {
  /*.slider-right-content {
      display: none;
  }*/

}
@media (max-width: 399px) {
    .signup-container {
        position: relative !important;
        text-align: center;
        margin-bottom: 20px;
    }
}
/* Styles for extra small devices (phones, portrait) */
@media (max-width: 767px) {
	.fs-48 {
		font-size: 28px !important;
		line-height: 1.4;
		font-weight: 600;
	}	
	.thank-you-wrapper{
		padding: 100px 20px
	}
	.thank-you-subs {
		padding:20px
	}
	.thank-you-subs .hs_submit.hs-submit {
		margin-top: 21px;
	}	
    .signup-container .hs_submit.hs-submit {
        margin-top: 21px !important;
    }	
	div#top-sticker {
		font-size:12px
	}	
	ul#cmc-tab {
		width: 1045px !important;
		max-width:1045px !important;
		justify-content: start !important;
		background: transparent !important
	}
	ul.nav-tabs#cmc-tab li {
		width: 16%;
		border-right: 1px solid #c4c4c4;
		/*background: #E9E9E9;*/
	}	
	.title-acc {
		font-size: 18px;
		line-height: 1.3;
	}
	.faqs .accordion-body p {
		font-size: 14px;
		line-height: 22px;
	}	
	.faqs button.accordion-button {
		padding: 18px 0;
	}	
	.globe-map img {
		width:100%
	}
	img.arrow-team {
		display:none
	}
	
	.orange-rad:hover:after {
		content: "";
		left: 0;
		right: 0;
		margin: auto;
	}	
	.team-wrapper {
		text-align: center;
	}	
	.team-wrapper .d-flex {
	    justify-content: center;
	}
	body {
		font-size:14px;
		line-height:1.5;
	}
	.platform-video .mid-video {
		height: auto !important;
		margin-bottom: 15px;
	}
	.platform-video .video-container .alt-content {
		display: flex;
		align-items: flex-end;
		min-height: 320px;
	}	
  .tab-seperator .overflow-x .nav-tabs {
      width: 750px;
  }
	.solution-table ul.toggle-list {
		padding-left: 17px;
	}	
  br {
    display: none;
  }

  .tab-seperator .nav-tabs .nav-link {
    padding:10px 0 !important;
  }

  .overflow-x {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tab-seperator button {
    margin:0;
  }
  .tab-seperator li.nav-item {
      padding: 0 20px;
  }
  .hs_lastname, .hs_phone {
    margin-top:20px
  }
  /* TABLE SOLUTION */
  .solution-table tr td {
      padding: 15px;
  }
  button.toggle-btn.toggle-image {
      position: absolute;
      border-radius: 5px;
      left: 50%;
      top: 35px;
      right: 50%;
      transform: translate(-50%, -50%);
  }
  .solution-table th img {
      display: none;
  }  
  .solution-table h3 {
      font-size: 14px;
      line-height: 20px;
      margin: 0 !important;      
  }
  .solution-table p, .solution-table ul {
    margin-top: 10px;
  }
  .solution-table p, .solution-table ul li {
    font-size: 14px;
    line-height: 1.5;    
  }
  ul.nav-tabs#cmc-tab button {
    font-size: 14px;
    line-height: 1.5;
  }
  ul.nav-tabs#cmc-tab li:first-child .active, ul.nav-tabs#cmc-tab, ul.nav-tabs#cmc-tab li:last-child .active {
    border-radius: 20px;
  }
  ul.nav-tabs#cmc-tab li, ul.nav-tabs#cmc-tab li:last-child {
      border: 1px solid #ffffff;
      margin-top: 0px;
      margin-left: 0px;
      border-bottom: 0;
  }  
  .graph-img .container img {
      width: 100%;
  }  
  .fs-36 {
    font-size: 24px;
    line-height: 1.5;
  }

	.post-content blockquote p {
		font-size: 18px;
	}	
	.innerpage-white-bg {
		height:auto;
		padding-bottom:50px;

	}	
	.overlay:after, .overlay, .video-container, #banner.innerpage {
		height: 350px !important;
	}	

  .animate-btn img {
    display: none;
  }
  .title-bb {
    margin-bottom: 0px;
  }
  .faqs .accordion-body {
    padding-left:0px;
  }
    .orange-bg button img {
        width: auto !important;
    }	
  .innerpage h1 {
    font-size: 28px !important;
    line-height: 36px !important;
  } 
    #banner.innerpage h4 {
        font-size: 16px;
        line-height: 24px;
    }	
  .innerpage-white-bg h1 {
      font-size: 40px;
      font-weight: 500;
  }  
  .innerpage p {
    font-size: 16px;
    line-height: 24px;
  }
  .innerpage .row {
    height: auto;
  }
  #banner.innerpage {
      padding-top: 145px !important;
  }  
  .fs-24 {
    font-size: 20px;
    line-height: 26px;
  }
  .number-acc {
      padding-right: 15px;
  }
  .scroll-section h2, .fs-50 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  header {
    padding: 0;
  }
  h4 {
    font-size: 20px;
    line-height: 30px;
  }
	.resources h2  {
		margin-bottom:0;
		line-height:2
	}
  #bannerSlider h1, #bannerSlider h2 {
      font-size: 40px;
      font-weight: 400;
      line-height: 1.05;
  }
  h2 {
	font-size: 24px;
    line-height: 34px;
    font-weight: 600;  
  }
  section.contact-us h2 {
      font-size: 24px;
  }
	.carousel h3 {
		letter-spacing: 1px;
	}	
	.sprite-logo {
		display:none
	}
	.featured-image-ig img {
		height: 150px;
		width:100%
	}
	.featured-image-ig {
		width: 100%;
		height: 150px;
	}
  .innerpage-btm .orange-bg h2 {
      font-size: 24px;
      line-height: 32px;
  }	
  .box-content img {
    margin: 5px 0;
  }
  .innerpage-white-bg-single h1 {
      font-size: 28px !important;
      line-height: 36px;
  }
  .post-content h2 {
      font-size: 24px;
      line-height: 32px;
  }
  .post-content h3 {
      font-size: 20px;
      line-height: 30px;

  }  
  .fs-32 {
    font-size: 21px;
    line-height: 30px;
  }
}

/* */
.white-main-menu #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
.white-main-menu #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after, 
.white-main-menu #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner {
  background-color: #fff !important;
}

@media (max-width: 399px) {
	.hs_lastname, .hs_phone {
		padding-left:0px
	}	
}
@media (max-width:575px) {
	.contact-icons span {
		display: block;
	}
	.contact-icons img {
		 display: inline-block;
	}
	.career-btn {
		font-size:11px
	}
	#accordionCareer .accordion-button::after {
		content: "";
		height: 30px;
		width: 30px;
		background-size: contain;
		right: 10px;
	}	
	#accordionCareer .accordion-button {
		padding:15px;
	}
	.team-content {
		width: 240px;
		margin: auto;
	}
	.team h2 {
		text-align:center
	}
	.slider-right-content {
		top: -33px;
	}	
  .innerpage-white-bg-single h1 {
      font-size: 24px !important;
      line-height: 32px;
      font-weight: 600;
  }	
	.resources-page {
		padding-top: 70px;
	}	
    .interactive-wrapper {
        height: 173px !important;
        width: 300px !important;
        margin: 30px auto;
    }  
    #bannerSlider h1, #bannerSlider h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.05;
    } 
    #bannerSlider .slider-left-content p {
        font-size: 14px;
        margin-top: 20px;
        line-height: 20px;
    } 
    .slider-left-content  button.ghost-btn {
      display: none;
    }  
    .slider-right-content img {
      width: 350px;
    }
    #bannerSlider .slider-left-content {
      height: 500px !important;
    }	
}

.signup-container {
    position: absolute;
    right: 0;
    bottom: 30%;
	text-align:center
}
.signup-container input[type="email"]:focus {
	outline:none
}
.signup-container input[type="email"] {
    border-top-left-radius: 100px;
    padding: 9px 0px 9px 15px;
    border: 1px solid #fff;
    border-bottom-left-radius: 100px;
	width: 190px !important;
	background:#fff
}
.signup-container .hs-error-msgs.inputs-list {
    display: none !important;
}
.signup-container button {
border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border: none;
    background: #f05946;
    color: #fff;
    padding: 7px 20px;
    margin-left: -4px;
}
.signup-container .invalid.error {
    border: 1px solid red !important;
    background: #ffcccc !important;
}
.signup-container input.hs-button {
    background: #f05946;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 100px !important;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.signup-container .hs_submit.hs-submit {
	width:100%;
	margin-top: 24px;
}
.signup-container form {
	display:flex
}
.signup-container .hs-email {
	padding-right:0;
	    width: 100%;
}
.signup-container .actions {
	text-align:left !important
}
.signup-container .submitted-message {
    color: #fff !important;
}