/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/* Note: 
    1. Before adding color codes, please check whether the color code is already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
			#AAAAAA		- 	$color_AA
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/********************************** Common Text Colors ************************************/
/********************************** End Common Text Colors ************************************/
/********************************** Common Border Colors ************************************/
/********************************** End Common Border Colors ************************************/
/********************************** Common Background Colors ************************************/
/********************************** End Common Background Colors ************************************/
/********************************** Common Button Colors ************************************/
.layout32a .heading {
  margin-bottom: 23px;
  margin-top: 60px;
  padding: 0 17%; }
.layout32a .content-big {
  margin-bottom: 48px;
  padding: 0 17%; }
.layout32a .row {
  margin-bottom: 55px; }
  .layout32a .row .list-content {
    margin: 0 0 0 90px; }
    .layout32a .row .list-content .control-icons {
      height: 70px;
      width: 71px;
      display: block;
      background: transparent url("//cdn.syncfusion.com/content/images/home/home-common-icon-images-4.png") repeat scroll;
      background-size: 1601px; }
    .layout32a .row .list-content .home-web-icon {
      background-position: -396px -705px; }
    .layout32a .row .list-content .home-mobile-icon {
      background-position: -569px -705px; }
    .layout32a .row .list-content .home-desktop-icon {
      background-position: -741px -705px; }
    .layout32a .row .list-content .home-fileformat-icon {
      background-position: -914px -705px; }
    .layout32a .row .list-content h3 {
      margin-top: 22px;
      margin-bottom: 0px; }
    .layout32a .row .list-content .bottom-border-thick {
      width: 35px;
      border-bottom: 4px solid #000000; }
    .layout32a .row .list-content .list-unstyled {
      display: inline-block;
      margin-top: 5px; }
      .layout32a .row .list-content .list-unstyled .bottom-border-thin {
        border-bottom: 1px solid #929497;
        width: 163px; }
        .layout32a .row .list-content .list-unstyled .bottom-border-thin a {
          color: #000000;
          outline: none;
          text-decoration: none; }
          .layout32a .row .list-content .list-unstyled .bottom-border-thin a:hover {
            color: #0095DD;
            text-decoration: none; }

@media (max-width: 767px) {
  .layout32a .heading {
    margin-bottom: 10px;
    margin-top: 32px;
    padding: 0 9%; }
  .layout32a .content-big {
    margin-bottom: 0px;
    padding: 0 8%; }
  .layout32a .row {
    clear: both;
    margin-bottom: 8px; }
    .layout32a .row .list-content {
      padding: 0px;
      margin: 27px auto;
      width: 100%; }
      .layout32a .row .list-content .control-icons {
        display: none; }
      .layout32a .row .list-content .bottom-border-thin {
        width: 100% !important; }
      .layout32a .row .list-content img {
        display: none; }
      .layout32a .row .list-content .list-unstyled {
        display: block; }
        .layout32a .row .list-content .list-unstyled .bottom-border-thin {
          line-height: 19px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout32a .heading {
    margin-bottom: 6px;
    margin-top: 40px;
    padding: 0 1%; }
  .layout32a .content-big {
    margin-bottom: 32px;
    padding: 0; }
  .layout32a .row {
    margin-bottom: 35px; }
    .layout32a .row .list-content {
      margin: 0px; }
      .layout32a .row .list-content .bottom-border-thin {
        width: 123px !important; }
      .layout32a .row .list-content img {
        margin-bottom: -6px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .layout32a .heading {
    margin-top: 42px;
    margin-bottom: 6px;
    padding: 0 8%; }
  .layout32a .content-big {
    margin-bottom: 32px;
    padding: 0 9%; }
  .layout32a .row {
    margin-bottom: 12px; }
    .layout32a .row .row {
      margin-bottom: 35px; }
    .layout32a .row .list-content {
      margin: 0 0 0 50px; }
      .layout32a .row .list-content .bottom-border-thin {
        width: 136px !important; }
      .layout32a .row .list-content img {
        margin-bottom: -6px; } }
@media (min-width: 1820px) {
  .layout32a .heading {
    margin-bottom: 23px;
    margin-top: 100px;
    padding: 0 17%; }
  .layout32a .content-big {
    margin-bottom: 68px;
    padding: 0px 18%;
    padding: 0 14%; }
  .layout32a .row {
    margin-bottom: 32px; }
    .layout32a .row .row {
      margin-bottom: 68px !important; }
    .layout32a .row .list-content {
      margin: 0 0 0 20px; }
      .layout32a .row .list-content .home-web-icon {
        background-position: -583px 150px; }
      .layout32a .row .list-content .home-mobile-icon {
        background-position: -836px 150px; }
      .layout32a .row .list-content .home-desktop-icon {
        background-position: -1090px -245px; }
      .layout32a .row .list-content .home-fileformat-icon {
        background-position: -1344px 150px; }
      .layout32a .row .list-content .control-icons {
        height: 104px;
        width: 103px;
        background-size: 2354px; }
      .layout32a .row .list-content h3 {
        margin-top: 32px;
        margin-bottom: 0px; }
      .layout32a .row .list-content .bottom-border-thick {
        border-bottom: 4px solid #000000;
        margin-bottom: 20px; }
      .layout32a .row .list-content .list-unstyled {
        display: inline-block;
        margin-top: 5px; }
        .layout32a .row .list-content .list-unstyled .bottom-border-thin {
          border-bottom: 1px solid #929497;
          margin-bottom: 10px;
          padding-bottom: 10px;
          width: 193px; }
          .layout32a .row .list-content .list-unstyled .bottom-border-thin a {
            color: #000000;
            outline: none;
            text-decoration: none; }
            .layout32a .row .list-content .list-unstyled .bottom-border-thin a:hover {
              color: #0095DD;
              text-decoration: none; } }
.images-with-text .heading-image {
  background: transparent url("//cdn.syncfusion.com/content/images/home/home-common-icon-images-4.png") repeat scroll 346px 244px/1569px auto;
  height: 87px;
  margin: 22px auto 21px;
  max-width: 300px; }
.images-with-text .content-medium {
  padding: 0 17%; }
.images-with-text .syncfusion-awards {
  overflow: hidden;
  padding-left: 199px; }
  .images-with-text .syncfusion-awards .awards-image {
    background: transparent url("//cdn.syncfusion.com/content/images/home/home-common-icon-images-4.png") no-repeat scroll 0 0;
    height: 123px;
    margin: 30px 100px 35px 7px;
    display: inline-block; }
  .images-with-text .syncfusion-awards .visualstudio {
    background-position: -282px -58px;
    width: 125px; }
  .images-with-text .syncfusion-awards .componentsource {
    background-position: -762px -55px;
    width: 120px; }
  .images-with-text .syncfusion-awards .componentsource-top100 {
    background-position: -51px -55px;
    width: 125px; }
  .images-with-text .syncfusion-awards .inc {
    background-position: -998px -42px;
    width: 337px;
    margin-top: -10px;
    margin-left: 97px; }
  .images-with-text .syncfusion-awards .sdtimes {
    background-position: -523px -56px;
    width: 120px; }
  .images-with-text .syncfusion-awards .codie {
    background-position: -1472px -42px;
    width: 210px;
    margin-top: -10px; }

@media (max-width: 479px) {
  .images-with-text .container {
    padding: 0 30px; }
    .images-with-text .container .heading-image {
      height: 87px;
      margin: 22px auto 21px;
      max-width: 250px;
      background-position: 284px 218px;
      background-size: 1358px; }
    .images-with-text .container .content-medium {
      margin-bottom: 28px;
      padding: 0px; }
    .images-with-text .container .syncfusion-awards {
      padding-left: 20px; }
      .images-with-text .container .syncfusion-awards .awards-image {
        height: 64px;
        margin: 25px 20px 0 0;
        background-size: 800px; }
      .images-with-text .container .syncfusion-awards .visualstudio {
        background-position: -84px -7px;
        width: 62px;
        margin-left: 51px; }
      .images-with-text .container .syncfusion-awards .sdtimes {
        background-position: -165px -7px;
        width: 63px; }
      .images-with-text .container .syncfusion-awards .componentsource {
        background-position: -237px -7px;
        width: 75px;
        margin-top: 10px;
        margin-left: 42px; }
      .images-with-text .container .syncfusion-awards .componentsource-top100 {
        background-position: -10px -7px;
        width: 75px;
        margin-top: 10px; }
      .images-with-text .container .syncfusion-awards .inc {
        background-position: -337px -15px;
        margin-right: 0;
        width: 145px;
        margin-top: 10px;
        margin-left: 10px; }
      .images-with-text .container .syncfusion-awards .codie {
        background-position: -486px -15px;
        margin-right: 0;
        width: 92px;
        margin-top: 10px; } }
@media (max-width: 320px) {
  .images-with-text .container .syncfusion-awards {
    padding-left: 0px; } }
@media (min-width: 480px) and (max-width: 767px) {
  .images-with-text .container {
    padding: 0 30px; }
    .images-with-text .container .heading-image {
      height: 87px;
      margin: 22px auto 21px;
      max-width: 250px;
      background-position: 271px 212px;
      background-size: 1297px; }
    .images-with-text .container .content-medium {
      margin-bottom: 28px;
      padding: 0px; }
    .images-with-text .container .syncfusion-awards {
      padding-left: 0px; }
      .images-with-text .container .syncfusion-awards .awards-image {
        height: 89px;
        margin: 25px 14px 0 0;
        background-size: 1200px; }
      .images-with-text .container .syncfusion-awards .visualstudio {
        background-position: -122px -31px;
        width: 85px; }
      .images-with-text .container .syncfusion-awards .sdtimes {
        background-position: -249px -31px;
        width: 90px; }
      .images-with-text .container .syncfusion-awards .componentsource {
        background-position: -380px -29px;
        width: 75px; }
      .images-with-text .container .syncfusion-awards .componentsource-top100 {
        background-position: -15px -29px;
        width: 75px; }
      .images-with-text .container .syncfusion-awards .inc {
        background-position: -491px -26px;
        width: 208px;
        margin-left: 25px; }
      .images-with-text .container .syncfusion-awards .codie {
        background-position: -749px -28px;
        width: 132px; } }
@media (min-width: 640px) and (max-width: 767px) {
  .images-with-text .container .syncfusion-awards {
    padding-left: 15%;
    padding-right: 15%; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .images-with-text .heading-image {
    background-size: 1630px;
    padding-top: 38px;
    padding-bottom: 29px; }
  .images-with-text .content-medium {
    padding: 0 4%; }
  .images-with-text .syncfusion-awards {
    padding-left: 15%;
    padding-right: 15%; }
    .images-with-text .syncfusion-awards .awards-image {
      height: 89px;
      margin: 25px 37px 25px 0px;
      background-size: 1450px; }
    .images-with-text .syncfusion-awards .visualstudio {
      background-position: -186px -30px;
      width: 75px;
      margin-left: 25px; }
    .images-with-text .syncfusion-awards .sdtimes {
      background-position: -325px -29px;
      width: 80px; }
    .images-with-text .syncfusion-awards .componentsource {
      background-position: -470px -29px;
      width: 80px; }
    .images-with-text .syncfusion-awards .componentsource-top100 {
      background-position: -31px -29px;
      width: 76px; }
    .images-with-text .syncfusion-awards .inc {
      background-position: -596px -31px;
      width: 240px;
      margin-left: 23px; }
    .images-with-text .syncfusion-awards .codie {
      background-position: -906px -35px;
      width: 155px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .images-with-text .heading-image {
    padding-top: 38px;
    padding-bottom: 29px; }
  .images-with-text .content-medium {
    padding: 0 10%; }
  .images-with-text .syncfusion-awards {
    padding-left: 0px;
    padding-right: 0px; }
    .images-with-text .syncfusion-awards .awards-image {
      height: 100px;
      margin: 30px 22px 35px 0px;
      background-size: 1700px; }
    .images-with-text .syncfusion-awards .visualstudio {
      background-position: -219px -38px;
      width: 82px;
      margin-left: 30px; }
    .images-with-text .syncfusion-awards .sdtimes {
      background-position: -380px -36px;
      width: 95px; }
    .images-with-text .syncfusion-awards .componentsource {
      background-position: -554px -35px;
      width: 99px; }
    .images-with-text .syncfusion-awards .componentsource-top100 {
      background-position: -46px -35px;
      width: 85px; }
    .images-with-text .syncfusion-awards .inc {
      background-position: -715px -41px;
      width: 250px; }
    .images-with-text .syncfusion-awards .codie {
      background-position: -1058px -38px;
      width: 167px; } }
@media (min-width: 1820px) {
  .images-with-text .heading-image {
    max-width: 300px;
    padding-top: 90px;
    padding-bottom: 28px; }
  .images-with-text .syncfusion-awards {
    padding-left: 3%;
    padding-right: 3%; }
    .images-with-text .syncfusion-awards .awards-image {
      height: 140px;
      margin: 38px 55px 35px 7px; }
    .images-with-text .syncfusion-awards .visualstudio {
      background-position: -271px -56px;
      width: 129px;
      margin-left: 28px; }
    .images-with-text .syncfusion-awards .sdtimes {
      background-position: -477px -46px;
      background-size: 2155px auto;
      width: 120px; }
    .images-with-text .syncfusion-awards .componentsource {
      background-position: -767px -56px;
      width: 115px; }
    .images-with-text .syncfusion-awards .componentsource-top100 {
      background-position: -61px -56px;
      width: 115px; }
    .images-with-text .syncfusion-awards .inc {
      background-position: -999px -53px;
      width: 340px; }
    .images-with-text .syncfusion-awards .codie {
      background-position: -1481px -50px;
      width: 220px; } }
#big-data-solutions {
  background: #00638E url("//cdn.syncfusion.com/content/images/home/big-data-bg-texture.png") repeat fixed; }
  #big-data-solutions .container-fluid {
    margin: 0; }
    #big-data-solutions .container-fluid h2 {
      padding-left: 14%;
      padding-right: 14%;
      color: #8DEBEB;
      margin-bottom: 23px; }
    #big-data-solutions .container-fluid .content-big {
      color: #fff;
      padding: 0 15%;
      font-size: 18px; }
    #big-data-solutions .container-fluid ul {
      list-style-type: none;
      padding-left: 0px;
      padding-top: 0px; }
      #big-data-solutions .container-fluid ul li {
        line-height: 24px;
        padding: 8px 0 12px 27px;
        background-image: url("//cdn.syncfusion.com/content/images/common/common-icons-03.png");
        background-position: -29px -254.7px;
        background-repeat: no-repeat; }
    #big-data-solutions .container-fluid .content-medium {
      color: #FFFFFF; }
    #big-data-solutions .container-fluid .btn {
      background-color: #FFFFFF;
      margin-top: 20px;
      margin-bottom: 24px;
      color: #000000;
      padding-left: 50px;
      padding-right: 50px; }
    #big-data-solutions .container-fluid .btn:hover, #big-data-solutions .container-fluid .btn:focus {
      background-color: #98D7DD;
      color: #000000; }
    #big-data-solutions .container-fluid img {
      width: 615px;
      height: 384px;
      float: right; }
  #big-data-solutions .container-fluid:first-child {
    padding-top: 62px; }
    #big-data-solutions .container-fluid:first-child .content-medium {
      padding-top: 29px;
      padding-left: 15%;
      padding-right: 15%; }
  #big-data-solutions .container-fluid:last-child {
    padding-top: 36px; }

@media (min-width: 1820px) {
  #big-data-solutions {
    background-size: 100%; }
    #big-data-solutions .container-fluid h2 {
      margin-bottom: 30px;
      font-size: 35px; }
    #big-data-solutions .container-fluid .content-big {
      color: #fff;
      padding: 0 24%;
      font-size: 24px; }
    #big-data-solutions .container-fluid ul {
      padding-top: 49px; }
      #big-data-solutions .container-fluid ul li {
        padding: 8px 0 16px 27px;
        background-position: -29px -254.7px; }
    #big-data-solutions .container-fluid img {
      width: 931px;
      height: 565px; }
    #big-data-solutions .container-fluid .btn {
      padding-left: 50px;
      padding-right: 50px; }
    #big-data-solutions .container-fluid:first-child {
      padding-top: 100px; }
    #big-data-solutions .container-fluid:last-child {
      padding-top: 36px; }
      #big-data-solutions .container-fluid:last-child .col-sm-7 {
        position: inherit; } }
