/* table of content - start
==================================================================================================== */
/* ==================================================
Project Name  :  Crust Pizza Co. Delivery
File      :  CSS Base
Version     :  1.0.0
Last change   :  21 september 2019
Author      :  ----------
Developer:    :  Rakibul Islam Dewan
================================================== */
/* table of content - end
==================================================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600&display=swap');

/* Bebas Neue font family - start
================================================== */
@font-face {
  font-family: 'Bebas Neue Thin';
  src        : url("../fonts/bebasneue/BebasNeue-Thin.woff2") format("woff2"), url("../fonts/bebasneue/BebasNeue-Thin.woff") format("woff");
  font-weight: 100;
  font-style : normal;
}

@font-face {
  font-family: 'Bebas Neue Light';
  src        : url("../fonts/bebasneue/BebasNeue-Light.woff2") format("woff2"), url("../fonts/bebasneue/BebasNeue-Light.woff") format("woff");
  font-weight: 300;
  font-style : normal;
}

@font-face {
  font-family: 'Bebas Neue Book';
  src        : url("../fonts/bebasneue/BebasNeue-Book.woff2") format("woff2"), url("../fonts/bebasneue/BebasNeue-Book.woff") format("woff");
  font-weight: 300;
  font-style : normal;
}

@font-face {
  font-family: 'Bebas Neue Regular';
  src        : url("../fonts/bebasneue/BebasNeue-Regular.woff2") format("woff2"), url("../fonts/bebasneue/BebasNeue-Regular.woff") format("woff");
  font-weight: 400;
  font-style : normal;
}

@font-face {
  font-family: 'Bebas Neue Bold';
  src        : url("../fonts/bebasneue/BebasNeue-Bold.woff2") format("woff2"), url("../fonts/bebasneue/BebasNeue-Bold.woff") format("woff");
  font-weight: 700;
  font-style : normal;
}

/* Bebas Neue font family - end
================================================== */
/* Bebas Neue font family - start
================================================== */
@font-face {
  font-family: 'Helvetica Neue Thin';
  src        : url("../fonts/helveticaneue/HelveticaNeueThin.woff2") format("woff2"), url("../fonts/helveticaneue/HelveticaNeueThin.woff") format("woff");
  font-weight: 100;
  font-style : normal;
}

@font-face {
  font-family: 'Helvetica Neue Light';
  src        : url("../fonts/helveticaneue/HelveticaNeueLight.woff2") format("woff2"), url("../fonts/helveticaneue/HelveticaNeueLight.woff") format("woff");
  font-weight: 300;
  font-style : normal;
}

@font-face {
  font-family: 'Helvetica Neue Regular';
  src        : url("../fonts/helveticaneue/HelveticaNeueRegular.woff2") format("woff2"), url("../fonts/helveticaneue/HelveticaNeueRegular.woff") format("woff");
  font-weight: 400;
  font-style : normal;
}

@font-face {
  font-family: 'Helvetica Neue Medium';
  src        : url("../fonts/helveticaneue/HelveticaNeueMedium.woff2") format("woff2"), url("../fonts/helveticaneue/HelveticaNeueMedium.woff") format("woff");
  font-weight: 500;
  font-style : normal;
}

@font-face {
  font-family: 'Helvetica Neue Bold';
  src        : url("../fonts/helveticaneue/HelveticaNeueBold.woff2") format("woff2"), url("../fonts/helveticaneue/HelveticaNeueBold.woff") format("woff");
  font-weight: 700;
  font-style : normal;
}

@font-face {
  font-family: 'Helvetica Neue Black Cond';
  src        : url("../fonts/helveticaneue/HelveticaNeueBlackCond.woff2") format("woff2"), url("../fonts/helveticaneue/HelveticaNeueBlackCond.woff") format("woff");
  font-weight: 900;
  font-style : normal;
}

@font-face {
  font-family: "cpc-font-2";
  src        : url("../fonts/untitled-font-2.eot");
  src        : url("../fonts/untitled-font-2.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-font-2.woff") format("woff"), url("../fonts/untitled-font-2.ttf") format("truetype"), url("../fonts/untitled-font-2.svg#untitled-font-2") format("svg");
  font-weight: normal;
  font-style : normal;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i&display=swap');

[class^="cpc-icon-"]:before,
[class*=" cpc-icon-"]:before {
  font-family            : "cpc-font-2" !important;
  font-style             : normal !important;
  font-weight            : normal !important;
  font-variant           : normal !important;
  text-transform         : none !important;
  speak                  : none;
  line-height            : normal;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cpc-icon-crust-white-stacked-web {
  color     : #fff;
  font-size : 56px;
  margin-top: -12px;
  max-height: 50px;
  height    : 50px;
  overflow  : hidden;
}

.cpc-icon-co-logo-black:before {
  content: "\61";
}

.cpc-icon-crust-white-stacked-web:before {
  content: "\62";
}

/* Bebas Neue font family - end
================================================== */
/* global area - start
==================================================================================================== */
body {
  margin          : 0px;
  padding         : 0px;
  font-size       : 24px;
  font-style      : normal;
  line-height     : normal;
  color           : #000000;
  background-color: #ffffff;
  font-family     : 'Bebas Neue Bold';
}

::-moz-selection {
  color           : #ffffff;
  background-color: #d55e29;
}

::selection {
  color           : #ffffff;
  background-color: #d55e29;
}

.container {
  max-width: 1670px;
}

a,
button {
  cursor         : pointer;
  display        : inline-block;
  text-decoration: none;
  font-family    : 'Bebas Neue Bold';
}

a:hover,
button:hover {
  text-decoration: none;
}

button {
  margin    : 0px;
  padding   : 0px;
  border    : none;
  background: none;
}

button:focus {
  outline: none;
}

button:disabled {
  opacity: 0.5;
}

img {
  height   : auto;
  max-width: 100%;
}

div.required .control-label:after {
  content: ' *';
  color  : #dc3545;
}

.col-vk {
  padding-top: 8px;
}

/*#careerForm .focused {
  background-color: #eeeeee !important;
}*/

#careerForm .error {
  background-color: #FFDFDF !important;
  margin-bottom   : 3px !important;
}

.form-group-vk {
  margin-bottom: 10px !important;
}

.form-group-vk label {
  margin-bottom: 5px;
}

#careerForm .error-text {
  display: none;
}

#careerForm .error .error-text {
  display    : block;
  font-family: 'Open Sans', sans-serif;
  font-size  : 12px;
  margin-top : 6px;
}

a {
  color: #d65e29;
}

a:hover {
  color: #d65e29;
}

/*.brand-logo img {
  width: 68px;
}*/

.image-container {
  overflow: hidden;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color      : #000000;
  font-family: 'Bebas Neue Bold';
}

strong,
span,
small,
label,
i {
  margin     : 0px;
  padding    : 0px;
  display    : inline-block;
  font-family: 'Bebas Neue Bold';
}

strong {
  line-height: 1;
  font-family: 'Bebas Neue Bold';
}

.insta-list {
  list-style   : none;
  display      : flex;
  padding      : 0;
  margin-bottom: 0;
}

.bg-org {
  background-color: #d65e29;
  max-height      : 205px;
  overflow-y      : hidden;


}

.bg-btm {
  margin-bottom: 15px;
}

.insta-list img {
  max-height: ;
}

.m-a {
  margin: auto;
}

.insta-heading {
  font-size: 30px;
}

span.inst-c {
  color: #000;
}

.insta-sub-heading {
  font-size: 63px;
}

.insta-left {
  flex-wrap          : nowrap;
  color              : #fff;
  font-size          : 34px;
  padding-top        : 47px;
  padding-left       : 110px;
  background         : url(../images/insta-icon.png)no-repeat left;
  background-position: 0 51px;
  position           : relative;

}

ul li.bg-order {
  position    : relative;
  padding-left: 15px;
}


.fixed-bottom ul li:nth-child(2) {
  border-left   : 1px solid #fff;
  border-right  : 1px solid #fff;
  /*padding     : 0 18px !important;
    margin      : 0 16px;
    padding-left: 27px !important;*/
}

ul li.bg-order:before {
  background     : url(../images/order-icon.jpg)no-repeat left;
  position       : absolute;
  content        : '';
  height         : 30px;
  width          : 27px;
  left           : 5px;
  top            : -5px;
  background-size: 55%;
  right          : 77px;
  margin         : auto;
}

.fixed-bottom ul {
  margin         : 0;
  padding        : 0;
  list-style     : none;
  justify-content: center;
}

.fixed-bottom ul li {
  padding: 0 0 !important;
}

.bg-org:before {
  position  : absolute;
  content   : "";
  height    : 205px;
  width     : 336px;
  background: url(../images/bg-in.png)no-repeat left;
  right     : 0px;
  top       : 0;
}



.form-input-sort {
  width      : 120px !important;
  margin-left: 10px;
}

.topping-list {
  width         : 49% !important;
  display       : inline-block !important;
  vertical-align: top;
}

.choose-location-container {
  background: #ffffff;
  position  : fixed;
  height    : 100%;
  width     : 100%;
  z-index   : 99999999;
  top       : 0;
}

.choose-location-container .store-link {
  font-size      : 30px;
  /*margin-bottom: 20px;*/
  color          : #d55e29 !important;
  /*display      : block;*/
  padding-bottom : 15px;
}

.form-item {
  position     : relative;
  margin-bottom: 30px;
}

.form-item input,
.select-option select,
.form-textarea textarea {
  font-family       : 'Poppins';
  width             : 100%;
  height            : 80px;
  outline           : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  padding           : 0px 30px;
  border-radius     : 5px;
  background-color  : #F4F4F4;
  border            : 2px solid #E5E5E5;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.form-item input:focus,
.select-option select:focus {
  outline           : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border-color      : #d55e29;
  background-color  : rgba(227, 100, 44, 0.6);
}

.form-item .submit-btn {
  top              : 50%;
  right            : 0px;
  width            : 80px;
  height           : 80px;
  font-size        : 30px;
  color            : #ffffff;
  text-align       : center;
  position         : absolute;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  background-color : #d55e29;
}

.input-title {
  font-size    : 25px;
  margin-bottom: 8px;
}

.form-radio input {
  float             : left;
  width             : 30px;
  height            : 30px;
  outline           : none;
  cursor            : pointer;
  margin-top        : -3px;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  margin-right      : 10px;
  border-radius     : 100%;
  background-color  : #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  border            : 2px solid #d55e29;
}

.form-radio input:checked {
  border: 10px solid #d55e29;
}

.form-radio label {
  cursor     : pointer;
  font-size  : 30px;
  font-family: 'Bebas Neue Bold';
}

.form-textarea {
  position     : relative;
  margin-bottom: 30px;
}

.form-textarea textarea {
  width             : 100%;
  padding           : 30px;
  min-height        : 230px;
  border-radius     : 5px;
  background-color  : #F4F4F4;
  border            : 2px solid #E5E5E5;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.form-textarea textarea:focus {
  outline           : none;
  -webkit-box-shadow: none;
  box-shadow        : none;
  border-color      : #d55e29;
  background-color  : rgba(227, 100, 44, 0.6);
}

.select-option .nice-select {
  width           : 100%;
  border          : none;
  height          : 80px;
  font-size       : 24px;
  line-height     : 80px;
  padding         : 0px 30px;
  border-radius   : 5px;
  background-color: #F4F4F4;
  border          : 2px solid #E5E5E5;
}

.select-option .nice-select:after {
  top          : 50%;
  width        : 10px;
  height       : 10px;
  right        : 30px;
  margin-top   : 0px;
  margin-top   : -4px;
  border-right : 2px solid #000000;
  border-bottom: 2px solid #000000;
}

.select-option .nice-select .list {
  margin       : 0px;
  width        : 100%;
  border       : none;
  min-width    : 200px;
  border-radius: 0px;
}

.select-option .nice-select .list .option {
  min-height : 50px;
  line-height: 50px;
  padding    : 0px 30px;
}

:-moz-placeholder {
  text-transform: capitalize;
}

::-moz-placeholder {
  text-transform: capitalize;
}

:-ms-input-placeholder {
  text-transform: capitalize;
}

::-webkit-input-placeholder {
  text-transform: capitalize;
}

/* owl settings - start
================================================== */
.owl-theme .owl-dots .owl-dot:hover span {
  background: #d55e29;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #d55e29;
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
  margin       : 0px;
  width        : 50px;
  height       : 50px;
  overflow     : hidden;
  position     : relative;
  border-radius: 100%;
}

.owl-theme .owl-nav .owl-next>span,
.owl-theme .owl-nav .owl-prev>span {
  display: none;
}

.owl-theme .owl-nav .owl-next:before,
.owl-theme .owl-nav .owl-prev:before {
  top               : 0;
  left              : 0;
  right             : 0;
  bottom            : 0;
  z-index           : 1;
  font-size         : 24px;
  font-weight       : 900;
  line-height       : 50px;
  text-align        : center;
  position          : absolute;
  color             : #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  background-color  : #d55e29;
  font-family       : 'Font Awesome 5 Pro';
}

.owl-theme .owl-nav .owl-next:hover,
.owl-theme .owl-nav .owl-prev:hover {
  background: transparent;
}

.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
}

.owl-theme .owl-nav .owl-prev:before {
  content: '\f060';
}

.owl-theme .owl-nav .owl-next:before {
  content: '\f061';
}

/* owl settings - end
================================================== */
/* list style settings - start 
================================================== */
.ul-li>ul {
  margin : 0px;
  padding: 0px;
  display: table;
}

.ul-li>ul>li {
  float     : left;
  list-style: none;
  display   : inline-block;
}

.ul-li-block>ul {
  width  : 100%;
  margin : 0px;
  padding: 0px;
  display: table;
}

.ul-li-block>ul>li {
  width     : 100%;
  display   : table;
  list-style: none;
}

.ul-li-right>ul {
  margin : 0px;
  padding: 0px;
  float  : right;
  display: table;
}

.ul-li-right>ul>li {
  float     : left;
  list-style: none;
  display   : inline-block;
}

.ul-li-center>ul {
  padding: 0px;
  margin : 0 auto;
  display: table;
}

.ul-li-center>ul>li {
  float     : left;
  list-style: none;
  display   : inline-block;
}

/* list style settings - end
================================================== */
/* social links - start
================================================== */
/* social links - end
================================================== */
/* border - start
================================================== */
.border-10px {
  border: 10px solid #ffffff;
}

/* border - end
================================================== */
/* padding - margin setting - start 
================================================== */
.sec-ptb-140 {
  padding: 50px 0px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-30 {
  margin-bottom: 30px;
}

.CPPmt-30 {
  margin-top: 30px;
}

.CPPPpt-60 {
  padding-top: 20px
}

.mb-60 {
  margin-bottom: 60px;
}

.CPpt-120 {
  padding: 120px 0px 50px 0px
}

.CPptk-120 {
  padding-top: 120px;
}

.mb-140 {
  margin-bottom: 140px;
}

/* padding - margin setting - end
================================================== */
/* button style - start
================================================== */
.custom-btn {
  height        : 80px;
  font-size     : 35px;
  min-width     : 300px;
  line-height   : 86px;
  padding       : 0px 40px;
  text-align    : center;
  color         : #ffffff !important;
  text-transform: uppercase;
  font-family   : 'Bebas Neue Bold';
}

.custom-btn:hover {
  color             : #ffffff;
  background-color  : #a44820;
  -webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
}

.custom-btn>img {
  margin-right: 10px;
}

.custom-btn-bordered {
  height          : 80px;
  font-size       : 35px;
  min-width       : 300px;
  padding         : 0px 40px;
  line-height     : 74px;
  text-align      : center;
  color           : #ffffff;
  text-transform  : uppercase;
  font-family     : 'Bebas Neue Bold';
  border          : 4px solid #d55e29;
  background-color: rgba(227, 100, 44, 0.1);
}

.custom-btn-bordered:hover {
  color             : #ffffff;
  background-color  : #d55e29;
  -webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
}

/* button style - end
================================================== */
/* title text - start
================================================== */
.section-title .title-text {
  line-height: 1;
  font-size  : 50px;
  color      : #000000;
}

.career-sec {
  padding-left : 40px;
  padding-right: 40px;
}

.career-sec label {
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Poppins';
  font-weight: 500;
  font-size  : 14px;
  color      : #444444 !important;
}

.career-sec h3 {
  font-size  : 1.75rem;
  border-top : 1px solid #ccc;
  padding-top: 20px;
  margin-top : 20px;
}

/* .career-sec .item-content p {
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #444444 !important;
    text-transform: capitalize;
    margin-bottom: 20px;
} */
.career-sec .form-control {
  font-family  : 'Poppins';
  font-weight  : normal;
  font-size    : 13px;
  /* color     : #444444 !important; */
  border-radius: 0;
  border-top   : 1px solid #7c7c7c;
  border-left  : 1px solid #c3c3c3;
  border-right : 1px solid #c3c3c3;
  border-bottom: 1px solid #ddd;
  background   : #fff;
}

.section-title .title-text>.big-text {
  line-height: 0.9;
  font-size  : 85px;
}

.section-title .title-text>.big-text span {
  color: #d65e29;
}

.section-title .title-text .text-orange {
  font-family: 'Bebas Neue Bold';
}

.section-title p {
  font-size  : 35px;
  font-weight: 400 !important;
  font-family: 'Poppins' !important;
}

/* title text - end
================================================== */
/* masonry layout - start
================================================== */
.grid {
  margin-left : -15px;
  margin-right: -15px;
}

.grid .grid-item,
.grid .grid-sizer {
  float  : left;
  display: inline-block;
}

.grid .grid-item {
  padding: 15px;
}

/* masonry layout - end
================================================== */
/* back to top - start
================================================== */
#thetop {
  top     : 0;
  left    : 0;
  right   : 0;
  z-index : -1;
  position: absolute;
}

