/* --Website Responsiveness Code Starts -------------------------------- */
/* ------------------------------------------------------------------------
------------------------ Responsiveness 2560 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 2560px) {
  body {
    margin-left: 0px;
    margin-right: 0px; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 1440 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 1440px) {
  body {
    margin-left: 0px;
    margin-right: 0px; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 1024 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 2.5rem; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 850 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {
  .button--recommendations {
    width: 100%; } }
/* ------------------------------------------------------------------------
------------------------ Responsiveness 736 px -------------------------------
--------------------------------------------------------------------------- */
/*------------Responsive ---------------------------------------------------
-----------------------------667px---------------------------------------------
------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------
------------------------ Responsiveness 640 px -------------------------------
--------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------
------------------------ Responsiveness 568 px -------------------------------
--------------------------------------------------------------------------- */
@media only screen and (max-width: 568px) {
  .body--area--heading {
    display: block;
    margin-left: 0px;
    margin-right: 0px; }

  .cont--heading {
    margin-bottom: 1rem; }

  h1 {
    font-size: 3rem;
    margin: 0rem; }

  .cont--banner-image {
    border-radius: 3.75rem;
    background-position: center;
    background-size: cover;
    height: 18.75rem; }

  img, .image-1 {
    width: 100%;
    height: auto; }

  .category-head-tile {
    height: 6rem; }

  .section--tabulation {
    display: block; }

  .section--category-recommendation {
    margin-top: 2rem; } }
/* --------------Responsive ---------------------------------------------------
-----------------------------414px---------------------------------------------
------------------------------------------------------------------------------*/
/* --------------Responsive ---------------------------------------------------
-----------------------------375px---------------------------------------------
------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------
------------------------ Responsiveness 360 px -------------------------------
--------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------
------------------------ Responsiveness 320 px -------------------------------
--------------------------------------------------------------------------- */

/*# sourceMappingURL=style--guides--responsive.css.map */