/* ---------- over all new menu styles ----------- */

/***-----------------------------------------------
			header-styles----------------------***/

.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  background: #fff;
}
	
#header #navbar-main {
  background-color: #000;
  letter-spacing: 0;
}
nav#navbar-main .container {
    padding: 0;
}
.header-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 90px;
  padding: 0 1% 0 2.8%;
}
.header-wrapper .glyphicon{
  margin-top: 15%;
  margin-left: 1rem;
  color: #fff;
  float: left;
}
span.glyphicon.glyphicon-chevron-right {
  margin-top: 0;
  margin-left: 0;
}
.header-wrapper nav.retail-main-navigation {
  margin: 0;
}
.header-wrapper .fa-search:before {
  color: #ff0000 !important;
}
.header-wrapper .we-mega-menu-ul>.dropdown-menu:first-child>.we-mega-menu-submenu {
  margin-left: -41rem;
}

.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
  cursor: pointer;
}
.header-wrapper .we-mega-menu-ul .dropdown-menu:hover>.we-mega-menu-submenu,
.we-mega-menu-ul .dropdown-menu:focus>.we-mega-menu-submenu {
  border-top: 1px solid #000;
  margin-top: 1px;
}
.header-wrapper nav.retail-main-navigation {
  background-color: #000;
  color: #000;
}
.header-wrapper .we-mega-menu-ul>.we-mega-menu-li {
  border-left: 0;
}
.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
  color: #fff;
  margin-left: 13px;
  background-color: #000;
}
.header-wrapper .col-sm-3.col-xs-8.logo {
    top: -2px;
    margin: auto 0px;
}
.contact-us {
  background: #eb2329;
  color: #FFF;
  text-decoration: none;
  border-radius: 25px;
  font-weight: normal;
  margin-top: 20px !important;
  height: 35px;
}
.contact-us a{
  margin-top: 0 !important;
}
.contact-us a:hover{
  color: #fff !important;
}
.we-mega-menu-submenu li.we-mega-menu-li a:hover, .we-mega-menu-submenu li.we-mega-menu-li a:focus {
 background-color: transparent;
 color: #ef2623;
 font-weight: 600 !important;
}
.we-mega-menu-submenu li.we-mega-menu-li a:hover, .we-mega-menu-submenu li.we-mega-menu-li a:focus {
  background-color: transparent;
  color: #ef2623 !important;
  font-weight: 600 !important;
}
.we-mega-menu-submenu li.we-mega-menu-li.active>a, .we-mega-menu-submenu li.we-mega-menu-li.active>a:hover, .we-mega-menu-submenu li.we-mega-menu-li.active>a:focus, .we-mega-menu-submenu li.we-mega-menu-li.active>.we-megamenu-nolink {
    color: #eb2329 !important;
    border-color: #eb2329 !important;
}
.we-mega-menu-submenu.sub-menu {
    padding-left: 40px;
    min-height: 330px;
    padding-top: 20px;
    width: 800px;
}
.we-mega-menu-submenu.sub-menu-platformation {
    width: 250px;
    padding: 20px 10px;
}
.we-mega-menu-submenu.sub-menu-abt-us {
    min-height: 330px;
    width: 230px;
    padding: 20px 20px;
}
.we-mega-menu-submenu.sub-menu-digital {
   padding-left: 35px;
   width: 800px;
   padding-top: 20px;
   min-height: 330px;
}
.subhdr-parent-item .we-mega-menu-li a:before{
 /* background-image: url("../images/ico-arrow.png");*/
  background-image: url("/modules/contrib/we_megamenu/assets/images/ico-arrow.png");
}
.subhdr-parent-item a::before,
.sub-menu-abt-us a::before{
  left: 135px;
  transform: rotate(-90deg) !important;
}
.we-mega-menu-submenu.sub-menu .submenu-services{
  width: 217px;
  left: auto;
  right: -9px;
  top: -111px;
  border: 0 !important;
  padding: 15px 0;
}
.submenu-services a.we-mega-menu-li {
  margin-bottom: 0 !important;
}
.subhdr-parent-item .we-mega-menu-submenu a.we-mega-menu-li,
.sub-menu-abt-us .we-mega-menu-submenu a.we-mega-menu-li {
  font-size: 15px !important;
}
.sub-menu-abt-us .we-mega-menu-submenu a.we-mega-menu-li{
  margin-left: 18px;
}
.hdr-parent-item:first-child a.we-mega-menu-li {
  color: #000;
}
.hdr-parent-item:first-child a.we-mega-menu-li:hover {
   color: #be1e2d;
}
.we-mega-menu-submenu li.we-mega-menu-li a:before{
   transform: rotate(-360deg);
}
.we-mega-menu-ul .dropdown-menu>a:before{
  width: 0.9rem;
  height: 0.9rem;
}
.submenu-ms a.we-megamenu-nolink,
.submenu-platformation a.we-megamenu-nolink{
  width: 70% !important;
}
/***logo styles***/
img.logo.col-sm-8.col-xs-8 {
  margin-top: -22px;
  left: 18px;
    top: 6px;
}
.header-wrapper .col-sm-4.col-xs-8.logo img.logo.col-sm-4.col-xs-4 {
  width: 9vw;
  height: auto;
  max-height: 50%;
  min-width: 7vw;
  position: relative;
  top: 4px;
}
.header-wrapper .col-sm-5.col-xs-8.logo {
  width: 75%;
  margin-top: 10px;
  margin-left: 3.7%;
}
.header-wrapper img.logo.pd0 {
  max-width: 25%;
  width: 100%;
  height: auto;
  float: left;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.5rem;
}
.header-wrapper img.logo.col-sm-8.col-xs-8 {
  width: 19vw;
  height: auto;
  margin: 0;
  left: 0;
  top: 0;
}
.header-wrapper .col-sm-6.col-xs-4.pd0.menu-list {
  max-width: 40%;
  float: left;
  margin-top: 10px;
  margin-left: 2%;
}
.header-wrapper .col-sm-5.col-xs-4.pd0.menu-list {
  margin-left: 1%;
}
.header-wrapper .col-sm-5.col-xs-4.pd0.menu-list {
  margin-left: -1%;
}
nav.main.navbar.navbar-default.navbar-we-mega-menu ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu span,
nav.main.navbar.navbar-default.navbar-we-mega-menu ul.we-mega-menu-ul.nav.nav-tabs li.we-mega-menu-li.dropdown-menu>a {
  padding: 5px 5px !important;
}
/***search-icon-styles***/
.search-icon.col-sm-1.col-xs-12.search {
  position: absolute;
  top: 11px;
  left: auto;
  right: 10px;
}
/***hamburger-menu***/
div#retail-hamburger {
  padding-top: 10px;
}

