:root {
 --echobit-pWhite: #fff;          /*Default background color  */
 --echobit-tBlue: #1d254f;        /*Topbar background box     */
 --echobit-lBlue: #a1c3d7;        /*Topbar phone text         */
 --echobit-mBlue: #61899f;        /*Topbar phone time         */
 --echobit-cText: #002c50;        /*Default text color*/
 --echobit-lTurquioise: #04eae5;  /*Labels, icons, glyphs*/
 --echobit-dTurquioise: #00c1bd;  /*Titles*/
 --echobit-hBlue: #061825;        /*Titles, Header box*/
 --echobit-fWhite: #F2F2F2;
}


@media only screen
 and (max-width: 1314.98px)
 {
  .slick-prev { left: -15px;}
  .slick-next { right: 15px;}
 }

@media only screen
 and (max-width: 1299.98px)
 {
  /* Normal: 1200, but we should add 2x boxLRM => 1300 */
  *{
   --boxLRM: 50px;
   --best-width: calc(100vw - 2 * var(--boxLRM));
   }

  .s0-headline-prime {
   background-image: url(/resources/img/section0_HeadlinePrime/BlueBrickWall_1440x0600.jpg); }

  .width-050 {
    flex-basis: 75%;
  }

  .section3-OurServices
   .imagebox {
   flex: 0 0 calc( (var(--best-width))/3 - 15px);
  }

  .section3-OurServices
   .description-pad
    .width-050 {
   padding-right: 30%;
  }


 }

@media only screen
 and (max-width: 1150.98px)
 {

  * {
   /*  w.300px > margin.5px  :: w.1300px > margin.50px  */
   /* --boxLRM: calc(0.045 * 100vw - 8.5px); */

   /*  w.300px > margin.10px  :: w.1300px > margin.50px  */
   --boxLRM: calc(0.04 * 100vw - 2px);

   --best-width: calc(100vw - 2 * var(--boxLRM) );
  }


  .image-consultant {
   /* display: none; */
   width: 90%;
   height: auto;
  }

 }

@media only screen
 and (max-width: 1065px) {
  .popup {
   width: 95%;
  }

 }

@media only screen
 and (max-width: 1039.98px) {

  .h1-fullrow {
   position: fixed;
   top: 0;
   z-index: 128;
  }

  .h1-menu {
    display: none;
  }

  .h1-cell-menu-button {
   display: flex;
  }

 .s0-headline-prime .prime-headline {
   margin-top: 55px;
 }


 }


