/*
 
  * Added By Mustaque this .css file contains responsive code for customer-support strip.

*/

/*customer-support strip images*/

.bg-lighter img {
  width: 24px;
  height: 24px;
}

/* Custom, iPhone Retina start */
@media screen and (min-width: 320px) and (max-width: 479px) {
  /*customer-support strip heading and img*/
  .bg-lighter .custom-heading,
  .bg-lighter .sales-heading,
  .bg-lighter img {
    margin-left: 1rem;
  }

  /*text-size */
  .bg-lighter .text-md-right h5,
  .bg-lighter .text-md-left h5 {
    font-size: 1rem;
  }

  /*to hide vertical line */
  .bg-lighter h1 {
    visibility: hidden;
  }
  /*after vertical line disappear  customer-care div has taken position of vertical line*/
  .bg-lighter .col-md-7 {
    margin-top: -3rem !important;
  }
}

/* Extra Small Devices, Phones  start */
@media screen and (min-width: 480px) and (max-width: 767px) {
  /*customer-support strip heading and img*/
  .bg-lighter .custom-heading,
  .bg-lighter .sales-heading,
  .bg-lighter img {
    margin-left: 1rem;
  }

  /*to hide vertical line */
  .bg-lighter h1 {
    visibility: hidden;
  }
  /*after vertical line disappear  customer-care div has taken position of vertical line*/
  .bg-lighter .col-md-7 {
    margin-top: -3rem !important;
  }
}

/* Small Devices, Tablets start */

@media screen and (min-width: 768px) and (max-width: 991px) {
  /*common styles */
  /*heading */
  .bg-lighter .custom-heading,
  .bg-lighter .sales-heading {
    font-size: 1rem;
  }

  /*image size */
  .bg-lighter .sales-img,
  .bg-lighter .custom-img,
  .bg-lighter .img {
    width: 22px;
    height: 22px;
  }

  /* image alignment */
  .bg-lighter .custom-img,
  .bg-lighter .img {
    margin-top: -0.5rem;
  }

  .bg-lighter .sales-img,
  .bg-lighter .custom-img {
    margin-left: -0.6rem !important ;
  }

  /*sales- division text-size and custom-division text-size and alignment  */
  .bg-lighter .sales-div .text-md-right h5,
  .bg-lighter .sales-div .text-md-left h5,
  .bg-lighter .customer-div .text-md-right h5 {
    font-size: 0.9rem;
    margin-left: -0.5rem !important;
  }
  /* vertical line*/
  .bg-lighter h1 {
    margin-left: 0;
    margin-top: -0.6rem;
  }

  /* customer-heading */
  .bg-lighter .custom-heading {
    margin-top: -0.5rem;
    margin-left: -2rem !important;
  }

  /*sales-heading */
  .bg-lighter .sales-heading {
    margin-left: -0.5rem;
  }
  .bg-lighter .img {
    margin-left: -3rem !important;
  }

  /*customer-div text */
  .bg-lighter .customer-div .text-md-left h5 {
    font-size: 0.9rem;
    margin-left: -1.5rem;
  }
}

/* Medium Devices, Desktops  start*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
  /*common styles */

  /*sales- division text-size */
  .bg-lighter .sales-div .text-md-right h5,
  .bg-lighter .sales-div .text-md-left h5,
  .bg-lighter .customer-div .text-md-right h5,
  .bg-lighter .customer-div .text-md-left h5 {
    font-size: 1rem;
  }

  /*custom-division text-size and alignment */
  .bg-lighter .customer-div .text-md-right h5 {
    margin-left: -0.5rem !important;
  }

  .bg-lighter .customer-div .text-md-left h5 {
    margin-left: -2rem;
  }

  .bg-lighter h1 {
    margin-left: 0;
    margin-top: -0.6rem;
  }

  /*sales-heading */
  .bg-lighter .sales-heading {
    margin-left: 1rem;
  }

  .bg-lighter .customer-div .img {
    margin-top: -0.5rem;
    margin-left: -5rem;
  }
  .bg-lighter .custom-heading {
    margin-left: -2rem !important;
  }
}

/*large devices */
@media screen and (min-width: 1200px) {
  /*common styles */

  /*custom-division text-size */
  .bg-lighter .customer-div .text-md-right h5 {
    margin-left: -0.5rem !important;
  }
  .bg-lighter .customer-div .text-md-left h5 {
    margin-left: 0.5rem;
  }

  /*sales-heading */
  .bg-lighter .sales-heading {
    margin-left: 1rem;
  }

  /*customer-div second img */
  .bg-lighter .customer-div .img {
    margin-top: -0.5rem;
  }

  .bg-lighter .custom-heading {
    margin-left: -2rem !important;
  }
}