div#retail-hamburger a {
  color: #fff;
  font-size: 18px;
}

div#retail-hamburger a {
  color: #ccc;
  font-size: 16px;
}
.header-wrapper .dropdown-menu li {
  width: 100%;
  display: flex;
  flex-direction: column;
}
svg.svg-inline--fa.fa-youtube.fa-w-18 {
  color: #fff;
  font-size: 35px;
}
.we-mega-menu-col.span3.plt-video-rtl p.youtube-icon {
    position: absolute;
    z-index: 900;
    text-align: center;
    margin: -117px auto;
    left: 163px;
}

.navbar {
  border-radius: 0px;
}
li.we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul.nav.nav-tabs.subul li.we-mega-menu-li a.we-mega-menu-li {
  font-weight: 400;
  font-family: 'Segoe UI'!important;
  padding: 5px 5px !important;
  border: none !important;
  font-size: 15px;
  margin-bottom: 8px;
}
.col-sm-4.col-xs-8.logo span.glyphicon.glyphicon-chevron-right {
  top: 14px;
  color: #777;
}
.col-sm-4.col-xs-8.logo img.logo.col-sm-4.col-xs-4 {
  width: 200px;
}
#navbar-main {
  margin-bottom: 0;
  background-color: #2d2d30;
  border: 0;
  letter-spacing: -1px;
  height: 90px;
}

#block-retailhamburgermenu {
  display: none;
  position: absolute;
}

nav.main.navbar.navbar-default {
  background-color: #2d2d30;
  margin: 10px 0px;
}