@media (min-width: 768px) and (max-width: 1279px) {
  #big-data-solutions .container-fluid .btn {
    margin-top: 15px;
    margin-bottom: 20px; }
  #big-data-solutions .container-fluid ul li {
    padding: 6px 0 11px 25px; }
  #big-data-solutions .container-fluid:first-child {
    padding-top: 43px;
    padding-bottom: 25px; }
    #big-data-solutions .container-fluid:first-child .content-medium {
      padding-top: 20px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  #big-data-solutions .container-fluid .content-big {
    padding: 0 15%;
    font-size: 16px; }
  #big-data-solutions .container-fluid ul {
    padding-top: 25px;
    padding-right: 40px; }
    #big-data-solutions .container-fluid ul li {
      background-position: -29px -256.7px; }
  #big-data-solutions .container-fluid img {
    width: 462px;
    height: 289px;
    margin-top: 57px; }
  #big-data-solutions .container-fluid .btn {
    padding-left: 30px;
    padding-right: 30px; }
  #big-data-solutions .container-fluid:last-child {
    padding-top: 0; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #big-data-solutions .container-fluid h2 {
    padding-left: 7%;
    padding-right: 7%;
    margin-bottom: 6px; }
  #big-data-solutions .container-fluid .content-big {
    font-size: 16px;
    padding: 0 30px; }
  #big-data-solutions .container-fluid ul {
    padding-right: 10px;
    padding-top: 0; }
    #big-data-solutions .container-fluid ul li {
      line-height: 18px;
      font-size: 13px;
      background-position: -29px -258.7px; }
  #big-data-solutions .container-fluid img {
    height: 325px;
    width: 475px;
    margin-top: 7px; }
  #big-data-solutions .container-fluid .btn {
    padding-left: 30px;
    padding-right: 30px; }
  #big-data-solutions .container-fluid:last-child {
    padding-top: 0;
    position: relative; }
    #big-data-solutions .container-fluid:last-child .col-sm-7 {
      padding-left: 0;
      padding-right: 0; }
  #big-data-solutions .container-fluid:first-child .content-medium {
    padding-left: 10%;
    padding-right: 10%; } }
@media (max-width: 767px) {
  #big-data-solutions {
    background-image: none; }
    #big-data-solutions .container-fluid ul {
      padding-top: 12px;
      padding-right: 0;
      margin-bottom: 0px; }
      #big-data-solutions .container-fluid ul li {
        padding: 6px 0 18px 23px;
        line-height: 18px;
        background-position: -29px -261px; }
    #big-data-solutions .container-fluid .content-big {
      padding: 0px;
      font-size: 14px; }
    #big-data-solutions .container-fluid h2 {
      text-align: left;
      padding-left: 0px;
      padding-right: 0px; }
    #big-data-solutions .container-fluid p {
      text-align: left; }
    #big-data-solutions .container-fluid .btn {
      margin-top: 0px;
      margin-bottom: 35px;
      padding-left: 15px;
      padding-right: 15px; }
    #big-data-solutions .container-fluid:first-child {
      text-align: center;
      padding-top: 31px;
      padding-bottom: 3px; }
      #big-data-solutions .container-fluid:first-child .content-medium {
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 5px; }
    #big-data-solutions .container-fluid:last-child {
      padding-top: 3px; } }
.layout13 {
  background: url("//cdn.syncfusion.com/content/images/home/ux-bg-texture-staging2.png") repeat fixed; }
  .layout13 .container {
    padding-top: 40px;
    padding-bottom: 40px; }
    .layout13 .container h1 {
      margin-top: 0;
      color: #FFFFFF;
      letter-spacing: 1px;
      padding-right: 20%; }
    .layout13 .container .col-lg-7 {
      padding: 0px; }
    .layout13 .container .col-lg-5 {
      margin: 104px 0px; }
      .layout13 .container .col-lg-5 ul {
        margin-top: 28px;
        padding-left: 0px;
        padding-right: 15%;
        list-style-type: none; }
        .layout13 .container .col-lg-5 ul li {
          line-height: 20px;
          color: #FFFFFF;
          padding: 7px 0 7px 27px;
          background-image: url("//cdn.syncfusion.com/content/images/common/common-icons-03.png");
          background-position: -29px -258.7px;
          background-repeat: no-repeat; }
    .layout13 .container .btn {
      background-color: #3E74BA;
      color: #FFFFFF;
      margin-top: 30px;
      padding: 12px 45px; }
    .layout13 .container .btn:hover, .layout13 .container .btn:focus {
      background-color: #195F9E;
      color: #FFFFFF; }
    .layout13 .container #slide-images {
      display: none; }
    .layout13 .container img {
      width: 100%; }
    .layout13 .container .text-yellow {
      color: #FAB216; }

@media (min-width: 1820px) {
  .layout13 .container {
    padding-top: 40px;
    padding-bottom: 40px; }
    .layout13 .container h1 {
      font-size: 60px;
      line-height: 60px;
      padding-right: 20%; }
    .layout13 .container img {
      width: 800px; }
    .layout13 .container .col-lg-7 {
      padding: 0px; }
    .layout13 .container .btn {
      padding: 12px 45px; }
    .layout13 .container .col-lg-5 {
      margin: 121px 0px; }
      .layout13 .container .col-lg-5 ul {
        padding-right: 15%; }
        .layout13 .container .col-lg-5 ul li {
          padding: 15px 0 15px 27px;
          background-position: -29px -250.7px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .layout13 .container {
    padding-bottom: 30px;
    padding-top: 30px !important; }
    .layout13 .container .col-lg-5 {
      margin: 86px 0; }
      .layout13 .container .col-lg-5 h1 {
        padding-right: 50px; }
      .layout13 .container .col-lg-5 ul {
        padding-right: 50px; }
        .layout13 .container .col-lg-5 ul li {
          background-position: -29px -260.7px !important; }
    .layout13 .container img {
      width: 563px; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .layout13 .container {
    padding-top: 30px;
    padding-bottom: 30px; }
    .layout13 .container .col-lg-5 ul {
      margin-top: 20px; }
      .layout13 .container .col-lg-5 ul li {
        line-height: 18px;
        padding: 5px 0 5px 25px;
        background-position: -29px -350.7px; }
    .layout13 .container .btn {
      margin-top: 20px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout13 .container {
    padding-bottom: 48px; }
    .layout13 .container .col-lg-5 {
      margin: 22px 0px; }
      .layout13 .container .col-lg-5 h1 {
        padding-right: 0;
        font-size: 30px;
        line-height: 31px; }
      .layout13 .container .col-lg-5 ul {
        padding-right: 10%; }
        .layout13 .container .col-lg-5 ul li {
          background-position: -29px -262.7px !important; }
    .layout13 .container img {
      width: 414px; } }
@media (max-width: 767px) {
  .layout13 .container {
    padding-top: 60px;
    padding-bottom: 60px; }
    .layout13 .container .col-sm-5 {
      width: 100% !important; }
    .layout13 .container .hidden-xs {
      display: none; }
    .layout13 .container .col-lg-5 {
      text-align: center;
      margin: 0px; }
      .layout13 .container .col-lg-5 h1 {
        letter-spacing: 1px;
        padding-left: 0px;
        padding-right: 15px;
        text-align: left; }
      .layout13 .container .col-lg-5 ul {
        text-align: left;
        margin-top: 8px;
        padding-right: 20px; }
        .layout13 .container .col-lg-5 ul li {
          padding-left: 23px;
          background-position: -29px -258.7px; }
    .layout13 .container img {
      width: 260px; }
    .layout13 .container .btn {
      margin-top: 8px;
      margin-bottom: 15px;
      float: left; } }
/*========== Layout 18 =============*/
.layout18 > .container {
  padding-top: 64px;
  padding-bottom: 64px; }

.layout18 .container #book-images li {
  display: none; }
.layout18 .container #book-images li:first-child {
  display: block;
  visibility: hidden; }
.layout18 .container h2 {
  margin: 0px 200px 0px 200px;
  text-align: center; }
  .layout18 .container h2 a {
    color: #333333;
    text-decoration: none; }
    .layout18 .container h2 a:hover, .layout18 .container h2 a:focus {
      color: #0C9EC6; }
.layout18 .container .ebooks-content {
  margin: 30px 225px 36px;
  text-align: center; }
.layout18 .container .book-list {
  display: block; }
.layout18 .container a:hover img {
  opacity: 0.9; }
.layout18 .container #ebook-samples {
  height: 375px;
  width: 1213px;
  margin: auto; }
  .layout18 .container #ebook-samples #mobile-viewButton {
    display: none; }
  .layout18 .container #ebook-samples img {
    height: 337px;
    width: 252px; }
  .layout18 .container #ebook-samples .btn {
    margin-top: 30px; }
  .layout18 .container #ebook-samples #individual-ebook {
    display: inline-block;
    height: 337px;
    margin-bottom: 0;
    margin-left: -4px;
    padding-left: 25px;
    padding-right: 10px;
    width: 300px; }
  .layout18 .container #ebook-samples p {
    text-align: center; }

@media (max-width: 767px) {
  .layout18 > .container {
    padding-top: 30px;
    padding-bottom: 30px; }

  .layout18 .container h2 {
    margin: 0px 5px 0px 5px;
    text-align: center; }
  .layout18 .container .ebooks-content {
    margin: 10px 10px 15px 10px;
    text-align: center; }
  .layout18 .container #ebook-samples {
    height: 326px;
    overflow: hidden;
    width: 260px; }
    .layout18 .container #ebook-samples #mobile-viewButton {
      display: block;
      margin-top: -25px;
      padding-bottom: 30px; }
    .layout18 .container #ebook-samples #individual-ebook {
      height: 262px;
      padding-left: 37px;
      width: 260px; }
    .layout18 .container #ebook-samples img {
      height: 262px !important;
      width: 196px !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout18 > .container {
    padding-top: 42px;
    padding-bottom: 42px; }

  .layout18 .container h2 {
    margin: 0px 50px 0px 50px;
    text-align: center; }
  .layout18 .container .ebooks-content {
    margin: 15px 100px 20px 100px;
    text-align: center; }
  .layout18 .container #ebook-samples {
    height: 218px;
    width: 700px; }
    .layout18 .container #ebook-samples #individual-ebook {
      height: 167px;
      padding-left: 5px;
      width: 175px; }
    .layout18 .container #ebook-samples img {
      height: 167px !important;
      width: 125px !important; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .layout18 > .container {
    padding-top: 42px;
    padding-bottom: 42px; }

  .layout18 .container h2 {
    margin: 0px 50px 0px 50px;
    text-align: center; }
  .layout18 .container .ebooks-content {
    margin: 15px 100px 20px 100px;
    text-align: center; }
  .layout18 .container #ebook-samples {
    height: 302px;
    width: 944px; }
    .layout18 .container #ebook-samples #individual-ebook {
      height: 250px;
      padding-left: 15px;
      width: 236px; }
    .layout18 .container #ebook-samples img {
      height: 250px !important;
      width: 186px !important; } }
@media (min-width: 1820px) {
  .layout18 > .container {
    padding-top: 100px;
    padding-bottom: 100px; }

  .layout18 .container h2 {
    margin: 0px 250px 0px 250px;
    text-align: center; }
  .layout18 .container .ebooks-content {
    margin: 25px 262px 68px; }
  .layout18 .container #ebook-samples {
    height: 463px;
    width: 1520px; }
    .layout18 .container #ebook-samples #individual-ebook {
      height: 437px;
      padding-left: 15px;
      width: 380px; }
    .layout18 .container #ebook-samples .btn {
      margin-top: 41px;
      font-size: 16px; }
    .layout18 .container #ebook-samples img {
      height: 437px !important;
      width: 328px !important; } }
/*========== End of Layout 18 =============*/
/*========== Layout 12 =============*/
.layout12 {
  background-image: url("//cdn.syncfusion.com/content/images/home/customer_segment_bg.png");
  background-repeat: repeat; }
  .layout12 .container {
    padding-bottom: 68px;
    padding-top: 64px; }
    .layout12 .container h2 {
      margin: 0px 100px 0px 100px;
      text-align: center; }
    .layout12 .container .subheading-content {
      margin: 4px 120px 64px 120px;
      text-align: center; }
    .layout12 .container a {
      color: #428BCA;
      outline: none; }
    .layout12 .container .row {
      overflow: hidden; }
    .layout12 .container .col-lg-4 {
      border-right: 1px solid #A7A9AB;
      margin-bottom: -999px;
      padding-bottom: 999px; }
      .layout12 .container .col-lg-4 .inner-col-contents {
        padding-left: 30px;
        padding-right: 30px; }
        .layout12 .container .col-lg-4 .inner-col-contents .bgimage {
          background-image: url("//cdn.syncfusion.com/content/images/common/common-icons-03.png");
          background-position: -27px -218px;
          width: 36px;
          height: 30px; }
        .layout12 .container .col-lg-4 .inner-col-contents p {
          margin: 0px; }
        .layout12 .container .col-lg-4 .inner-col-contents .content-small {
          padding-left: 33px;
          text-align: justify;
          line-height: 26px; }
        .layout12 .container .col-lg-4 .inner-col-contents .col-name {
          font-weight: bold;
          padding-top: 20px; }
    .layout12 .container .col-lg-4:last-child {
      border: none; }

@media (max-width: 767px) {
  .layout12 .container {
    padding-bottom: 10px;
    padding-top: 34px; }
    .layout12 .container h2 {
      margin: 0px 0px 10px;
      text-align: center; }
    .layout12 .container .subheading-content {
      margin: 0px 0px 8px;
      text-align: center; }
    .layout12 .container .col-xs-12 {
      border: none; }
      .layout12 .container .col-xs-12 .inner-col-contents {
        border-bottom: 1px solid #A7A9AB;
        padding-top: 18px;
        padding-bottom: 20px; }
        .layout12 .container .col-xs-12 .inner-col-contents .bgimage {
          background-position: -754px -165px;
          background-size: 687% auto; }
        .layout12 .container .col-xs-12 .inner-col-contents p {
          margin: 0px; }
        .layout12 .container .col-xs-12 .inner-col-contents .col-content {
          margin: 0px;
          margin-top: 7px !important; }
    .layout12 .container .col-xs-12 .inner-col-contents {
      padding-left: 0px;
      padding-right: 0px; }
    .layout12 .container .col-xs-12:last-child .inner-col-contents {
      border: none; } }
@media (min-width: 768px) and (max-width: 1279px) {
  .layout12 .container {
    padding-bottom: 48px;
    padding-top: 44px; }
    .layout12 .container h2 {
      margin: 0px 60px 5px 60px;
      text-align: center; }
    .layout12 .container .subheading-content {
      margin: 0px 80px 43px 80px;
      text-align: center; }
    .layout12 .container .col-lg-4 .inner-col-contents {
      padding: 0px;
      padding-left: 5px; }
      .layout12 .container .col-lg-4 .inner-col-contents .bgimage {
        background-position: -754px -165px;
        background-size: 687% auto; }
      .layout12 .container .col-lg-4 .inner-col-contents p {
        margin: 0px; }
      .layout12 .container .col-lg-4 .inner-col-contents .col-content {
        margin: 0px;
        margin-top: -3px; }
      .layout12 .container .col-lg-4 .inner-col-contents .content-small {
        padding-left: 30px;
        line-height: 20px; } }
@media (min-width: 1820px) {
  .layout12 .container {
    padding-bottom: 100px;
    padding-top: 100px; }
    .layout12 .container .col-lg-4 .inner-col-contents {
      padding-left: 60px;
      padding-right: 60px; }
      .layout12 .container .col-lg-4 .inner-col-contents .content-small {
        line-height: 30px; } }