#backtotop {
  right             : 15px;
  width             : 50px;
  height            : 50px;
  z-index           : 999;
  bottom            : 40px;
  display           : none;
  position          : fixed;
  border-radius     : 100%;
  background-color  : #000000;
  -webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.3);
  box-shadow        : 0px 3px 15px 1px rgba(0, 0, 0, 0.3);
}

#backtotop #scroll {
  z-index    : 1;
  width      : 100%;
  height     : 100%;
  display    : block;
  color      : #ffffff;
  font-size  : 24px;
  line-height: 52px;
  text-align : center;
  position   : relative;
}

/* back to top - end
================================================== */
/* preloader - start
================================================== */
#preloader {
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  z-index   : 1005;
  position  : fixed;
  overflow  : visible;
  background: #ffffff;
}

#preloader>div {
  position: absolute;
  left    : 49%;
  top     : 45%;
  z-index : 1006;
  color   : rgba(227, 100, 44, 0.94) !important;
}

/* preloader - end
================================================== */
/* custom colors - start
================================================== */
.bg-default-orange {
  background-color: #d55e29;
}

.bg-default-color {
  background-color: #000000;
}

.bg-default-black {
  background-color: #000000;
}

.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

.bg-gray {
  background-color: #444444;
}

.bg-deep-gray {
  background-color: #f0f0f0;
}

.bg-light-gray {
  background-color: #f7f7f7;
}

.bg-overlay-orange {
  background-color: rgba(227, 100, 44, 0.74);
}

.bg-overlay-black {
  background-color: rgba(0, 0, 0, 0.74);
}

.text-orange {
  color: #d55e29;
}

.text-gray1 {
  color: #7f7f7f !important;
}

.text-black1 {
  color: #000 !important;
}


.text-black {
  color: #000000 !important;
}