nav.retail-main-navigation {
  background-color: #2d2d30;
  color: #fff;
}
ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink,
.navbar-we-mega-menu .nav-tabs>li.active>a, .navbar-we-mega-menu .nav-tabs>li.active>a:focus, .navbar-we-mega-menu .nav-tabs>li.active>a:hover,
.we-mega-menu-ul>.dropdown-menu:hover>a, .we-mega-menu-ul>.dropdown-menu:hover>span, .we-mega-menu-ul>.dropdown-menu:focus>a, .we-mega-menu-ul>.dropdown-menu:focus>span,
.we-mega-menu-ul>.we-mega-menu-li>a {
  color: #fff;
  width: 100%;
  float: left;
  padding: 5px 22px !important;
  font-family: "Segoe UI" !important;
  font-size: 16px;
  text-transform: capitalize;
  border: none;
  font-weight: normal;
}
.responsive-menu-toggle-icon:before,
.responsive-menu-toggle-icon:after,
.responsive-menu-toggle-icon span.icon {
  background: #fff;
}
/***owlcarousel pagenode for application***/
/***right arrow styles start from here***/
.right-arrow:after {
  font-family: FontAwesome;
  content: "\f054";
  font-size: 22px;
  position: absolute;
  right: 0;
  padding: 0px 10px;
  color: #ff0000;
  font-weight: 600;
  top: 0;
  width: 8px;
  height: 8px;
  left: -3px;
}

