@media only screen and (min-width: 320px) and (max-width: 575px) {

/*------- Common CSS Starts -------*/

.row { margin-left: -5px; margin-right: -5px; }
.row > [class^=col] { padding-left: 5px; padding-right: 5px; }
.row-no-gutters { margin: 0; }
.row-no-gutters > [class^=col-] { padding: 0; }
.section-heading > h2 { font-size: 1.8rem; margin-bottom: 10px; }
.section-heading > h3 { font-size: 1.6rem; margin-bottom: 10px; }
p { font: 1.4rem/normal "Oswald-Regular"; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Header Section Starts -------*/

.bg-header { padding: 10px; }
.header-logo { text-align: center; }
.header-logo > a > img { margin-bottom: 15px; width: 70px; }
.form-control-search { font-size: 1.6rem; margin-bottom: 15px; padding: 9px 10px 11px; }

    /*------- Input Switch CSS Starts -------*/

.switch-wrapper { justify-content: center; margin-bottom: 5px; }

    /*------- Input Switch CSS Ends -------*/

  /*------- Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 0; padding: 0 10px; }

  /*------- Banner Section Ends -------*/

  /*------- Multiple Locations Section Starts -------*/

.bg-multiple-locations { padding: 0; }
.curve-arrow-icon-info-top-left { width: 35%; }
.curve-arrow-icon-info-top-right { width: 35%; }
.multiple-locations-logo > img { width: 100px; }
.multiple-locations-image-heading > p { font-size: 1.8rem; }
.btn-view-menu { bottom: 70px; font-size: 1.8rem; width: 65%; }

  /*------- Multiple Locations Section Ends -------*/

  /*------- Category Section Starts -------*/

.bg-category { padding: 10px 10px 0; }
.category-listing { display: -webkit-box; flex-wrap: nowrap; overflow-x: auto; }
.category-listing > li { margin: 0 10px 0 0; }
.category-listing > li > a { font-size: 1.6rem; padding: 2px 14px 2px 8px; }

  /*------- Category Section Ends -------*/

  /*------- Menu Section Starts -------*/

.bg-menu { padding: 10px; }
.box-menu { margin-bottom: 10px; }
.box-menu-info > h4 { font-size: 1.6rem; line-height: 1.2; margin-bottom: 15px; }
.box-menu-info > p { position: relative; top: -5px; }
.box-menu-info > h4.box-menu-info-min-height { min-height: 38px; }

  /*------- Menu Section Ends -------*/

  /*------- Clients Section Starts -------*/

.bg-clients { padding: 10px 0 0; }
.client-item > img { width: 140px; }

  /*------- Clients Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo { text-align: center; }
.footer-image-1 { bottom: 70%; left: 60%; }
.footer-image-2 { bottom: 50%; left: 0; }
.footer-image-1 > img { width: 115px; }
.footer-image-2 > img { width: 100px; }
.footer-logo > a > img { margin-bottom: 15px; width: 100px; }
.footer-heading > h4 { font-size: 1.8rem; margin-bottom: 10px; }
.call-listing > p { font-size: 2rem; margin-bottom: 30px; }
.social-footer-heading > h4 { margin-right: 0; text-align: center; }
.social-media-listing { justify-content: center; margin-bottom: 30px; }
.social-media-listing > li:last-child { margin-right: 0; }
.footer-sub-heading > h4 { font-size: 2.2rem; }

  /*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

/*------- Common CSS Starts -------*/

.row { margin-left: -5px; margin-right: -5px; }
.row > [class^=col] { padding-left: 5px; padding-right: 5px; }
.row-no-gutters { margin: 0; }
.row-no-gutters > [class^=col-] { padding: 0; }
.section-heading > h2 { font-size: 2rem; margin-bottom: 10px; }
.section-heading > h3 { font-size: 1.8rem; margin-bottom: 10px; }
p { font: 1.4rem/normal "Oswald-Regular"; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Header Section Starts -------*/

.bg-header { padding: 10px 0; }
.header-logo { text-align: center; }
.header-logo > a > img { margin-bottom: 15px; width: 70px; }
.form-control-search { font-size: 1.6rem; margin-bottom: 15px; padding: 9px 10px 11px; }

    /*------- Input Switch CSS Starts -------*/

.switch-wrapper { margin-bottom: 15px; }

    /*------- Input Switch CSS Ends -------*/

  /*------- Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 0; padding: 0; }

  /*------- Banner Section Ends -------*/

  /*------- Multiple Locations Section Starts -------*/

.bg-multiple-locations { padding: 0; }
.curve-arrow-icon-info-top-left { width: 27%; }
.curve-arrow-icon-info-top-right { width: 27%; }
.multiple-locations-logo > img { width: 115px; }
.btn-view-menu { bottom: 100px; }

  /*------- Multiple Locations Section Ends -------*/

  /*------- Category Section Starts -------*/

.bg-category { padding: 10px 0 0; }
.category-listing { display: -webkit-box; flex-wrap: nowrap; overflow-x: auto; }
.category-listing > li { margin: 0 10px 0 0; }
.category-listing > li > a { font-size: 1.6rem; padding: 2px 14px 2px 8px; }

  /*------- Category Section Ends -------*/

  /*------- Menu Section Starts -------*/

.bg-menu { padding: 10px 0; }
.box-menu { margin-bottom: 10px; }
.box-menu-info > h4 { font-size: 1.6rem; line-height: 1.2; margin-bottom: 15px; }
.box-menu-info > p { position: relative; top: -5px; }
.box-menu-info > h4.box-menu-info-min-height { min-height: 38px; }

  /*------- Menu Section Ends -------*/

  /*------- Clients Section Starts -------*/

.bg-clients { padding: 10px 0 0; }
.client-item > img { width: 150px; }

  /*------- Clients Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo { text-align: center; }
.footer-image-2 { left: 0; }
.footer-logo > a > img { margin-bottom: 15px; width: 100px; }
.footer-heading > h4 { font-size: 1.8rem; margin-bottom: 10px; }
.call-listing > p { font-size: 2rem; margin-bottom: 30px; }
.social-footer-heading > h4 { margin-right: 0; text-align: center; }
.social-media-listing { justify-content: center; }
.social-media-listing > li:last-child { margin-right: 0; }

  /*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

/*------- Common CSS Starts -------*/

.row { margin-left: -10px; margin-right: -10px; }
.row > [class^=col] { padding-left: 10px; padding-right: 10px; }
.row-no-gutters { margin: 0; }
.row-no-gutters > [class^=col-] { padding: 0; }
.section-heading > h2 { font-size: 2.4rem; margin-bottom: 15px; }
.section-heading > h3 { font-size: 1.8rem; margin-bottom: 15px; }
p { font: 1.6rem/normal "Oswald-Regular"; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Header Section Starts -------*/

.bg-header { padding: 15px 0; }
.header-logo > a > img { margin-bottom: 15px; width: 100px; }

  /*------- Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 0; padding: 0; }

  /*------- Banner Section Ends -------*/

  /*------- Multiple Locations Section Starts -------*/

.bg-multiple-locations { padding: 0; }
.curve-arrow-icon-info-top-left { width: 35%; }
.curve-arrow-icon-info-top-right { width: 35%; }
.multiple-locations-logo > img { width: 100px; }
.btn-view-menu { bottom: 100px; }

  /*------- Multiple Locations Section Ends -------*/

  /*------- Category Section Starts -------*/

.bg-category { padding: 10px 0 0; }
.category-listing { display: -webkit-box; flex-wrap: nowrap; overflow-x: auto; }
.category-listing > li { margin: 0 10px 0 0; }
.category-listing > li > a { font-size: 1.6rem; padding: 2px 14px 2px 8px; }

  /*------- Category Section Ends -------*/

  /*------- Menu Section Starts -------*/

.bg-menu { padding: 10px 0; }
.box-menu { margin-bottom: 20px; }
.box-menu-info > h4 { font-size: 1.8rem; line-height: 1.2; margin-bottom: 15px; }
.box-menu-info > p { position: relative; top: -5px; }

  /*------- Menu Section Ends -------*/

  /*------- Clients Section Starts -------*/

.bg-clients { padding: 10px 0 0; }
.client-item > img { width: 150px; }

  /*------- Clients Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo { text-align: center; }
.footer-image-2 { left: 0; }
.footer-logo > a > img { margin-bottom: 15px; width: 100px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 10px; }
.call-listing > p { font-size: 2rem; margin-bottom: 30px; }
.social-footer-heading > h4 { margin-right: 0; text-align: center; }
.social-media-listing { justify-content: center; }
.social-media-listing > li:last-child { margin-right: 0; }

  /*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

/*------- Common CSS Starts -------*/

.row { margin-left: -10px; margin-right: -10px; }
.row > [class^=col] { padding-left: 10px; padding-right: 10px; }
.row-no-gutters { margin: 0; }
.row-no-gutters > [class^=col-] { padding: 0; }
.section-heading > h2 { font-size: 2.4rem; margin-bottom: 15px; }
.section-heading > h3 { font-size: 1.8rem; margin-bottom: 15px; }
p { font: 1.6rem/normal "Oswald-Regular"; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Starts -------*/

  /*------- Header Section Starts -------*/

.bg-header { padding: 15px 0; }
.header-logo > a > img { margin-bottom: 15px; width: 100px; }

  /*------- Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 0; padding: 0; }

  /*------- Banner Section Ends -------*/

  /*------- Category Section Starts -------*/

.bg-category { padding: 10px 0 0; }
.category-listing { display: -webkit-box; flex-wrap: nowrap; overflow-x: auto; }
.category-listing > li { margin: 0 10px 0 0; }
.category-listing > li > a { font-size: 1.6rem; padding: 2px 14px 2px 8px; }

  /*------- Category Section Ends -------*/

  /*------- Menu Section Starts -------*/

.bg-menu { padding: 10px 0; }
.box-menu { margin-bottom: 20px; }
.box-menu-info > h4 { font-size: 1.8rem; line-height: 1.2; margin-bottom: 15px; }
.box-menu-info > p { position: relative; top: -5px; }

  /*------- Menu Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo { text-align: center; }
.footer-image-2 { left: 0; }
.footer-logo > a > img { margin-bottom: 15px; width: 100px; }
.footer-heading > h4 { font-size: 2rem; margin-bottom: 10px; }
.call-listing > p { font-size: 2rem; margin-bottom: 30px; }
.social-footer-heading > h4 { margin-right: 0; text-align: center; }
.social-media-listing { justify-content: center; }
.social-media-listing > li:last-child { margin-right: 0; }

  /*------- Footer Section Ends -------*/

/*------- Home Page CSS Ends -------*/

}