/*=========== End  of Layout 12 ===========*/
.layout2c .container {
  padding-top: 60px; }
  .layout2c .container .row .col-lg-12 h2 {
    padding-bottom: 25px; }
  .layout2c .container .row .col-lg-12 p {
    padding-left: 18%;
    padding-right: 18%;
    word-wrap: break-word; }
  .layout2c .container .row .col-lg-12 a {
    background-color: #D13939;
    color: #FFFFFF;
    margin-top: 48px;
    padding-left: 50px;
    padding-right: 50px; }
    .layout2c .container .row .col-lg-12 a:hover, .layout2c .container .row .col-lg-12 a:focus {
      background-color: #B23636;
      color: #FFFFFF; }
  .layout2c .container .row .img-responsive {
    display: inline;
    margin: 0 auto;
    padding-top: 58px;
    max-width: 80%; }

@media (min-width: 1820px) {
  .layout2c .container {
    padding-top: 100px; }
    .layout2c .container .row .col-lg-12 a {
      margin-top: 34px;
      padding-left: 50px;
      padding-right: 50px; }
    .layout2c .container .row .img-responsive {
      padding-top: 43px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .layout2c .container {
    padding-top: 40px; }
    .layout2c .container .row .col-lg-12 h2 {
      padding-bottom: 21px; }
    .layout2c .container .row .col-lg-12 p {
      padding-left: 10%;
      padding-right: 10%; }
    .layout2c .container .row .col-lg-12 a {
      margin-top: 29px;
      padding-left: 30px;
      padding-right: 30px; }
    .layout2c .container .row .img-responsive {
      padding-top: 35px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout2c .container {
    padding-top: 40px; }
    .layout2c .container .row .col-lg-12 h2 {
      padding-bottom: 21px; }
    .layout2c .container .row .col-lg-12 p {
      padding-left: 79px;
      padding-right: 79px; }
    .layout2c .container .row .col-lg-12 a {
      margin-top: 29px;
      padding-left: 30px;
      padding-right: 30px; }
    .layout2c .container .row .img-responsive {
      padding-top: 35px; } }
@media (max-width: 767px) {
  .layout2c .container {
    padding-top: 33px; }
    .layout2c .container .row .col-lg-12 h2 {
      padding-bottom: 21px; }
    .layout2c .container .row .col-lg-12 p {
      padding-left: 0px;
      padding-right: 0px; }
    .layout2c .container .row .col-lg-12 a {
      margin-top: 27px;
      padding-left: 15px;
      padding-right: 15px; }
    .layout2c .container .row .img-responsive {
      padding-top: 32px; } }
.image-animation {
  background-color: #b52d2d;
  width: 100%;
  height: 570px;
  line-height: 570px;
  text-align: center;
  position: relative;
  overflow: hidden; }
  .image-animation .list-images {
    -webkit-animation: loop 130s linear 0s infinite normal;
    -ms-animation: loop 130s linear 0s infinite normal;
    -o-animation: loop 130s linear 0s infinite normal;
    -moz-animation: loop 130s linear infinite normal;
    animation: loop 130s linear infinite normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    height: 80px;
    left: 0;
    position: absolute;
    list-style: none outside none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
    width: 12806px;
    margin: 45px 0; }
    .image-animation .list-images li {
      float: left;
      height: 80px;
      overflow: hidden;
      position: relative;
      text-align: justify;
      white-space: normal;
      margin-left: -20px;
      width: 33%;
      list-style: none;
      display: inline-block; }
      .image-animation .list-images li:before {
        content: "";
        height: 100%;
        position: relative;
        width: 0; }
      .image-animation .list-images li:after {
        content: ".";
        display: inline-block;
        font-size: 1px;
        height: 1px;
        overflow: hidden;
        visibility: hidden;
        width: 100%; }
  .image-animation .image {
    display: block;
    overflow: hidden;
    float: left;
    width: 130px;
    height: 80px;
    margin-right: 0.9%;
    background: url("//cdn.syncfusion.com/content/images/home/customers_list.png") no-repeat scroll left top; }
  .image-animation .content-list {
    background-color: #FFFFFF;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 10px 0px;
    vertical-align: middle;
    width: 520px;
    z-index: 2; }
    .image-animation .content-list .content-medium {
      min-height: 45px;
      text-align: center; }
      .image-animation .content-list .content-medium:after {
        content: "";
        height: 45px;
        vertical-align: middle;
        display: -webkit-inline-box;
        display: inline-block; }
    .image-animation .content-list .bottom-border-thin {
      border-bottom: 1px solid #D7D7D7; }
  .image-animation .image-list-1 {
    -webkit-animation-duration: 120s;
    -moz-animation-duration: 120s;
    -o-animation-duration: 120s;
    animation-duration: 120s;
    top: 0px; }
    .image-animation .image-list-1 li {
      margin-left: -734px; }
    .image-animation .image-list-1 .capital {
      margin-left: 0px; }
    .image-animation .image-list-1 .nielson {
      margin-left: 593px; }
  .image-animation .image-list-2 {
    -webkit-animation-duration: 150s;
    -moz-animation-duration: 150s;
    -o-animation-duration: 150s;
    animation-duration: 150s;
    top: 90px; }
    .image-animation .image-list-2 li {
      margin-left: -451px; }
    .image-animation .image-list-2 .abb {
      margin-left: 435px; }
    .image-animation .image-list-2 .capital {
      margin-left: 148px; }
  .image-animation .image-list-3 {
    -webkit-animation-duration: 130s;
    -moz-animation-duration: 130s;
    -o-animation-duration: 130s;
    animation-duration: 130s;
    top: 180px; }
    .image-animation .image-list-3 li {
      margin-left: -495px; }
    .image-animation .image-list-3 .abb {
      margin-left: 355px; }
    .image-animation .image-list-3 .nielson {
      margin-left: 104px; }
  .image-animation .image-list-4 {
    -webkit-animation-duration: 140s;
    -moz-animation-duration: 140s;
    -o-animation-duration: 140s;
    animation-duration: 140s;
    top: 270px; }
    .image-animation .image-list-4 li {
      margin-left: -621px; }
    .image-animation .image-list-4 .image {
      margin-right: 0.8%; }
    .image-animation .image-list-4 .barclays {
      margin-left: 355px; }
    .image-animation .image-list-4 .reservebank {
      margin-left: 117px; }
  .image-animation .image-list-5 {
    -webkit-animation-duration: 120s;
    -moz-animation-duration: 120s;
    -o-animation-duration: 120s;
    animation-duration: 120s;
    top: 360px; }
    .image-animation .image-list-5 li {
      margin-left: -752px; }
    .image-animation .image-list-5 .olympus {
      margin-left: 614px; }
  .image-animation .image-list-6 {
    -webkit-animation-duration: 140s;
    -moz-animation-duration: 140s;
    -o-animation-duration: 140s;
    animation-duration: 140s;
    top: 450px; }
    .image-animation .image-list-6 li {
      margin-left: -522px; }
    .image-animation .image-list-6 .abb {
      margin-left: 502px; }
    .image-animation .image-list-6 .capital {
      margin-left: 274px; }
  .image-animation .abb {
    background-position: -41px -30px;
    height: 34px;
    width: 70px; }
  .image-animation .abbott {
    background-position: -27px -69px;
    height: 33px;
    width: 107px; }
  .image-animation .accenture {
    background-position: -36px -123px;
    height: 40px;
    width: 88px; }
  .image-animation .alcatel {
    background-position: -17px -162px;
    height: 40px;
    width: 133px; }
  .image-animation .amd {
    background-position: -34px -214px;
    height: 32px;
    width: 86px; }
  .image-animation .aon {
    background-position: -44px -260px;
    height: 32px;
    width: 62px; }
  .image-animation .arcelor {
    background-position: -36px -306px;
    height: 46px;
    width: 93px; }
  .image-animation .audi {
    background-position: -49px -410px;
    height: 51px;
    width: 73px; }
  .image-animation .boamerica {
    background-position: -21px -472px;
    height: 34px;
    width: 151px; }
  .image-animation .barclays {
    background-position: -23px -530px;
    height: 33px;
    width: 121px; }
  .image-animation .barclays {
    background-position: -23px -536px;
    height: 27px;
    width: 121px; }
  .image-animation .bnp {
    background-position: -23px -592px;
    height: 34px;
    width: 133px; }
  .image-animation .boeing {
    background-position: -12px -632px;
    height: 40px;
    width: 137px; }
  .image-animation .bp {
    background-position: -45px -684px;
    height: 47px;
    width: 42px; }
  .image-animation .bridgestone {
    background-position: -29px -751px;
    height: 33px;
    width: 117px; }
  .image-animation .fox {
    background-position: -52px -800px;
    height: 34px;
    width: 59px; }
  .image-animation .dbank {
    background-position: -158px -27px;
    height: 38px;
    width: 153px; }
  .image-animation .chevron {
    background-position: -225px -64px;
    height: 46px;
    width: 47px; }
  .image-animation .coke {
    background-position: -203px -125px;
    height: 36px;
    width: 87px; }
  .image-animation .cognizant {
    background-position: -198px -164px;
    height: 35px;
    width: 110px; }
  .image-animation .csc {
    background-position: -194px -260px;
    height: 43px;
    width: 70px; }
  .image-animation .deloitte {
    background-position: -160px -308px;
    height: 36px;
    width: 113px; }
  .image-animation .ea {
    background-position: -135px -361px;
    height: 36px;
    width: 80px; }
  .image-animation .ericsson {
    background-position: -205px -474px;
    height: 48px;
    width: 56px; }
  .image-animation .bbc {
    background-position: -166px -535px;
    height: 31px;
    width: 82px; }
  .image-animation .fedex {
    background-position: -175px -597px;
    height: 31px;
    width: 80px; }
  .image-animation .bosch {
    background-position: -172px -637px;
    height: 39px;
    width: 76px; }
  .image-animation .fidelity {
    background-position: -123px -686px;
    height: 41px;
    width: 130px; }
  .image-animation .capital {
    background-position: -176px -746px;
    height: 41px;
    width: 127px; }
  .image-animation .fujitsu {
    background-position: -138px -800px;
    height: 42px;
    width: 76px; }
  .image-animation .ge {
    background-position: -394px -23px;
    height: 44px;
    width: 47px; }
  .image-animation .halliburton {
    background-position: -341px -68px;
    height: 30px;
    width: 161px; }
  .image-animation .hcl {
    background-position: -359px -125px;
    height: 29px;
    width: 124px; }
  .image-animation .honeywell {
    background-position: -353px -165px;
    height: 35px;
    width: 135px; }
  .image-animation .hp {
    background-position: -374px -206px;
    height: 45px;
    width: 52px; }
  .image-animation .hsbc {
    background-position: -292px -266px;
    height: 32px;
    width: 114px; }
  .image-animation .ibm {
    background-position: -311px -308px;
    height: 32px;
    width: 74px; }
  .image-animation .infosys {
    background-position: -243px -363px;
    height: 32px;
    width: 74px; }
  .image-animation .intel {
    background-position: -258px -409px;
    height: 50px;
    width: 77px; }
  .image-animation .john {
    background-position: -288px -475px;
    height: 36px;
    width: 145px; }
  .image-animation .kellogs {
    background-position: -277px -530px;
    height: 43px;
    width: 102px; }
  .image-animation .konika {
    background-position: -290px -584px;
    height: 53px;
    width: 82px; }
  .image-animation .ferrari {
    background-position: -277px -642px;
    height: 29px;
    width: 91px; }
  .image-animation .fila {
    background-position: -277px -690px;
    height: 29px;
    width: 72px; }
  .image-animation .marks {
    background-position: -353px -748px;
    height: 40px;
    width: 91px; }
  .image-animation .mcafee {
    background-position: -254px -798px;
    height: 44px;
    width: 75px; }
  .image-animation .nec {
    background-position: -342px -358px;
    height: 35px;
    width: 74px; }
  .image-animation .nike {
    background-position: -359px -411px;
    height: 37px;
    width: 74px; }
  .image-animation .fbi {
    background-position: -405px -523px;
    height: 52px;
    width: 45px; }
  .image-animation .tns {
    background-position: -900px -59px;
    height: 51px;
    width: 54px; }
  .image-animation .century_fox {
    background-position: -888px -118px;
    height: 48px;
    width: 54px; }
  .image-animation .mercedes {
    background-position: -522px -22px;
    height: 38px;
    width: 127px; }
  .image-animation .pfizer {
    background-position: -727px -28px;
    height: 34px;
    width: 53px; }
  .image-animation .merrillLynch {
    background-position: -523px -68px;
    height: 34px;
    width: 125px; }
  .image-animation .microsoft {
    background-position: -523px -123px;
    height: 34px;
    width: 125px; }
  .image-animation .mitsubishi {
    background-position: -535px -162px;
    height: 34px;
    width: 101px; }
  .image-animation .molndrift {
    background-position: -474px -212px;
    height: 35px;
    width: 104px; }
  .image-animation .motorola {
    background-position: -435px -261px;
    height: 37px;
    width: 130px; }
  .image-animation .nasdaq {
    background-position: -426px -303px;
    height: 48px;
    width: 106px; }
  .image-animation .nielson {
    background-position: -442px -366px;
    height: 24px;
    width: 89px; }
  .image-animation .sap {
    background-position: -454px -417px;
    height: 38px;
    width: 71px; }
  .image-animation .nokia {
    background-position: -461px -474px;
    height: 41px;
    width: 83px; }
  .image-animation .nvidia {
    background-position: -490px -528px;
    height: 44px;
    width: 60px; }
  .image-animation .olympus {
    background-position: -398px -593px;
    height: 40px;
    width: 116px; }
  .image-animation .levis {
    background-position: -404px -643px;
    height: 29px;
    width: 62px; }
  .image-animation .pg {
    background-position: -383px -687px;
    height: 29px;
    width: 58px; }
  .image-animation .marksspencers {
    background-position: -358px -750px;
    height: 33px;
    width: 82px; }
  .image-animation .telstra {
    background-position: -362px -811px;
    height: 26px;
    width: 86px; }
  .image-animation .porsche {
    background-position: -701px -66px;
    height: 36px;
    width: 94px; }
  .image-animation .rabobank {
    background-position: -693px -126px;
    height: 28px;
    width: 124px; }
  .image-animation .rbc {
    background-position: -736px -158px;
    height: 48px;
    width: 37px; }
  .image-animation .rbs {
    background-position: -621px -213px;
    height: 36px;
    width: 78px; }
  .image-animation .reservebank {
    background-position: -616px -265px;
    height: 36px;
    width: 122px; }
  .image-animation .rollsroyce {
    background-position: -587px -306px;
    height: 34px;
    width: 130px; }
  .image-animation .saintgobain {
    background-position: -564px -363px;
    height: 30px;
    width: 105px; }
  .image-animation .schneider {
    background-position: -587px -477px;
    height: 34px;
    width: 105px; }
  .image-animation .shell {
    background-position: -600px -531px;
    height: 37px;
    width: 43px; }
  .image-animation .siemens {
    background-position: -555px -602px;
    height: 18px;
    width: 102px; }
  .image-animation .lehman {
    background-position: -542px -650px;
    height: 14px;
    width: 148px; }
  .image-animation .pepsico {
    background-position: -479px -686px;
    height: 33px;
    width: 133px; }
  .image-animation .philips {
    background-position: -496px -756px;
    height: 21px;
    width: 95px; }
  .image-animation .unilever {
    background-position: -768px -213px;
    height: 43px;
    width: 41px; }
  .image-animation .verizon {
    background-position: -791px -256px;
    height: 46px;
    width: 65px; }
  .image-animation .visa {
    background-position: -749px -312px;
    height: 24px;
    width: 65px; }
  .image-animation .wachovia {
    background-position: -693px -366px;
    height: 24px;
    width: 103px; }
  .image-animation .wipro {
    background-position: -827px -368px;
    height: 18px;
    width: 89px; }
  .image-animation .johnson {
    background-position: -723px -477px;
    height: 28px;
    width: 147px; }
  .image-animation .otis {
    background-position: -688px -599px;
    height: 23px;
    width: 60px; }
  .image-animation .societe {
    background-position: -710px -640px;
    height: 34px;
    width: 90px; }
  .image-animation .sony {
    background-position: -675px -681px;
    height: 49px;
    width: 62px; }
  .image-animation .symantec {
    background-position: -628px -748px;
    height: 44px;
    width: 110px; }
  .image-animation .tcs {
    background-position: -785px -749px;
    height: 36px;
    width: 125px; }

@keyframes loop {
  0% {
    transform: translateX(0px); }
  100% {
    transform: translateX(-66.6%); } }
@-moz-keyframes loop {
  0% {
    transform: translateX(0px); }
  100% {
    transform: translateX(-66.6%); } }
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(-66.6%); } }
@-o-keyframes loop {
  0% {
    -webkit-transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(-66.6%); } }
#customers_with_singleline {
  height: 120px;
  background-color: #31C1DD; }
  #customers_with_singleline .image-list-1 {
    margin: 38px 0px; }

@media (max-width: 767px) {
  .image-animation .content-list {
    width: 270px; }
    .image-animation .content-list .content-medium {
      padding: 10px 40px 0 40px;
      text-align: center;
      min-height: 38px; }

  #customers_with_singleline {
    height: 90px; }
    #customers_with_singleline .list-images {
      margin: 20px 0px; } }