/*******search styles start *************************************/
.search-wrapper .form-inline .form-group{
  flex-direction: column;
  width: 160px; 
}
/***header***/
.navbar {
  background: no-repeat;
  border: 0;
}
ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
    padding: 0;
}
.we-mega-menu-ul>.we-mega-menu-li>a{
    color: #000;
    margin-top: 19px;
    background-color: transparent;
}
.we-mega-menu-ul>.we-mega-menu-li>a:hover, .we-mega-menu-ul>.we-mega-menu-li>a:focus{
    background-color: transparent;
}
.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
    margin: 19PX 0 0;
    color: #fff;
}
/***content-text**/
div#block-platformation-page-title {
    display: none;
}
/***submenu-header***/
.we-mega-menu-ul .dropdown-menu .dropdown-menu>a:after, .we-mega-menu-ul .dropdown-menu .dropdown-menu>span:after{
  display: none;
}
.we-mega-menu-submenu li.we-mega-menu-li a{
  font-family: "Segoe UI";
  font-size: 16px;
  font-weight: 300;
}
.header-wrapper .we-mega-menu-ul>.dropdown-menu:first-child>.we-mega-menu-submenu {
    margin-left: 0;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4 {
    width: 70vw;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-submenu {
    margin-left: -3rem;
}
li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-col.span6 {
    width: 24vw;
}
li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-submenu {
    margin-left: -36rem;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-col.span6 {
    width: 19vw;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-submenu {
    margin-left: -1rem;
}
.we-mega-menu-ul>.dropdown-menu:hover>a,
.we-mega-menu-ul>.dropdown-menu:hover>span,
.we-mega-menu-ul>.dropdown-menu:focus>a,
.we-mega-menu-ul>.dropdown-menu:focus>span{
  color: #fff;
}
.navbar>.container-fluid {
    justify-content: left;
}
ul.we-mega-menu-ul.nav.nav-tabs {
    margin-left: 0;
}
span.plat-text.red-text {
    color: #ff0000;
}

.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink{
	background-color: transparent;
	
}
ul.nav.nav-tabs.subul a.we-megamenu-nolink {
    color: #000 !important;
    padding: 0 !important;
}

.header-wrapper .we-mega-menu-ul .dropdown-menu:hover>.we-mega-menu-submenu, .we-mega-menu-ul .dropdown-menu:focus>.we-mega-menu-submenu {
    border-top: 0;
}
ul.nav.nav-tabs.subul a.we-megamenu-nolink {
    border-bottom: 1px solid #ff0000;
    font-family: 'Segoe UI SemiBold'!important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    width: 100%;
}
.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height: 1rem;
}
li.we-mega-menu-li.aws-child a.we-mega-menu-li {
   margin-left: 5%;
}
/***/
.we-mega-menu-ul .dropdown-menu>a:after, .we-mega-menu-ul .dropdown-menu>span:after {
    background-image: url("/modules/contrib/we_megamenu/assets/images/ico-arrow.png") !important;
    opacity: 1 !important;
}
ul.we-mega-menu-ul.nav.nav-tabs .we-mega-menu-ul .dropdown-menu>span:after{
  opacity: 0 !important;
}
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>span:after,.we-mega-menu-ul .dropdown-menu.hdr-parent-item>a:after,
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>a:before,
li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.subhdr-parent-item>a:after{
    opacity: 0 !important;
}
li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.left-submenu {
    margin:5px 0 5px 33px;
    width: 69%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4:first-child {
    max-width: 17vw;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4:nth-child(3) {
    margin-left: 5%;
}
li.we-mega-menu-li.sub-menu-top {
    margin-top: 33px;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-col.span6:nth-child(2) {
    margin-left: 20px;
    max-width: 42%;
}
.left-submenu .we-mega-menu-col.span12 {
    margin-left: 5%;
}
.left-submenu:nth-child(2) .we-mega-menu-col.span12 {
    margin-left: 10%;
}
.subhdr-parent-item .we-mega-menu-submenu-inner {
    margin-left: 10%;
}
.link-holder.col-sm-2.sub-menu-wrap a {
    width: 123px;
    flex-direction: column;
    top: 0;
    position: relative;
    margin: 0 auto;
}
.link-holder.col-sm-2.sub-menu-wrap:nth-child(6) sup {
    left: 30px;
}
.sub-menu-wrap a sup {
    top: -14px;
    left: 49px;
}

/***---------------------------------------
          media quiere-----------------***/
@media (min-width: 992px) {
  .we-mega-menu-submenu {
    display: none;
  }
  .we-mega-menu-col.span3 {
    margin-left: 10px !important
  }
  .we-mega-menu-col.span3 {
    margin-left: 6px !important
  }
  ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
    padding: 0 13px
  }
}
/***---------------------------------------
			media quiere---------------****
/*---------------header------*/

.we-mega-menu-col.span3 {
  margin-left: 6px !important;
}
div#retail-hamburger {
  padding-top: 5px;
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
  display: block;
}

.navbar>.container-fluid {
  justify-content: left;
}
.overview-mobile .col-sm-12.overview-video img {
  border-radius: 10px 10px 0 0;
  width: 353px;
}
.col-sm-4.col-xs-8.logo span.glyphicon.glyphicon-chevron-right {
  display: none;
}


.sticky-hemburger .responsive-menu-toggle-icon:before,
.sticky-hemburger .responsive-menu-toggle-icon:after,
.sticky-hemburger .responsive-menu-toggle-icon span.icon {
  background: #000;
}
a.anchor-link.corporate-regular:hover{
  text-decoration: none;
}
.link-holder.col-sm-2.rtl-sbcuslogo.rtl-sbcom {
  display: flex;
  width: 95%;
  justify-content: center;
  align-items: center;
}

.link-holder.col-sm-1.sticky-hemburger {
  display: flex;
  justify-content: center;
  align-items: center;
}


a.logo-fixmenu {
  float: left;
  width: 35%;
  margin: 2px 3px 0px 90px;
  position: relative;
}
.link-holder.col-sm-1.rtl-logo.rtl-sbcom {
  height: auto;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-top: 10px;
  flex: 0 0 10%;
  line-height: 1.2;
  margin-left: -1%;
}

.we-mega-menu-ul>.we-mega-menu-li>span:before,
.we-mega-menu-ul .dropdown-menu>span:before  {
    opacity: 0;
}

#overview .link-holder.col-sm-2 {
   flex: 0 0 14.666667%;
   display: flex;
}

a.rtl-logo {
    color: #000;
    font-size: 14px;
}

#overview .mb-sticky .link-holder.col-sm-2 {
   flex: 0 0 13.666667%;
}

.link-holder.col-sm-2.rtl-sbcuslogo.rtl-sbcom:hover {
  border-bottom: none;
}
/*------------------------------------------------
		search-styles------------------*/
.search-wrapper .form-inline .form-control {
    width: 220px;
}
.search-wrapper button#edit-submit {
  width: auto;
  border-radius: 30px;
  padding: 6px 20px;
  margin-left: 8rem;
  background-color: #ff0000;
  border-color: #ff0000; 
}

/*----------------------------------------------------------*/


/* ---------- ipad styles ----------- */

/***added from style css***/
@media screen and (min-width: 767px) and (max-width:1023px) {
  .header-wrapper img.logo.pd0 {
    max-width: 22%;
  }
  .header-wrapper .col-sm-5.col-xs-4.pd0.menu-list {
    margin-left: -1%;
  }
  .header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
    margin-left: -15px;
  }
 
  .region-we-mega-menu {
    display: none;
  }
  .header-wrapper ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink,
  .hdr-parent-item:first-child a.we-mega-menu-li {
    color: #fff;
  }
/*-----------------------------------------------------------------
                 platformation-landingpage---------------------*/


.link-holder.col-sm-1.sticky-hemburger {
  display: none;
}
.sub-menu-wrap a sup {
  left: 100px;
}
.link-holder.col-sm-2:nth-child(7) sup{
  left: 76px;
}

.sticky a.logo-fixmenu {
  display: none;
}
.link-holder.col-sm-1.rtl-logo.rtl-sbcom{
  display: none !important;
  margin: 0;
}

.search-icon.search{
  right: 0;
  left: 28%;
}
#page-wrapper .header-wrapper .col-sm-3.col-xs-8.logo {
    max-width: 49%;
    flex: 0 0 50%;
}
#page-wrapper .header-wrapper img.logo.pd0 {
    max-width: 25%;
}
/*-------------------------------------------------
		menu-----------------------------------*/