/* custom colors - end
================================================== */
/* transition - start
================================================== */
a,
button,
svg,
path {
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

/* transition - end
================================================== */
/* global area - end
==================================================================================================== */
/* header-section - start
==================================================================================================== */
/* header - start
================================================== */
.header-section {
  padding: 10px 15px;
}

.header-section .brand-logo .brand-link {
  max-width: 115px;
}

.header-section .middle-wrapper .useful-items {
  border-bottom: 1px solid #ffffff;
}

.header-section .middle-wrapper .useful-items>ul>li {
  padding     : 0px 40px;
  border-right: 1px solid #ffffff;
}

.header-section .middle-wrapper .useful-items>ul>li:last-child {
  border-right: none;
}

.header-section .middle-wrapper .useful-items>ul>li .contact-info>ul>li {
  height        : 60px;
  font-size     : 20px;
  line-height   : 60px;
  color         : #ffffff;
  margin-right  : 20px;
  text-transform: uppercase;
}

.header-section .middle-wrapper .useful-items>ul>li .contact-info>ul>li:last-child {
  margin-right: 0px !important;
}

.header-section .middle-wrapper .useful-items>ul>li .contact-info>ul>li>.icon {
  margin-right: 20px;
}

.header-section .middle-wrapper .useful-items>ul>li .social-links {
  padding: 0px 30px;
}

.header-section .middle-wrapper .useful-items>ul>li .social-links>ul>li {
  height      : 60px;
  line-height : 60px;
  text-align  : center;
  margin-right: 15px;
}

.header-section .middle-wrapper .useful-items>ul>li .social-links>ul>li:last-child {
  margin-right: 0px !important;
}

.header-section .middle-wrapper .useful-items>ul>li .social-links>ul>li>a:hover svg path {
  fill: #d55e29;
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
  height      : 60px;
  line-height : 60px;
  margin-right: 70px;
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li:last-child {
  margin-right: 0px !important;
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li>button {
  font-size  : 20px;
  color      : #ffffff;
  font-family: 'Bebas Neue Bold';
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li .cart-btn {
  position: relative;
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li .cart-btn .item-counter {
  top             : 15px;
  right           : -6px;
  height          : 15px;
  min-width       : 15px;
  line-height     : 15px;
  padding         : 0px 2px;
  font-size       : 12px;
  text-align      : center;
  position        : absolute;
  border-radius   : 100%;
  color           : #000000;
  background-color: #ffffff;
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li:hover>button {
  color: #d55e29;
}

.header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li:hover>button svg path {
  fill: #d55e29;
}

.header-section .middle-wrapper .main-menubar {
  padding-top: 15px;
}

.header-section .middle-wrapper .main-menubar>ul>li>a {
  font-size  : 30px;
  font-family: 'Bebas Neue Bold';
  padding    : 18px 26px;
  color      : #161616;
}

.header-section .middle-wrapper .main-menubar>ul>li:hover>a,
.header-section .middle-wrapper .main-menubar>ul>li.active>a {
  color: #d55e29;
}

.header-section .choose-location {
  margin-top      : -15px;
  margin-bottom   : -15px;
  background-color: rgba(227, 100, 44, 0.94);
}

.header-section .choose-location .content-wrap {
  cursor : pointer;
  padding: 39px 30px;
  display: block;
}

.header-section .choose-location .content-wrap:after {
  display: none;
}

.header-section .choose-location .content-wrap .alignment-center {
  display: table;
  margin : 0px auto;
}

.header-section .choose-location .content-wrap .item-icon {
  float       : left;
  margin-right: 15px;
}

.header-section .choose-location .content-wrap .item-content {
  display: table;
}

.header-section .choose-location .content-wrap .item-content span {
  display: block;
  color  : #ffffff;
}

.header-section .choose-location .content-wrap .item-content .small-text {
  font-size: 20px;
}

.header-section .choose-location .content-wrap .item-content .big-text {
  font-size: 40px;
}

.header-section .choose-location .dropdown-menu {
  left            : 0px;
  top             : 100%;
  right           : 0px;
  margin          : 0px;
  float           : none;
  border          : none;
  z-index         : 1000;
  height          : 100vh;
  padding         : 20px;
  min-width       : 100%;
  font-size       : 24px;
  color           : #ffffff;
  border-radius   : 0px;
  background-color: rgba(227, 100, 44, 0.8);
}

.header-section .choose-location .dropdown-menu>a {
  padding       : 0px;
  font-size     : 24px;
  color         : #ffffff;
  margin-bottom : 15px;
  padding-bottom: 10px;
  border-bottom : 1px solid rgba(0, 0, 0, 0.8);
}

.header-section .choose-location .dropdown-menu>a>small {
  float: right;
}

.header-section .choose-location .dropdown-menu>a:last-child {
  margin-bottom : 0px;
  padding-bottom: 0px;
  border-bottom : none;
}

.header-section .choose-location .dropdown-menu>a:hover {
  background: none;
}

.header-section .choose-location .dropdown-menu>a.bg-default-black:hover {
  background-color: #444444;
}

.header-section .choose-location .dropdown-menu>a i {
  margin-right: 10px;
}

.header-section .choose-location .dropdown-menu .form-item input {
  border      : none;
  height      : 50px;
  font-size   : 20px;
  padding     : 0px 15px;
  padding-left: 40px;
}

.header-section .choose-location .dropdown-menu .form-item input:focus {
  background-color  : #ffffff;
  -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
}

.header-section .choose-location .dropdown-menu .form-item label {
  top              : 50%;
  left             : 10px;
  font-size        : 18px;
  position         : absolute;
  color            : #000000;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
}

.header-section .choose-location .dropdown-menu.show {
  top              : 100% !important;
  -webkit-transform: unset !important;
  transform        : unset !important;
}

.header-section .choose-location .content-wrap .item-content .cancel-text {
  display: none;
}

.mobile-menu {
  /*padding: 15px;*/
  /* padding: 5px 15px 0px 15px; */
  display        : none;
  display        : flex !important;
  align-items    : center;
  justify-content: space-between;
  padding        : 0px 15px;
}

.mobile-menu .mobile-menu-btn {
  line-height: 1;
  font-size  : 30px;
  color      : #ffffff;
}

.mobile-menu .cp-order-now-btn svg {
  width       : 15px;
  margin-right: 10px;
}

.mobile-menu .cp-order-now-btn {
  background-color: #d65e29;
  color           : #FFFFFF !important;
  padding         : 0px 22px;
  margin-right    : 20px;
}

.mobile-menu .cp-order-now-btn123 {
  color: #FFFFFF !important;
}

.mobile-menu.stuck {
  background-color: #000000;
}

.mobile-menu.sticky-header {
  display: none !important;
}

/* header - end
================================================== */
/* sticky header - start
================================================== */
.sticky-header {
  top               : 0;
  left              : 0;
  right             : 0;
  width             : 100%;
  z-index           : 999;
  position          : fixed;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  background-color  : #ffffff;
  box-shadow        : 0 0 10px #dddddda1;
}

/* .sticky-header:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} */

.sticky-header.stuck:before {
  background-color  : #fff;
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 2px 6px 1px rgba(0, 0, 0, 0.1);
}

/* sticky header - end
================================================== */
/* sidebar menu - start
================================================== */
.sidebar-menu-wrapper {
  display: block;
}

.sidebar-menu-wrapper .sidebar-menu {
  top               : 0;
  right             : -320px;
  height            : 100vh;
  z-index           : 9999;
  position          : fixed;
  min-width         : 300px;
  max-width         : 300px;
  padding           : 40px 30px;
  overflow-y        : scroll;
  background-color  : #ffffff;
  -webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
  transition        : 0.6s cubic-bezier(1, 0, 0, 1);
}

.sidebar-menu-wrapper .sidebar-menu .mCustomScrollBox {
  overflow: visible !important;
}

.sidebar-menu-wrapper .sidebar-menu .dismiss .close-btn {
  width           : 40px;
  height          : 40px;
  font-size       : 18px;
  cursor          : pointer;
  line-height     : 42px;
  text-align      : center;
  color           : #ffffff;
  border-radius   : 3px;
  display         : inline-block;
  background-color: #d55e29;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list {
  margin-left : -30px;
  margin-right: -30px;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>ul {
  width: 100%;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>ul>li {
  width  : 100%;
  display: table;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>ul>li>a {
  width      : 100%;
  display    : block;
  /*font-size: 16px;*/
  font-size  : 30px;
  padding    : 6px 30px;
  color      : #000000;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>ul>li.order-online>a {
  color           : #FFF;
  background-color: rgba(227, 100, 44, 0.94);
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>ul>li:hover>a {
  color           : #d55e29;
  background-color: #f7f7f7;
}

.sidebar-menu-wrapper .sidebar-menu .menu-list>ul>.active>a {
  color           : #d55e29;
  background-color: #f7f7f7;
}

.sidebar-menu-wrapper .sidebar-menu.active {
  right             : 0px;
  -webkit-box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
  box-shadow        : 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}

.sidebar-menu-wrapper .overlay {
  top               : 0px;
  left              : 0px;
  right             : 0px;
  bottom            : 0px;
  opacity           : 0;
  z-index           : 999;
  width             : 100vw;
  height            : 100vh;
  display           : none;
  position          : fixed;
  background        : rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.sidebar-menu-wrapper .overlay.active {
  opacity: 1;
  display: block;
}

.sidebar-menu::-webkit-scrollbar {
  width: 0px;
}

.fullscreen-menu-active {
  overflow: hidden;
}

.fullscreen-menu-wrapper {
  height          : 0;
  width           : 100%;
  position        : fixed;
  z-index         : 1031;
  top             : 0;
  left            : 0;
  background-color: #242424;
  color           : #FFFFFF;
  overflow-x      : hidden;
  transition      : 0.5s;
}

.fullscreen-menu-header .brand-logo {
  position  : absolute;
  margin    : 0 auto;
  text-align: center;
  left      : 40px;
  right     : 40px;
}

.fullscreen-menu-header .brand-logo .cpc-icon-crust-white-stacked-web {
  max-height: 75px;
  height    : 75px;
  font-size : 75px;
}

.fullscreen-menu-body {
  padding-top   : 45px;
  padding-bottom: 25px;
}

.fullscreen-menu-header {
  padding: 5px 15px 0px 15px;
}

.fullscreen-menu-close {
  line-height: 1;
  font-size  : 30px;
  color      : #ffffff;
}

.fullscreen-menu-list {
  display              : grid;
  margin-top           : auto;
  margin-bottom        : auto;
  text-align           : center;
  line-height          : 20px;
  font-size            : 29px;
  font-weight          : 500;
  grid-row-gap         : calc(20px + 1.7vh);
  grid-template-columns: 1fr;
}

.fullscreen-menu-list-item {
  display        : inline-block;
  text-decoration: none;
  color          : #fff !important;
  transition     : 250ms;
  transform      : translateY(0);
}

.fullscreen-menu-list-order-onlıne {
  color                      : #d65e29;
  -webkit-animation-duration : 10s;
  animation-duration         : 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode        : both;
}

@-webkit-keyframes shake {

  0%,
  100% {
    -webkit-transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}

@keyframes shake {

  0%,
  100% {
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name        : shake;
}

.fullscreen-menu-list-item:nth-child(1) {
  transition-delay: 0.05556s;
}

.fullscreen-menu-list-item:nth-child(2) {
  transition-delay: 0.11111s;
}

.fullscreen-menu-list-item:nth-child(3) {
  transition-delay: 0.16667s;
}

.fullscreen-menu-list-item:nth-child(4) {
  transition-delay: 0.22222s;
}

.fullscreen-menu-list-item:nth-child(5) {
  transition-delay: 0.27778s;
}

.fullscreen-menu-list-item:nth-child(6) {
  transition-delay: 0.33333s;
}

.fullscreen-menu-list-item:nth-child(7) {
  transition-delay: 0.38889s;
}

.fullscreen-menu-list-item:nth-child(8) {
  transition-delay: 0.44445s;
}

.fullscreen-menu-list-item:nth-child(9) {
  transition-delay: 0.50001s;
}

/* sidebar menu - end
================================================== */
/* header-section - end
==================================================================================================== */
/* footer section - start
==================================================================================================== */
.footer-section .overlay-image {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.footer-section .title-text {
  font-size  : 30px;
  color      : #ffffff;
  font-family: 'Bebas Neue Bold';
}

.footer-section .title-text .text-orange {
  font-family: 'Bebas Neue Bold';
}

.footer-section .footer-menu>ul>li {
  margin-bottom: 5px;
}

.footer-section .footer-menu>ul>li:last-child {
  margin-bottom: 0px !important;
}

/*.footer-section .footer-menu>ul>li:last-child a {
  color: #d65e29 !important;
}*/

.footer-section .mobile-view .cp-footer-logo {
  max-width: 120px !important;
  width    : auto !important;
}

.footer-section .footer-menu>ul>li>a {
  font-size  : 30px;
  color      : #ffffff;
  font-family: 'Bebas Neue Bold';
}

.footer-section .footer-menu>ul>li>a:hover {
  color: #d55e29;
}

.footer-section .working-hour>ul>li {
  margin-bottom: 20px;
}

.footer-section .working-hour>ul>li:last-child {
  margin-bottom: 0px !important;
}

.footer-section .working-hour>ul>li>span {
  font-size  : 21px;
  color      : #d55e29;
  font-family: 'Bebas Neue Bold';
}

.footer-section .working-hour>ul>li>p {
  font-size: 18px;
  color    : #ffffff;
}

.footer-section .form-item input {
  height       : 60px;
  border-radius: 0px;
}

.footer-section .form-item input:focus {
  border-color    : #ffffff;
  background-color: #ffffff;
}

.footer-section .form-item .submit-btn {
  width : 60px;
  height: 60px;
}

.footer-section .social-links>ul>li {
  margin-right: 8px;
}

.footer-section .social-links>ul>li:last-child {
  margin-right: 0px !important;
}

.footer-section .social-links>ul>li>a svg {
  width : 50px !important;
  height: 35px !important;
}

.fullscreen-menu-wrapper .social-links {
  margin-top   : 0px;
  margin-bottom: 30px;
}

.fullscreen-menu-wrapper .social-links>ul>li {
  margin-right: 8px;
}

.fullscreen-menu-wrapper .social-links>ul>li:last-child {
  margin-right: 0px !important;
}

.fullscreen-menu-wrapper .social-links>ul>li>a svg {
  width : 50px !important;
  height: 35px !important;
}


.footer-section .copyright-text {
  font-size  : 20px;
  color      : #ffffff;
  font-family: 'Bebas Neue' !important;
  display    : flex;
  align-items: center;
}

.footer-section .copyright-text svg {
  margin-right: 8px;
}


.footer-section .useful-links>ul {
  margin-bottom: 30px;
}

.footer-section .useful-links>ul>li {
  margin-bottom: 5px;
}

.footer-section .useful-links>ul>li:last-child {
  margin-bottom: 0px !important;
}

.footer-section .useful-links>ul>li>a {
  font-size: 22px;
  color    : #ffffff;
}

.footer-section .useful-links>ul>li>a:hover {
  color: #d55e29;
}

.footer-section .useful-links>p {
  color: #ffffff;
}

.footer-section .brand-logo .brand-link {
  max-width: 220px;
}

.footer-section .mobile-view {
  display: none;
}

.footer-section .mobile-view .title-text {
  color: #ffffff;
}

.footer-section .mobile-view .row .col-lg-6 {
  -webkit-box-flex: 0;
  -ms-flex        : 0 0 50%;
  flex            : 0 0 50%;
  max-width       : 50%;
}

.footer-section .mobile-view .copyright-text {
  font-size   : 16px;
  /*margin-top: 40px;*/
  color       : #ffffff;
}

/* footer section - end
==================================================================================================== */
/* breadcrumb-section - start
==================================================================================================== */
.breadcrumb-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.breadcrumb-section .gradient-overlay {
  width           : 100%;
  padding-top     : 106px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.breadcrumb-section .breadcrumb-content {
  z-index       : 1;
  width         : 100%;
  position      : relative;
  padding       : 100px 0px;
  padding-bottom: 60px;
}

.breadcrumb-section .breadcrumb-content:before {
  top               : 0px;
  left              : 0px;
  bottom            : 0px;
  z-index           : -1;
  width             : 50%;
  content           : '';
  position          : absolute;
  /*background-color: rgba(227, 100, 44, 0.8);*/
  background-color  : rgba(58, 58, 58, 0.8);
}

.breadcrumb-section .breadcrumb-content .sub-title {
  font-size     : 50px;
  color         : #ffffff;
  letter-spacing: 1px;
}

.breadcrumb-section .breadcrumb-content .title-text {
  line-height: 1;
  color      : #ffffff;
}

.breadcrumb-section .breadcrumb-content .single-btn .menu-btn {
  height          : 80px;
  font-size       : 35px;
  min-width       : 335px;
  line-height     : 77px;
  color           : #ffffff;
  text-align      : center;
  border          : 4px solid #ffffff;
  font-family     : 'Bebas Neue Bold';
  background-color: rgba(0, 0, 0, 0.71);
}

.breadcrumb-section .breadcrumb-content .single-btn .menu-btn:hover {
  border-color    : #d55e29;
  background-color: rgba(227, 100, 44, 0.71);
}

/* breadcrumb-section - end
==================================================================================================== */
/* home page - start
==================================================================================================== */
/* banner section - start
================================================== */
.banner-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.banner-section .gradient-overlay {
  width            : 100%;
  height           : 100vh;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
  background-image : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background-image : linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.banner-section .banner-content {
  z-index    : 1;
  width      : 100%;
  margin-top : -20px;
  padding-top: 120px;
  position   : relative;
}

.banner-section .banner-content:before {
  top             : 0px;
  left            : 0px;
  bottom          : 0px;
  z-index         : -1;
  width           : 50%;
  content         : '';
  position        : absolute;
  background-color: rgba(227, 100, 44, 0.8);
}

.banner-section .banner-content .sub-title {
  font-size     : 50px;
  color         : #ffffff;
  letter-spacing: 5px;
}

.banner-section .banner-content .title-text {
  line-height: 1;
  font-size  : 120px;
  color      : #ffffff;
}

.banner-section .banner-content .single-btn .menu-btn {
  height          : 80px;
  font-size       : 35px;
  min-width       : 335px;
  line-height     : 77px;
  color           : #ffffff;
  text-align      : center;
  border          : 4px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.71);
}

.banner-section .banner-content .single-btn .menu-btn:hover {
  border-color    : #d55e29;
  background-color: rgba(227, 100, 44, 0.71);
}

/* banner section - end
================================================== */
/* trending section - start
================================================== */
.trending-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.trending-section .trending-item-big {
  z-index : 1;
  overflow: hidden;
  padding : 40px 0px;
  position: relative;
}

.trending-section .trending-item-big:before {
  top              : 0px;
  left             : -170px;
  bottom           : 0px;
  z-index          : -1;
  content          : '';
  width            : 58%;
  position         : absolute;
  -webkit-transform: skewX(20deg);
  transform        : skewX(20deg);
  border-right     : 5px solid #ffffff;
  background-color : rgba(65, 58, 55, 0.41);
}

.trending-section .trending-item-big .item-image {
  width            : 55%;
  float            : right;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.trending-section .trending-item-big .item-image>img {
  margin: auto;
  height: 800px;
}

.trending-section .trending-item-big .item-content {
  width  : 45%;
  float  : left;
  padding: 100px 0px;
}

.trending-section .trending-item-big .item-content .section-title .title-text {
  font-size: 56px;
  color    : #ffffff;
}

.trending-section .trending-item-big .item-content .section-title .title-text .big-text {
  font-size: 130px;
}

.trending-section .trending-item-big .item-content .info-list>ul>li {
  width  : 50%;
  float  : left;
  display: inline-block;
}

.trending-section .trending-item-big .item-content .info-list>ul>li {
  font-size    : 40px;
  color        : #ffffff;
  position     : relative;
  margin-bottom: 5px;
  padding-left : 20px;
  padding-right: 30px;
  display      : inline-block;
}

.trending-section .trending-item-big .item-content .info-list>ul>li:last-child {
  margin-bottom: 0px !important;
}

.trending-section .trending-item-big .item-content .info-list>ul>li:before {
  top              : 50%;
  left             : 0px;
  content          : '';
  width            : 12px;
  height           : 12px;
  position         : absolute;
  border-radius    : 100%;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
  background-color : #d55e29;
}

.trending-section .trending-item-big .item-content .btns-group>ul>li {
  margin-right: 30px;
}

.trending-section .trending-item-big .item-content .btns-group>ul>li:last-child {
  margin-right: 0px !important;
}

/* trending section - end
================================================== */
/* feature section - start
================================================== */
.feature-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.feature-section .feature-item .item-image {
  position    : relative;
  padding-top : 115px;
  padding-left: 215px;
}

.feature-section .feature-item .item-image img {
  width  : 100%;
  display: block;
}

.feature-section .feature-item .item-image .top-image {
  top      : 0px;
  left     : 0px;
  z-index  : 1;
  max-width: 400px;
  position : absolute;
}

.feature-section .feature-item .item-image .bottom-image {
  border: 5px solid #ffffff;
}

.feature-section .feature-item .item-content {
  padding-top: 90px;
}

.feature-section .feature-item .item-content .item-title,
.feature-section .feature-item .item-content .item-detail {
  font-size       : 30px;
  /*text-transform: uppercase;*/
}

.feature-section .feature-item .item-content .item-title,
.feature-section .feature-item .item-content .item-detail li {
  font-weight     : 600;
  font-family     : 'Poppins' !important;
  /*text-transform: uppercase;*/
}

.feature-section .feature-item .item-content p {

  line-height: 1.4;
}

body p {
  font-weight: 600;
  font-family: 'Poppins' !important;
}

body p a {
  font-weight: 600;
  font-family: 'Poppins' !important;
}

/* feature section - end
================================================== */
/* special section - start
================================================== */
.special-section .special-item {
  overflow: hidden;
  position: relative;
}

.special-section .special-item .item-image {
  top     : 0px;
  width   : 65%;
  bottom  : 0px;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  position: absolute;
}

.special-section .special-item .item-image>img {
  -o-object-fit: cover;
  object-fit   : cover;
}

.special-section .special-item .google-map {
  top     : 0px;
  width   : 65%;
  bottom  : 0px;
  position: absolute;
}

.special-section .special-item .item-content {
  width              : 50%;
  z-index            : 1;
  padding            : 100px;
  color              : #ffffff;
  position           : relative;
  background-size    : 100% 100%;
  background-repeat  : no-repeat;
  background-position: center center;
}

.special-section .special-item .item-content .section-title .title-text {
  color: #ffffff;
}

.special-section .special-item .item-content p {
  font-size: 28px;
}

#feature-section .feature-item .item-content .item-detail p {
  font-size: 24px;
}

#feature-section .feature-item .item-content p {
  font-size: 24px; 
} 

.special-section .special-item .item-content .btns-group>ul>li {
  margin-right: 15px;
}

.special-section .special-item .item-content .btns-group>ul>li:last-child {
  margin-right: 0px !important;
}

.special-section .special-item .item-content .btns-group.ul-li-block>ul>li {
  margin       : 0px;
  margin-bottom: 15px;
}

.special-section .special-item .item-content .btns-group.ul-li-block>ul>li:last-child {
  margin-bottom: 0px !important;
}

.special-section .special-item .item-content .contact-info .title-text {
  font-size: 71px;
}

.special-section .special-item .item-content .contact-info>ul>li {
  font-size: 40px;
}

.special-section .special-item .item-content .office-titme {
  margin-top  : -40px;
  padding-top : 30px;
  padding-left: 30px;
  border-top  : 2px solid #ffffff;
  border-left : 2px solid #ffffff;
}

.special-section .special-item .item-content .office-titme .title-text {
  font-size: 40px;
}

.special-section .special-item .item-content .office-titme>ul>li {
  margin-bottom: 10px;
}

.special-section .special-item .item-content .office-titme>ul>li:last-child {
  margin-bottom: 0px !important;
}

.special-section .special-item .item-content .office-titme>ul>li strong {
  font-size: 33px;
}

.special-section .special-item .item-content .office-titme>ul>li p {
  font-size: 26px;
}

.special-section .special-item .item-content .upcomming-event .item-title {
  font-size: 60px;
}

.special-section .special-item .item-content .upcomming-event .date-text {
  font-size: 30px;
}

.special-section .special-item .item-content .upcomming-event>ul {
  width: auto;
  float: right;
}

.special-section .special-item .item-content .upcomming-event>ul>li {
  text-align    : left;
  margin-bottom : 20px;
  padding-bottom: 15px;
  border-bottom : 1px solid #ffffff;
}

.special-section .special-item .item-content .upcomming-event>ul>li:last-child {
  border-bottom : none;
  margin-bottom : 0px !important;
  padding-bottom: 0px !important;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item {
  color: #ffffff;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date {
  width       : 80px;
  float       : left;
  margin-right: 20px;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date .date {
  line-height: 1;
  font-size  : 19px;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date .date>strong {
  line-height : 1;
  font-size   : 50px;
  margin-right: 5px;
  color       : #d55e29;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date small {
  line-height   : 1;
  font-size     : 27px;
  letter-spacing: 4px;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .content-wrap {
  display: table;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .content-wrap .item-title .title-link {
  display  : block;
  font-size: 30px;
  color    : #ffffff;
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item .content-wrap span {
  font-size  : 24px;
  font-family: 'Bebas Neue Regular';
}

.special-section .special-item .item-content .upcomming-event>ul>li .event-item:hover .item-content .item-title .title-link {
  color: #d55e29;
}

.special-section .special-item .item-content .joinus-content .item-title {
  font-size: 28px;
}

.special-section .special-item .item-content .joinus-content .item-title .big-text {
  font-size: 60px;
}

.special-section .special-item .item-content .joinus-content .btns-group>ul>li {
  margin-right: 20px;
}

.special-section .special-item .item-content .joinus-content .btns-group>ul>li:last-child {
  margin-right: 0px !important;
}

.special-section .special-item .item-content .joinus-content .btns-group>ul>li .brand-logo {
  max-width: 200px;
}

.special-section .special-item.right-content .item-image {
  left: 0px;
}

.special-section .special-item.right-content .google-map {
  left: 0px;
}

.special-section .special-item.right-content .item-content {
  float        : right;
  text-align   : right;
  padding-right: 80px;
  padding-left : 160px;
}

.special-section .special-item.right-content .item-content .btns-group>ul {
  float: right;
}

.special-section .special-item.left-content .item-image {
  right: 0px;
}

.special-section .special-item.left-content .google-map {
  right: 0px;
}

.special-section .special-item.left-content .item-content {
  float        : left;
  text-align   : left;
  padding-left : 80px;
  padding-right: 160px;
}

.special-section .special-item.left-content .item-content .btns-group>ul {
  float: left;
}

/* special section - end
================================================== */
/* start section - start
================================================== */
.start-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.start-section .overlay-black {
  background-color: rgba(0, 0, 0, 0.27);
}

.start-section .start-content {
  z-index : 1;
  position: relative;
}

.start-section .start-content:before {
  top             : 0px;
  right           : 0px;
  bottom          : 0px;
  z-index         : -1;
  width           : 50%;
  content         : '';
  position        : absolute;
  background-color: rgba(227, 100, 44, 0.8);
}

.start-section .start-content .section-title {
  padding: 120px 0px;
}

.start-section .start-content .section-title .title-text {
  color: #ffffff;
}

.start-section .start-content .section-title .single-btn .custom-btn-bordered {
  min-width       : 500px;
  border-color    : #ffffff;
  background-color: transparent;
}

.start-section .start-content .section-title .single-btn .custom-btn-bordered:hover {
  color           : #d55e29;
  background-color: #ffffff;
}

.start-section .start-content .info-list .list-title {
  font-size: 50px;
}

.start-section .start-content .info-list>ul>li {
  margin-bottom: 20px;
}

.start-section .start-content .info-list>ul>li:last-child {
  margin-bottom: 0px !important;
}

.start-section .start-content .info-list>ul>li p {
  font-size: 35px;
}

.start-section .start-content .info-list>ul>li>p>i {
  float       : left;
  margin-right: 10px;
  width       : 90px;
  text-align  : center;
}

.start-section.style-2 .container {
  max-width: 1400px;
}

.start-section.style-2 .start-content {
  z-index : 1;
  position: relative;
}

.start-section.style-2 .start-content:before {
  width              : 63%;
  background-size    : cover;
  background-repeat  : no-repeat;
  background-color   : transparent;
  background-position: center center;
  background-image   : url(../images/background/bg_21.jpg);
}

/* start section - end
================================================== */
/* location section - start
================================================== */
.location-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.location-section .location-nav {
  padding   : 8px 0px;
  margin-top: 10px;
}

/*----*/
.location-section .location-nav .vk-carousel-item>a {
  font-size: 35px;
  position : relative;
  color    : #000000;
}

.location-section .location-nav .vk-carousel-item>a:before {
  left              : 15px;
  right             : 15px;
  bottom            : 0px;
  height            : 2px;
  opacity           : 0;
  content           : '';
  position          : absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  background-color  : #d55e29;
}

.location-section .location-nav .vk-carousel-item>a:hover {
  color: #d55e29;
}

.location-section .location-nav .vk-carousel-item>a:hover:before {
  left   : 0px;
  right  : 0px;
  opacity: 1;
}

.location-section .location-nav .vk-carousel-item>.active {
  color: #d55e29;
}

.location-section .location-nav .vk-carousel-item>.active:before {
  left   : 0px;
  right  : 0px;
  opacity: 1;
}

.location-section .location-nav .owl-nav .owl-prev,
.location-section .location-nav .owl-nav .owl-next {
  width           : 60px;
  height          : 60px;
  font-size       : 30px;
  line-height     : 60px;
  margin-top      : -10px;
  text-align      : center;
  color           : #ffffff;
  border-radius   : 100%;
  background-color: #d55e29;
}

.location-section .location-nav .owl-nav .owl-prev {
  position: absolute;
  left    : -80px;
  top     : -10px;
}

.location-section .location-nav .owl-nav .owl-prev.disabled,
.location-section .location-nav .owl-nav .owl-next.disabled {
  display: none;
}

.location-section .location-nav .owl-nav .owl-next {
  position: absolute;
  right   : 0;
  top     : -10px;
}

.location-section .location-nav .owl-carousel.owl-drag .owl-item {
  width        : auto !important;
  padding-right: 30px;
}

/*----*/
.location-section .location-nav>ul>li {
  margin-right: 45px;
}

.location-section .location-nav>ul>li:last-child {
  margin-right: 0px !important;
}

.location-section .location-nav>ul>li>a {
  font-size: 35px;
  position : relative;
  color    : #000000;
}

.location-section .location-nav>ul>li>a:before {
  left              : 15px;
  right             : 15px;
  bottom            : 0px;
  height            : 2px;
  opacity           : 0;
  content           : '';
  position          : absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  background-color  : #d55e29;
}

.location-section .location-nav>ul>li>a:hover {
  color: #d55e29;
}

.location-section .location-nav>ul>li>a:hover:before {
  left   : 0px;
  right  : 0px;
  opacity: 1;
}

.location-section .location-nav>ul>li>.active {
  color: #d55e29;
}

.location-section .location-nav>ul>li>.active:before {
  left   : 0px;
  right  : 0px;
  opacity: 1;
}

.location-section .location-nav>ul>li .more-btn {
  width           : 60px;
  height          : 60px;
  font-size       : 30px;
  line-height     : 60px;
  margin-top      : -10px;
  text-align      : center;
  color           : #ffffff;
  border-radius   : 100%;
  background-color: #d55e29;
}

.location-section .location-nav>ul>li .more-btn i {
  margin-left: 5px;
}

.location-section .tab-content {
  margin-top: 60px;
}

.location-section .tab-content .tab-pane .location-info {
  min-height: 360px;
}

.location-section .tab-content .tab-pane .location-info .item-title {
  font-size: 50px;
  color    : #d55e29;
}

.location-section .tab-content .tab-pane .location-info>ul>li {
  font-size: 35px;
}

.location-section .tab-content .tab-pane .location-info .custom-btn {
  height     : 60px;
  font-size  : 30px;
  margin-top : 30px;
  line-height: 60px;
}

.location-section .tab-content .tab-pane .google-map {
  height: 380px;
}

.location-section .choose-location {
  display         : none;
  margin-top      : -80px;
  padding         : 40px 30px;
  background-color: rgba(227, 100, 44, 0.94);
}

.location-section .choose-location .content-wrap {
  width  : 200px;
  display: table;
  margin : 0px auto;
}

.location-section .choose-location .content-wrap .item-icon {
  float       : left;
  margin-right: 15px;
}

.location-section .choose-location .content-wrap .item-content {
  display: table;
}

.location-section .choose-location .content-wrap .item-content span {
  display: block;
  color  : #ffffff;
}

.location-section .choose-location .content-wrap .item-content .small-text {
  font-size: 20px;
}

.location-section .choose-location .content-wrap .item-content .big-text {
  font-size: 40px;
}

.location-section .upcomming-event .item-title {
  font-size: 60px;
}

.location-section .upcomming-event .date-text {
  font-size: 30px;
}

.location-section .upcomming-event>ul>li {
  margin-bottom : 20px;
  padding-bottom: 15px;
  border-bottom : 1px solid #000000;
}

.location-section .upcomming-event>ul>li:last-child {
  border-bottom : none;
  margin-bottom : 0px !important;
  padding-bottom: 0px !important;
}

.location-section .upcomming-event>ul>li .event-item .item-date {
  width       : 80px;
  float       : left;
  margin-right: 20px;
}

.location-section .upcomming-event>ul>li .event-item .item-date .date {
  line-height: 1;
  font-size  : 19px;
}

.location-section .upcomming-event>ul>li .event-item .item-date .date>strong {
  line-height: 1;
  font-size  : 58px;
  color      : #d55e29;
}

.location-section .upcomming-event>ul>li .event-item .item-date small {
  font-size: 27px;
}

.location-section .upcomming-event>ul>li .event-item .item-content {
  display: table;
}

.location-section .upcomming-event>ul>li .event-item .item-content .item-title .title-link {
  display  : block;
  font-size: 30px;
  color    : #000000;
}

.location-section .upcomming-event>ul>li .event-item .item-content span {
  font-size: 18px;
}

.location-section .upcomming-event>ul>li .event-item:hover .item-content .item-title .title-link {
  color: #d55e29;
}

.location-section .grid .grid-item,
.location-section .grid .grid-sizer {
  width  : 20%;
  float  : left;
  display: inline-block;
}

.location-section .grid .grid-item {
  padding: 15px;
}

.location-section .grid .grid-item .image-container {
  display: block;
}

.location-section .grid .grid-item .image-container>img {
  width  : 100%;
  display: block;
}

.location-section .grid .grid-item-big {
  width: 40%;
}

/* location section - end
================================================== */
/* contact section - start
================================================== */
.contact-section {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
  border-bottom      : 5px solid #ffffff;
}

.contact-section .overlay-black {
  background-color: rgba(0, 0, 0, 0.63);
}

.contact-section .contact-content .section-title .title-text {
  color: #ffffff;
}

.contact-section .contact-content>p {
  font-size: 54px;
  color    : #ffffff;
}

.contact-section .contact-form .section-title .title-text {
  font-size: 65px;
}

.contact-section .contact-form .section-title .title-text .big-text {
  font-size: 250px;
}

/* contact section - end
================================================== */
/* home page - end
==================================================================================================== */
/* blog page - start
==================================================================================================== */
/* blog section - start
================================================== */
.blog-section .blog-item {
  margin-top        : 30px;
  background-color  : #ffffff;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
}

.blog-section .blog-item .image-container {
  width  : 100%;
  display: block;
}

.blog-section .blog-item .image-container>img {
  -webkit-transform : scale(1);
  transform         : scale(1);
  -webkit-transition: all .5s ease-in-out;
  transition        : all .5s ease-in-out;
}

.blog-section .blog-item:hover .image-container>img {
  -webkit-transform: scale(1.05);
  transform        : scale(1.05);
}

.blog-section .blog-item .item-content {
  font-size: 24px;
}

.blog-section .blog-item .item-content .sub-title {
  font-size: 30px;
}

.blog-section .blog-item .item-content .item-title .title-link {
  font-size: 45px;
  color    : #000000;
}

.blog-section .blog-item .item-content .post-date {
  color: #9D9D9D;
}

.blog-section .blog-item-grid .item-content {
  padding: 60px 80px;
}

.blog-section .blog-item-fullimage {
  position: relative;
}

.blog-section .blog-item-fullimage .item-content {
  left            : 0px;
  bottom          : 0px;
  width           : 100%;
  position        : absolute;
  padding         : 50px 45px;
  background-color: rgba(0, 0, 0, 0.5);
}

.blog-section .blog-item-fullimage .item-content .sub-title {
  color: #ffffff;
}

.blog-section .blog-item-fullimage .item-content .item-title .title-link {
  color: #ffffff;
}

.blog-section .blog-item-list .image-container {
  width: 60%;
  float: left;
}

.image-container-fixed {
  max-height: 404px !important;
}


.btn-read-more {
  position        : absolute;
  width           : 120px;
  bottom          : 20px;
  right           : 35px;
  background-color: #d55e29 !important;
  color           : #FFF;
}

.btn-read-more:hover {
  background-color: #000 !important;
  color           : #FFF !important;
}

.blog-section .blog-item-list .item-content {
  width  : 40%;
  float  : right;
  padding: 60px;
}


.btn-default-orange {
  width           : 120px;
  bottom          : 20px;
  right           : 35px;
  background-color: #d55e29 !important;
  color           : #FFF;
  border          : 0;
  border-radius   : 0;
}

.btn-default-orange:hover {
  background-color: #000 !important;
  color           : #FFF !important;
}


.btn-default-green {
  width           : 120px;
  bottom          : 20px;
  right           : 35px;
  background-color: #28a745;
  color           : #FFF;
  border          : 0;
  border-radius   : 0;
}

.btn-default-green:hover {
  background-color: #28a745;
  color           : #FFF !important;
}

/* blog section - end
================================================== */
/* testimonial section - start
================================================== */
.testimonial-section {
  padding: 50px 0px;
}

.testimonial-section .testimonial-carousel .owl-stage-outer {
  padding: 50px 0px;
}

.testimonial-section .testimonial-carousel .item {
  opacity: .2;
}

.testimonial-section .testimonial-carousel .item .testimonial-item {
  padding           : 60px;
  background-color  : #ffffff;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
}

.testimonial-section .testimonial-carousel .item .testimonial-item .sub-title {
  font-size    : 24px;
  margin-bottom: 10px;
  color        : #d55e29;
}

.testimonial-section .testimonial-carousel .item .testimonial-item .title-text {
  font-size: 40px;
}

.testimonial-section .testimonial-carousel .owl-item.active.center .item {
  opacity: 1;
}

.testimonial-section .owl-theme .owl-nav {
  margin-top: 0px;
}

.testimonial-section .owl-theme .owl-nav .owl-next,
.testimonial-section .owl-theme .owl-nav .owl-prev {
  top              : 40%;
  position         : absolute;
  -webkit-transform: translateY(-40%);
  transform        : translateY(-40%);
}

.testimonial-section .owl-theme .owl-nav .owl-prev {
  left: 33%;
}

.testimonial-section .owl-theme .owl-nav .owl-next {
  right: 33%;
}

/* testimonial section - end
================================================== */
/* blog page - end
==================================================================================================== */
/* menu page - start
==================================================================================================== */
/* menu gallery section - start
================================================== */
.menu-gallery-section .grid .grid-item,
.menu-gallery-section .grid .grid-sizer {
  width: 25%;
}

.menu-gallery-section .grid .grid-item {
  padding: 15px;
}

.menu-gallery-section .grid .grid-item .menu-item {
  position          : relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.menu-gallery-section .grid .grid-item .menu-item>img {
  width  : 100%;
  display: block;
}

.menu-item:before {
  opacity         : 0;
  background-color: rgba(227, 100, 44, 0.8);
  position        : absolute;
  content         : "";
  z-index         : 9999999;
  left            : 0;
  right           : 0;
  top             : 0;
  bottom          : 0;
  z-index         : 9;

}

.menu-item:hover:before {
  opacity: 1;
}

.menu-gallery-section .grid .grid-item .menu-item .item-content {
  top               : 0px;
  left              : 0px;
  width             : 100%;
  height            : 100%;
  opacity           : 0;
  display           : table;
  /*  position      : absolute; */
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  background-color  : rgba(227, 100, 44, 0.8);
}

.menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap {
  top              : 50%;
  left             : 0px;
  right            : 0px;
  width            : 100%;
  height           : auto;
  display          : table;
  position         : absolute;
  z-index          : 99;
  padding          : 30px 50px;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
}

.menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .title-text {
  font-size: 40px;
  color    : #ffffff;
}

.menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .title-text strong {
  font-size: 80px;
}

.menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .custom-btn-bordered {
  height          : 70px;
  font-size       : 30px;
  padding         : 0px 40px;
  line-height     : 66px;
  border          : 4px solid #ffffff;
  background-color: transparent;
}

.menu-gallery-section .grid .grid-item .menu-item:hover {
  -webkit-box-shadow: 0px 3px 36px 2px rgba(0, 0, 0, 0.5);
  box-shadow        : 0px 3px 36px 2px rgba(0, 0, 0, 0.5);
}

.menu-gallery-section .grid .grid-item .menu-item:hover .item-content {
  opacity: 1;
}

.menu-gallery-section .grid .grid-item-big {
  width: 50%;
}

.menu-gallery-section .grid .grid-item-big .menu-item .item-content .content-wrap .title-text {
  font-size: 90px;
}

.menu-gallery-section .grid .grid-item-big .menu-item .item-content .content-wrap .title-text strong {
  font-size: 180px;
}

/* menu gallery section - end
================================================== */
/* menu section - start
================================================== */
.menu-section .container {
  max-width: 1400px;
}

.menu-section .section-title .title-text .big-text {
  font-size: 166px;
}

.menu-section .menu-grid-item {
  padding           : 30px;
  /*margin-top      : 60px;*/
  margin-bottom     : 30px;
  background-color  : #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.menu-section .menu-grid-item:hover {
  -webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 15px 1px rgba(0, 0, 0, 0.2);
}

.menu-section .menu-grid-item .image-container {
  width            : 400px;
  height           : 400px;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  margin           : 0px auto;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.menu-section .menu-grid-item .image-container>img {
  margin             : auto;
  height             : 350px;
  /*-webkit-transform: rotate(90deg);
  transform          : rotate(90deg);*/
  -webkit-transition : 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition         : 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.menu-section .menu-grid-item:hover .image-container>img {
  -webkit-transform: rotate(90deg);
  transform        : rotate(90deg);
}

.menu-section .menu-grid-item .item-title {
  font-size: 50px;
  color    : #d55e29;
}

.menu-section .menu-grid-item p {
  font-size: 30px;
}

.menu-section .useful-links {
  margin-top: 40px;
}

.menu-section .useful-links .item-title {
  font-size: 40px;
  color    : #d55e29;
}

.menu-section .useful-links .item-title .icon {
  float            : left;
  width            : 55px;
  height           : 55px;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  margin           : -5px 0px;
  margin-right     : 15px;
  text-align       : center;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.menu-section .useful-links .item-title .icon>img {
  margin: auto;
  height: 40px;
}

.menu-section .useful-links>ul>li {
  margin-bottom: 5px;
}

.menu-section .useful-links>ul>li:last-child {
  margin-bottom: 0px !important;
}

.menu-section .useful-links>ul>li>a {
  font-size   : 28px;
  padding-left: 20px;
  position    : relative;
  color       : #000000;
}

.menu-section .useful-links>ul>li>a:before {
  top               : 50%;
  left              : 0px;
  width             : 8px;
  height            : 8px;
  content           : '';
  position          : absolute;
  border-radius     : 100%;
  -webkit-transform : translateY(-50%);
  transform         : translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  background-color  : #000000;
}

.menu-section .useful-links>ul>li>a:hover {
  color: #d55e29;
}

.menu-section .useful-links>ul>li>a:hover:before {
  background-color: #d55e29;
}

/* menu section - end
================================================== */
/* menu page - end
==================================================================================================== */
/* location page - start
==================================================================================================== */
.location-section .form-wrapper .form-item input {
  height            : 80px;
  border-radius     : 0px;
  border-color      : #ffffff;
  background-color  : #ffffff;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
}

.location-section .form-wrapper .form-item .custom-btn {
  top              : 50%;
  right            : 0px;
  position         : absolute;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
}

.location-section .form-wrapper .btns-group {
  padding: 21px 0px;
}

.location-section .form-wrapper .btns-group>ul>li {
  margin-right: 40px;
}

.location-section .form-wrapper .btns-group>ul>li:last-child {
  margin-right: 0px !important;
}

.location-section .google-map-2 {
  height: 900px;
}

.location-section .contact-info {
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
}

.location-section .contact-info>ul {
  width  : 100%;
  padding: 30px;
}

.location-section .contact-info>ul>li {
  width            : 25%;
  height           : 176px;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  padding          : 0px 20px;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.location-section .contact-info>ul>li .title-area .title-text {
  font-size: 30px;
  color    : #ffffff;
}

.location-section .contact-info>ul>li .title-area .custom-btn {
  width      : 100%;
  height     : 60px;
  font-size  : 25px;
  line-height: 60px;
}

.location-section .contact-info>ul>li .info-item {
  margin: auto 0px;
}

.location-section .contact-info>ul>li .info-item .item-icon {
  float       : left;
  width       : 40px;
  margin-right: 30px;
}

.location-section .contact-info>ul>li .info-item .item-content {
  display: table;
}

.location-section .contact-info>ul>li .info-item .item-content p {
  font-size: 41px;
  color    : #ffffff;
}

.location-section .contact-info>ul>li .info-item .item-content strong {
  display        : block;
  font-size      : 59px;
  color          : #ffffff;
  text-decoration: underline;
}

.location-section .contact-info>ul>li .info-item .item-content span {
  display  : block;
  font-size: 29px;
  color    : #ffffff;
}

.location-section .contact-info>ul>li .tracking-content {
  width            : 100%;
  height           : 236px;
  margin           : -30px 0px;
  padding          : 45px 15px;
  display          : inline-block;
  -webkit-transform: translateX(50px);
  transform        : translateX(50px);
  background-color : #d55e29;
}

.location-section .contact-info>ul>li .tracking-content:hover {
  background-color: #a44820;
}

.location-section .contact-info>ul>li .tracking-content>.item-icon {
  max-width    : 125px;
  margin-bottom: 15px;
}

.location-section .contact-info>ul>li .tracking-content p {
  font-size: 34px;
  color    : #ffffff;
}

.location-section .location-accordion .card {
  border       : none;
  border-radius: 0px;
  margin-bottom: 25px;
}

.location-section .location-accordion .card:last-child {
  margin-bottom: 0px !important;
}

.location-section .location-accordion .card .card-header {
  margin          : 0px;
  padding         : 0px;
  border          : none;
  background-color: #d55e29;
}

.location-section .location-accordion .card .card-header button {
  width              : 100%;
  height             : 100%;
  line-height        : 1;
  display            : block;
  font-size          : 50px;
  text-align         : left;
  color              : #ffffff;
  padding            : 30px 60px;
  position           : relative;
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
  background-image   : url(../images/background/bg_7.jpg);
}

.location-section .location-accordion .card .card-header button:before {
  top               : 50%;
  right             : 50px;
  line-height       : 1;
  font-size         : 40px;
  content           : '\f13a';
  font-weight       : 900;
  color             : #ffffff;
  position          : absolute;
  -webkit-transform : translateY(-50%);
  transform         : translateY(-50%);
  font-family       : 'Font Awesome 5 Pro';
  -webkit-transition: prop all 0.3s ease-in-out;
  transition        : prop all 0.3s ease-in-out;
}

.location-section .location-accordion .card .card-header button:not(.collapsed) {
  background-image: none;
}

.location-section .location-accordion .card .card-header button:not(.collapsed):before {
  content: '\f139';
}

.location-section .location-accordion .card .card-body {
  padding    : 60px;
  padding-top: 30px;
}

.location-section .location-accordion .card .card-body .info-box {
  padding           : 50px;
  margin-top        : 30px;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  background        : #f5f5f5;
}

.location-section .location-accordion .card .card-body .info-box .item-title {
  font-size    : 50px;
  margin-bottom: 40px;
  color        : #d55e29;
}

.location-section .location-accordion .card .card-body .info-box>ul {
  margin-bottom: 30px;
}

.location-section .location-accordion .card .card-body .info-box>ul:last-child {
  margin-bottom: 0px !important;
}

.location-section .location-accordion .card .card-body .info-box>.address-list>li {
  font-size: 35px;
}

.location-section .location-accordion .card .card-body .info-box>.time-list>li {
  margin-bottom  : 5px;
  text-decoration: underline;
}

.location-section .location-accordion .card .card-body .info-box>.time-list>li:last-child {
  margin-bottom: 0px !important;
}

.location-section .location-accordion .card .card-body .info-box>.btns-group>li {
  margin-bottom: 15px;
}

.location-section .location-accordion .card .card-body .info-box>.btns-group>li:last-child {
  margin-bottom: 0px !important;
}

.location-section .location-accordion .card .card-body .info-box>.btns-group>li>.custom-btn {
  width      : 100%;
  height     : 65px;
  display    : block;
  font-size  : 25px;
  line-height: 65px;
}

.location-section .location-list-header {
  line-height        : 1;
  display            : block;
  font-size          : 50px;
  text-align         : left;
  color              : #ffffff;
  padding            : 30px 60px;
  position           : relative;
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center center;
  background-image   : url(../images/background/bg_7.jpg);
}

.location-section .location-list-container {
  padding: 0px 15px;
}

.location-section .location-list-container .location-item {
  padding           : 30px;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  box-shadow        : 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  background        : #f5f5f5;
  margin-top        : 20px;
}

.location-section .location-list-container .location-item .btns-group {
  margin : 0;
  padding: 0;
}

.location-section .location-list-container .location-item .location-distance {
  margin-top: 30px;
}

.location-section .location-list-container .location-item .location-info h3 {
  font-size: 48px;
  color    : #d65e29;
}

.location-section .location-list-container .location-item .location-info .location-address {
  font-size: 26px;
}

.location-section .location-list-container .location-item .location-phone {
  font-size : 26px;
  color     : #d65e29;
  margin-top: 15px;
}

.location-section .location-list-container .location-item .location-timing-list {
  margin    : 0;
  padding   : 0;
  width     : 100%;
  display   : table;
  margin-top: 10px;
}

.location-section .location-list-container .location-item .location-timing-list>li {
  width          : 100%;
  display        : table;
  list-style     : none;
  text-decoration: underline;
}

.location-section .location-list-container .location-item .btns-group>li {
  margin-bottom: 15px;
  width        : 100%;
  display      : table;
  list-style   : none;
}

.location-section .location-list-container .location-item .btns-group>li:last-child {
  margin-bottom: 0px;
}

.location-section .location-list-container .location-item .btns-group>li>.custom-btn {
  width      : 100%;
  height     : 65px;
  display    : block;
  font-size  : 25px;
  line-height: 65px;
}

/* location page - end
==================================================================================================== */
/* franchise page - start
==================================================================================================== */
/* breadcrumb section - start
================================================== */
.franchise-page .breadcrumb-section .breadcrumb-content .title-text {
  font-size: 236px;
}

.franchise-page .breadcrumb-section .breadcrumb-content .title-text>span {
  font-size: 150px;
}

/* breadcrumb section - end
================================================== */
/* contact section - start
================================================== */
.contact-section .contact-form .section-title .title-text .big-text .deco-text {
  line-height: 1;
  font-size  : 70px;
  margin-left: 30px;
  padding-top: 10px;
  display    : inline-block;
  border-top : 5px solid #d55e29;
}

.contact-section .contact-form .section-title .title-text .big-text .deco-text small {
  font-size: 35px;
}

/* contact section - end
================================================== */
/* instagram section - start
================================================== */
.instagram-section .grid {
  margin-left : -15px;
  margin-right: -15px;
}

.instagram-section .grid .grid-item,
.instagram-section .grid .grid-sizer {
  width: 20%;
}

.instagram-section .grid .grid-item {
  padding: 15px;
}

.instagram-section .grid .grid-item .image-container {
  height   : 350px;
  display  : block;
  min-width: 350px;
}

.instagram-section .grid .grid-item-big {
  width: 60%;
}

.instagram-section .grid .grid-item-big .section-title {
  z-index          : 1;
  height           : 350px;
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  overflow         : hidden;
  padding          : 0px 50px;
  margin-left      : -15px;
  position         : relative;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.instagram-section .grid .grid-item-big .section-title .co-logo {
  top              : 50%;
  right            : -75px;
  opacity          : .2;
  z-index          : -1;
  width            : 600px;
  position         : absolute;
  -webkit-transform: translateY(-50%);
  transform        : translateY(-50%);
}

.instagram-section .grid .grid-item-big .section-title .title-text {
  margin      : auto 0px;
  color       : #ffffff;
  position    : relative;
  padding-left: 120px;
}

.instagram-section .grid .grid-item-big .section-title .title-text:before {
  top                : 50%;
  left               : 0px;
  width              : 100px;
  height             : 100px;
  content            : '';
  line-height        : 1;
  position           : absolute;
  color              : #000000;
  background-size    : 100% 100%;
  -webkit-transform  : translateY(-50%);
  transform          : translateY(-50%);
  background-repeat  : no-repeat;
  background-position: center center;
  background-image   : url(../images/instagram.png);
}

/* instagram section - end
================================================== */
/* franchise page - end
==================================================================================================== */
/* catering page - start
==================================================================================================== */
/* breadcrumb section - start
================================================== */
.catering-page .breadcrumb-section .breadcrumb-content .title-text {
  font-size: 190px;
}

/* breadcrumb section - end
================================================== */
/* feature section - start
================================================== */
.catering-page .feature-section .feature-item .item-image {
  margin-right: -131px;
}

/* feature section - end
================================================== */
/* catering section - start
================================================== */
.catering-section .image-container {
  margin-left   : -15px;
  padding-bottom: 230px;
}

.catering-section .image-container .small-image {
  right    : 0px;
  bottom   : 0px;
  max-width: 500px;
  position : absolute;
}

.catering-section .contact-form .section-title {
  padding: 30px 60px;
}

.catering-section .contact-form .section-title .title-text {
  font-size: 42px;
  color    : #ffffff;
}

.catering-section .contact-form .section-title .title-text .big-text {
  font-size: 54px;
}

.breadcrumb-section .breadcrumb-content .title-text {
  line-height: 1;
  font-size  : 11vw;
  padding: 45px 0PX 15px 0px;
}

.srch-lctn-btn {
  position: absolute;
  top     : 32px;
  right   : -5px;
}

.cp-coming-wrapper .coming-soon {
  max-width : 550px;
  margin    : 0 auto;
  text-align: center;
  margin-top: 80px;
}

.cp-coming-wrapper .coming-soon h4 {
  font-family: nunito, sans-serif;
  font-size  : 24px;
  color      : #868686;
  font-weight: 400;
}

.cp-coming-wrapper .coming-soon h4 .span {
  font-family: nunito, sans-serif;
  font-weight: 800;
}

.cp-coming-wrapper .coming-soon p .bold {
  font-family: 'Poppins' !important;
  font-weight: 800;
}

.cp-coming-wrapper .coming-soon p {
  font-size: 12px;
  color    : #868686;
}

.cp-coming-wrapper .coming-soon .ctdown {
  display        : flex;
  justify-content: center;
  align-items    : center;
  margin-bottom  : 15px;
}

.cp-coming-wrapper .coming-soon .ctdown .time-box {
  margin: 0px 10px;
}

.cp-coming-wrapper .coming-soon .ctdown .time-box .number {
  background-color: rgb(241 164 130);
  font-size       : 80px;
  width           : 80px;
  padding         : 30px 0px 22px 0px;
  color           : #fff;
  display         : flex;
  align-items     : center;
  border-radius   : 6px;
  text-align      : center;
  justify-content : center;

}

.cp-coming-wrapper .coming-soon .ctdown .time-box span {
  background-color: #d46b3c;
  padding         : 2px 15px 0px 15px;
  border-radius   : 3px;
  color           : #fff;
  width           : 80px;
  margin-top      : 4px;
  line-height     : 28px;
  font-size       : 18px;
}


.list-group-item-action.cp-pdf-card .card-header {
  display        : flex;
  justify-content: space-between;
  padding        : 10px 20px;
  align-items    : center;
}

.list-group-item-action.cp-pdf-card .card-header .cp-right-pdf {
  display: flex;
}

.cp-pdf-card .card-header .cp-right-pdf .cp-pdf-text {
  width: 95px;
}

.cp-pdf-card .card-header .cp-right-pdf .cp-pdf-text p.bold {
  font-weight: 800;
}

.cp-pdf-card .card-header .cp-right-pdf .cp-pdf-text p {
  margin   : 0;
  font-size: 8px;
}

.cp-pdf-card .cp-right-pdf svg {
  width : 30px;
  height: 30px;
}

.list-group-item-action.cp-pdf-card-active {
  border-color    : #3c7cb5;
  background-color: #ebf5ff;
}

.cp-pdf-card-active a span {
  color: #3c7cb5 !important; 
}

.cp-pdf-card-active .card-header .cp-right-pdf .cp-pdf-text p {
  color    : #3c7cb5 !important; 
}

.fdd-receipt-pdf-text {
  font-size: 14px;
  font-family: 'Poppins' !important;
}

.fdd-receipt-pdf-text strong{
  font-size: 14px;
  font-family: 'Poppins' !important;
}

.v-franchise-portal strong, .v-franchise-portal span, .v-franchise-portal small, .v-franchise-portal label {
  font-family: 'Poppins' !important;

}

.v-font strong, .v-font span, .v-font small, .v-font label{
  font-family: 'Poppins' !important;  
}

.modal-signature canvas {
  width: auto;
  height: 100%;
  margin: 0px;
  border: 1px solid #CACACA;
  display: block;
  margin: 0px auto;
  height: 180px !important;
  width: 465px  !important;
}

.modal-signature .modal-footer{
  display: block;
}

.signature-modal-background {
  opacity: 0.2 !important;
}

.v-disabled-card {
  opacity: 0.3;
}

.v-active-card {
  background-color: #ffcdb6 !important;
} 

.active-right-angle {
  right: 5px;
  position: absolute;
  font-size: 40px;
  top: 5px;
}

/* catering section - end
================================================== */
/* catering page - end
==================================================================================================== */
/* ================================================== 
* Project Name  :  Crust Pizza Co. Delivery
* File      :  Responsive CSS Base
* Version     :  1.0.0
* Last change   :  21 september 2019
* Author      :  ----------
* Developer:    :  Rakibul Islam Dewan

* css code for responsive layout To make Responsive
================================================== */
/* ==================================================
* 1 - media screen and (max-width: 1440px)
* 2 - media screen and (max-width: 1280px)
* 3 - media screen and (max-width: 1199px)
* 4 - media screen and (max-width: 991px)
* 5 - media screen and (max-width: 767px)
* 6 - media screen and (max-width: 680px)
* 7 - media screen and (max-width: 580px)
* 8 - media screen and (max-width: 480px)
* 9 - media screen and (max-width: 320px)
================================================== */
/*  ====================================================================================================
1 - media screen and (max-width: 1440px) - start
==================================================================================================== */
@media screen and (max-width: 1885px) {
  .banner-section .banner-content {
    margin-top: 42px;
  }
}

@media screen and (max-width: 1852px) {
  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    margin-right: 50px;
  }
}

@media screen and (max-width: 1800px) {
  .special-section .special-item .item-content .btns-group>ul>li {
    margin-right : 15px;
    margin-bottom: 15px;
  }

  .special-section .special-item .item-content .btns-group>ul>li .custom-btn {
    height     : 70px;
    font-size  : 30px;
    min-width  : 260px;
    line-height: 76px;
    padding    : 0px 30px;
  }
  
}

@media screen and (max-width: 1750px) {
  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    margin-right: 40px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .social-links {
    padding: 0px 20px;
  }
}




@media screen and (min-width: 1500px) {
  .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 165px;
  }
}

@media screen and (max-width: 1655px) {
  .custom-btn {
    min-width: auto;
    padding  : 0px 30px;
  }

  .header-section .middle-wrapper .main-menubar>ul>li>a {
    font-size: 24px;
  }

  .header-section .middle-wrapper .main-menubar>ul .menu-item-has-child>a::after {
    font-size: 20px;
  }

  .location-section .location-nav>ul>li>a {
    font-size: 30px;
  }

  .location-section .location-nav .vk-carousel-item>a {
    font-size: 30px;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap {
    padding: 30px;
  }
}

@media screen and (max-width: 1620px) {
  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    margin-right: 25px;
  }

  .header-section .middle-wrapper .useful-items>ul>li {
    padding: 0px 30px;
  }
}

@media screen and (max-width: 1605px) {
  .special-section .special-item .item-content .btns-group>ul>li .custom-btn {
    height     : 60px;
    font-size  : 24px;
    min-width  : 200px;
    line-height: 66px;
    padding    : 0px 30px;
  }
}

@media screen and (max-width: 1595px) {
  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    margin-right: 30px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .social-links {
    padding: 0px;
  }

  .special-section .special-item .item-content p {
    font-size: 24px;
  }

  .section-title .title-text>.big-text {
    font-size: 72px;
  }

  .section-title .title-text>.big-text span {
    color: #d65e29;
  }

  .special-section .special-item .item-content .joinus-content .item-title .big-text {
    font-size: 50px;
  }

  .special-section .special-item .item-content .joinus-content .custom-btn {
    height     : 60px;
    font-size  : 28px;
    min-width  : auto;
    line-height: 66px;
    padding    : 0px 30px;
  }

  .special-section .special-item .item-content .joinus-content .btns-group>ul>li .brand-logo {
    max-width: 160px;
  }

  .banner-section .banner-content .title-text {
    font-size: 110px;
  }
}

@media screen and (max-width: 1581px) {
  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    margin-right: 20px;
  }

  .franchise-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 190px;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .custom-btn-bordered {
    height     : 60px;
    font-size  : 28px;
    padding    : 0px 30px;
    line-height: 60px;
    min-width  : auto;
    border     : 2px solid #ffffff;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .title-text strong {
    font-size: 60px;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .title-text {
    font-size: 36px;
  }

  .menu-gallery-section .grid .grid-item-big .menu-item .item-content .content-wrap .title-text strong {
    font-size: 136px;
  }

  .menu-gallery-section .grid .grid-item-big .menu-item .item-content .content-wrap .title-text {
    font-size: 60px;
  }
}

@media screen and (max-width: 1540px) {
  .banner-section .banner-content .title-text {
    font-size: 100px;
  }
}

@media screen and (max-width: 1451px) {
  .header-section .middle-wrapper .useful-items>ul>li .contact-info>ul>li {
    font-size: 18px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .contact-info>ul>li>.icon {
    margin-right: 10px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li>button {
    font-size: 18px;
  }

  .header-section .middle-wrapper .main-menubar>ul>li>a {
    font-size: 20px;
  }
}

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

  /* global - start */
  body {
    font-size: 18px;
  }

  .container {
    max-width: 100%;
  }

  .custom-btn {
    height     : 60px;
    font-size  : 30px;
    min-width  : auto;
    line-height: 62px;
    padding    : 0px 30px;
  }

  .custom-btn-bordered {
    height     : 60px;
    font-size  : 30px;
    min-width  : auto;
    padding    : 0px 30px;
    line-height: 57px;
    border     : 3px solid #E3642C;
  }

  .section-title .title-text>.big-text {
    font-size: 55px;
  }

  .section-title .title-text {
    font-size: 36px;
  }

  .section-title .title-text span {
    color: #d65e29;
  }

  .form-item input {
    height: 60px;
  }

  .select-option select {
    height: 60px;
  }

  .form-textarea textarea {
    min-height: 200px;
  }

  .select-option {
    margin-bottom: 40px;
  }

  .select-option .nice-select {
    height     : 60px;
    font-size  : 18px;
    line-height: 60px;
  }

  .select-option .nice-select .list .option {
    padding: 0px 20px;
  }

  /* global - end */
  /* header - start */
  .header-section {
    padding: 10px 15px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .contact-info>ul>li {
    height     : 40px;
    font-size  : 16px;
    line-height: 40px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .social-links>ul>li {
    height     : 40px;
    line-height: 40px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .social-links {
    padding: 0px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .social-links>ul>li>a>svg {
    width : 20px !important;
    height: 15px !important;
  }

  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li>button {
    font-size: 16px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    height      : 40px;
    line-height : 40px;
    margin-right: 30px;
  }

  .header-section .middle-wrapper .main-menubar>ul>li>a {
    font-size: 24px;
  }

  .header-section .middle-wrapper .main-menubar>ul .menu-item-has-child>a:after {
    font-size  : 20px;
    margin-left: 6px;
  }

  .header-section .brand-logo .brand-link {
    max-width: 115px;
  }

  .header-section .choose-location .content-wrap .item-content .small-text {
    font-size: 16px;
  }

  .header-section .choose-location .content-wrap .item-content .big-text {
    font-size: 30px;
  }

  .header-section .choose-location .content-wrap .item-content .mid-text {
    font-size: 20px;
  }

  .header-section .choose-location {
    padding: 0px 20px;
  }

  /* header - end */
  /* footer - start */
  .footer-section .footer-menu>ul>li>a {
    font-size: 24px;
  }

  /* footer - end */
  /* breadcrumb - start */
  .franchise-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 160px;
  }

  .breadcrumb-section .breadcrumb-content {
    padding       : 80px 0px;
    padding-bottom: 50px;
  }

  .breadcrumb-section .breadcrumb-content .sub-title {
    font-size  : 42px;
    font-family: 'Poppins';
  }

  .catering-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 148px;
  }

  .breadcrumb-section .gradient-overlay {
    padding-top: 90px;
  }

  /* breadcrumb - end */
  /* home - start */
  .banner-section .banner-content .title-text {
    font-size: 72px;
  }

  .banner-section .banner-content .sub-title {
    font-size     : 42px;
    letter-spacing: 3px;
  }

  .banner-section .banner-content .single-btn .menu-btn {
    height     : 60px;
    font-size  : 30px;
    min-width  : 300px;
    line-height: 56px;
    border     : 3px solid #ffffff;
  }

  .banner-section .banner-content {
    padding-top: 80px;
  }

  .trending-section .trending-item-big .item-content .section-title .title-text {
    font-size: 42px;
  }

  .trending-section .trending-item-big .item-content .section-title .title-text .big-text {
    font-size: 90px;
  }

  .trending-section .trending-item-big .item-content .info-list>ul>li {
    font-size: 26px;
  }

  .trending-section .trending-item-big .item-content .info-list>ul>li:before {
    width : 8px;
    height: 8px;
  }

  .trending-section .trending-item-big .item-image>img {
    height: 650px;
  }

  .feature-section .feature-item .item-image {
    padding-top : 60px;
    padding-left: 60px;
  }

  .feature-section .feature-item .item-image .top-image {
    max-width: 250px;
  }

  .feature-section .feature-item .item-content .item-title,
  .feature-section .feature-item .item-content .item-detail {
    font-size: 20px;
  }

  #feature-section .feature-item .item-content .item-detail p {
    font-size: 24px;
  }

  #feature-section .feature-item .item-content p {
    font-size: 24px; 
  }

  .special-section .special-item .item-content p {
    font-size: 20px;
  }

  .special-section .special-item .item-content .joinus-content .btns-group>ul>li .brand-logo {
    max-width: 140px;
  }

  .start-section .start-content .section-title .single-btn .custom-btn-bordered {
    min-width: 300px;
  }

  .location-section .location-nav>ul>li>a {
    font-size: 24px;
  }

  .location-section .location-nav .vk-carousel-item>a {
    font-size: 24px;
  }

  .location-section .location-nav>ul>li .more-btn {
    width      : 50px;
    height     : 50px;
    font-size  : 26px;
    line-height: 50px;
    margin-top : -10px;
  }

  .location-section .tab-content .tab-pane .location-info .item-title {
    font-size: 38px;
  }

  .location-section .tab-content .tab-pane .location-info>ul>li {
    font-size: 28px;
  }

  .location-section .grid .grid-item .insta-logo {
    width : 100%;
    height: 172px;
  }

  .location-section .grid .grid-item .insta-logo .item-title {
    right    : -83px;
    font-size: 30px;
  }

  .location-section .upcomming-event .item-title {
    font-size: 48px;
  }

  /* home - end */
  /* blog - start */
  .blog-section .blog-item .item-content .item-title .title-link {
    font-size: 36px;
  }

  .blog-section .blog-item .item-content p {
    font-size: 20px;
  }

  .testimonial-section .testimonial-carousel .item .testimonial-item {
    padding: 40px;
  }

  .testimonial-section .testimonial-carousel .item .testimonial-item .title-text {
    font-size: 30px;
  }

  /* blog - end */
  /* menu - start */
  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap {
    padding: 30px;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .title-text strong {
    font-size: 42px;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .title-text {
    font-size: 20px;
  }

  .menu-gallery-section .grid .grid-item .menu-item .item-content .content-wrap .custom-btn-bordered {
    height     : 50px;
    font-size  : 24px;
    min-width  : auto;
    padding    : 0px 20px;
    line-height: 48px;
    border     : 2px solid #ffffff;
  }

  .menu-gallery-section .grid .grid-item.grid-item-big .menu-item .item-content .content-wrap .title-text strong {
    font-size: 100px;
  }

  .menu-gallery-section .grid .grid-item.grid-item-big .menu-item .item-content .content-wrap .title-text {
    font-size: 36px;
  }

  .menu-section .menu-grid-item p {
    font-size: 28px;
  }

  .special-section .special-item .item-content .btns-group>ul>li>.custom-btn {
    font-size: 20px;
  }

  .menu-section .section-title .title-text .big-text {
    font-size: 154px;
  }

  .menu-section .container {
    max-width: 100%;
  }

  .menu-section .useful-links>ul>li>a {
    font-size   : 20px;
    padding-left: 15px;
  }

  .menu-section .useful-links>ul>li>a:before {
    width : 5px;
    height: 5px;
  }

  .menu-section .useful-links .item-title {
    font-size: 30px;
  }

  .menu-section .useful-links .item-title .icon {
    margin-top  : -10px;
    margin-right: 5px;
  }

  .menu-section .useful-links .item-title .icon>img {
    margin: auto;
    height: 30px;
  }

  .start-section.style-2 .container {
    max-width: 100%;
  }

  /* menu - end */
  /* branch - start */
  .special-section .special-item .item-content .office-titme .title-text {
    font-size: 30px;
  }

  .special-section .special-item .item-content .office-titme>ul>li strong {
    font-size: 20px;
  }

  .special-section .special-item .item-content .office-titme>ul>li p {
    font-size: 20px;
  }

  .special-section .special-item .item-content .contact-info>ul>li {
    font-size: 30px;
  }

  .special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date .date>strong {
    font-size: 48px;
  }

  .special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date small {
    font-size: 30px;
  }

  .instagram-section .grid .grid-item .image-container {
    height   : auto;
    min-width: 100%;
  }

  .instagram-section .grid .grid-item-big .section-title {
    height : 238px;
    padding: 0px 30px;
  }

  .instagram-section .grid .grid-item-big .section-title .co-logo {
    width: 430px;
  }

  /* branch - end */
  /* location - start */
  .location-section .contact-info>ul>li .info-item .item-content p {
    font-size: 30px;
  }

  .location-section .contact-info>ul>li .info-item .item-content strong {
    font-size: 30px;
  }

  .location-section .contact-info>ul>li .info-item .item-content span {
    font-size: 22px;
  }

  .location-section .location-accordion .card .card-body .info-box {
    padding: 40px 30px;
  }

  .location-section .location-accordion .card .card-body .info-box>.address-list>li {
    font-size: 26px;
  }

  .location-section .location-accordion .card .card-body .info-box .item-title {
    font-size    : 48px;
    margin-bottom: 30px;
  }

  /* location - end */
  /* contact - start */
  .contact-section .contact-form .section-title .title-text .big-text {
    font-size: 130px;
  }

  /* contact - end */
  /* catering - start */
  .catering-page .feature-section .feature-item .item-image {
    margin-right: -15px;
  }

  .catering-section .contact-form .section-title .title-text .big-text {
    font-size: 36px;
  }

  .catering-section .contact-form .section-title .title-text {
    font-size: 30px;
  }

  .catering-section .image-container .small-image {
    max-width: 300px;
  }

  .catering-section .image-container {
    padding-bottom: 150px;
  }

  /* catering - end */
  .start-section .start-content .section-title .title-text {
    font-size: 36px;
  }

  .start-section .start-content .section-title .title-text .big-text {
    font-size: 76px;
  }
}

@media screen and (max-width: 1400px) {
  .contact-section .contact-form .section-title .title-text .big-text .deco-text {
    text-align : left !important;
    margin-left: 0px;
  }
}

/* ====================================================================================================
1 - media screen and (max-width: 1440px) - end
==================================================================================================== */
/*  ====================================================================================================
2 - media screen and (max-width: 1280px) - start
==================================================================================================== */
@media screen and (max-width: 1310px) {
  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    margin-right: 20px;
  }
}

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

  /* header - start */
  .header-section .middle-wrapper .useful-items>ul>li {
    padding: 0px 25px;
  }

  /* header - end */
  /* footer - start */
  .footer-section .social-links>ul>li>a svg {
    width       : 35px !important;
    height      : auto !important;
    margin-right: 10px;
  }

  .fullscreen-menu-wrapper .social-links>ul>li>a svg {
    width       : 35px !important;
    height      : auto !important;
    margin-right: 10px;
  }

  .footer-section .working-hour>ul>li>span {
    font-size: 18px;
  }

  .footer-section .working-hour>ul>li>p {
    font-size: 16px;
  }

  .footer-section .title-text {
    font-size: 32px;
  }

  /* footer - end */
  /* breadcrumb - start */
  .franchise-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 136px;
  }

  /* breadcrumb - end */
  /* home - start */
  .contact-section .contact-content>p {
    font-size: 42px;
  }

  .special-section .special-item .item-content .joinus-content .custom-btn {
    height     : 50px;
    font-size  : 22px;
    line-height: 56px;
  }

  .special-section .special-item .item-content .joinus-content .btns-group>ul>li .brand-logo {
    max-width: 120px;
  }

  .special-section .special-item .item-content .joinus-content .item-title .big-text {
    font-size: 42px;
  }

  .special-section .special-item .item-content .joinus-content .item-title {
    font-size: 24px;
  }

  .location-section .location-nav>ul>li {
    margin-right: 30px;
  }

  .location-section .upcomming-event>ul>li .event-item .item-content .item-title .title-link {
    font-size: 24px;
  }

  .location-section .upcomming-event>ul>li .event-item .item-date .date>strong {
    font-size: 42px;
  }

  .location-section .upcomming-event>ul>li .event-item .item-date small {
    font-size: 22px;
  }

  /* home - end */
  /* blog - start */
  .blog-section .blog-item-list .item-content {
    padding: 50px;
  }

  .blog-section .blog-item-grid .item-content {
    padding: 50px;
  }

  .blog-section .blog-item-fullimage .item-content {
    padding: 40px;
  }

  /* blog - end */
  /* menu - start */
  .menu-section .menu-grid-item .image-container {
    width        : 350px;
    height       : 350px;
    margin-bottom: 30px;
  }

  /* menu - end */
  /* menu - start */
  .special-section .special-item .item-content .office-titme {
    margin-top  : -40px;
    padding-top : 15px;
    padding-left: 15px;
    border-top  : 1px solid #ffffff;
    border-left : 1px solid #ffffff;
  }

  .special-section .special-item .item-content .contact-info .title-text {
    font-size: 54px;
  }

  .special-section .special-item .item-content .contact-info>ul>li {
    font-size: 24px;
  }

  .special-section .special-item .item-content .upcomming-event>ul>li .event-item .content-wrap .item-title .title-link {
    font-size: 26px;
  }

  .instagram-section .grid .grid-item-big .section-title {
    padding: 55px;
  }

  /* menu - end */
  /* location - start */
  .location-section .form-wrapper .form-item input {
    height: 60px;
  }

  .location-section .form-wrapper .btns-group {
    padding: 12px 0px;
  }

  .location-section .contact-info>ul>li .info-item .item-icon {
    width       : 35px;
    margin-right: 20px;
  }

  .location-section .contact-info>ul>li .info-item .item-content p {
    font-size: 24px;
  }

  .location-section .contact-info>ul>li .title-area .title-text {
    font-size: 70px;
  }

  .location-section .contact-info>ul>li .tracking-content>.item-icon {
    max-width    : 80px;
    margin-bottom: 20px;
  }

  .location-section .contact-info>ul>li .tracking-content {
    height : 212px;
    padding: 40px 15px;
  }

  .location-section .form-wrapper {
    margin-top: 140px;
  }

  .location-section .form-wrapper .btns-group>ul>li {
    margin-right: 20px;
  }

  .location-section .form-wrapper .form-radio label {
    font-size: 20px;
  }

  .location-section .form-wrapper .form-radio input {
    width       : 30px;
    height      : 30px;
    margin-right: 5px;
  }

  .location-section .form-wrapper .form-radio input:focus {
    border: 5px solid #d55e29;
  }

  .location-section .contact-info>ul>li {
    height : 152px;
    padding: 0px 15px;
  }

  /* location - end */
  .start-section .start-content .section-title {
    padding: 80px 0px;
  }

  .start-section .start-content .section-title .title-text .big-text {
    font-size: 70px;
  }
}

/* ====================================================================================================
2 - media screen and (max-width: 1280px) - end
==================================================================================================== */
/*  ====================================================================================================
3 - media screen and (max-width: 1199px) - start
==================================================================================================== */
@media screen and (max-width: 1199px) {
  .btn-read-more {
    position        : inherit;
    display         : block;
    width           : 120px;
    margin-top      : 20px;
    background-color: #d55e29 !important;
  }

  /* global - start */
  .section-title .title-text {
    font-size: 36px;
  }

  .section-title p {
    font-weight: 400 !important;
    font-family: 'Poppins' !important;
    font-size  : 28px;
  }

  .custom-btn {
    font-size: 20px;
    min-width: 200px;
  }

  .custom-btn-bordered {
    font-size: 20px;
    min-width: 200px;
  }

  /* global - end */
  /* header - start */
  .header-section .middle-wrapper .main-menubar>ul>li>a {
    font-size: 24px;
  }

  .header-section .middle-wrapper .useful-items>ul>li .useful-links>ul>li {
    height      : 40px;
    line-height : 40px;
    margin-right: 8px;
  }

  .header-section .middle-wrapper .useful-items>ul>li {
    padding: 0px 15px;
  }

  .insta-sub-heading {
    font-size: 52px;
  }

  .insta-left {
    background         : url(../images/insta-icon.png)no-repeat left;
    background-position: 0 33px;
    padding-top        : 44px;
  }

  .header-section .brand-logo .brand-link {
    max-width: 100px;
  }

  .header-section .choose-location .content-wrap {
    padding: 28px 0px;
  }

  /* header - end */
  /* footer - start */
  .footer-section .social-links>ul>li>a svg {
    width : 25px !important;
    height: auto !important;
  }

  .fullscreen-menu-wrapper .social-links>ul>li>a svg {
    width : 25px !important;
    height: auto !important;
  }

  /* footer - end */
  /* breadcrumb - start */

  .franchise-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 154px;
  }

  /* breadcrumb - end */
  /* home - start */
  .banner-section .gradient-overlay {
    width         : 100%;
    height        : auto;
    padding-top   : 200px;
    padding-bottom: 100px;
  }

  .trending-section .trending-item-big .item-image {
    width     : 80%;
    float     : none;
    display   : table;
    margin    : 0px auto;
    text-align: center;
  }

  .title-vk-text {
    text-align: center;
  }

  .trending-section .trending-item-big .item-content {
    width      : 60%;
    float      : none;
    padding    : 0px;
    display    : table;
    margin     : 0px auto;
    padding-top: 100px;
  }

  .trending-section .trending-item-big .item-image>img {
    height: auto;
  }

  .trending-section .trending-item-big:before {
    left             : 0px;
    right            : 0px;
    bottom           : 0px;
    top              : unset;
    height           : 43%;
    width            : 100%;
    border-right     : none;
    -webkit-transform: skewX(0deg);
    transform        : skewX(0deg);
    border-top       : 5px solid #ffffff;
  }

  .special-section .special-item .item-image {
    width   : 100%;
    display : table;
    position: -webkit-sticky;
    position: sticky;
  }

  .special-section .special-item .item-content {
    width     : 100%;
    float     : none !important;
    padding   : 80px !important;
    text-align: center !important;
  }

  .special-section .special-item .item-content {
    padding        : 100px;
    background-size: 190% 100%;
  }

  .special-section .special-item .item-content .btns-group>ul {
    display: table;
    margin : 0px auto;
    float  : none !important;
  }

  .special-section .special-item .item-content p {
    font-size: 24px;
  }

  #feature-section .feature-item .item-content .item-detail p {
    font-size: 18px;
  }

  #feature-section .feature-item .item-content p {
    font-size: 18px; 
  }

  .location-section .location-nav>ul>li {
    margin-right: 25px;
  }

  .location-section .location-nav>ul>li>a {
    font-size: 20px;
  }

  .location-section .location-nav .vk-carousel-item>a {
    font-size: 20px;
  }

  .location-section .grid .grid-item,
  .location-section .grid .grid-sizer {
    width: 25%;
  }

  .location-section .grid .grid-item-big {
    width: 50%;
  }

  .location-section .section-title .title-text {
    display: none;
  }

  .location-section .choose-location {
    display: block;
  }

  .location-section .location-nav {
    /*display: block !important;*/
    display: none;
  }

  .location-section {
    padding-top: 0px;
  }

  .location-section .tab-content {
    margin-top: 0px;
  }

  .location-section .tab-content .tab-pane .location-info {
    margin: 0px;
  }

  .location-section .tab-content .tab-pane .location-info .item-title {
    font-size    : 30px;
    margin-bottom: 15px;
  }

  .location-section .tab-content .tab-pane .location-info>ul>li {
    font-size: 28px;
  }

  .contact-section .contact-content>p {
    font-size: 36px;
  }

  /* home - end */
  /* blog - start */
  .testimonial-section .owl-theme .owl-nav .owl-prev {
    left: 20%;
  }

  .testimonial-section .owl-theme .owl-nav .owl-next {
    right: 20%;
  }

  .blog-section .blog-item-list .image-container {
    width: 100%;
    float: none;
  }

  .blog-section .blog-item-list .item-content {
    float  : none;
    width  : 100%;
    padding: 50px;
  }

  /* blog - end */
  /* menu - start */
  .menu-gallery-section .grid .grid-item,
  .menu-gallery-section .grid .grid-sizer {
    width: 50%;
  }

  .menu-gallery-section .grid .grid-item.grid-item-big .menu-item .item-content .content-wrap .title-text strong {
    font-size: 42px;
  }

  .menu-gallery-section .grid .grid-item.grid-item-big .menu-item .item-content .content-wrap .title-text {
    font-size: 24px;
  }

  .menu-section .section-title .title-text .big-text {
    font-size: 116px;
  }

  .menu-section .menu-grid-item .image-container {
    width : 260px;
    height: 260px;
  }

  .menu-section .menu-grid-item .image-container>img {
    height: auto;
  }

  .menu-section .menu-grid-item p {
    font-size: 20px;
  }

  .start-section .start-content .info-list .list-title {
    font-size    : 45px;
    margin-bottom: 30px;
  }

  /* menu - end */
  /* branch - start */
  .special-section .special-item .google-map {
    width   : 100%;
    height  : 450px;
    position: -webkit-sticky;
    position: sticky;
  }

  .special-section .special-item .item-content .office-titme {
    margin-top: 0px;
  }

  .special-section .special-item .item-content .upcomming-event>ul {
    width  : auto;
    display: table;
    margin : 0px auto;
    float  : none;
  }

  .instagram-section .grid .grid-item,
  .instagram-section .grid .grid-sizer {
    width: 25%;
  }

  .instagram-section .grid .grid-item-big {
    width: 100% !important;
  }

  .instagram-section .grid .grid-item-big .section-title {
    margin-left: 0px;
  }

  /* branch - end */
  /* location - start */
  .location-section .location-accordion .card .card-body {
    padding    : 30px;
    padding-top: 0px;
  }

  .location-section .location-accordion .card .card-body .info-box>.address-list>li {
    font-size: 20px;
  }

  .location-section .location-accordion .card .card-header button {
    font-size: 30px;
    padding  : 20px;
  }

  .location-section .location-accordion .card .card-header button:before {
    right    : 18px;
    font-size: 30px;
  }

  .location-section .contact-info>ul>li .info-item .item-content span {
    font-size: 16px;
  }

  /* location - end */
  /* franchise - start */
  .contact-section .contact-form .section-title .title-text .big-text .deco-text {
    font-size: 42px;
  }

  .contact-section .contact-form .section-title .title-text .big-text .deco-text small {
    font-size: 30px;
  }

  /* franchise - end */
  /* catering - start */
  .catering-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 115px;
  }

  .catering-section .image-container .small-image {
    max-width: 250px;
  }

  .catering-section .image-container {
    padding-bottom: 120px;
  }

  /* catering - end */
}

/* ====================================================================================================
3 - media screen and (max-width: 1199px) - end
==================================================================================================== */
/* ====================================================================================================
4 - media screen and (max-width: 991px) - start
==================================================================================================== */
@media screen and (max-width: 1131px) {

  /* global - start */
  .sec-ptb-140 {
    padding: 30px 0px 0px 30px;
  }

  .insta-left {
    background         : url(../images/insta-icon.png)no-repeat left;
    background-position: 0 -2px;
    padding-top        : 21px;
  }

  .mobile-menu.sticky-header {
    display: flex !important;
  }

  footer .submit-btn .far.fa-chevron-right {
    top: 22px;
  }

  .location-section .location-nav .owl-nav .owl-prev.disabled {
    display: block;
    left   : 0;
  }

  .insta-sub-heading {
    font-size: 30px;
  }

  .insta-heading {
    font-size: 22px;
  }

  .bg-org {

    display    : flex;
    align-items: center;
  }

  .location-section .location-nav .owl-nav .owl-prev {
    position: absolute;
    left    : -33px !important;
  }

  .location-section .location-nav .owl-nav .owl-next {
    right: -28px;
  }


  .far.fa-chevron-right,
  .far.fa-chevron-left {
    font-size: 17px;
    position : absolute;
    top      : 9px;
    left     : 0;
    right    : 0;
    bottom   : 0;
    margin   : auto;
    font-size: 13px;
  }

  .location-section .location-nav {
    padding: 8px 22px;
  }

  .location-section .location-nav .owl-nav .owl-prev,
  .location-section .location-nav .owl-nav .owl-next {
    top   : 6px !important;
    width : 30px;
    height: 30px;
  }

  #location-section .choose-location {
    display: none !important;
  }

  .header-section .choose-location .dropdown-menu {
    height          : auto;
    background-color: rgb(227, 100, 44);
  }

  .header-section .choose-location .content-wrap .item-content .small-text {
    font-size    : 16px;
    order        : 2;
    padding-right: 9px;
  }

  #location-section .sec-ptb-140 {
    padding: 0px 0px;
  }

  .header-section .choose-location .content-wrap .item-content .big-text {
    font-size: 20px;
  }

  .header-section .choose-location .content-wrap {
    padding : 9px 0px;
    top     : 0;
    position: relative;
    z-index : 999999;
  }

  .header-section .choose-location .content-wrap .item-content {
    display        : -webkit-box;
    display        : -moz-box;
    display        : -webkit-flex;
    display        : -ms-flexbox;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
  }

  .header-section .middle-wrapper .main-menubar {
    padding-top: 15px;
    display    : none;
  }

  .contact-info {
    display: none;
  }

  .brand-link {
    display: none;
  }

  .header-section .choose-location .content-wrap .alignment-center {
    display: block;
    margin : 0px auto;
  }

  .item-icon svg {
    overflow      : hidden;
    vertical-align: middle;
    height        : 20px;
  }

  /* global - end */
  /* header - start */
  .header-section {
    display : block;
    top     : 65px;
    width   : 100%;
    position: absolute;
    padding : 0;
  }

  .header-section.sticky-header {
    position: absolute;

  }

  .mobile-menu {
    display         : block;
    background-color: #000;
  }

  .fullscreen-menu-wrapper.active {
    height: 100%;
  }

  .header-section .choose-location {
    padding         : 0px 0px;
    background-color: rgb(227, 100, 44);
  }

  .header-section .choose-location .content-wrap .item-content .small-text {
    font-size: 16px;
    padding  : 10px;
    order    : 2;
    float    : right;
  }

  .header-section .choose-location.show .content-wrap .item-content .location-text {
    display: none;
  }

  .header-section .choose-location.show .content-wrap .item-content .cancel-text {
    display: block;
  }

  .header-section .choose-location .content-wrap .item-icon {
    margin-right: 0px;
    margin-top  : 7px;
  }

  /* header - end */
  /* footer - start */
  .footer-section .container .row .col-lg-3.col-md-12.col-sm-12 .row .col-lg-6.col-md-6.col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex        : 0 0 50%;
    flex            : 0 0 50%;
    max-width       : 50%;
  }

  .footer-section .footer-menu {
    margin-bottom: 40px;
  }

  .footer-section .working-hour {
    margin-bottom: 40px;
  }

  .footer-section .useful-links {
    margin-bottom: 40px;
  }

  .footer-section .newsletter-area {
    margin-bottom: 40px;
  }

  /* footer - end */
  /* breadcrumb - start */
  .breadcrumb-section .gradient-overlay {
    padding-top: 58px;
  }

  .breadcrumb-section .breadcrumb-content {
    padding: 20px 0px;
  }

  .franchise-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 120px;
  }

  .franchise-page .breadcrumb-section .breadcrumb-content .title-text>span {
    font-size: 72px;
  }

  .breadcrumb-section .breadcrumb-content .sub-title {
    font-size: 30px;
  }

  /* breadcrumb - end */
  /* home - start */
  .banner-section .gradient-overlay {
    padding-top   : 80px;
    padding-bottom: 100px;
  }

  .banner-section .banner-content::before {
    width: 35%;
  }

  .trending-section .trending-item-big .item-content {
    width      : 100%;
    padding-top: 40px;
  }

  .trending-section .trending-item-big:before {
    height: 48%;
  }

  .banner-section .banner-content .title-text {
    font-size: 54px;
  }

  .feature-section .feature-item .item-image {
    display: none;
  }

  .feature-section .feature-item .item-content {
    padding-top: 0px;
  }

  .start-section .start-content:before {
    width: 75%;
  }

  .location-section .location-nav>ul>li {
    margin-bottom: 10px;
  }

  .location-section .location-nav>ul>li>a {
    font-size: 26px;
  }

  .location-section .location-nav .vk-carousel-item>a {
    font-size: 26px;
  }

  .location-section .tab-content .tab-pane .map-image>img,
  .location-section .tab-content .tab-pane .location-image>img {
    width  : 100%;
    display: block;
  }

  .location-section .tab-content .tab-pane .location-info {
    margin: 10px 0px;
  }

  .location-section .grid .grid-item,
  .location-section .grid .grid-sizer {
    width: 33.333%;
  }

  .location-section .grid .grid-item-big {
    width: 100%;
  }

  /* home - end */
  /* blog - start */
  .blog-section .blog-item-grid .item-content {
    padding: 30px;
  }

  .blog-section .blog-item .item-content .item-title .title-link {
    font-size: 30px;
  }

  .blog-section .blog-item-fullimage .item-content {
    padding: 30px;
  }

  .blog-section .blog-item .item-content .sub-title {
    font-size    : 20px;
    margin-bottom: 5px;
  }

  .blog-section .blog-item-list .item-content {
    padding: 30px;
  }

  .blog-section .blog-item .item-content .item-title .title-link {
    font-size: 28px;
  }

  .testimonial-section .owl-theme .owl-nav .owl-prev {
    left: 10%;
  }

  .testimonial-section .owl-theme .owl-nav .owl-next {
    right: 10%;
  }

  /* blog - end */
  /* menu - start */
  .menu-section .section-title .title-text .big-text {
    font-size: 92px;
  }

  .start-section.style-2 .start-content:before {
    display: none;
  }

  .start-section.style-2 .start-content {
    text-align: center;
  }

  .start-section.style-2 .start-content .section-title .title-text {
    color: #d55e29;
  }

  .start-section.style-2 .start-content .section-title .single-btn {
    margin-top: 30px;
    text-align: center !important;
  }

  .start-section.style-2 .start-content .section-title {
    padding   : 0px;
    margin-top: 40px;
  }

  /* menu - end */
  /* location - start */
  .location-section .form-wrapper {
    margin-top: 0px;
  }

  .location-section .contact-info>ul>li {
    width     : 100%;
    height    : auto;
    padding   : 15px;
    text-align: center;
  }

  .location-section .contact-info>ul>li .tracking-content {
    margin           : 0px;
    height           : auto;
    height           : 212px;
    padding          : 40px 15px;
    -webkit-transform: translateX(0px);
    transform        : translateX(0px);
  }

  .location-section .contact-info>ul>li .title-area {
    width: 100%;
  }

  .location-section .contact-info>ul>li .title-area .custom-btn {
    width: auto;
  }

  .location-section .contact-info>ul>li .info-item .item-icon {
    width        : 60px;
    float        : none;
    display      : table;
    margin-bottom: 20px;
    margin       : 0px auto 20px;
  }

  .location-section .contact-info>ul>li .info-item {
    max-width: 300px;
    margin   : 0px auto;
  }

  .location-section .contact-info>ul>li .info-item .item-content p {
    font-size: 28px;
  }

  .location-section .contact-info>ul>li .info-item .item-content span {
    font-size: 24px;
  }

  .location-section .contact-info>ul>li .info-item .item-content strong {
    font-size: 36px;
  }

  /* location - end */
  /* franchise - start */
  .contact-section .contact-form .section-title .title-text {
    font-size: 30px;
  }

  .contact-section .contact-form .section-title .title-text .big-text {
    font-size: 96px;
  }

  .contact-section .contact-form .section-title .title-text .big-text .deco-text {
    font-size: 34px;
  }

  .contact-section .contact-form .section-title .title-text .big-text .deco-text small {
    font-size: 24px;
  }

  /* franchise - end */
  /* catering - start */
  .catering-section .image-container {
    margin        : 0px;
    padding-bottom: 0px;
    margin-bottom : 40px;
  }

  .catering-section .image-container .small-image {
    right    : 30px;
    bottom   : 30px;
    max-width: 200px;
  }

  /* catering - end */
  .start-section.style-2 {
    margin-bottom: 60px;
  }

  .sngle-stre img {
    width: 100% !important;
  }
}

/* ====================================================================================================
4 - media screen and (max-width: 991px) - end
==================================================================================================== */
/* ====================================================================================================
5 - media screen and (max-width: 767px) - start
==================================================================================================== */
@media screen and (max-width: 710px) {
  .instagram-section .grid .grid-item-big .section-title .co-logo {
    width: 380px;
  }
}

/* ====================================================================================================
5 - media screen and (max-width: 767px) - end
==================================================================================================== */
/* ====================================================================================================
6 - media screen and (max-width: 680px) - start
==================================================================================================== */
@media screen and (max-width: 680px) {

  /* home - start */
  .trending-section .trending-item-big::before {
    height: 570px;
  }

  .grid-item-big>a {
    display: block;
  }

  .location-section .google-map-2 {
    height       : 300px;
    margin-bottom: 31px;
  }



  @media screen and (max-width: 680px) {
    #footer-section .sec-ptb-140 {
      padding-bottom: 120px;
    }

    .CP-hero-bottom-area .CP-hero-bottom-area-widget-left .lc-big {
      max-width: 190px !important;
    }

    .CP-hero-bottom-area .CP-hero-bottom-area-widget-right .lc-big {
      width: 140px !important;
    }

    .CP-signle-pr-blk img {
      right: 10px !important;
    }

    .CP-signle-pr-blk h2 span {
      font-size: 25px !important;
    }

    .CPC-footer-subs-blk {
      padding-right: 0px;
    }

    .footer-section .copyright-text {
      justify-content: center;
    }
  }

  #map {
    height: 440px !important;
  }

  /* .bg-org{
    margin: 0 14px;
} */
  .insta-left {
    padding-top        : 77px;
    padding-left       : 93px;
    background-position: 0 21px;
    padding-top        : 40px;
    padding-bottom     : 28px;
  }

  .start-section .start-content .info-list>ul>li {
    position    : relative;
    text-align  : left;
    padding-left: 39px;
  }

  #start-section .info-list .far {
    font-size: 27px;
    top      : 6px;
    left     : -27px !important;
    right    : inherit;
    float    : left;
    /* right : 0; */

  }

  .location-section .form-group.m-a label {
    font-weight  : bold;
    display      : block;
    text-align   : center;
    margin-bottom: 5px;
  }

  .form-input-sort {
    width      : 100% !important;
    height     : 51px;
    margin-left: 0;
  }

  /* .location-section .location-nav .owl-nav .owl-prev, .location-section .location-nav .owl-nav .owl-next {
    width: 43px;
    height: 43px;}
 */
  .far {
    font-size: 17px;
    position : absolute;
    top      : -9px;
    left     : 0;
    right    : 0;
    bottom   : 0;
    margin   : auto;
  }

  .location-section .choose-location .content-wrap .item-content .big-text {
    display: none;
  }



  .location-section .location-nav .vk-carousel-item>a {
    font-size: 19px;
  }

  .location-section .location-nav .owl-carousel.owl-drag .owl-item {
    width        : auto !important;
    padding-right: 8px;
  }

  .award-section .award-item::before {
    right            : 0px;
    width            : 100%;
    border           : none;
    -webkit-transform: skewX(0deg);
    transform        : skewX(0deg);
  }

  .award-section .award-item .award-content {
    text-align: center !important;
  }

  .start-section .start-content .section-title {
    text-align: right;
  }

  .start-section.style-2 .start-content .section-title {
    text-align: center;
  }

  /* home - end */
  /* breadcrumb - start */
  .breadcrumb-section .breadcrumb-content .sub-title {
    font-size: 30px;
  }

  /* breadcrumb - end */
}

/* ====================================================================================================
6 - media screen and (max-width: 680px) - end
==================================================================================================== */
/* ====================================================================================================
7 - media screen and (max-width: 580px) - start
==================================================================================================== */
@media screen and (max-width: 580px) {

  /* global - start */
  .mb-60 {
    margin-bottom: 30px;
  }

  .CP-signle-pr-blk h2 {
    font-size: 50px !important;
  }

  .footer-sticky-mobile svg {
    height   : auto !important;
    font-size: 13px !important;
    width    : 13px !important;
    left     : -4px;
  }

  .footer-sticky-mobile a {
    color         : #fff !important;
    color         : #fff !important;
    font-size     : 13px;
    letter-spacing: 0.3px;
  }

  .fixed-bottom {
    padding   : 10px 8px;
    background: #e3642c;
    text-align: center;

  }

  .footer-section .mobile-view .copyright-text {
    margin-bottom: 10px !important;
  }

  .fixed-bottom .row .col-6:first-child {
    padding-right: 0;
  }

  .fixed-bottom .row .col-6:last-child {
    padding-left: 0;
    border-left : 2px solid rgb(243, 159, 122);
  }

  .custom-btn {
    height            : 45px;
    font-size         : 16px;
    min-width         : auto;
    line-height       : 45px;
    padding           : 0px 25px;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow        : 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
  }

  .custom-vk-btn {
    display: block;
    width  : 100%;
  }

  .custom-btn-bordered {
    height     : 50px;
    font-size  : 20px;
    min-width  : auto;
    line-height: 48px;
  }

  .section-title .title-text>.big-text {
    font-size: 35px;
  }

  .section-title .title-text {
    font-size: 24px;
  }

  #backtotop {
    width : 40px;
    height: 40px;
  }

  #backtotop #scroll {
    font-size  : 20px;
    line-height: 42px;
  }

  .section-title .title-text {
    font-size: 20px;
  }

  .section-title p {
    font-size  : 16px;
    font-weight: 400 !important;
    font-family: 'Poppins' !important;
  }

  /* global - end */
  /* footer - start */
  .footer-section .title-text {
    font-size: 12vw;
  }

  .footer-section .working-hour>ul>li>span {
    font-size: 18px;
  }

  .footer-section .working-hour>ul>li>p {
    font-size: 16px;
  }

  .web-view {
    display: none;
  }

  .footer-section .mobile-view {
    display: block;
  }

  /* footer - end */
  /* breadcrumb - start */
  .breadcrumb-section .breadcrumb-content .sub-title {
    font-size: 20px;
  }

  .franchise-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 70px;
  }

  /* breadcrumb - end */
  /* home - start */
  .banner-section .gradient-overlay {
    padding-top   : 100px;
    padding-bottom: 100px;
  }

  .banner-section .banner-content {
    margin-top : 0px;
    padding-top: 50px;
  }

  .banner-section .banner-content .title-text {
    font-size    : 42px;
    margin-bottom: 30px;
  }

  .banner-section .banner-content .sub-title {
    font-size     : 28px;
    letter-spacing: 0px;
  }

  .banner-section .banner-content .single-btn .menu-btn {
    height     : 50px;
    font-size  : 24px;
    min-width  : auto;
    line-height: 50px;
    padding    : 0px 30px;
    border     : 2px solid #ffffff;
  }

  .banner-section .banner-content:before {
    width: 55%;
  }

  .feature-section .feature-item .item-content .item-title,
  .feature-section .feature-item .item-content .item-detail {
    font-size: 16px;
  }

  .trending-section .trending-item-big .item-content .section-title .title-text {
    font-size: 30px;
  }

  .trending-section .trending-item-big .item-content .section-title .title-text .big-text {
    font-size: 54px;
  }

  .trending-section .trending-item-big .item-content .info-list>ul>li {
    font-size: 16px;
  }

  .trending-section .trending-item-big::before {
    height          : 410px;
    background-color: rgba(65, 58, 55, 0.08);
    bottom          : 74px;
  }

  .trending-section .trending-item-big .item-content .btns-group>ul>li {
    width        : 100%;
    margin-right : 0px;
    margin-bottom: 15px;
  }

  .trending-section .trending-item-big .item-content .btns-group>ul>li:last-child {
    margin-bottom: 0px !important;
  }

  .special-section .special-item .item-content {
    padding: 50px 15px !important;
  }

  .special-section .special-item .item-content p {
    font-size: 18px;
  }

  #feature-section .feature-item .item-content .item-detail p {
    font-size: 16px;
  }

  #feature-section .feature-item .item-content p {
    font-size: 16px; 
  }

  .special-section .special-item .item-content .joinus-content .item-title .big-text {
    font-size: 36px;
  }

  .special-section .special-item .item-content .joinus-content .btns-group>ul>li {
    width        : 100%;
    margin-right : 0px;
    text-align   : center;
    margin-bottom: 15px;
  }

  .special-section .special-item .item-content .joinus-content .btns-group>ul>li:last-child {
    margin-bottom: 0px !important;
  }

  .start-section .start-content .section-title .single-btn .custom-btn-bordered {
    min-width: 250px;
  }

  .start-section .start-content .section-title {
    padding: 80px 0px;
  }

  .start-section .start-content::before {
    width: 65%;
  }

  .location-section .location-nav {
    display: none;
  }

  .location-section .grid .grid-item,
  .location-section .grid .grid-sizer {
    width: 50%;
  }

  .location-section .grid .grid-item-big {
    width: 100%;
  }

  .location-section .tab-content .tab-pane .google-map {
    height: 300px;
  }

  .start-section .start-content .section-title .single-btn .custom-btn-bordered {
    min-width: auto;
  }

  .start-section .start-content .section-title {
    text-align: right;
  }

  .start-section .start-content::before {
    width: 70%;
  }

  .location-section .grid .grid-item,
  .location-section .grid .grid-sizer {
    width: 100%;
  }

  .location-section .grid .grid-item>.img-1,
  .location-section .grid .grid-sizer>.img-1 {
    display: none;
  }

  .location-section .grid .grid-item>.img-2,
  .location-section .grid .grid-sizer>.img-2 {
    display: block;
  }

  .contact-section .contact-content>p {
    font-size: 24px;
  }

  /* home - end */
  /* blog - start */
  .blog-section .blog-item .item-content .item-title .title-link {
    font-size: 22px;
  }

  .blog-section .blog-item .item-content .item-title {
    margin-bottom: 15px;
  }

  .blog-section .blog-item .item-content p {
    font-size    : 16px;
    margin-bottom: 15px;
  }

  .blog-section .blog-item .item-content .post-date {
    font-size: 16px;
  }

  .testimonial-section .testimonial-carousel .item .testimonial-item {
    padding   : 20px;
    min-height: auto;
  }

  .testimonial-section {
    padding: 30px 0px;
  }

  .testimonial-section .testimonial-carousel .owl-stage-outer {
    padding: 20px 15px;
  }

  .testimonial-section .owl-theme .owl-nav {
    margin-bottom: 15px;
  }

  .testimonial-section .owl-theme .owl-nav .owl-next,
  .testimonial-section .owl-theme .owl-nav .owl-prev {
    position         : -webkit-sticky;
    position         : sticky;
    -webkit-transform: unset;
    transform        : unset;
  }

  /* blog - end */
  /* menu - start */
  .menu-gallery-section .grid .grid-item,
  .menu-gallery-section .grid .grid-sizer {
    width: 100%;
  }

  .menu-gallery-section .grid .grid-item.grid-item-big .menu-item .item-content .content-wrap .title-text strong {
    font-size: 60px;
  }

  .menu-section .section-title .title-text .big-text {
    font-size: 42px;
  }

  .menu-section .menu-grid-item .image-container {
    width : 200px;
    height: 200px;
  }

  .menu-section .menu-grid-item .item-title {
    font-size: 42px;
  }

  .menu-section .menu-grid-item p {
    font-size: 16px;
  }

  .special-section .special-item .item-content .btns-group>ul>li {
    width        : 100%;
    text-align   : center;
    margin-right : 0px;
    margin-bottom: 15px;
  }

  .special-section .special-item .item-content .btns-group>ul>li:last-child {
    margin-bottom: 0px !important;
  }

  .start-section.style-2 .start-content .section-title {
    text-align: center;
  }

  /* menu - end */
  /* branch - start */
  .special-section .special-item .google-map {
    height: 300px;
  }

  .special-section .special-item .item-content .contact-info .title-text {
    font-size: 40px;
  }

  .special-section .special-item .item-content .office-titme {
    border    : none;
    padding   : 0px;
    width     : 100%;
    display   : block !important;
    margin-top: 30px;
    text-align: center;
  }

  .special-section .special-item .item-content .upcomming-event .item-title {
    font-size: 42px;
  }

  .special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date .date>strong {
    font-size: 36px;
  }

  .special-section .special-item .item-content .upcomming-event>ul>li .event-item .item-date small {
    font-size: 24px;
  }

  .special-section .special-item .item-content .upcomming-event>ul>li .event-item .content-wrap .item-title .title-link {
    font-size: 22px;
  }

  .instagram-section .grid .grid-item,
  .instagram-section .grid .grid-sizer {
    width: 50%;
  }

  .instagram-section .grid .grid-item-big .section-title {
    height : auto;
    padding: 30px;
  }

  .instagram-section .grid .grid-item {
    padding: 5px;
  }

  .instagram-section .grid .grid-item-big .section-title .title-text::before {
    width : 70px;
    height: 70px;
  }

  .instagram-section .grid .grid-item-big .section-title .title-text {
    padding-left: 90px;
  }

  .instagram-section .grid .grid-item-big .section-title .co-logo {
    width: 230px;
    right: -40px;
  }

  /* branch - end */
  /* location - start */
  .location-section .form-wrapper .btns-group>ul {
    float: none;
  }

  .location-section .form-wrapper .btns-group>ul>li {
    width        : 100%;
    margin-right : 0px;
    margin-bottom: 20px;
  }

  .location-section .form-wrapper .btns-group>ul>li:last-child {
    margin-bottom: 0px !important;
  }

  .location-section .form-wrapper .form-item .custom-btn {
    width            : 100%;
    display          : block;
    margin-top       : 10px;
    -webkit-transform: unset;
    transform        : unset;
    position         : static;
  }

  .location-section .form-wrapper .form-item input {
    padding: 0px 20px;
  }

  .location-section .contact-info>ul {
    padding: 20px 0px;
  }

  /* location - end */
  /* franchise - start */
  .contact-section .contact-form .section-title .title-text .big-text {
    font-size: 50px;
  }

  .contact-section .contact-form .section-title .title-text {
    font-size: 24px;
  }

  .contact-section .contact-form .section-title .title-text .big-text .deco-text {
    font-size  : 30px;
    margin-left: 0px;
    text-align : left !important;
  }

  /* franchise - end */
  /* catering - start */
  .catering-section .image-container .small-image {
    right    : 15px;
    bottom   : 15px;
    max-width: 80px;
  }

  .catering-section .contact-form .section-title {
    padding: 20px;
  }

  .catering-page .breadcrumb-section .breadcrumb-content .title-text {
    font-size: 72px;
  }

  .catering-section .contact-form .section-title .title-text .big-text {
    font-size: 30px;
  }

  .catering-section .contact-form .section-title .title-text {
    font-size: 24px;
  }

  .srch-lctn-btn {
    position: absolute;
    top     : 25px;
    right   : -5px;
  }

  /* catering - end */
}

/* ====================================================================================================
7 - media screen and (max-width: 580px) - end
==================================================================================================== */
/* ====================================================================================================
8 - media screen and (max-width: 480px) - start
==================================================================================================== */
/* ====================================================================================================
8 - media screen and (max-width: 480px) - end
==================================================================================================== */
/* ====================================================================================================
9 - media screen and (max-width: 320px) - start
==================================================================================================== */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .v-franchise-portal .list-group-item-action h5 {
    font-size: 14px !important;
  }

  .cp-coming-wrapper .coming-soon .ctdown .time-box {
     margin: 0px 5px;
   }

  .v-franchise-portal .list-group-item-action h5 .active-right-angle {
    font-size: 30px;
  }
   
}

@media screen and (max-width: 330px) {
  .custom-btn {
    padding: 0px 25px;
  }

  .trending-section .trending-item-big::before {
    height: 400px;
  }
  .cp-coming-wrapper .coming-soon .ctdown .time-box {
     margin: 0px 5px;
   }
}

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

  /* global - start */
  .custom-btn {
    padding: 0px 25px;
  }

  /* global - end */
  /* home - start */
  .trending-section .trending-item-big .item-content .info-list>ul>li {
    font-size: 14px;
  }

  /* home - end */

  .cp-coming-wrapper .coming-soon .ctdown .time-box {
     margin: 0px 5px;
   }
}

.btn-change-location {
  display: none;
}

/* ====================================================================================================
9 - media screen and (max-width: 320px) - end
==================================================================================================== */
@media screen and (max-width: 767px) {
  .mobile-menu.sticky-header {
    display: flex !important;
  }

  .btns-list {
    width: 100%;
  }

  .btn-change-location {
    display: block;
  }

  .location-section .tab-content .tab-pane .location-info .custom-btn {
    margin-top: 20px;
  }

  .sticky-header {
    background-color: #000000 !important;
    box-shadow      : none !important;
  }
}

@media screen and (max-width: 991px) {
  .infos-list {
    margin-bottom: 15px !important;
  }

  .sticky-header.stuck:before {
    background-color: #000000 !important;
  }
}

@media screen and (max-width: 1199px) {
  .trending-section .trending-item-big {
    z-index: auto;
  }

  .list-ingredients {
    margin-left: 10% !important;
  }
}

@media screen and (max-width: 320px) {
  .fullscreen-menu-body {
    padding-top   : 20px;
    padding-bottom: 20px;
  }

  .fullscreen-menu-list {
    font-size: 30px;
    grid-gap : 10px;
  }
}

.order-online-modal {
  padding-right: 0px !important;
}

.order-online-modal .modal-dialog {
  margin-top: 10% !important;
}

.order-online-modal .modal-content {
  border          : 0px solid rgba(0, 0, 0, 0) !important;
  background-color: transparent !important;
}

.order-online-modal .modal-header {
  border-bottom: 0px solid rgba(0, 0, 0, 0) !important;
}

.order-online-modal .modal-header h4 {
  color     : #ffffff !important;
  text-align: center !important;
  font-size : 40px !important;
  display   : block !important;
  width     : 100% !important;
}

.order-online-modal .modal-header .close {
  float      : left !important;
  font-size  : 44px !important;
  font-weight: 700 !important;
  color      : #fff !important;
  text-shadow: 0 0 0 #fff !important;
  opacity    : 1 !important;
}

.modal-backdrop.show {
  opacity: .9 !important;
}

.btn-order-online {
  border       : 1px solid #fff;
  border-radius: 0;
  font-size    : 40px;
  color        : #fff;
  line-height  : 1.3;
  margin-bottom: 30px !important;
}

.btn-order-online:hover {
  color: #fff;
}

/* FIX ISSUE */
.location-section .contact-info {
  background: #000 !important;
}

.location-section .location-accordion .card .card-header button {
  background: #000;
}

.footer-section .overlay-image {
  /* background-image: url('../images/background/bg_5-1.png') !important; */
  background-repeat: repeat !important;
  background-size  : contain;
}

#trending-section .btns-group .btns-list li .custom-btn {
  font-size  : 30px;
  line-height: 60px;
  height     : 60px;
  margin-top : 0px;
}

#contact-section .section-title .big-text {
  display: block;
}

#order-online-modal .btn-order-online:hover {
  border: solid 1px #e3642c;
  color : #e3642c;
}

/*#feature-section .feature-item .item-content .item-detail p {
  font-size: 18px;
}*/
#feature-section .feature-item .item-content h3.item-title {
  font-size: 18px;
}

#header-section .choose-location .location-text {
  font-size: 20px;
}

#header-section .choose-location .cancel-text {
  font-size: 20px;
}