@media (min-width: 480px) and (max-width: 767px) {
  .image-animation {
    height: 470px;
    line-height: 470px; }
    .image-animation .content-list {
      width: 320px; }
      .image-animation .content-list .content-medium {
        padding: 10px 8px 0 8px; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .image-animation .content-list {
    width: 400px;
    margin: 110px 0px; }
    .image-animation .content-list .content-medium {
      min-height: 38px;
      padding: 10px; }

  #customers_with_singleline {
    height: 109px; }
    #customers_with_singleline .list-images {
      margin: 30px 0px; } }
@media (min-width: 1367px) {
  .image-animation .content-list {
    width: 570px; } }
@media (min-width: 1820px) {
  .content-list .content-medium:after {
    height: 68px; }

  #customers_with_singleline {
    height: 135px; }
    #customers_with_singleline .image-list-1 {
      margin: 45px 0px; } }
.layout17l {
  color: #FFFFFF;
  background-color: #54bfa2;
  background-image: url("//cdn.syncfusion.com/content/images/products/Images/BigData/big-data-managebg.png"); }
  .layout17l .container .row {
    padding-top: 58px; }
    .layout17l .container .row h2 {
      font-size: 41px;
      margin-bottom: 25px;
      margin-top: 0px;
      line-height: 46px; }
    .layout17l .container .row .list-item {
      margin-bottom: 40px;
      padding-left: 0px; }
      .layout17l .container .row .list-item li {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/BigData/bullet-icon.png");
        background-repeat: no-repeat;
        background-position: 0 15px;
        padding-top: 10px;
        padding-left: 20px; }
        .layout17l .container .row .list-item li .content-big {
          font-size: 16px;
          line-height: 23px; }
          .layout17l .container .row .list-item li .content-big a {
            color: #fff100;
            text-decoration: none; }
          .layout17l .container .row .list-item li .content-big a:hover {
            color: #fcf190; }
    .layout17l .container .row .btn {
      background-color: #000000;
      color: #FFFFFF;
      text-decoration: none;
      padding-left: 30px;
      padding-right: 30px; }
      .layout17l .container .row .btn:hover {
        background-color: #212120; }
      .layout17l .container .row .btn:focus {
        outline: none; }

@media (min-width: 1820px) {
  .layout17l {
    height: 645px; }
    .layout17l .container .row {
      padding-top: 82px; }
      .layout17l .container .row h2 {
        font-size: 56px;
        line-height: 64px; }
      .layout17l .container .row .list-item {
        margin-bottom: 40px;
        padding-left: 0px; }
        .layout17l .container .row .list-item li {
          padding-top: 10px;
          background-position: 0 17px; }
          .layout17l .container .row .list-item li .content-big {
            font-size: 20px;
            line-height: 28px; } }
@media (max-width: 1279px) {
  .layout17l .container .row {
    padding-top: 50px; }
    .layout17l .container .row h2 {
      font-size: 27px;
      line-height: 33px;
      margin-bottom: 10px; }
    .layout17l .container .row .list-item {
      margin-bottom: 26px;
      padding-left: 0px;
      padding-top: 10px; }
      .layout17l .container .row .list-item li {
        padding-top: 6px;
        background-position: 0 11px; }
        .layout17l .container .row .list-item li .content-big {
          font-size: 13px;
          line-height: 20px; }
    .layout17l .container .row .btn {
      padding-left: 25px;
      padding-right: 25px; } }
@media (max-width: 1023px) {
  .layout17l .container .row {
    padding: 38px 0px; }
    .layout17l .container .row h2 {
      font-size: 31px;
      line-height: 35px;
      margin-bottom: 11px;
      padding-right: 193px; }
    .layout17l .container .row .list-item {
      margin-bottom: 21px;
      padding-left: 0px;
      padding-top: 6px; }
      .layout17l .container .row .list-item li {
        padding-top: 6px;
        background-position: 0 9px; }
        .layout17l .container .row .list-item li .content-big {
          font-size: 14px;
          line-height: 18px; }
    .layout17l .container .row .btn {
      padding-left: 25px;
      padding-right: 25px; } }
@media (max-width: 767px) {
  .layout17l {
    height: 600px; }
    .layout17l .container {
      width: 320px; }
      .layout17l .container .row {
        padding-top: 35px;
        padding-bottom: 48px; }
        .layout17l .container .row h2 {
          font-size: 20px;
          line-height: 25px;
          margin-bottom: 14px;
          padding-right: 0px;
          text-align: center; }
        .layout17l .container .row .list-item {
          margin-bottom: 23px;
          padding-left: 0px;
          padding-top: 0px;
          background-position: 0 11px; }
          .layout17l .container .row .list-item li {
            padding-top: 7px; }
            .layout17l .container .row .list-item li .content-big {
              font-size: 14px;
              line-height: 20px; }
        .layout17l .container .row p {
          text-align: center; }
          .layout17l .container .row p .btn {
            padding-left: 25px;
            padding-right: 25px; } }
.layout17m {
  color: #FFFFFF;
  background-image: url("//cdn.syncfusion.com/content/images/products/Images/Xamarin/xamarin-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: inherit; }
  .layout17m .container .row {
    padding: 64px 0px; }
    .layout17m .container .row h2 {
      font-size: 41px;
      margin-bottom: 25px;
      margin-top: 0px;
      line-height: 46px; }
    .layout17m .container .row .list-item {
      margin-bottom: 40px;
      padding-left: 0px;
      list-style-type: none; }
      .layout17m .container .row .list-item li {
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/BigData/bullet-icon.png");
        background-repeat: no-repeat;
        background-position: 0 15px;
        padding-top: 10px;
        padding-left: 20px; }
        .layout17m .container .row .list-item li .content-big {
          font-size: 16px;
          line-height: 23px; }
          .layout17m .container .row .list-item li .content-big a {
            color: #fff100;
            text-decoration: none; }
          .layout17m .container .row .list-item li .content-big a:hover {
            color: #fcf190; }
    .layout17m .container .row .btn {
      background-color: #000000;
      color: #FFFFFF;
      text-decoration: none;
      padding-left: 30px;
      padding-right: 30px; }
      .layout17m .container .row .btn:hover {
        background-color: #212120; }
      .layout17m .container .row .btn:focus {
        outline: none; }
    .layout17m .container .row .bannerimg {
      margin-top: -20px; }
    .layout17m .container .row .image-new {
      margin-bottom: -15px; }
    .layout17m .container .row .buy-now {
      margin-left: 20px; }
    .layout17m .container .row .right-column {
      padding-left: 60px; }
      .layout17m .container .row .right-column #banner-video {
        width: 100%;
        height: 373px; }
      .layout17m .container .row .right-column .video-background {
        width: 100%;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/content/en-Us/company/images/aboutus/xamarin-video-bg.png', sizingMethod='scale');
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/Xamarin/xamarin-video-bg.png");
        background-repeat: no-repeat;
        background-size: 100%;
        height: 373px;
        line-height: 373px;
        text-align: center; }
        .layout17m .container .row .right-column .video-background .video-playicon {
          cursor: pointer; }

@media (min-width: 1820px) {
  .layout17m {
    height: 645px; }
    .layout17m .container .row {
      padding-top: 82px; }
      .layout17m .container .row h2 {
        font-size: 56px;
        line-height: 64px; }
      .layout17m .container .row .list-item {
        margin-bottom: 40px;
        padding-left: 0px; }
        .layout17m .container .row .list-item li {
          padding-top: 10px;
          background-position: 0 17px; }
          .layout17m .container .row .list-item li .content-big {
            font-size: 20px;
            line-height: 28px; }
      .layout17m .container .row .right-column #banner-video {
        height: 472px; }
      .layout17m .container .row .right-column .video-background {
        height: 472px;
        line-height: 472px;
        text-align: center; } }
@media (max-width: 1279px) {
  .layout17m .container .row {
    padding: 48px 0px; }
    .layout17m .container .row h2 {
      font-size: 27px;
      line-height: 33px;
      margin-bottom: 10px; }
    .layout17m .container .row .list-item {
      margin-bottom: 26px;
      padding-left: 0px;
      padding-top: 10px; }
      .layout17m .container .row .list-item li {
        padding-top: 6px;
        background-position: 0 11px; }
        .layout17m .container .row .list-item li .content-big {
          font-size: 13px;
          line-height: 20px; }
    .layout17m .container .row .btn {
      padding-left: 25px;
      padding-right: 25px; }
    .layout17m .container .row .right-column #banner-video {
      height: 277px; }
    .layout17m .container .row .right-column .video-background {
      height: 277px;
      line-height: 277px; } }
@media (max-width: 1023px) {
  .layout17m .container .row {
    padding: 38px 0px; }
    .layout17m .container .row h2 {
      font-size: 31px;
      line-height: 35px;
      margin-bottom: 11px;
      padding-right: 193px; }
    .layout17m .container .row .list-item {
      margin-bottom: 13px;
      padding-left: 0px;
      padding-top: 6px; }
      .layout17m .container .row .list-item li {
        padding-top: 6px;
        background-position: 0 9px; }
        .layout17m .container .row .list-item li .content-big {
          font-size: 14px;
          line-height: 18px; }
    .layout17m .container .row .btn {
      padding-left: 25px;
      padding-right: 25px; }
  .layout17m .container .buy-now {
    margin-left: 7px; } }
@media (max-width: 767px) {
  .layout17m {
    height: 400px; }
    .layout17m .container {
      width: 320px; }
      .layout17m .container .row {
        padding-top: 35px;
        padding-bottom: 48px; }
        .layout17m .container .row h2 {
          font-size: 20px;
          line-height: 25px;
          margin-bottom: 14px;
          padding-right: 0px;
          text-align: center; }
        .layout17m .container .row .list-item {
          margin-bottom: 23px;
          padding-left: 0px;
          padding-top: 0px;
          background-position: 0 11px; }
          .layout17m .container .row .list-item li {
            padding-top: 7px; }
            .layout17m .container .row .list-item li .content-big {
              font-size: 14px;
              line-height: 20px; }
        .layout17m .container .row p {
          text-align: center; }
          .layout17m .container .row p .btn {
            padding-left: 25px;
            padding-right: 25px; }
        .layout17m .container .row .bigdata-download {
          margin-right: 25px; }
        .layout17m .container .row .evaluation {
          margin-bottom: 15px;
          margin-left: -18px; }
        .layout17m .container .row .buy-now {
          margin-left: -12px; } }
.layout17n {
  background: #F9A40D url("//cdn.syncfusion.com/content/images/Images/machine_ebook.png") repeat;
  color: #FFFFFF;
  background-size: cover;
  height: inherit; }
  .layout17n .container {
    padding-top: 64px; }
    .layout17n .container h2 {
      padding-top: 7px;
      font-size: 44px;
      line-height: 50px; }
    .layout17n .container .bannerimg {
      margin-top: 0px;
      height: 375px; }
    .layout17n .container h3 {
      font-size: 20px;
      padding-top: 21px; }
    .layout17n .container .list-item {
      margin-bottom: 33px;
      padding-left: 0px;
      list-style-type: none; }
      .layout17n .container .list-item li {
        padding-top: 10px;
        visibility: visible !important;
        padding-right: 235px; }
        .layout17n .container .list-item li .content-big {
          font-size: 16px;
          line-height: 23px; }
          .layout17n .container .list-item li .content-big a {
            color: #fff100;
            text-decoration: none; }
          .layout17n .container .list-item li .content-big a:hover {
            color: #fcf190; }
    .layout17n .container .btn {
      background-color: #000000;
      color: #FFFFFF;
      text-decoration: none;
      padding-left: 30px;
      padding-right: 30px; }
      .layout17n .container .btn:hover {
        background-color: #212120; }
      .layout17n .container .btn:focus {
        outline: none; }

@media (min-width: 1024px) and (max-width: 1279px) {
  .layout17n .container {
    padding-top: 60px; }
    .layout17n .container h2 {
      padding-top: 0px;
      font-size: 33px;
      line-height: 40px; }
    .layout17n .container .bannerimg {
      margin-top: 0px;
      height: 273px; }
    .layout17n .container h3 {
      font-size: 18px;
      padding-top: 17px; }
    .layout17n .container .list-item {
      margin-bottom: 25px;
      padding-left: 0px;
      padding-top: 10px; }
      .layout17n .container .list-item li {
        padding-top: 6px;
        padding-right: 135px; }
        .layout17n .container .list-item li .content-big {
          font-size: 16px;
          line-height: 23px; }
    .layout17n .container .btn {
      padding-left: 25px;
      padding-right: 25px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout17n .container {
    padding-top: 53px; }
    .layout17n .container h2 {
      padding-top: 0px;
      font-size: 31px;
      line-height: 36px;
      padding-right: 153px; }
    .layout17n .container h3 {
      font-size: 18px;
      padding-top: 15px; }
    .layout17n .container .list-item {
      margin-bottom: 25px;
      padding-left: 0px;
      padding-top: 6px; }
      .layout17n .container .list-item li {
        padding-top: 6px;
        padding-right: 310px; }
        .layout17n .container .list-item li .content-big {
          font-size: 16px;
          line-height: 23px; }
    .layout17n .container .btn {
      padding-left: 25px;
      padding-right: 25px; } }
@media (max-width: 767px) {
  .layout17n .container {
    padding-top: 38px;
    height: inherit; }
    .layout17n .container h2 {
      padding-top: 0px;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      padding-right: 23px;
      padding-left: 23px; }
    .layout17n .container h3 {
      font-size: 16px;
      text-align: center;
      padding-left: 30px;
      padding-right: 30px; }
    .layout17n .container .list-item li {
      padding-right: 30px;
      padding-left: 30px; }
    .layout17n .container ul {
      text-align: center;
      margin-bottom: 23px; }
    .layout17n .container p {
      text-align: center; }
      .layout17n .container p .btn {
        padding-left: 25px;
        padding-right: 25px; } }
@media (min-width: 1820px) {
  .layout17n .container {
    padding-top: 90px; }
    .layout17n .container h2 {
      padding-top: 15px;
      font-size: 56px;
      line-height: 64px; }
    .layout17n .container .bannerimg {
      margin-top: 0px;
      height: 100% !important; }
    .layout17n .container h3 {
      font-size: 26px;
      padding-top: 28px; }
    .layout17n .container .list-item {
      margin-bottom: 44px;
      padding-left: 0px; }
      .layout17n .container .list-item li {
        padding-top: 18px;
        padding-right: 300px; }
        .layout17n .container .list-item li .content-big {
          font-size: 20px;
          line-height: 28px; } }
/* ====== Fixed Menu ============ */
/********************************** Common  Colors ************************************/
/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/********************************** Common  Colors ************************************/
/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
.static-menu-navigation {
  background-color: #EFEFEF;
  border-bottom: 1px solid #C9C9C9; }
  .static-menu-navigation .container ul {
    display: table;
    list-style-type: none;
    margin: 0 auto;
    padding: 0; }
    .static-menu-navigation .container ul li {
      cursor: pointer;
      float: left;
      margin: 15px 0;
      text-align: center;
      color: #000000; }
      .static-menu-navigation .container ul li .content-medium {
        margin: 0;
        line-height: 25px;
        border-right: 1px solid #515151;
        padding: 0 33px;
        font-size: 14px; }
    .static-menu-navigation .container ul li:hover, .static-menu-navigation .container ul .selected {
      color: #000000; }
    .static-menu-navigation .container ul li:last-child .content-medium {
      border-right: 0 none; }
  .static-menu-navigation .container .fixed-arrow {
    display: none;
    background-image: url("//cdn.syncfusion.com/content/images/common/navigation-arrows-staging01.png");
    background-position: -27px -181px;
    width: 26px;
    height: 12px;
    background-repeat: no-repeat;
    position: absolute;
    top: 55px; }
  .static-menu-navigation .container #firstNavArrow {
    display: none;
    background-image: url("//cdn.syncfusion.com/content/images/common/navigation-arrows-staging01.png");
    background-position: -27px -179px;
    width: 26px;
    height: 12px;
    background-repeat: no-repeat;
    position: relative;
    top: 13px; }

@media (min-width: 0px) and (max-width: 1279px) {
  .static-menu-navigation {
    display: none; } }
/* ====== End Fixed Menu ============ */
.layout17q {
  color: #FFFFFF;
  background-color: #54bfa2;
  background-image: url("//cdn.syncfusion.com/content/images/products/Images/BigData/big-data-managebg.png");
  background-color: #00548b;
  background-image: url("//cdn.syncfusion.com/content/images/home/whatsnew_vol1_bg_image.png");
  background-repeat: no-repeat;
  background-size: 87%;
  background-repeat: repeat-x; }
  .layout17q .container {
    padding-top: 35px;
    padding-bottom: 38px; }
    .layout17q .container .row h2 {
      font-size: 50px;
      line-height: 51px;
      margin-bottom: 27px;
      margin-top: 0px; }
    .layout17q .container .row .list-item {
      margin-bottom: 40px;
      padding-left: 0px; }
      .layout17q .container .row .list-item li {
        visibility: visible !important;
        list-style-type: none;
        background-image: url("//cdn.syncfusion.com/content/images/products/Images/BigData/bullet-icon.png");
        background-repeat: no-repeat;
        background-position: 0 15px;
        padding-top: 10px;
        padding-left: 20px; }
        .layout17q .container .row .list-item li .content-big {
          font-size: 16px;
          line-height: 23px; }
          .layout17q .container .row .list-item li .content-big a {
            color: #fff100;
            text-decoration: none; }
          .layout17q .container .row .list-item li .content-big a:hover {
            color: #fcf190; }
    .layout17q .container .row .btn {
      background-color: #000000;
      color: #FFFFFF;
      text-decoration: none;
      padding-left: 30px;
      padding-right: 30px; }
      .layout17q .container .row .btn:hover {
        background-color: #212120; }
      .layout17q .container .row .btn:focus {
        outline: none; }

@media (min-width: 1820px) {
  .layout17q {
    height: 542px;
    background-size: 77% auto; }
    .layout17q .container {
      padding-top: 53px; }
      .layout17q .container .row h2 {
        font-size: 63px;
        line-height: 62px; }
      .layout17q .container .row .list-item {
        margin-bottom: 40px;
        padding-left: 0px; }
        .layout17q .container .row .list-item li {
          padding-top: 10px;
          background-position: 0 17px; }
          .layout17q .container .row .list-item li .content-big {
            font-size: 20px;
            line-height: 28px; }
      .layout17q .container .row .bannerimg {
        padding-left: 72px; } }
@media (max-width: 1279px) {
  .layout17q {
    background-size: 101%; }
    .layout17q .container {
      padding-top: 35px; }
      .layout17q .container .row h2 {
        font-size: 35px;
        line-height: 44px;
        margin-bottom: 0px; }
      .layout17q .container .row .list-item {
        margin-bottom: 26px;
        padding-left: 0px;
        padding-top: 10px; }
        .layout17q .container .row .list-item li {
          padding-top: 6px;
          background-position: 0 11px; }
          .layout17q .container .row .list-item li .content-big {
            font-size: 13px;
            line-height: 16px; }
      .layout17q .container .row .btn {
        padding-left: 25px;
        padding-right: 25px; } }
@media (max-width: 1023px) {
  .layout17q {
    background-size: 101%; }
    .layout17q .container .row h2 {
      font-size: 26px;
      line-height: 35px;
      margin-bottom: 6px !important;
      padding-right: 193px; }
    .layout17q .container .row .list-item {
      margin-bottom: 26px !important;
      padding-left: 0px;
      padding-top: 6px; }
      .layout17q .container .row .list-item li {
        padding-top: 6px;
        background-position: 0 9px; }
        .layout17q .container .row .list-item li .content-big {
          font-size: 14px;
          line-height: 18px; }
    .layout17q .container .row .btn {
      padding-left: 25px;
      padding-right: 25px; } }
@media (max-width: 767px) {
  .layout17q {
    height: 352px;
    background-size: 330% auto; }
    .layout17q .container {
      width: 320px;
      padding-top: 24px; }
      .layout17q .container .row h2 {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: -3px !important;
        padding-right: 0px;
        text-align: center; }
      .layout17q .container .row .list-item {
        margin-bottom: 19px !important;
        padding-left: 0px;
        padding-top: 0px;
        background-position: 0 11px; }
        .layout17q .container .row .list-item li {
          padding-top: 7px; }
          .layout17q .container .row .list-item li .content-big {
            font-size: 12px !important;
            line-height: 17px !important; }
      .layout17q .container .row p {
        text-align: center; }
        .layout17q .container .row p .btn {
          padding-left: 25px;
          padding-right: 25px; } }
.layout17c {
  background-color: #D24242; }
  .layout17c .container {
    padding: 53px 0px; }
    .layout17c .container .row {
      color: #FFFFFF; }
      .layout17c .container .row .content-medium {
        margin: 18px 0px; }
      .layout17c .container .row h2 {
        font-size: 45px;
        line-height: 50px;
        letter-spacing: 0.15px; }
        .layout17c .container .row h2 a {
          color: #FFFFFF;
          text-decoration: none;
          outline: none; }
          .layout17c .container .row h2 a:hover {
            color: #E2F2F2; }
      .layout17c .container .row .large-btn {
        background-color: #000000;
        border: 0px;
        margin-top: 12px;
        text-decoration: none;
        outline: none;
        color: #FFFFFF;
        display: inline-block; }
        .layout17c .container .row .large-btn:hover {
          background-color: #212120; }

@media (min-width: 1820px) {
  .layout17c .container {
    padding: 68px 0px; }
    .layout17c .container .row h2 {
      font-size: 58px;
      line-height: 68px;
      letter-spacing: 0.15px; }
    .layout17c .container .row .content-medium {
      margin: 29px 0px 35px;
      line-height: 35px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .layout17c .container {
    padding: 36px 0px; }
    .layout17c .container .row h2 {
      font-size: 35px;
      line-height: 41px;
      letter-spacing: 0.06px; }
    .layout17c .container .row .content-medium {
      margin: 8px 0px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout17c .container {
    padding: 36px 0px; }
    .layout17c .container .row h2 {
      font-size: 24px;
      line-height: 31px;
      letter-spacing: 0px; }
    .layout17c .container .row .content-medium {
      margin: 7px 0px 11px; }
    .layout17c .container .row .large-btn {
      margin-top: 6px; } }
@media (max-width: 767px) {
  .layout17c .container {
    padding: 34px 0px; }
    .layout17c .container .row h2 {
      font-size: 25px;
      line-height: 31px; }
    .layout17c .container .row .content-medium {
      margin: 23px 0px; }
    .layout17c .container .row .large-btn {
      margin-top: 6px; }
    .layout17c .container .row .img-responsive {
      display: none; } }
.layout36 {
  padding-bottom: 46px;
  padding-top: 52px; }
  .layout36 .inner-segment {
    border-bottom: 1px solid #BBBBBB; }
    .layout36 .inner-segment .row .community .home-community {
      background: transparent url("//cdn.syncfusion.com/content/images/downloads/Community-license.png") no-repeat scroll right 0/170px 170px;
      height: 177px; }
    .layout36 .inner-segment .row .column {
      float: right;
      padding-left: 60px; }
      .layout36 .inner-segment .row .column .content-small {
        margin: 3px 0 19px;
        color: #000000;
        width: 65%;
        font-size: 18px;
        line-height: 32px; }
      .layout36 .inner-segment .row .column h2 {
        color: #000000;
        font-size: 26px; }
      .layout36 .inner-segment .row .column .small-btn {
        color: #e93d3d;
        font-weight: bold;
        font-size: 14px;
        border: 2px solid;
        outline: none;
        text-decoration: none;
        display: inline-block;
        border-radius: 2px; }
        .layout36 .inner-segment .row .column .small-btn:hover {
          background-color: #e93d3d;
          color: #FFFFFF;
          border-color: #e93d3d; }
        .layout36 .inner-segment .row .column .small-btn:active {
          background-color: #d83030;
          color: #FFFFFF;
          border-color: #d83030; }
  .layout36 .inner-segment:last-child {
    border-bottom: 0px; }

@media (min-width: 1820px) {
  .layout36 {
    padding-bottom: 48px;
    padding-top: 44px; }
    .layout36 .inner-segment .row .column {
      padding-left: 60px; }
      .layout36 .inner-segment .row .column .content-small {
        margin: 3px 0 18px;
        width: 74%; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  .layout36 {
    padding-bottom: 44px;
    padding-top: 54px; }
    .layout36 .inner-segment .row .column {
      padding-left: 10px; }
      .layout36 .inner-segment .row .column h2 {
        font-size: 24px; }
      .layout36 .inner-segment .row .column .small-btn {
        font-size: 12px; }
      .layout36 .inner-segment .row .column .content-small {
        margin: 7px 0 17px;
        width: 73%;
        font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .layout36 {
    padding-bottom: 45px;
    padding-top: 36px; }
    .layout36 .inner-segment .row .community .home-community {
      display: none; }
    .layout36 .inner-segment .row .column {
      padding-left: 30px; }
      .layout36 .inner-segment .row .column h2 {
        font-size: 22px; }
      .layout36 .inner-segment .row .column .small-btn {
        font-size: 12px;
        border: 2px solid; }
      .layout36 .inner-segment .row .column .content-small {
        width: 58%;
        margin: 7px 0 14px;
        font-size: 14px;
        line-height: 26px; } }
@media (max-width: 767px) {
  .layout36 {
    padding-bottom: 43px;
    padding-top: 37px; }
    .layout36 .inner-segment .row .community .home-community {
      display: none; }
    .layout36 .inner-segment .row .column {
      padding-left: 30px; }
      .layout36 .inner-segment .row .column .small-btn {
        font-size: 12px;
        border: 1px solid; }
      .layout36 .inner-segment .row .column .content-small {
        margin: 7px 0 14px;
        width: 97%;
        font-size: 12px;
        line-height: 22px; }
      .layout36 .inner-segment .row .column h2 {
        font-size: 16px; } }
.layout17w .container .row {
  color: #FFFFFF; }
  .layout17w .container .row h2 {
    font-size: 38px;
    line-height: 51px;
    color: #8dc44f; }
  .layout17w .container .row .list-item {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-top: 28px;
    font-size: 22px; }
    .layout17w .container .row .list-item li {
      background-image: url("//cdn.syncfusion.com/content/images/products/bigdata/bullet-icon.png");
      background-repeat: no-repeat;
      background-position: 0 11px;
      background-size: 8px;
      display: block; }
      .layout17w .container .row .list-item li .content-big {
        line-height: 33px;
        padding-left: 18px;
        font-size: 15px; }
        .layout17w .container .row .list-item li .content-big a {
          color: #fff100;
          text-decoration: none; }
        .layout17w .container .row .list-item li .content-big a:hover {
          color: #fcf190; }
  .layout17w .container .row .btn {
    background-color: #FFFFFF;
    color: #252525;
    text-decoration: none;
    padding: 12px 27px;
    font-size: 14px;
    margin-top: 10px; }
    .layout17w .container .row .btn:hover {
      background-color: #FFFFFF; }
    .layout17w .container .row .btn:focus {
      outline: none; }
  .layout17w .container .row .view-demo {
    margin-left: 40px; }
  .layout17w .container .row p {
    margin-top: 15px; }
  .layout17w .container .row .bannerimg {
    padding-top: 32px; }

@media (min-width: 1820px) {
  .layout17w .container .row h2 {
    font-size: 38px;
    line-height: 58px;
    padding-top: 163px; }
  .layout17w .container .row .bannerimg {
    padding-top: 45px; }
  .layout17w .container .row .list-item {
    padding-top: 21px;
    font-size: 21px; }
    .layout17w .container .row .list-item li {
      line-height: 28px;
      display: block; }
      .layout17w .container .row .list-item li .content-big {
        line-height: 23px;
        padding-left: 20px; }
  .layout17w .container .row .btn {
    font-size: 16px;
    padding: 14px 30px; }
  .layout17w .container .row p {
    margin-top: 60px; } }
@media (max-width: 1279px) {
  .layout17w .container .row h2 {
    font-size: 34px;
    padding-top: 40px !important; }
  .layout17w .container .row .list-item {
    padding-top: 18px !important; } }
@media (max-width: 1023px) {
  .layout17w .container .row h2 {
    font-size: 33px;
    padding-top: 40px !important; }
  .layout17w .container .row .list-item {
    padding-top: 0 !important;
    margin-bottom: 0; }
  .layout17w .container .row .bannerimg {
    display: none; } }
@media (max-width: 767px) {
  .layout17w .container .row h2 {
    font-size: 17px;
    padding-top: 41px !important; }
  .layout17w .container .row p {
    width: 145px; }
  .layout17w .container .row .list-item {
    margin-bottom: 0 !important;
    padding-top: 0 !important; }
    .layout17w .container .row .list-item li {
      background-position: 0 7px;
      display: block;
      line-height: 18px;
      padding-bottom: 8px;
      padding-left: 16px; }
      .layout17w .container .row .list-item li .content-big {
        font-size: 12px;
        line-height: 0;
        padding-left: 0; }
  .layout17w .container .row .bannerimg {
    display: none; }
  .layout17w .container .row .btn {
    font-size: 12px;
    padding: 7px 14px;
    margin-top: 20px; }
  .layout17w .container .row .view-demo {
    margin-left: 0px;
    padding: 7px 14px; } }
#dashboard-video-bg {
  background-image: url("//cdn.syncfusion.com/content/images/home/Dashboard-video-frame-updated.png");
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 395px;
  line-height: 280px;
  text-align: center;
  margin-top: 35px; }
  #dashboard-video-bg #video-playicon {
    cursor: pointer;
    width: 116px; }
  #dashboard-video-bg #video-playicon:hover {
    background-image: url("//cdn.syncfusion.com/content/images/products/dashboard-server/paly-hover.png");
    background-repeat: no-repeat !important;
    background-size: 100% !important; }

#banner-video {
  height: 265px !important;
  margin-top: 35px;
  width: 465px !important; }

#community-license {
  background-color: #F2F2F2; }

#big-data-bannner {
  background: #00638E url("//cdn.syncfusion.com/content/images/products/Images/BigData/big-data-image.jpg") repeat; }
  #big-data-bannner .container h3 {
    color: #FFFFFF;
    font-weight: 500 !important;
    font-size: 14px !important; }
  #big-data-bannner .container ul li {
    display: block;
    visibility: visible; }
    #big-data-bannner .container ul li .bullet-icon {
      background: url("//cdn.syncfusion.com/content/images/common/bullet-icon.png") no-repeat;
      display: block;
      float: left;
      height: 15px;
      margin: 8px 5px 0 -15px;
      width: 15px; }
  #big-data-bannner .container .large-btn {
    background-color: #D34242; }
    #big-data-bannner .container .large-btn:hover {
      background-color: #C63434; }

.layout17l .container .row .list-item li {
  display: block;
  visibility: visible !important; }

.layout17m .container .row .list-item li {
  display: block;
  visibility: visible !important; }

#metrostudio-banner {
  background: #282827 url("//cdn.syncfusion.com/content/images/home/metro-bg.png") repeat; }
  #metrostudio-banner .container .row {
    padding-top: 50px;
    padding-bottom: 50px; }
    #metrostudio-banner .container .row .list-item {
      margin-top: 45px;
      margin-bottom: 40px; }
      #metrostudio-banner .container .row .list-item li {
        background-position: 0 16px;
        padding-left: 27px; }
        #metrostudio-banner .container .row .list-item li .content-big {
          font-size: 18px;
          line-height: 27px; }
    #metrostudio-banner .container .row p .metro-download {
      background-color: #FFFFFF;
      color: #282827; }
      #metrostudio-banner .container .row p .metro-download:hover {
        background-color: #EFEFEF;
        text-decoration: none; }
    #metrostudio-banner .container .row .right-column .bannerimg {
      margin-top: 0px; }

#orubase-banner {
  background: #962a2a url("//cdn.syncfusion.com/content/images/home/orubase-banner-bg-new.png") repeat;
  height: 503px; }
  #orubase-banner h2 {
    padding-top: 45px;
    background-image: url("//cdn.syncfusion.com/content/images/home/available-now.png");
    background-position: 2px 10px;
    background-repeat: no-repeat;
    background-size: 120px auto; }

#banner-vol4 {
  background-color: #569876 !important;
  background-image: url("//cdn.syncfusion.com/content/images/home/2015+Vol-4-Background.jpg");
  background-repeat: repeat;
  height: 504px; }
  #banner-vol4 .container .row {
    padding-top: 38px; }
    #banner-vol4 .container .row .col-lg-5 {
      padding-right: 0px; }
    #banner-vol4 .container .row h2 {
      font-size: 50px;
      line-height: 51px; }
    #banner-vol4 .container .row .bannerimg {
      padding-left: 65px;
      padding-right: 31px; }

#consulting-service {
  background-color: #EDEDED; }

#big-data {
  background: #3d87c4 url("//cdn.syncfusion.com/content/images/home/bigdatasegment-background.png") repeat;
  background-attachment: fixed; }
  #big-data p, #big-data h2 {
    color: #FFFFFF; }
  #big-data a {
    background-color: #2D2D2D; }
  #big-data a:hover {
    background-color: #353535; }

#consulting-services {
  background-color: #EFEFEF; }

/* ====== Big Data Segment ============ */
#bigdata-banner {
  background: #00638E url("//cdn.syncfusion.com/content/images/products/Images/BigData/big-data-image.jpg") repeat; }

#big-data-solutions {
  background: #00638E url("//cdn.syncfusion.com/content/images/home/big-data-bg-texture.png") repeat fixed; }

#aspnet-banner, #universal-banner {
  background-color: #41B9A0; }

/* ====== End Fixed Big Data Segment ============ */
/*======================== Banner Section Styles=======================*/
.e-inner {
  border: medium none !important; }
  .e-inner .e-nav, .e-inner .e-next:before, .e-inner .e-previous:before {
    content: none !important; }
  .e-inner #waiting_container {
    display: block; }
  .e-inner .slide, .e-inner .e-inner, .e-inner #waiting_container {
    height: auto !important; }

#slide-container {
  margin: 0px !important;
  height: 100% !important; }
  #slide-container li {
    display: none; }
  #slide-container li:first-child {
    display: block;
    visibility: hidden; }