.region-we-mega-menu,
.navbar-toggle,
.header-wrapper .col-sm-8.col-xs-4.pd0.menu-list {
  display: block !important;
}
.left-submenu .we-mega-menu-col.span12,
.left-submenu:nth-child(2) .we-mega-menu-col.span12{
  margin-left: 0;
}
.navbar-toggle{
  left: 25rem;
  top: -7px;
}
.select2-dropdown--below .select2-results__option[aria-selected] {
  color: #000;
  font-size: 14px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  padding: 0;
  border: none;
}
.select2-dropdown--below .select2-search--dropdown{
  display: none;
}
/*-----------
         sticky-nav------------*/
.navbar-we-mega-menu.navbar {
  right: -250px;
  width: 310px;
}
ul.we-mega-menu-ul.nav.nav-tabs {
  margin-left: 0;
}
.we-mega-menu-submenu-inner{
  background: none;
}
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a,
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:focus,
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:hover {
  background-color: transparent;
}
span.btn-close {
  right: 283px;
  top: 45px;
}
ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
  padding: 0px;
}
.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
  background-color: transparent;
  color: #fff;
}
ul.nav.nav-tabs.subul .we-mega-menu-li {
  padding-left: 3%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4 {
  width: 100%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4:first-child {
  margin-top: 0;
  max-width: 100%;
}
.we-mega-menu-submenu-inner {
  background: transparent;
}
li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-submenu {
  margin-left: 0;
}
li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-col.span6 {
  width: 100%;
}
.navbar-we-mega-menu.navbar .nav .open>a,
.navbar-we-mega-menu.navbar .nav .open>a:focus,
.navbar-we-mega-menu.navbar .nav .open>a:hover {
  background-color: transparent;
  text-decoration: none;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-col.span6 {
  width: 100%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-submenu {
  margin-left: 0;
}
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>span:after,
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>a:after,
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>a:before,
li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.subhdr-parent-item>a:after {
  opacity: 1 !important;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-submenu {
    margin-left: 0;
}
ul.nav.nav-tabs.subul span.we-megamenu-nolink {
  color: #fff !important;
}
.we-mega-menu-ul .dropdown-menu>a:after,
.we-mega-menu-ul .dropdown-menu>span:after {
  background-image: none !important;
  opacity: 1 !important;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4:nth-child(3) {
  margin-left: 0;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-col.span6:nth-child(2) {
  margin-left: 0;
  max-width: 100%;
  margin-top: 0;
}
.overlay{
  position: relative;
}
.navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>a,
.navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>.we-megamenu-nolink{
  color: #fff !important;

}
.search-icon.search{
  top: 10px !important;
}
}



/* Cloud Page */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

  /*---------------------------------------------------------------
			platformation-landingpage----------------*/
.header-wrapper .col-sm-3.col-xs-8.logo {
  max-width: 35%;
  flex: 0 0 35%;
}
.header-wrapper .col-sm-8.col-xs-4.pd0.menu-list {
  display: block;
}
.search-icon.col-sm-1.col-xs-12.search a{
  left: auto;
  right: 0;
}

a.logo-fixmenu {
  width: 50%;
  margin: 2px 3px 0px 30px;
}
.sub-menu-wrap a sup {
  left: 106px;
}
.link-holder.col-sm-2:nth-child(7) sup {
  left: 80px;
}

.link-holder.col-sm-1.rtl-logo.rtl-sbcom{
  margin-left: -2%;
  margin-right: 3%;
  line-height: 1;
}
a.rtl-logo {
  font-size: 12px;
}
.row.section-content h4{
  font-size: 25px;
  width: 45%;
}
.cont-sec{
  width: 55%;
}
.row.section-content h4 b {
    width: 100%;
}
.search-icon.search{
  top: 10px !important;
}
}

/***Azure page for ipad styles start from here****/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  
div#block-retailcontactourexperttext-3 p:first-child,
div#block-retailcontactourexperttext-3 p{
  width: 14rem;	
}
.innovation-section h3, .innovation-section p{
  width: 90%;
}
/***18+ gold styles start from here***/
.infra-content b{
  width: 90%;
  font-size: 1.5em;
}
/***application-services page styles***/
  /***offerngs-cards***/
.pos-cont h2 {
  font-size: 2em;
  line-height: 1;
}
p.bnr-sbhd {
  font-size: 1.5em;
  margin-top: 15px;
}
}

/***medai query for portrait mode styles start from here***/

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 /***header styles start from here***/
 .header-wrapper .glyphicon {
  margin-top: 3%;
 }
 
 .search-icon.col-sm-1.col-xs-12.search a {
  top: 4px;
 }
 header#header #navbar-main {
  margin-top: 0;
 } 

 div#retail-hamburger {
    position: absolute;
    right: 3rem;
    top: 3px;
  }


 /***sticky-nav styles***/
 .link-holder.col-sm-1.rtl-logo.rtl-sbcom {
   max-width: 61px;
   margin-left: -3rem;
}
.sticky a.logo-fixmenu{
  width: 42%;
}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 
.header-wrapper .glyphicon {
  margin-top: 3%;
 }


}
/***landscape styles for l1 page***/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1250px) {
  .header-wrapper img.logo.pd0 {
    max-width: 30%;
  }
  
  /*------------------------------------------------------------------------
					menu---------------------------*/
  .header-wrapper .col-sm-8.col-xs-4.pd0.menu-list {
    display: block;
  }
  .region-we-mega-menu{
   display: block !important;
  }
  ul.we-mega-menu-ul.nav.nav-tabs {
    margin-left: -5vw;
  }
  .we-mega-menu-ul>.we-mega-menu-li>a,
  .navbar-we-mega-menu .nav-tabs>li.active>a{
    padding: 5px 1px !important;
    margin-top: 0;
  }
  ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink{
     padding: 5px 10px !important;
  }
  ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
    padding: 0;
  }
  li.we-mega-menu-li.contact-us {
    margin-left: 20px;
    margin-top: 0 !important;
    padding: 10px;
  }
  .contact-us a {
    margin-top: -8px !important;
  }
  .search-icon.col-sm-1.col-xs-12.search {
    position: absolute;
    left: auto;
    right: 4px;
    margin-top: 15px;
  }
