/* ---------- ipad styles ----------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*--------------------------------------------
	banner-section---------------------*/
div#block-languageswitcher {
  width: 16%;
  margin-right: 6%;
}
.banner-content img {
  padding-top: 11%;
}
.banner-text {
  top: 12rem !important;
}
.banner-text h1, .banner-text h3, .banner-text h6,
#keyMessageBanner1{
  font-size: 1.4rem;
}
.page-node-18 .banner-text h3, h3.key-message-animation.hide-text-banner.pb-0  {
  padding-left: 4em;
}
.clearWhiteBtn {
  padding: 0.44rem 1.14rem;
}
p.carousel-button {
  margin-top: 2%;
}
.banner-text {
    width: 70%;
    height: auto;
}
/**----------------------------------------------------
		Blogs-page-styles------------------*/
.page-view-blogs .title{
    margin-top: 12%;
}
.views-field.views-field-title a {
    font-size: 1.15rem;
    color: #292b2c !important;
}
.views-view-grid .views-col {
    float: left;
    max-width: 27%;
}
/*-------------------------------------
     contact-us--------------------*/
div#block-contactusimage{
  height: 415px;
}
h3.container-section-title {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
}
.webform-options-display-side-by-side > div {
    width: 49%;
}
/*--------------------------------------
	solutions-overview-----------*/
.bg-transparent-lt-h-grey2 {
    background: linear-gradient(to bottom , transparent 50%, #F2F2F2 50%);
}
.display-mobile.ipad-block {
    display: block;
}
div#solutionsCarousel.display-desktop {
  display: none;
}
#offeringSolutionsCarouselMobile.display-mobile{
  display: block;
}
.subul li {
  padding: 20px 12px 5px 12px;
}
img#iconChallanges4{
 width: auto;
 display: block;
 margin: 0 auto;
}
.carousel-inner>.active {
    left: 7%;
}
/*------------------------------------
	header--------------------*/
.col-sm-2.col-xs-8.logo {
    width: 100%;
    max-width: 35%;
}
.navbar-toggle .icon-bar {
    background-color: #ff0000;
}
.region-we-mega-menu {
   background-color: transparent;
   float: right;
   margin-top: 19px;
}
.col-sm-10.col-xs-4.pd0.menu-list {
    max-width: 65%;
    float: right;
}
.navbar-we-mega-menu.navbar ul>li{
  width: 100%;	
}
.navbar-we-mega-menu.navbar{
 width: 100%;
 background: #fff;  
}
.navbar-we-mega-menu.navbar.we-mobile-megamenu-active{
 top: 70px;
}
.btn-close{
  right: 310px;	
  background-color: #000;
  box-shadow: nano;
}
.overlay{
 background-color: #fff;	
}
}

@media only screen and (min-width: 1024px) and (max-width: 1250px) {
.we-mega-menu-ul>.we-mega-menu-li>a {
    padding: 1.2rem 0.5rem 0.2rem 0 !important;
    font-size: 12px;
}
#block-mainnavigation .navbar-we-mega-menu.navbar ul>li ul {
    padding-bottom: 0;
    padding-top: 0;
}
div#solutionsCarousel {
  margin-left: 0;
}
.subul li {
  padding: 20px 14px 5px 14px;
}
.col-sm-2.col-xs-8.logo {
  margin-top: 14px;
}
/*span.highcharts-title{
  left: 0 !important;
 }*/
div#block-contactusimage{
  height: 500px
}
/*----------------------------------------------
	ourstory-----------------------------*/
.add-mobile-section-space .col-8 {
    -ms-flex: 0 0 65.666667%;
    flex: 0 0 65.666667%;
}
.pipe {
    background-position: 49% 50%;
}
.bg-horizontal-3-tone .mob-b-pad{
  padding: 7% 0;
}
.page-view-blogs .title{
    margin-top: 9%;
}
}

@media only screen and (min-width:767px) and (max-width:1023px){
.long-text {
    display: flex;
    margin: 3%;
    padding: 0 4px 6px;
}
.redcolor {
  font-size: 1.7rem;
}
.rec-card-p {
  width: 90%;
  line-height: 1;
}
.customer-experience-text-position-bottom {
  top: 35%;
}
.page-node-51 h4+p {
  font-size: 15px;
}
img.cover {
  min-height: 138vh;
}
/*-- Become an evaluator page --*/
col-sm-12:has(#what) {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.block-webform button#edit-submit {
   display: block;
   position: relative;
   margin-top: 25%;
   float: left;
}
}

@media only screen and (min-width: 1023px) and (max-width: 1280px){
div#block-languageswitcher {
  width: 9%;
  margin-right: 0;
}
img.cover {
  min-height: 138vh;
}
.banner-content img {
  padding-top: 9%;
}
.banner-text {
  height: auto;
  width: 70%;
  top: 13rem !important; 
}
p.carousel-button {
  margin-top: 3%;
}
.banner-text h1, .banner-text h3, .banner-text h6,
#keyMessageBanner1{
 font-size: 1.5rem;
}
h3.key-message-animation.hide-text-banner.pb-0 {
  padding-left: 4em;
}
.pd-0 {
  padding: 0 3.5px;
}
.sector-icons {
  width: 40px;
  height: 40px;
  margin-left: -2px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
 .page-node-20 .featured-bottom div#block-webform-3,
 .page-node-18 .featured-bottom div#block-webform-2 {
    width: 60%;
}
.page-node-20 div#block-contactusimage,
.page-node-18 div#block-contactusimage {
    position: relative;
    right: -30px;
    width: 40%;
    height: auto;
    float: right;
}
.page-node-type-solutions .carousel-soft-panels {
    margin: 0.5rem;
    max-width: 85%;
    height: 430px;
}
}