#phone-container {
  display: none;
  padding: 0px; }

#homepage_banner {
  height: 503px; }
  #homepage_banner .e-inner.e-horizontal.e-single {
    height: 503px !important; }
  #homepage_banner .e-nav-btn {
    background-image: url("//cdn.syncfusion.com/content/images/common/navigation-arrows-staging01.png");
    height: 52px !important;
    width: 34px !important;
    opacity: 0.2 !important; }
  #homepage_banner .e-nav-btn:hover {
    opacity: 0.5 !important; }
  #homepage_banner .e-previous {
    background-position: 0px -3px; }
  #homepage_banner .e-next {
    background-position: -50px -3px; }
  #homepage_banner .e-bullet {
    padding: 0px;
    padding-bottom: 10px !important;
    padding-left: 74.5px \9; }
    #homepage_banner .e-bullet .e-active {
      background-color: #ffffff !important;
      opacity: 1 !important; }
    #homepage_banner .e-bullet .e-icon {
      border: medium none !important;
      background-color: #ffffff !important;
      opacity: 0.4;
      height: 11px !important;
      width: 11px !important; }
    #homepage_banner .e-bullet .e-icon:hover {
      opacity: 1.0; }
    #homepage_banner .e-bullet .e-icon:focus {
      outline: none; }
  #homepage_banner .e-inner {
    height: 100% !important; }