.header-wrapper .we-mega-menu-ul>.dropdown-menu:first-child>.we-mega-menu-submenu {
    margin-left: -14rem;
}
  li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-submenu {
   margin-left: -4rem;
 }
 li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-submenu {
   margin-left: -30rem;
 }
 li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-submenu {
   margin-left: -1rem;
}
div#block-retailpagenavigation .jumplink .link-holder.col-sm-2{
  width: 12rem !important;
}
/*---------------------------issue-fixing----------------*/
ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink {
    padding: 5px 1vw !important;
}
ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink,
ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink, .navbar-we-mega-menu .nav-tabs>li.active>a, .navbar-we-mega-menu .nav-tabs>li.active>a:focus, .navbar-we-mega-menu .nav-tabs>li.active>a:hover, .we-mega-menu-ul>.dropdown-menu:hover>a, .we-mega-menu-ul>.dropdown-menu:hover>span, .we-mega-menu-ul>.dropdown-menu:focus>a, .we-mega-menu-ul>.dropdown-menu:focus>span, .we-mega-menu-ul>.we-mega-menu-li>a{
  font-size: 15px;
}
li.we-mega-menu-li.contact-us {
    margin-left: 10px;
}
}


/*------------------------------------------------------------------
       	tablet-----------------------------------------------------*/