#footer-section .fixed-bottom li a {
  display   : block;
  padding   : 20px 10px !important;
  text-align: center;
}

#footer-section .fixed-bottom li {
  width : 33.33%;
  margin: 0;
}

#footer-section .fixed-bottom ul {
  display        : flex;
  justify-content: space-between;
}

#footer-section .fixed-bottom {
  padding: 0;
}

#footer-section .footer-sticky-mobile svg {
  height : 20px !important;
  width  : 20px !important;
  display: block;
  margin : auto;
}

#footer-section .footer-sticky-mobile span {
  display   : block;
  margin-top: 10px;
}

#footer-section .fixed-bottom {
  background: #444444;
}

#footer-section .fixed-bottom li:nth-child(2) {
  background-color: #e3642c;
}

.st0 {
  stroke           : #ffffff;
  stroke-width     : 20;
  stroke-miterlimit: 10;
}

@media screen and (max-width: 1200px) {
  .special-section .special-item .item-content {
    padding        : 100px;
    background-size: 190%;
  }
}

@media screen and (max-width: 991px) {
  .header-section .row {
    margin: 0;
  }

  .header-section .row .col-lg-3 {
    padding: 0;
  }
}

@media screen and (max-width: 680px) {
  .sec-ptb-140 {
    padding: 20px 0px 0px 20px;
  }
}