#banner-one {
  background-color: #FF9600;
  background-image: url("//cdn.syncfusion.com/content/images/home/banner-one-bg-texture.png");
  background-repeat: repeat;
  height: 503px; }

.banner_container {
  color: #FFFFFF; }
  .banner_container .bannerimg {
    padding-top: 58px;
    max-width: 839px;
    float: right; }
  .banner_container .top_offset {
    padding-top: 54px; }
    .banner_container .top_offset .content-big {
      padding: 25px 0px 20px 0px; }
    .banner_container .top_offset .default-btn {
      padding-left: 0px; }
      .banner_container .top_offset .default-btn .link-btn {
        background-color: #000000;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 16px;
        padding-left: 17px;
        padding-right: 17px; }
        .banner_container .top_offset .default-btn .link-btn:hover {
          background-color: #462B12; }
        .banner_container .top_offset .default-btn .link-btn:focus {
          outline: none; }
    .banner_container .top_offset .rightpanel {
      display: none; }

#banner-one .top_offset .content-section {
  padding-right: 35px; }
#banner-one .top_offset h2 {
  font-size: 47px;
  line-height: 50px;
  padding-right: 5px; }

#aspnet-banner {
  background-color: #c42027;
  background-image: url("//cdn.syncfusion.com/content/images/home/banner-one-bg-texture.png"); }
  #aspnet-banner .top_offset .content-section {
    padding-right: 0px; }
  #aspnet-banner .top_offset h2 {
    font-size: 27px;
    line-height: 41px;
    font-weight: 700; }
  #aspnet-banner .top_offset .content-big {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.25px; }

#universal-banner {
  background-color: #DA484A;
  background-image: url("//cdn.syncfusion.com/content/images/home/banner-one-bg-texture.png");
  background-repeat: repeat;
  padding: 0 0;
  height: 503px; }
  #universal-banner h2 {
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 10px; }
  #universal-banner .content-medium {
    padding-bottom: 10px; }
  #universal-banner .img-responsive {
    float: right; }
  #universal-banner .default-btn {
    color: #FFFFFF;
    Text-decoration: none;
    background-color: #000000;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 16px; }
    #universal-banner .default-btn:hover {
      background-color: #462B12; }
    #universal-banner .default-btn:focus {
      outline: none; }

@media (min-width: 1820px) {
  .banner_container .bannerimg {
    padding-top: 80px !important;
    max-width: 1113px !important;
    margin-right: 28px; }
  .banner_container .top_offset {
    padding-top: 70px; }

  #banner-one {
    background-size: 115%; }
    #banner-one .top_offset {
      padding-top: 70px; }
      #banner-one .top_offset h2 {
        font-size: 59px;
        line-height: 64px;
        letter-spacing: 0.83px;
        padding-right: 10px; }
      #banner-one .top_offset .content-big {
        padding: 39px 0px 36px 0px; }

  #homepage_banner {
    height: 645px; }
    #homepage_banner .e-inner.e-horizontal.e-single {
      height: 645px !important; }
    #homepage_banner .e-bullet {
      padding-bottom: 20px !important; }
      #homepage_banner .e-bullet .e-icon {
        width: 14px !important;
        height: 14px !important; }

  #aspnet-banner .top_offset .content-section {
    padding-right: 0px; }
  #aspnet-banner .top_offset h2 {
    font-size: 46px;
    line-height: 60px; }
  #aspnet-banner .top_offset .content-big {
    padding: 39px 0px 36px 0px; }

  #big-data-bannner .container ul li .bullet-icon {
    margin: 12px 5px 0 -10px; }

  #orubase-banner {
    height: 656px; }
    #orubase-banner .container .row {
      padding: 68px 0 60px 0; }
      #orubase-banner .container .row h2 {
        font-size: 55px;
        line-height: 50px;
        background-position: 2px 15px;
        background-size: auto;
        padding-top: 60px; }
      #orubase-banner .container .row .list-item li {
        background-size: 1.7% auto;
        padding-left: 24px; }

  #metrostudio-banner .container .row {
    padding-top: 66px;
    padding-bottom: 66px; }
    #metrostudio-banner .container .row .list-item {
      margin-top: 58px;
      margin-bottom: 60px; }
      #metrostudio-banner .container .row .list-item li {
        padding-left: 32px;
        background-position: 0 22px; }
        #metrostudio-banner .container .row .list-item li .content-big {
          font-size: 24px;
          line-height: 36px; }

  #banner-vol4 {
    height: 704px; }
    #banner-vol4 .container .row {
      padding-top: 60px; }
      #banner-vol4 .container .row h2 {
        font-size: 63px;
        line-height: 62px;
        margin-top: 22px; }
      #banner-vol4 .container .row ul li {
        background-position: 0px 19px;
        padding-top: 13px; }
        #banner-vol4 .container .row ul li .content-big {
          line-height: 30px;
          font-size: 19px; }
      #banner-vol4 .container .row .bannerimg {
        padding-left: 112px;
        padding-right: 0px;
        height: auto; } }
@media (min-width: 1400px) and (max-width: 1819px) {
  #homepage_banner .e-bullet {
    padding-left: 111.5px \9; } }
/*============Banner media queries  min(1024px) and max(1279px) ================*/
@media (min-width: 1280px) and (max-width: 1819px) {
  #orubase-banner {
    height: 503px; }
    #orubase-banner .container .row {
      padding: 58px 0; }
      #orubase-banner .container .row h2 {
        line-height: 39px;
        font-size: 45px;
        margin-bottom: 18px;
        padding-top: 45px;
        background-position: 2px 10px;
        background-repeat: no-repeat;
        background-size: 120px auto; }
      #orubase-banner .container .row .list-item {
        margin-bottom: 30px; }
        #orubase-banner .container .row .list-item li {
          background-size: 1.8% auto;
          padding-left: 20px; }
          #orubase-banner .container .row .list-item li .content-big {
            line-height: 22px; }

  #banner-vol4 .container .row h2 {
    font-size: 42px;
    line-height: 47px;
    margin-bottom: 20px;
    margin-top: 15px; }
  #banner-vol4 .container .row .list-item li {
    background-size: 2%; }
    #banner-vol4 .container .row .list-item li .content-big {
      font-size: 15px;
      line-height: 24px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  #dashboard-video-bg #video-playicon {
    width: 70px; }

  #homepage_banner {
    height: 393px; }
    #homepage_banner .e-inner.e-horizontal.e-single {
      height: 393px !important; }
    #homepage_banner .e-bullet {
      padding-bottom: 5px !important; }
      #homepage_banner .e-bullet .e-icon {
        width: 11px !important;
        height: 11px !important; }

  .banner_container .bannerimg {
    padding-top: 50px;
    max-width: 648px; }
  .banner_container .top_offset {
    padding-top: 44px; }
    .banner_container .top_offset .default-btn .link-btn {
      font-size: 14px;
      padding: 7px 15px; }

  #banner-one .top_offset .content-section {
    padding-right: 8px; }
  #banner-one .top_offset h2 {
    font-size: 38px;
    line-height: 41px;
    padding-right: 4px; }
  #banner-one .top_offset .content-big {
    padding: 17px 0px 22px 0px;
    line-height: 24px; }

  #aspnet-banner .top_offset h2 {
    font-size: 21px;
    line-height: 32px; }
  #aspnet-banner .top_offset .content-big {
    font-size: 12px;
    line-height: 26px; }

  #big-data-bannner .container ul li .bullet-icon {
    background-size: 9px auto;
    margin: 7px 2px 0 -18px; }

  #orubase-banner .container .row {
    padding-top: 48px;
    padding-bottom: 48px; }
    #orubase-banner .container .row h2 {
      font-size: 35px;
      line-height: 28px;
      margin-bottom: 3px;
      background-position: 2px 10px;
      background-repeat: no-repeat;
      background-size: 102px auto;
      padding-top: 40px; }
    #orubase-banner .container .row .list-item {
      margin-bottom: 24px; }
      #orubase-banner .container .row .list-item li {
        background-size: 2.3% auto;
        padding-left: 16px;
        background-position: 0 12px; }
        #orubase-banner .container .row .list-item li .content-big {
          line-height: 19px; }

  #banner-vol4 {
    height: 502px; }
    #banner-vol4 .container .row {
      padding-top: 30px; }
      #banner-vol4 .container .row h2 {
        font-size: 35px;
        line-height: 37px;
        padding-top: 7px;
        margin-top: 5px; }
      #banner-vol4 .container .row .list-item {
        padding-bottom: 0px;
        padding-left: 0;
        padding-top: 0px;
        margin-bottom: 25px; }
        #banner-vol4 .container .row .list-item li {
          background-size: 7px; }
        #banner-vol4 .container .row .list-item li .content-big {
          font-size: 13px;
          line-height: 19px; }
      #banner-vol4 .container .row .bannerimg {
        padding-left: 58px;
        padding-right: 0px; }

  #metrostudio-banner .container .row {
    padding-top: 35px;
    padding-bottom: 35px; }
    #metrostudio-banner .container .row .list-item {
      margin-top: 34px;
      margin-bottom: 29px; }
      #metrostudio-banner .container .row .list-item li {
        background-position: 0 13px;
        padding-left: 27px; }
        #metrostudio-banner .container .row .list-item li .content-big {
          font-size: 16px;
          line-height: 25x; }
    #metrostudio-banner .container .row p .metro-download:hover {
      text-decoration: none; }
    #metrostudio-banner .container .row .right-column {
      padding-left: 25px; }
      #metrostudio-banner .container .row .right-column .bannerimg {
        margin-top: 0px; } }