@media screen and (min-width: 1271px) and (max-width:1285px) {
.navbar-we-mega-menu .nav-tabs>li.active>a,
.we-mega-menu-ul>.we-mega-menu-li>a{
   padding: 5px 15px !important;
}
}

@media screen and (max-width: 768px){
#header .header-wrapper .region-we-mega-menu {
    display: block;
}
.navbar-toggle{
  position: absolute;
  top: -47px;
  left: 79px;
}
li.we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul.nav.nav-tabs.subul li.we-mega-menu-li a.we-mega-menu-li{
  color: #fff;
}
/*-----------
         sticky-nav------------*/
.navbar-we-mega-menu.navbar {
  right: -250px;
  width: 310px;
}
ul.we-mega-menu-ul.nav.nav-tabs {
  margin-left: 0;
}
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a,
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:focus,
.navbar-we-mega-menu.navbar .nav-tabs>li.active>a:hover {
  background-color: transparent;
}
span.btn-close {
  right: 42%;
  top: 45px;
}
ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
  padding: 0px;
}
.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
  background-color: transparent;
  color: #fff;
}
ul.nav.nav-tabs.subul .we-mega-menu-li {
  padding-left: 3%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4 {
  width: 100%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4:first-child {
  margin-top: 0;
  max-width: 100%;
}
.we-mega-menu-submenu-inner {
  background: transparent;
}
li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-submenu {
  margin-left: 0;
}
li.we-mega-menu-li.dropdown-menu:nth-child(3) .we-mega-menu-col.span6 {
  width: 100%;
}
.navbar-we-mega-menu.navbar .nav .open>a,
.navbar-we-mega-menu.navbar .nav .open>a:focus,
.navbar-we-mega-menu.navbar .nav .open>a:hover {
  background-color: transparent;
  text-decoration: none;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-col.span6 {
  width: 100%;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-submenu {
  margin-left: 0;
}
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>span:after,
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>a:after,
.we-mega-menu-ul .dropdown-menu.hdr-parent-item>a:before,
li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.subhdr-parent-item>a:after {
  opacity: 1 !important;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-submenu {
    margin-left: 0;
}
ul.nav.nav-tabs.subul span.we-megamenu-nolink {
  color: #fff !important;
}
.we-mega-menu-ul .dropdown-menu>a:after,
.we-mega-menu-ul .dropdown-menu>span:after {
  background-image: none !important;
  opacity: 1 !important;
}
li.we-mega-menu-li.dropdown-menu:nth-child(2) .we-mega-menu-col.span4:nth-child(3) {
  margin-left: 0;
}
li.we-mega-menu-li.dropdown-menu:nth-child(4) .we-mega-menu-col.span6:nth-child(2) {
  margin-left: 0;
  max-width: 100%;
  margin-top: 0;
}
.overlay{
  position: relative;
}
.header-wrapper ul.we-mega-menu-ul.nav.nav-tabs span.we-megamenu-nolink {
    background-color: transparent;
    color: #fff;
}
ul.nav.nav-tabs.subul a.we-megamenu-nolink{
  color: #fff !important;
}
.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height: 1px;
    margin:  0;
    background: transparent;
}
.we-mega-menu-submenu{
  border : 0 !important;
}
li.we-mega-menu-li.dropdown-menu.we-mega-menu-group.left-submenu{
  width: 82%;
}
}


@media screen and (min-width: 1024px){
.nav-tabs .we-mega-menu-submenu.sub-menu-digital,
.nav-tabs .we-mega-menu-submenu.sub-menu,
.nav-tabs .we-mega-menu-submenu.sub-menu-abt-us,
.nav-tabs .we-mega-menu-submenu.sub-menu-platformation,
.nav-tabs .we-mega-menu-submenu.sub-menu .submenu-services{
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-duration: 0.35s;
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
     -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important; 
    border: 1px solid rgba(0,0,0,0.1);
    border: 0 none;
}
}

@media screen and (min-width: 1024px) and (max-width: 1365px){
 .region-we-mega-menu {
    padding-left: 1%;
}
}

@media screen and (max-width: 768px){
 .header-wrapper ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink,
 .hdr-parent-item:first-child a.we-mega-menu-li {
    color: #fff;
}
a.logo-fixmenu {
    width: 100%;
    margin: 2px 3px 0px 10px;
}
}

a.anchor-link.corporate-regular:hover, div#retail-cs-id a.know-more-btn:hover, .rtl-suc.custom-scnd-rtsuc a.bner-knmore:hover, .featured-bottom button#edit-actions-submit:hover, .footer-links a:hover, .resource-rtl-centered a:hover, .views-field.views-field-view-node span.field-content a:hover, a.meet:hover {
    color: red !important;
    text-decoration: none;
}
.we-mega-menu-submenu.sub-menu-platformation a.we-mega-menu-li {
    color: #000;
}
.header-wrapper .we-mega-menu-submenu-inner .we-mega-menu-li a::before {
    display: block !important;
}
/*-------------------------------------------------------------------------
                  desktop-media-quire-------------------------------------*/
@media screen and (min-width: 1500px){
 .search-icon.col-sm-1.col-xs-12.search{
    right: 11%;
 }
}

/*-----------------------------------------------------------
		footer-styles-----------------------------*/
@media screen and (min-width: 1325px){ 
.site-footer__top.clearfix {
  padding: 0 80px;
}
.site-footer__top.clearfix .col-sm-6.col-xs-6.footer-mobile-section:nth-child(1) .col-sm-4.footer-tile:last-child{
  padding-left: 50px;
}
.site-footer__top.clearfix .col-sm-6.col-xs-6.footer-mobile-section:nth-child(2) .col-sm-4.footer-tile:nth-child(2){
  padding-left: 50px
}
.site-footer .container-fluid{
  width: 100% !important;
  max-width: 100% !important;

}
a.logo-fixmenu {
    width: 100%;
    margin: 3px 0 0;
}
.responsive-menu-toggle-icon{
  top: 3px;
}
/*ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink{
  padding: 5px 0 !important;
}*/
ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
    padding: 0 12px;
}
ul.we-mega-menu-ul.nav.nav-tabs a.we-megamenu-nolink{
  padding: 5px 1vw !important;
}
}
/*-----------------------------------------------------------------------------------------------
			footer-styles-----------------------------------------------------*/
.footer-links a:hover {
    color: #ff0000 !important;
    text-decoration: underline;
}
.we-mega-menu-ul .submenu-cloud.dropdown-menu>a:before {
    background: none;
}

/**hls-menu**/
li.we-mega-menu-li.dropdown-menu.hls-menu {
    width: 41%;
    margin-left: 1%;
    margin-top: 10px;
}

li.hls-menu a:before {
    transform: rotate(-90deg) !important;
}


ul.nav.nav-tabs.subul .hls-menu a.we-megamenu-nolink {
    border-bottom: 0;
    font-family: 'Segoe UI'!important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    width: 100%;
    font-weight: 100 !important;
    color: #666 !important;
}

.we-mega-menu-submenu.hls-submenu{
   margin-left: 0 !important;
   margin-top: -35px !important;
   -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-duration: 0.35s;
    -webkit-animation-duration: 0.35s;
    animation-duration: 0.35s;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-name: slideInUp;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
     -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;
    box-shadow: 0 3px 15px rgba(0,0,0,0.11765) !important;
    border: 1px solid rgba(0,0,0,0.1);
    border: 0 none;
}
ul.nav.nav-tabs.subul .hls-menu a.we-megamenu-nolink:hover{
  color: #ff0000;
}
.we-mega-menu-ul>.we-mega-menu-li.active-trail>a{
  background-color: transparent;
}

@media screen and (min-width: 992px){
.we-mega-menu-submenu .hls-menu .we-mega-menu-submenu {
    margin: -7px 0 0 !important;
}
}

@media screen and (min-width: 1920px){
ul.we-mega-menu-ul.nav.nav-tabs>li.we-mega-menu-li.dropdown-menu {
    padding: 0 1vw;
}
li.we-mega-menu-li.contact-us {
    margin-left: 2vw;
    margin-top: 1vw;
}
.search-icon.col-sm-1.col-xs-12.search {
    right: 8%;
}

}