@media screen and (max-width: 580px) {
  .fixed-bottom {
    padding: 15px 8px;
  }

  .footer-sticky-mobile a {
    font-size: 14px;
  }
}

.order-online-modal .fullscreen-menu-header {
  background: #000000;
}

@media screen and (min-width: 992px) {
  .order-online-modal .fullscreen-menu-header {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .order-online-modal .modal-dialog {
    max-width: 100% !important;
    margin   : 0 !important;
  }

  .order-online-modal .modal-header .close {
    display: none;
  }
}



.location-results {
  font-size    : 20px;
  color        : #ffffff;
  font-weight  : 400;
  margin-bottom: 5px;
  text-align   : center;
}

/* Ashish sahu 23-07-2020 */

.header-section .middle-wrapper .main-menubar ul .cpc-order-now-btn a {
  background-color: #000;
  color           : #fff;
  padding         : 11px 23px;
}

.header-section .middle-wrapper .main-menubar ul .cpc-order-now-btn a:hover {
  background-color: #d65e29;
  color           : #ffff;
}

.header-section .middle-wrapper .main-menubar ul {
  margin         : 0 0 auto auto;
  display        : flex;
  align-items    : center;
  justify-content: flex-end;
}

.CPC-footer-logo {
  text-align: center;
  max-width : 250px;
  margin    : 0 auto;
}

.CPC-footer-subs-blk {
  padding-right: 100px;
}

#footer-section .overlay-image {
  padding    : 50px 0px;
  padding-top: 40px;
}