/*============End of Banner media queries  min(1024px) and max(1279px) ================*/
@media (min-width: 768px) and (max-width: 1023px) {
  #dashboard-video-bg #video-playicon {
    width: 70px; }

  #homepage_banner {
    height: 317px; }
    #homepage_banner .e-inner.e-horizontal.e-single {
      height: 317px !important; }
    #homepage_banner .e-bullet {
      padding-bottom: 5px !important; }
      #homepage_banner .e-bullet .e-icon {
        width: 9px !important;
        height: 9px !important; }

  .banner_container .bannerimg {
    padding-top: 55px;
    max-width: 491px; }
  .banner_container .top_offset {
    padding-top: 55px; }
    .banner_container .top_offset .content-big {
      padding: 10px 0 13px 0px; }
    .banner_container .top_offset .default-btn {
      margin-bottom: 16px; }
      .banner_container .top_offset .default-btn .link-btn {
        font-size: 13px;
        padding: 5px 10px; }

  #banner-one .top_offset .content-section {
    padding-right: 8px; }
  #banner-one .top_offset h2 {
    font-size: 26px;
    line-height: 28px;
    padding-right: 7px; }
  #banner-one .top_offset .content-big {
    padding: 10px 0 13px 0px;
    line-height: 20px;
    font-size: 15px; }

  #aspnet-banner .top_offset h2 {
    font-size: 14px;
    line-height: 25px; }
  #aspnet-banner .top_offset .content-big {
    font-size: 11px;
    line-height: 20px;
    padding-bottom: 5px; }

  #big-data-bannner .container ul li .bullet-icon {
    background-size: 10px; }

  #metrostudio-banner .container .row {
    padding-top: 39px;
    padding-bottom: 20px; }
    #metrostudio-banner .container .row .image-new {
      max-width: 50%; }
    #metrostudio-banner .container .row .list-item {
      margin-top: 34px;
      margin-bottom: 22px;
      padding-top: 0px; }
      #metrostudio-banner .container .row .list-item li {
        background-position: 0 8px;
        padding-top: 4px;
        padding-left: 24px; }
        #metrostudio-banner .container .row .list-item li .content-big {
          font-size: 14px;
          line-height: 20px; }
    #metrostudio-banner .container .row .right-column .bannerimg {
      margin-top: 0px; }

  #orubase-banner .container .row {
    padding-top: 40px;
    padding-bottom: 40px; }
    #orubase-banner .container .row h2 {
      font-size: 35px;
      line-height: 30px;
      margin-bottom: 11px;
      padding-right: 158px;
      background-position: 1px 0;
      background-repeat: no-repeat;
      background-size: 88px auto;
      padding-top: 25px; }
    #orubase-banner .container .row .list-item {
      margin-bottom: 24px;
      top-padding: 4px; }
      #orubase-banner .container .row .list-item li {
        background-size: 1.2% auto;
        padding-left: 16px;
        background-position: 0 11px; }

  #banner-vol4 {
    height: 502px; }
    #banner-vol4 .container .row h2 {
      font-size: 26px;
      line-height: 35px; }
    #banner-vol4 .container .row .list-item {
      margin-bottom: 26px;
      padding-left: 0;
      padding-top: 0px; }
      #banner-vol4 .container .row .list-item li {
        background-size: 7px;
        background-position: 0 12px;
        padding-top: 5px; }
        #banner-vol4 .container .row .list-item li .content-big {
          font-size: 15px; } }
/*============Banner media queries  max width:767px ================*/
@media (max-width: 767px) {
  #dashboard-video-bg #video-playicon {
    width: 70px; }

  #whatsnew-banner {
    background-size: 210%; }
    #whatsnew-banner .container ul {
      margin-bottom: 10px; }
    #whatsnew-banner .container h2 {
      margin-bottom: 0px; }

  #homepage_banner {
    height: 400px; }
    #homepage_banner .e-inner.e-horizontal.e-single {
      height: 400px !important; }
    #homepage_banner .e-bullet {
      padding-bottom: 25px !important;
      padding-left: 50% !important;
      margin-left: -42px !important; }
    #homepage_banner .e-nav-btn {
      display: none !important; }

  .banner_container .bannerimg {
    display: none; }
  .banner_container .top_offset {
    padding-top: 75px;
    height: 300px;
    width: 260px;
    margin: auto; }
    .banner_container .top_offset .content-section {
      text-align: center;
      width: 100%; }
    .banner_container .top_offset .rightpanel {
      display: none;
      padding-bottom: 40px;
      text-align: center; }
      .banner_container .top_offset .rightpanel img {
        max-width: 77%;
        margin: 0 auto;
        margin-bottom: 20px; }
    .banner_container .top_offset .content-big {
      padding: 16px 20px 20px; }
    .banner_container .top_offset .default-btn {
      padding-left: 0px;
      margin-bottom: 0px;
      margin: 0 auto; }
      .banner_container .top_offset .default-btn .link-btn {
        padding: 6px 15px;
        font-size: 14px; }

  #banner-one {
    height: 400px !important; }
    #banner-one .top_offset h2 {
      font-size: 24px;
      line-height: 27px; }

  #aspnet-banner {
    height: 400px !important; }
    #aspnet-banner .top_offset .content-section {
      padding-left: 0px; }
    #aspnet-banner .top_offset h2 {
      font-size: 18px;
      line-height: 26px; }
    #aspnet-banner .top_offset .content-big {
      font-size: 12px;
      line-height: 20px;
      padding-left: 0px;
      padding-right: 0px; }

  #big-data-bannner .container ul li .bullet-icon {
    background-size: 8px auto;
    height: 10px;
    margin: 6px 5px 0 -15px;
    width: 10px; }

  #orubase-banner .container .row h2 {
    font-size: 25px;
    line-height: 21px;
    margin-bottom: 11px;
    background-position: 1px 0;
    background-repeat: no-repeat;
    background-size: 100px auto;
    padding-top: 30px;
    text-align: left; }
  #orubase-banner .container .row .list-item {
    margin-bottom: 23px; }
    #orubase-banner .container .row .list-item li {
      background-size: 2.7% auto;
      padding-left: 18px;
      background-position: 0 13px; }
      #orubase-banner .container .row .list-item li .content-big {
        font-size: 12px;
        line-height: 18px; }

  #banner-vol4 {
    height: 502px; }
    #banner-vol4 .container .row {
      padding-bottom: 36px !important;
      padding-top: 25px !important; }
      #banner-vol4 .container .row .col-lg-5 {
        padding-right: 30px; }
      #banner-vol4 .container .row h2 {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 9px; }
      #banner-vol4 .container .row .list-item {
        margin-bottom: 17px;
        padding-left: 0;
        padding-top: 0px; }
        #banner-vol4 .container .row .list-item li {
          background-position: 0 13px;
          background-size: 7px;
          padding-top: 5px; }
        #banner-vol4 .container .row .list-item li .content-big {
          font-size: 13px;
          line-height: 14px; }

  #metrostudio-banner .container .row {
    padding-top: 35px;
    padding-bottom: 48px; }
    #metrostudio-banner .container .row .list-item {
      margin-top: 40px;
      margin-bottom: 31px;
      padding-top: 0px; }
      #metrostudio-banner .container .row .list-item li {
        padding-top: 10px;
        background-position: 0 13px; }
        #metrostudio-banner .container .row .list-item li .content-big {
          font-size: 14px;
          line-height: 22px; }
    #metrostudio-banner .container .row .right-column .bannerimg {
      margin-top: 0px; } }
/*===============Report Server banner section===============================*/
#reportserver-banner {
  padding-top: 26px;
  color: #FFFFFF;
  background-color: #c64646;
  background-image: url("//cdn.syncfusion.com/content/images/home/RP-Banner.jpg");
  background-position: left bottom,left top;
  background-repeat: no-repeat;
  height: 503px;
  background-size: 115% auto; }
  #reportserver-banner .container .row .view-demo {
    margin-left: 20px; }
  #reportserver-banner .container .row h2 {
    font-size: 55px;
    font-weight: 400;
    line-height: 51px;
    padding-top: 70px;
    background-image: url("//cdn.syncfusion.com/content/images/home/NewRelease.png");
    background-position: 2px 34px;
    background-repeat: no-repeat;
    background-size: 120px auto; }
  #reportserver-banner .container .row h3 {
    color: #FFFFFF;
    font-weight: 500 !important;
    font-size: 14px !important; }
  #reportserver-banner .container .row .content-big {
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    padding-top: 18px;
    margin-right: 60px;
    margin-bottom: 5px; }
  #reportserver-banner .container .row .list-item {
    margin-bottom: 30px;
    padding-left: 0px;
    padding-top: 14px;
    font-size: 22px; }
    #reportserver-banner .container .row .list-item li {
      background-image: url("//cdn.syncfusion.com/content/images/products/bigdata/bullet-icon.png");
      background-repeat: no-repeat;
      background-position: 0 11px;
      background-size: 8px; }
      #reportserver-banner .container .row .list-item li .content-big {
        line-height: 33px;
        padding-left: 18px;
        font-size: 15px !important; }
        #reportserver-banner .container .row .list-item li .content-big a {
          color: #fff100;
          text-decoration: none; }
        #reportserver-banner .container .row .list-item li .content-big a:hover {
          color: #fcf190; }
  #reportserver-banner .container .row .btn {
    background-color: #FFFFFF;
    color: #252525;
    text-decoration: none;
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 14px;
    margin-top: 10px; }
    #reportserver-banner .container .row .btn:hover {
      background-color: #FFFFFF; }
    #reportserver-banner .container .row .btn:focus {
      outline: none; }
  #reportserver-banner .container .row .overview {
    margin-left: 20px; }
  #reportserver-banner .container .row p {
    margin-top: 15px; }
  #reportserver-banner .container .row li:first-child {
    visibility: visible !important; }
  #reportserver-banner .container .row .bannerimg {
    padding-top: 32px; }

@media (min-width: 1820px) {
  #reportserver-banner {
    height: 656px;
    background-size: 105% auto; }
    #reportserver-banner .container .row h2 {
      background-position: 2px 44px;
      background-size: auto;
      font-size: 74px;
      font-weight: 400;
      line-height: 58px;
      padding-top: 93px; }
    #reportserver-banner .container .row .content-big {
      font-size: 24px;
      line-height: 39px;
      font-weight: 400;
      padding-top: 31px;
      margin-right: 80px; }
    #reportserver-banner .container .row .bannerimg {
      padding-top: 45px; }
    #reportserver-banner .container .row .list-item {
      padding-top: 21px;
      font-size: 27px; }
      #reportserver-banner .container .row .list-item li {
        background-position: 0 11px;
        background-size: 8px;
        line-height: 28px; }
        #reportserver-banner .container .row .list-item li .content-big {
          font-size: 15px !important;
          line-height: 23px;
          padding-left: 20px; }
    #reportserver-banner .container .row .btn {
      font-size: 16px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 14px;
      padding-top: 14px; }
    #reportserver-banner .container .row .overview {
      margin-left: 20px; }
    #reportserver-banner .container .row p {
      margin-top: 60px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  #reportserver-banner {
    padding-top: 20px;
    background-position: left bottom 110px, left top 0px; }
    #reportserver-banner .container .row h2 {
      background-position: 2px 27px;
      background-repeat: no-repeat;
      background-size: 102px auto;
      font-size: 42px;
      font-weight: 400;
      line-height: 37px;
      padding-top: 57px; }
    #reportserver-banner .container .row h3 {
      font-size: 12px !important; }
    #reportserver-banner .container .row .content-big {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      padding-top: 17px;
      margin-right: 40px;
      margin-top: 3px; }
    #reportserver-banner .container .row .bannerimg {
      padding-top: 25px; }
    #reportserver-banner .container .row .list-item {
      padding-top: 15px;
      font-size: 27px;
      margin-bottom: 15px; }
      #reportserver-banner .container .row .list-item li {
        background-position: 0 12px;
        background-size: 8px;
        line-height: 16px; }
        #reportserver-banner .container .row .list-item li .content-big {
          font-size: 13px !important; }
    #reportserver-banner .container .row .btn {
      font-size: 12px;
      padding-left: 19px;
      padding-right: 19px;
      padding-bottom: 9px;
      padding-top: 9px;
      margin-top: 5px; }
    #reportserver-banner .container .row .overview {
      margin-left: 12px; }
    #reportserver-banner .container .row p {
      margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #reportserver-banner {
    padding-top: 20px;
    background-image: none;
    background-size: 113% auto; }
    #reportserver-banner .container .row .col-sm-7 {
      width: 100% !important; }
    #reportserver-banner .container .row h2 {
      background-position: 1px 22px;
      background-repeat: no-repeat;
      background-size: 88px auto;
      font-size: 35px;
      font-weight: 400;
      line-height: 37px;
      padding-top: 44px; }
    #reportserver-banner .container .row h3 {
      font-size: 12px !important;
      margin-bottom: 5px;
      margin-top: 8px; }
    #reportserver-banner .container .row .content-big {
      font-size: 14px;
      line-height: 22px;
      font-weight: 400;
      padding-top: 10px;
      margin-right: 216px; }
    #reportserver-banner .container .row .bannerimg {
      height: 0px;
      display: none; }
    #reportserver-banner .container .row .list-item {
      padding-top: 10px;
      margin-bottom: 0px !important; }
      #reportserver-banner .container .row .list-item li {
        background-position: 0 13px;
        background-size: 7px;
        padding-left: 0px;
        line-height: 16px; }
        #reportserver-banner .container .row .list-item li .content-big {
          font-size: 13px !important;
          padding-left: 16px; }
    #reportserver-banner .container .row .btn {
      font-size: 12px;
      padding-left: 19px;
      padding-right: 19px;
      padding-bottom: 9px;
      padding-top: 9px; }
    #reportserver-banner .container .row .overview {
      margin-left: 9px; }
    #reportserver-banner .container .row p {
      margin-top: 10px; } }
@media (max-width: 767px) {
  #reportserver-banner {
    padding-top: 40px;
    background-image: none;
    background-size: 113% auto; }
    #reportserver-banner .container .row .col-sm-7 {
      width: 100% !important; }
    #reportserver-banner .container .row h2 {
      background-position: 1px 16px;
      background-repeat: no-repeat;
      background-size: 100px auto;
      font-size: 27px;
      font-weight: 400;
      line-height: 31px;
      padding-top: 41px; }
    #reportserver-banner .container .row .content-big {
      font-size: 13px;
      line-height: 22px;
      font-weight: 400;
      padding-top: 10px;
      margin-right: 0px;
      padding-bottom: 5px;
      margin-bottom: 10px; }
    #reportserver-banner .container .row h3 {
      font-size: 11px !important;
      margin-bottom: 0px !important; }
    #reportserver-banner .container .row .bannerimg {
      height: 0px;
      display: none; }
    #reportserver-banner .container .row .list-item {
      padding-top: 0px;
      margin-bottom: 0px !important; }
      #reportserver-banner .container .row .list-item li {
        background-position: 0 9px;
        line-height: 18px;
        padding-left: 16px;
        background-size: 7px;
        padding-bottom: 8px; }
        #reportserver-banner .container .row .list-item li .content-big {
          padding-left: 0px;
          line-height: 0px;
          font-size: 12px !important; }
    #reportserver-banner .container .row .btn {
      font-size: 12px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 7px;
      padding-top: 7px;
      margin-top: 15px; }
    #reportserver-banner .container .row p {
      margin: 4px auto;
      width: 145px; }
      #reportserver-banner .container .row p .download {
        display: block;
        width: 158px;
        margin-bottom: 10px; }
      #reportserver-banner .container .row p .overview {
        margin-left: 0px;
        width: 134px; }
      #reportserver-banner .container .row p .view-demo {
        margin-left: 0px;
        padding: 7px 14px; } }
/*===============Big data banner section===============================*/
#banner-bigdata {
  color: #FFFFFF;
  background-color: #4289d3;
  background-image: url("//cdn.syncfusion.com/content/images/home/new_bigdata_bg_border.png"), url("//cdn.syncfusion.com/content/images/home/bigdata_background_image_new.png");
  background-position: left bottom,left top;
  background-repeat: no-repeat;
  height: 503px;
  background-size: 110% auto; }
  #banner-bigdata .container .row h2 {
    font-size: 55px;
    font-weight: 400;
    line-height: 51px;
    padding-top: 65px;
    background-image: url("//cdn.syncfusion.com/content/images/home/NewRelease.png");
    background-position: 2px 34px;
    background-repeat: no-repeat;
    background-size: 120px auto; }
  #banner-bigdata .container .row h3 {
    color: #FFFFFF;
    font-weight: 500 !important;
    font-size: 14px !important; }
  #banner-bigdata .container .row .content-big {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    padding-top: 10px;
    margin-right: 73px; }
  #banner-bigdata .container .row .list-item {
    margin-bottom: 10px;
    padding-left: 0px;
    padding-top: 10px;
    font-size: 22px; }
    #banner-bigdata .container .row .list-item li {
      background-image: url("//cdn.syncfusion.com/content/images/products/bigdata/bullet-icon.png");
      background-repeat: no-repeat;
      background-position: 0 11px;
      background-size: 8px; }
      #banner-bigdata .container .row .list-item li .content-big {
        line-height: 23px;
        padding-left: 18px;
        font-size: 15px !important; }
        #banner-bigdata .container .row .list-item li .content-big a {
          color: #fff100;
          text-decoration: none; }
        #banner-bigdata .container .row .list-item li .content-big a:hover {
          color: #fcf190; }
  #banner-bigdata .container .row .btn {
    background-color: #FFFFFF;
    color: #252525;
    text-decoration: none;
    padding-left: 27px;
    padding-right: 27px;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 14px; }
    #banner-bigdata .container .row .btn:hover {
      background-color: #FFFFFF; }
    #banner-bigdata .container .row .btn:focus {
      outline: none; }
  #banner-bigdata .container .row .overview {
    margin-left: 20px; }
  #banner-bigdata .container .row p {
    margin-top: 13px; }
  #banner-bigdata .container .row li:first-child {
    visibility: visible !important; }
  #banner-bigdata .container .row .bannerimg {
    padding-top: 9px; }