@media only screen
 and (max-width: 991.98px)
 {

  .width-050 {
   flex-basis: 100%;
 }

 .section3-OurServices
 .description-pad
  .story-logos {
   flex-direction: row;
   width: calc(0.8 * var(--best-width));
  }


  .section3-OurServices
   .description-pad
    .story-logos
     .vendor-logo {
   height: 180px;
 }


 }

 @media only screen
 and (max-width: 894.98px)
 {

  .s0-headline-prime {
   padding: 0;
   background-image:
    linear-gradient(
     rgba(255, 255, 255, 0),
     rgba(255, 255, 255, 0)),
    url(/resources/img/section0_HeadlinePrime/BlueBrickWall_2880x1200.jpg);
  }

  .s0-headline-prime
   .prime-action {
   flex: 0 0 100%;
   height: 570px;
   padding-right: 85px;
   padding-left: calc(120px + var(--boxLRM)) ;
   background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), none;
  }

  .s0-headline-prime
   .prime-description {
   font-weight: 800;
  }

  .section3-OurServices
   .flex-row-wrapper {
   flex-direction: column;
  }

  .section3-OurServices
   .flex-row-wrapper
    .imagebox {
   flex: 1 1 100%;
  }

  #s3-company-small-button  {
   order: 1;
   background-image:
   linear-gradient(to bottom,
    rgba(97, 137, 159, 0.14) 0%,
    rgba(29, 37, 79, 0.57) 30%,
    rgba(29, 37, 79, 1.00) 100%),
   url(/resources/img/section3_OurServices/cw_Small_2_w700.webp);
  }

  #s3-company-medium-button {
   order: 3;
   background-image:
   linear-gradient(to bottom,
    rgba(97, 137, 159, 0.14) 0%,
    rgba(29, 37, 79, 0.57) 30%,
    rgba(29, 37, 79, 1.00) 100%),
   url(/resources/img/section3_OurServices/cw_Medium_1_w700.webp)
  }

  #s3-company-big-button    {
   order: 5;
   background-image:
   linear-gradient(to bottom,
    rgba(97, 137, 159, 0.14) 0%,
    rgba(29, 37, 79, 0.57) 30%,
    rgba(29, 37, 79, 1.00) 100%),
   url(/resources/img/section3_OurServices/cw_Big_w700.webp);
  }

  #s3-education-button      { order: 7; }


  .section3-OurServices .fullbox-gradient {
   height: 452px;
  }

  .section3-OurServices .fullbox-backimage {
   background-image:
    linear-gradient(to right,
    rgba(255, 255, 255, 0.00) 0%,
    rgba(29, 37, 79, 0.55) 55%     ),
    url(/resources/img/section3_OurServices/c_Education_498x400.webp);
   background-size: auto 100%;
  }

  .section3-OurServices .education.imagebox {
   padding: 100px 28px 28px 28px;
  }

  #read-more-company-small  { order: 2; }
  #read-more-company-medium { order: 4; }
  #read-more-company-big    { order: 6; }
  #read-more-education      { order: 8; }


  footer
  .footer-row-wrapper
    div:first-child {
   flex: 2 0 100%;
   margin-bottom: 50px;
  }

  footer
  .footer-row-wrapper
    div
  {
   flex: 1 0 ;
   margin-bottom: 20px;
  }

  footer .super-footer-line {
   flex-direction: column;
  }

  #footer_last_menu {
   order: 1;
   padding-bottom: 20px;
  }
  #footer_copyright
   {
    order: 2;
    padding-top: 10px;
    border-top: 1px solid var(--echobit-tBlue);
   }



 }


@media only screen
 and (max-width: 767.98px)
 {


  .s0-headline-prime
  .prime-action {
   padding: 0 var(--boxLRM);
  }

  .section1-OurApproach
   .flex-box {
    flex-basis: 100%;
    margin-bottom: 30px;
   }

  /* .section1-OurApproach
   .lead-icon.dummy {
    display: none;
   } */


  .section3-OurServices
  .flex-row-wrapper.company-buttons {
   flex-direction: column;
   align-content: center;
  }

  .section3-OurServices .imagebox {
   flex: 0 0 370px;
  }

  .section3-OurServices
  .description-pad
   .width-050 {
   padding-right: var(--boxLRM);
  }



  .section4-Contact
   .flex-column-wrapper {
   margin-top: 50px;
  }

 /* .section4-Contact
  .flex-row-wrapper
   .firstLine {
  margin-top: 30px;
 } */

 .popup {
  max-height: 100%;
  overflow-y: scroll;
 }

 .popup .flex-column-wrapper {
  flex: 1 1 100%;
  padding-left: 125px;
 }



 }

 @media only screen
 and (max-width: 620.98px)
 {
  .section4-Contact h1 {line-height: 1.1em;}

  #footer_copyright {
   align-self: center;
  }


 }


@media only screen
 and (max-width: 479.98px)
 {

  .logo-left img {
   width: 80px;
   height: 48px;
  }

  .echobit-capital-title {
   margin-left: 15px;
   font-size: 44px;
  }

  .svgicon-hilite {
   width: 45px;
   height: 45px;
  }

  .s0-headline-prime
   .prime-headline {margin-top: 100px;}

  .s0-headline-prime              ,
  .s0-headline-prime .prime-action
   { height: 700px;}

  .s0-headline-prime
   .action-buttons a.btn.btn-secondary {
   display: none;
   }

  .section3-OurServices
   .read-more-flash.block-remove {
    display: inline-block;
   }


  footer ul li:first-child,
  footer ul li:nth-child(2) {
   display: none;
  }

  footer .footer-row-wrapper div {
   flex: 1 1 100%;
   margin-left: 10px;
 }

  #footer_copyright {
   font-weight: 300;
   font-size: 0.9em;
  }


 }


@media only screen
 and (max-height: 940px)
 {

  .popup {
   max-height: 100%;
   overflow-y: scroll;
  }

 }