.pt-100 {
  padding-top: 100px;
}

.mark-d-desc p a {

  color: #000;
}

.v-location-map {
  height: 662px;
}

.v-franchise-portal {
  padding: 50px 0px;
}

.franchise-forms {
  padding-right: 0px !important;
  padding-left : 0px !important;
}

body {
  width      : 100%;
  max-width  : 100%;
}

body.modal-open {
  position: fixed;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

.modal {
  -webkit-overflow-scrolling: touch;
}

.franchise-forms .form-group .required .control-label:after {
  content: "*";
  color  : red;
}

.v-icon {
  border-radius: 50%;
  width        : 76px;
  height       : 76px;
  padding      : 15px;
  background   : #d87a4f;
  color        : #fff;
  text-align   : center;
  margin-right : 20px;
}

.v-icon i {
  vertical-align: middle;
  font-size     : 36px;
}

.custom-d-checkbox-container {
  max-width: 550px;
}

.custom-d-checkbox {
  background-color: #e2e2e2;
  display         : block;
  margin          : 10px 0;
  position        : relative;
}

.custom-d-checkbox label {
  padding   : 12px 12px;
  width     : 100%;
  display   : block;
  text-align: left;
  color     : #3c454c !important;
  cursor    : pointer;
  position  : relative;
  z-index   : 2;
  transition: color 200ms ease-in;
  overflow  : hidden;
  font-size : 16px;
}

.custom-d-checkbox label:before {
  width           : 10px;
  height          : 10px;
  border-radius   : 50%;
  content         : '';
  background-color: #17b163;
  position        : absolute;
  left            : 50%;
  top             : 50%;
  transform       : translate(-50%, -50%) scale3d(1, 1, 1);
  transition      : all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity         : 0;
  z-index         : -1;
}

.custom-d-checkbox label:after {
  width              : 32px;
  height             : 32px;
  content            : '';
  border             : 2px solid #d1d7dc;
  background-color   : #fff;
  background-image   : url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat  : no-repeat;
  background-position: 2px 3px;
  border-radius      : 50%;
  z-index            : 2;
  position           : absolute;
  right              : 30px;
  top                : 50%;
  transform          : translateY(-50%);
  cursor             : pointer;
  transition         : all 200ms ease-in;
}

.custom-d-checkbox input:checked~label {
  color: #fff !important;
}

.custom-d-checkbox input:checked~label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity  : 1;
}

.custom-d-checkbox input:checked~label:after {
  background-color: #17b163;
  border-color    : #1fcc00;
}

.custom-d-checkbox input {
  width     : 32px;
  height    : 32px;
  order     : 1;
  z-index   : 2;
  position  : absolute;
  right     : 30px;
  top       : 50%;
  transform : translateY(-50%);
  cursor    : pointer;
  visibility: hidden;
}

.card-loder-container {
  height          : 100%;
  position        : absolute;
  z-index         : 9999999999;
  background-color: #ececec;
  width           : 100%;
  opacity         : .75;
}

.card-loder-container span {
  position : absolute;
  top      : 45%;
  right    : 45%;
  font-size: 40px;
}

.inpt-space {
  margin-top: 141px;
}

.employee-container {
  padding-right: 10px;
  padding-left: 10px;
}

.radio-item{
  margin-bottom: 30px;
}