@media (min-width: 1820px) {
  #banner-bigdata {
    height: 656px;
    background-size: 100% auto; }
    #banner-bigdata .container .row h2 {
      background-position: 2px 44px;
      background-size: auto;
      font-size: 74px;
      font-weight: 400;
      line-height: 58px;
      padding-top: 93px; }
    #banner-bigdata .container .row .content-big {
      font-size: 22px;
      line-height: 39px;
      font-weight: 400;
      padding-top: 20px;
      margin-right: 80px; }
    #banner-bigdata .container .row .bannerimg {
      padding-top: 29px; }
    #banner-bigdata .container .row .list-item {
      padding-top: 10px;
      font-size: 27px;
      margin-bottom: 10px; }
      #banner-bigdata .container .row .list-item li {
        background-position: 0 11px;
        background-size: 8px;
        line-height: 28px; }
        #banner-bigdata .container .row .list-item li .content-big {
          font-size: 15px !important;
          line-height: 23px;
          padding-left: 20px; }
    #banner-bigdata .container .row .btn {
      font-size: 16px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 14px;
      padding-top: 14px; }
    #banner-bigdata .container .row .overview {
      margin-left: 20px; }
    #banner-bigdata .container .row p {
      margin-top: 20px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  #banner-bigdata {
    background-position: left bottom 110px, left top 0px; }
    #banner-bigdata .container .row h2 {
      background-position: 2px 27px;
      background-repeat: no-repeat;
      background-size: 102px auto;
      font-size: 42px;
      font-weight: 400;
      line-height: 37px;
      padding-top: 57px; }
    #banner-bigdata .container .row h3 {
      font-size: 12px !important; }
    #banner-bigdata .container .row .content-big {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      padding-top: 17px;
      margin-right: 40px; }
    #banner-bigdata .container .row .bannerimg {
      padding-top: 18px; }
    #banner-bigdata .container .row .list-item {
      padding-top: 10px;
      font-size: 27px;
      margin-bottom: 10px; }
      #banner-bigdata .container .row .list-item li {
        background-position: 0 7px;
        background-size: 8px;
        line-height: 16px; }
        #banner-bigdata .container .row .list-item li .content-big {
          font-size: 13px !important; }
    #banner-bigdata .container .row .btn {
      font-size: 12px;
      padding-left: 19px;
      padding-right: 19px;
      padding-bottom: 9px;
      padding-top: 9px; }
    #banner-bigdata .container .row .overview {
      margin-left: 12px; }
    #banner-bigdata .container .row p {
      margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #banner-bigdata {
    background-image: none;
    background-size: 113% auto; }
    #banner-bigdata .container .row .col-sm-7 {
      width: 100% !important; }
    #banner-bigdata .container .row h2 {
      background-position: 1px 22px;
      background-repeat: no-repeat;
      background-size: 88px auto;
      font-size: 35px;
      font-weight: 400;
      line-height: 37px;
      padding-top: 44px; }
    #banner-bigdata .container .row h3 {
      font-size: 12px !important;
      margin-bottom: 5px;
      margin-top: 5px; }
    #banner-bigdata .container .row .content-big {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      padding-top: 4px;
      margin-right: 10px; }
    #banner-bigdata .container .row .bannerimg {
      height: 0px;
      display: none; }
    #banner-bigdata .container .row .list-item {
      padding-top: 5px;
      margin-bottom: 0px !important; }
      #banner-bigdata .container .row .list-item li {
        background-position: 0 7px;
        background-size: 7px;
        padding-left: 0px;
        line-height: 16px; }
        #banner-bigdata .container .row .list-item li .content-big {
          font-size: 13px !important;
          padding-left: 16px; }
    #banner-bigdata .container .row .btn {
      font-size: 12px;
      padding-left: 19px;
      padding-right: 19px;
      padding-bottom: 9px;
      padding-top: 9px; }
    #banner-bigdata .container .row .overview {
      margin-left: 9px; }
    #banner-bigdata .container .row p {
      margin-top: 5px; } }
@media (max-width: 767px) {
  #banner-bigdata {
    background-image: none;
    background-size: 113% auto; }
    #banner-bigdata .container .row .col-sm-7 {
      width: 100% !important; }
    #banner-bigdata .container .row h2 {
      background-position: 1px 16px;
      background-repeat: no-repeat;
      background-size: 100px auto;
      font-size: 27px;
      font-weight: 400;
      line-height: 31px;
      padding-top: 41px; }
    #banner-bigdata .container .row .content-big {
      font-size: 13px;
      line-height: 22px;
      font-weight: 400;
      padding-top: 10px;
      margin-right: 0px;
      padding-bottom: 5px; }
    #banner-bigdata .container .row h3 {
      font-size: 11px !important;
      margin-bottom: 0px !important; }
    #banner-bigdata .container .row .bannerimg {
      height: 0px;
      display: none; }
    #banner-bigdata .container .row .list-item {
      padding-top: 0px;
      margin-bottom: 0px !important; }
      #banner-bigdata .container .row .list-item li {
        background-position: 0 9px;
        line-height: 18px;
        padding-left: 16px;
        background-size: 7px;
        padding-bottom: 8px; }
        #banner-bigdata .container .row .list-item li .content-big {
          padding-left: 0px;
          line-height: 0px;
          font-size: 12px !important; }
    #banner-bigdata .container .row .btn {
      font-size: 12px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 7px;
      padding-top: 7px; }
    #banner-bigdata .container .row p {
      margin: 4px auto;
      width: 145px; }
      #banner-bigdata .container .row p .download {
        display: block;
        width: 134px;
        margin-bottom: 10px; }
      #banner-bigdata .container .row p .overview {
        margin-left: 0px;
        width: 134px; }

  #homepage_banner .e-bullet {
    padding-bottom: 6px !important; } }
@media (max-width: 360px) {
  #banner-bigdata {
    background-image: none;
    background-size: 113% auto; }
    #banner-bigdata .container .row .content-big {
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      padding-top: 4px;
      margin-right: 0px;
      padding-bottom: 3px; }
    #banner-bigdata .container .row h3 {
      font-size: 11px !important;
      margin-bottom: 0px !important; }
    #banner-bigdata .container .row .bannerimg {
      height: 0px;
      display: none; }
    #banner-bigdata .container .row .list-item {
      padding-top: 0px;
      margin-bottom: 0px !important; }
      #banner-bigdata .container .row .list-item li {
        background-position: 0 9px;
        line-height: 14px;
        padding-left: 16px;
        background-size: 7px;
        padding-bottom: 8px; }
        #banner-bigdata .container .row .list-item li .content-big {
          padding-left: 0px;
          line-height: 0px;
          font-size: 12px !important; }
    #banner-bigdata .container .row .btn {
      font-size: 12px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 7px;
      padding-top: 7px; }
    #banner-bigdata .container .row p {
      margin: 4px auto;
      width: 145px; }
      #banner-bigdata .container .row p .download {
        display: block;
        width: 134px;
        margin-bottom: 10px; }
      #banner-bigdata .container .row p .overview {
        margin-left: 0px;
        width: 134px; } }
/*===============Women Tech campaign banner section===============================*/
#women-tech-campaign {
  color: #FFFFFF;
  background-color: #FFE9F7;
  background-image: url("//cdn.syncfusion.com/content/images/home/women-tech-background.png");
  background-position: right center,left center;
  background-repeat: no-repeat;
  height: 503px;
  background-size: 115% auto; }
  #women-tech-campaign .container .row .view-demo {
    margin-left: 20px; }
  #women-tech-campaign .container .row h2 {
    color: #050707;
    font-size: 51px;
    font-weight: bold;
    line-height: 60px;
    padding-top: 113px; }
  #women-tech-campaign .container .row .content-big {
    color: #050707;
    font-size: 44px;
    line-height: 33px;
    font-weight: normal;
    padding-top: 25px;
    margin-bottom: 5px; }
  #women-tech-campaign .container .row .btn {
    background-color: #DD4372;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 15px;
    padding-top: 15px;
    font-size: 14px;
    margin-top: 35px; }
    #women-tech-campaign .container .row .btn:hover {
      background-color: #CE3064; }
    #women-tech-campaign .container .row .btn:focus {
      outline: none; }

@media (min-width: 1820px) {
  #women-tech-campaign {
    height: 656px;
    background-size: 105% auto; }
    #women-tech-campaign .container .row h2 {
      padding-left: 80px;
      font-size: 72px;
      font-weight: bold;
      line-height: 76px;
      padding-top: 160px; }
    #women-tech-campaign .container .row .content-big {
      padding-left: 80px;
      font-size: 62px;
      line-height: 39px;
      font-weight: normal;
      padding-top: 37px;
      margin-right: 80px; }
    #women-tech-campaign .container .row .bannerimg {
      padding-top: 0px; }
    #women-tech-campaign .container .row p {
      padding-left: 80px;
      margin-top: 24px; }
    #women-tech-campaign .container .row .btn {
      font-size: 16px;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 14px;
      padding-top: 14px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
  #women-tech-campaign {
    padding-top: 0px;
    background-position: 100% 0%;
    background-size: 116% auto;
    background-repeat: no-repeat; }
    #women-tech-campaign .container .row h2 {
      font-size: 42px;
      font-weight: bold;
      line-height: 50px;
      padding-top: 83px; }
    #women-tech-campaign .container .row .content-big {
      font-size: 35px;
      line-height: 24px;
      font-weight: 400;
      padding-top: 21px;
      margin-right: 40px;
      margin-top: 3px; }
    #women-tech-campaign .container .row .bannerimg {
      padding-top: 0px; }
    #women-tech-campaign .container .row .btn {
      font-size: 12px;
      padding-left: 19px;
      padding-right: 19px;
      padding-bottom: 9px;
      padding-top: 9px;
      margin-top: 0px; }
    #women-tech-campaign .container .row p {
      margin-top: 30px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #women-tech-campaign {
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-size: 125% auto; }
    #women-tech-campaign .container .row .hidden-sm {
      display: block !important; }
    #women-tech-campaign .container .row h2 {
      font-size: 32px;
      font-weight: bold;
      line-height: 40px;
      padding-top: 44px; }
    #women-tech-campaign .container .row p {
      margin-top: -30px; }
    #women-tech-campaign .container .row .content-big {
      font-size: 26px;
      line-height: 22px;
      font-weight: normal;
      padding-top: 18px; }
    #women-tech-campaign .container .row .btn {
      font-size: 12px;
      padding-left: 19px;
      padding-right: 19px;
      padding-bottom: 9px;
      padding-top: 9px;
      margin-top: 48px; } }
@media (max-width: 767px) {
  #women-tech-campaign {
    padding-top: 125px;
    background-repeat: repeat;
    background-image: url("//cdn.syncfusion.com/content/images/home/women-tech-banner-mobile.png"); }
    #women-tech-campaign .container .row .hidden-xs {
      display: block !important; }
    #women-tech-campaign .container .row h2 {
      font-size: 28px;
      font-weight: bold;
      line-height: 35px;
      padding-top: 8px;
      text-align: center; }
    #women-tech-campaign .container .row .content-big {
      font-size: 20px;
      line-height: 22px;
      font-weight: normal;
      padding-top: 15px;
      margin-right: 0px;
      padding-bottom: 5px;
      margin-bottom: 10px;
      text-align: center; }
    #women-tech-campaign .container .row p {
      text-align: center;
      margin-top: -29px; }
    #women-tech-campaign .container .row .bannerimg {
      margin-left: auto;
      margin-right: auto;
      width: 182px;
      padding-top: 10px; }
    #women-tech-campaign .container .row .btn {
      font-size: 12px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 7px;
      padding-top: 7px;
      margin-top: 40px; } }
/* ==================== Dashboard ==================== */
#dashboardserver-banner {
  background-image: url("//cdn.syncfusion.com/content/images/products/dashboard-server/Dashboardplatform_background-image.png");
  background-position: left bottom,left top;
  background-repeat: no-repeat;
  height: 511px;
  background-size: 118% auto;
  padding-top: 36px; }
  #dashboardserver-banner h2 {
    background-image: url("//cdn.syncfusion.com/content/images/products/dashboard-server/Syncfusion-Dashboards_logo.png");
    background-position: -15px 20px;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-top: 70px;
    color: #ffffff;
    font-weight: bold;
    font-size: 42px; }
  #dashboardserver-banner li {
    visibility: visible !important; }
  #dashboardserver-banner .container .row .list-item li .content-big a {
    text-decoration: underline; }

@media (min-width: 1820px) {
  #dashboard-video-bg {
    margin-top: 19px; }

  #banner-video {
    height: 335px !important;
    margin-top: 35px;
    width: 586px !important; }

  #dashboardserver-banner {
    height: 646px;
    background-size: 105% auto;
    padding-top: 91px; }
    #dashboardserver-banner h2 {
      background-position: -14px 23px;
      background-size: auto;
      padding-top: 86px; }
    #dashboardserver-banner .list-item {
      padding-top: 28px; }
      #dashboardserver-banner .list-item li {
        background-position: 0 15px; }
        #dashboardserver-banner .list-item li .content-big {
          line-height: 41px;
          padding-left: 26px; }
    #dashboardserver-banner p {
      margin-top: 15px; } }
@media (max-width: 1279px) {
  #banner-video {
    height: 230px !important;
    margin-top: 25px;
    width: 353px !important; }

  .layout17w .container .row p {
    margin-top: -28px; }

  .layout17w .container .row .list-item li .content-big {
    line-height: 25px; }

  layout17w .container .row .list-item {
    padding-top: 8px !important; }

  #dashboard-video-bg {
    line-height: 210px;
    margin-top: 25px; }

  #dashboardserver-banner {
    background-size: 116% auto;
    padding-top: 20px;
    background-position: left bottom 110px, left top 0px; }
    #dashboardserver-banner h2 {
      background-position: -8px 17px !important;
      background-size: 300px auto !important;
      font-size: 38px; } }
@media (max-width: 1023px) {
  .layout17w .container .row p {
    margin-top: 0px; }

  #dashboardserver-banner {
    height: 428px;
    background-size: 122% auto; }
    #dashboardserver-banner h2 {
      background-size: 250px auto !important;
      background-position: 2px 30px; }
    #dashboardserver-banner .list-item li {
      background-position: 0 10px; } }
@media (max-width: 767px) {
  #dashboardserver-banner {
    padding-top: 19px !important;
    background-size: 443% auto;
    height: 516px; }
    #dashboardserver-banner h2 {
      background-position: -9px 3px !important;
      background-size: 250% auto;
      font-size: 20px;
      line-height: 30px;
      margin-bottom: 10px;
      padding-top: 28px !important; }
    #dashboardserver-banner .list-item li {
      padding-bottom: 1px; }
      #dashboardserver-banner .list-item li .content-big {
        line-height: 18px; } }
/*================= End of Banner section styles=========================*/
#cboxLoadedContent #popup_video iframe, #cboxLoadedContent .popup_video iframe {
  padding-left: 20px; }

/*# sourceMappingURL=Home.css.map */