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

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

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

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




@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?5ypaoa');
  src:  url('../fonts/icomoon.eot?5ypaoa#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?5ypaoa') format('truetype'),
    url('../fonts/icomoon.woff?5ypaoa') format('woff'),
    url('../fonts/icomoon.svg?5ypaoa#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-1:before {
  content: "\e900";
  color: #5d5e5e;
}
.icon-2:before {
  content: "\e901";
  color: #5d5e5e;
}
.icon-3:before {
  content: "\e902";
  color: #5d5e5e;
}
.icon-4:before {
  content: "\e903";
  color: #5d5e5e;
}
.icon-5:before {
  content: "\e904";
  color: #5d5e5e;
}
.icon-6:before {
  content: "\e905";
  color: #5d5e5e;
}
.icon-7:before {
  content: "\e906";
  color: #5d5e5e;
}
.icon-8:before {
  content: "\e907";
  color: #5d5e5e;
}
.icon-9:before {
  content: "\e908";
  color: #5d5e5e;
}
.icon-10:before {
  content: "\e909";
  color: #5d5e5e;
}
.icon-11:before {
  content: "\e90a";
  color: #5d5e5e;
}
.icon-12:before {
  content: "\e90b";
  color: #5d5e5e;
}
.icon-13:before {
  content: "\e90c";
  color: #5d5e5e;
}
.icon-14:before {
  content: "\e90d";
  color: #5d5e5e;
}



body,
html {
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}


body {
    font-family: 'SegoeUI-Light';
	color: #4d4d4d;
	font-size: 18px;
	line-height: 22px;
}

.container{
	width: 1200px;
	max-width: none;
}


h1, h2, h3, h4{
	font-family: 'SegoeUI-Light';
}


a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
	color: #4d4d4d;
}
a:hover {
	color: #777;
}


h1{
    font-size: 36px;
	line-height: 40px;
}


h2{
	font-size: 34px;
	line-height: 38px; 
}

h3{ 
 	font-size: 22px;
	line-height: 28px;
	font-family: 'SegoeUI';
}

h4{
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0px;
}

p {
    font-size: 18px;
    line-height: 22px;
}

p.strong{
	font-family: 'SegoeUI-Semibold';
}

p.small {
    font-size: 15px;
    line-height: 18px;
}

p strong{
	font-family: 'SegoeUI-Semibold';
	font-weight: normal;
}

ul{
	margin: 0px;
	list-style: none;
	padding: 0;
	margin-bottom: 15px;
}

.details ul li {
    margin: 0;
    position: relative;
    padding-left: 12px;
	margin-bottom: 4px;
}

.details ul li::before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #dd2c25;
    display: block;
    position: absolute;
    top: 7px;
    left: 0px;
}

figure{
	margin: 0px;
}

.letter-spacing{
	letter-spacing: 1px;
}

.bg-blue{
	background: #0197d6 !important;
}

.bg-black{
	background: #515151;
}


.bg-grey{
	background: #f2f5f7;
}

.bg-grey-dark{
	background: #adbfd0;
}

.border-grey{
	border: 1px solid #e5e5e5;
}


.text-blue{
	color: #01a3de;
}


.text-black{
	color: #4d4d4d;
}

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

.form-control:focus{
	box-shadow: none;
}

.paddingZero{
	padding: 0px;
}

.btn-primary {
    background: #dd2c25;
	font-size: 13px;
    padding: 11px 30px;
	font-family: 'SegoeUI-Semibold';
	border-radius: 0px;
	border: 0px;
	text-transform: uppercase;
}
.btn-register {
  background: #dd2c25;
  font-size: 12px;
  padding: 8px 25px;
  font-family: 'SegoeUI-Semibold';
  border-radius: 0px;
  border: 0px;
  text-transform: uppercase;
  color: #fff;
}
.btn-primary:hover{
	background: #1c1c1c;
	border-color:transparant;
}
.btn-register:hover{
	background: #1c1c1c;
	color:#fff;
	box-shadow: none;
}
.btn-register:focus{
	box-shadow: none;
}

.fixed-top .btn-register{
	border:1px solid #fff;
}
.btn-secondary {
    background: #fff;
	font-size: 13px;
    padding: 11px 24px;
	font-family: 'SegoeUI-Semibold';
	border-radius: 0px;
	border: 0px;
	color: #1c96ce;
}

.btn-secondary:hover {
    background: #f2f5f7;
	color: #163242;
}

.bg-gradient{
	background: rgb(1,167,225);
	background: -moz-linear-gradient(180deg, rgba(1,167,225,1) 0%, rgba(1,125,195,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,167,225,1) 0%, rgba(1,125,195,1) 100%);
	background: linear-gradient(180deg, rgba(1,167,225,1) 0%, rgba(1,125,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01a7e1",endColorstr="#017dc3",GradientType=1);

}

.preLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #dd2c25;
    z-index: 10;
    display: table;
}

.preLoaderContent {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}


.lds-ellipsis {
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: auto;
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ffffff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

#scroll {
    position: fixed;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #333;
    text-indent: -9999px;
    display: none;
    z-index: 2;
    border: 1px solid #838383;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#000;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/*----------------- Header -------------------*/


header{
	position: fixed;
	width: 100%;
	z-index: 2;
	top: 45px;
	
}

header .logo {
	
}

header .logo img.logo-c {
	width: 220px;
	display: block.
}

header .logo img.logo-w {
	display: none;
}

header.fixed-top{
  animation: smoothScroll 0.5s forwards;
  background: url('../images/sticky-bg.jpg');
/*	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
*/}

header.fixed-top .logo img.logo-w {
    width: 160px;
    margin: 10px 0px;
	display: block;
}

header.fixed-top .logo img.logo-c {
	display: none;
}

header.fixed-top  .navbar {
    margin-top: 22px;
}

header.fixed-top .navbar .navbar-nav.mainMenu a.nav-item,
header.fixed-top .navbar .navbar-nav.mainMenu a.nav-item::before, 
header.fixed-top .navbar .navbar-nav.mainMenu div.btn-group::before,
header.fixed-top .dropdown-toggle {
	color: #fff !important;
}


@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}






.dropdown-menu {
    border-radius: 0px;
	left: 0px;
}

.dropdown-toggle{
	font-size: 14px;
}


.dropdown-toggle:hover{
	border-bottom: 5px solid transparent !important;
}

.navbar .navbar-nav.mainMenu a.dropdown-item {
    padding: 7px 15px 7px 18px;
	border-bottom: 0px solid transparent;
	font-size: 14px;
	color: #515151;
	margin: 0px;
	position: relative;
	border-bottom: 1px solid #ccc;
	font-family: 'SegoeUI';
}



.navbar .navbar-nav.mainMenu a.dropdown-item:last-child {
	border: 0px;
}

.navbar .navbar-nav.mainMenu a.dropdown-item:hover{
	background: #dd2c25;
	color: #fff;
}

.navbar .navbar-nav.mainMenu a.dropdown-item.active{
	background: transparent;
	color: #515151;
}


@media all and (min-width: 992px) {

 
.navbar .btn-group:hover .dropdown-menu{
	transition: .2s; 
	opacity:1; 
	visibility: visible; 
	top:100%; 
	transform: rotateX(0deg); 
		background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4e4e4",GradientType=1);
	border: 0px;
	border-top: 4px solid #dd2c25;

}

.navbar .btn-group:hover .dropdown-menu::before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #dd2c25;
    border-left: 8px solid transparent;
    display: block;
    position: absolute;
    top: -19px;
    left: 17%;
    border-right: 8px solid transparent;
}

.navbar .dropdown-menu{
	border-radius: 0px;
	display:block; 
	opacity: 0;  
	visibility: hidden; 
	transition:.3s; 
	z-index: -1;
	padding: 0px;
}

.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:180%;  }

}

.dropdown-item {
    padding: 5px 15px;
	border-bottom: 1px solid #cdd3d5;
	font-size: 14px;
}

.dropdown-item:last-child {
	border: 0px;
}

.dropdown-item:hover{
	background: #0e7bbb;
	color: #fff;
}

.navbar{
	padding: 0px;
	z-index:1;
	background: transparent;
}

.navbar-dark .navbar-toggler {
    border: 0px;
	background: #dd2c25;
	color: #fff;
	border: 1px solid #ccc;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.mainMenu {
    list-style: none;
}

.navbar .navbar-nav.mainMenu a.nav-item {
    color: #4d4d4d;
    font-size: 17px;
	font-family: 'SegoeUI';
    padding-top: 0;
    margin-left: 20px;
    text-decoration: none;
	position: relative;
}

.navbar .navbar-nav.mainMenu a.nav-item:last-child {
    padding-right: 0;
}

.dropdown-toggle {
    color: #4d4d4d !important;
	font-family: 'SegoeUI';
	font-size: 17px;
}

.navbar .navbar-nav.mainMenu a.nav-item::before,
.navbar .navbar-nav.mainMenu div.btn-group::before {
    content: "|";
    margin-right: 12px;
    position: absolute;
    left: -17px;
	color: #4d4d4d;
}
.navbar .navbar-nav.mainMenu div.btn-group {
    margin: 0px 14px 0 29px;
}

.navbar .navbar-nav.mainMenu a:first-child::before {
	display: none;
}


.navbar .navbar-nav.mainMenu a.nav-item:hover,
.navbar .navbar-nav.mainMenu a.nav-item:focus, 
.navbar .navbar-nav.mainMenu a.nav-item.active {
    border-bottom: 3px solid #dd2c25;
}

header.fixed-top .navbar .navbar-nav.mainMenu a.nav-item:hover,
header.fixed-top .navbar .navbar-nav.mainMenu a.nav-item:focus, 
header.fixed-top .navbar .navbar-nav.mainMenu a.nav-item.active {
    border-bottom: 3px solid #fff;
}

.banner-slider {
	
}

.banner-slider div{
	position: relative;
}

.banner-slider aside {
    width: 1200px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
}

.banner-slider aside.subpage {
    bottom: 0px;
    top: unset;
}

.banner-slider aside div {
    width: 600px;
	padding-left: 15px;
	padding-right: 15px;
}

.banner-slider aside h2{
	font-size: 50px;
	line-height: 55px;
	letter-spacing: -1px;
}

.banner-slider aside h2 small{
	font-size: 13px;
	display: block;
	font-family: 'SegoeUI-Semibold';
}

.banner-slider aside p {
    font-size: 20px;
    line-height: 25px;
}

.banner-slider figure {
    width: 100%;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
}

.banner-slider figure img{
	width: 100%;
}

.banner-slider .slick-dots {
    bottom: 45px;
}

.banner-slider.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.banner-slider .slick-dots li{
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
}


.banner-slider .slick-dots li button{
  width: 14px;
  height: 14px;
}
.banner-slider .slick-dots li.slick-active,
.banner-slider .slick-dots li:hover{
  background: #dd2c25;
}
.banner-slider .slick-dots li button,
.banner-slider .slick-dots li button:before{
  color: transparent;
  opacity: 0;
}


.parent-wrapper {
  height: 100%;
  width: 100%;
}
.parent {
  display: flex;
  flex-wrap: wrap;
}

.child {
  flex: 1 0 12%; 
  margin: 13px;
}


.services a{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4e4e4",GradientType=1);
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	display: block;
	width: 100%;
	padding: 10px 10px 2px 10px;
}

.services a:hover{
	text-decoration: none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}



.services a span{
      transition: transform 0.6s;
      transform-style: preserve-3d;
	  display: inline-block;
}
.services a:hover span{
	-webkit-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.services a span i::before {
    font-size: 70px;
    color: #4d4d4d;
}

.services a h3 {
    color: #4d4d4d;
    font-size: 12px;
    font-family: 'SegoeUI-Semibold';
    line-height: 15px;
    margin: 5px auto;
    min-height: 50px;
}

.services a:hover h3{
	color: #dd2c25;
}

/*#tab-reserv, #order-table, #feedback {
	border-bottom: 1px solid #ccc;
	background-size: cover;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.53);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.53);

}*/


#tab-reserv {
/*    background: url('../images/bg-09.png') no-repeat fixed center center;
	background-size: cover;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
*/}

#order-table {
}

#digital-menu {
}

#order-online {
}

#feedback {
}

#order-mgt {
}

.easy-start{
    background: url('../images/bg-07.jpg') no-repeat right center;
	background-size: cover;
}

.feature-box h2{
	/*font-size: 45px;*/
}

.feature-box p{
	font-size: 20px;
	line-height: 25px;
}


.enquiry {
    background: url('../images/bg-08.png') #f0f0f2 no-repeat right bottom;
}

.enquiry .input-group {
    margin: 0 auto;
}

.enquiry .form-control, 
.enquiry .custom-select {
    background-color: #f8f7f9;
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 42px;
    font-size: 13px;
	color: #000;
	box-shadow: none;
}

.enquiry .form-control::placeholder{
	color: #000;
	font-size: 13px;
}

/*.enquiry .custom-select{
	font-family: 'SegoeUI-Semilight';
}
*/
.enquiry textarea.form-control{
	height: 140px;
}

select option.d-option {
    font-family: 'verdana' !important;
}




footer{
	background: #1c1c1c;
	color: #fff;
}

footer p{
	font-size: 13px;
	color: #fff;
}

footer a, footer a:hover {
    font-size: 13px;
    color: #9b9b9b;
    display: block;
    font-family: 'SegoeUI';
    margin-bottom: 4px;
}

#accordion{
	border-radius: 0px;
}

#accordion .card {
    border-radius: 0px;
}

#accordion .card-header {
    border-bottom: 0px;
    padding: 8px 4px;
}

#accordion .btn-link {
    width: 100%;
	text-align: left;
	text-decoration: none;
	color: #dd2c25;
	font-family: 'SegoeUI';
	
}

#accordion .btn-link i{
	float: right;
	display: none;
	margin-left: 4px;
}

#accordion .btn-link i::before {
    color: #dd2c25;
    font-size: 20px;
}

#accordion .btn-link.collapsed i.fa-plus-square {
    display: block;
}

#accordion .btn-link.collapsed i.fa-minus-square {
    display: none;
}

#accordion .btn-link i.fa-minus-square {
    display: block;
}

#accordion .btn-link i.fa-plus-square {
    display: none;
}

.filter-option-inner-inner {
    color: #4d4d4d;
}

.bootstrap-select{
	border: 1px solid #ccc;
	width: 100% !important;
}

.bootstrap-select > .dropdown-toggle {
    font-family: 'SegoeUI-Light';
    font-size: 14px;
    padding: 8px 14px;
}

.bootstrap-select .dropdown-toggle:hover {
    border-bottom: 0px solid transparent !important;
}

.bootstrap-select .dropdown-toggle::after {
	border-top: 0.3em solid #4d4d4d;
}

.bootstrap-select .dropdown-menu{
    width: 320px !important;
    min-width: unset !important;
}

.bootstrap-select ul.dropdown-menu{
	width: 100% !important;
	min-width: 100% !important;
}


.bs-actionsbox .btn-group button {
    background: #dae0e5;
}



footer h3 {
	font-size: 16px;
	line-height: 15px;
	font-family: 'SegoeUI-Semibold';
	margin-bottom: 15px;
}

footer .media i::before {
    color: #9b9b9b;
    font-size: 19px;
}

footer .media a:hover i::before {
    color: #01a6e0;
}

footer .media i{
	margin-top: 5px;
}

.copyright{
	border-top: 1px solid #3a3a3a;
}

.copyright p a, .copyright p {
    display: inline-block;
	color: #9b9b9b;
	font-size: 12px;
}




.bg-shadow{
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.2);
}

.btn-primary, .btn-secondary, footer .media a i, .photo-gallery a span, .box-item figure img{
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.modal-md {
	max-width: 700px;
}

.features-list {
	display: grid;
	justify-content: space-between;
	padding: 0;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	list-style: disclosure-closed;
	list-style-position: inside;
}

.features-list li {
	padding: 0px 10px;
	font-size: 1rem;
	font-family: 'SegoeUI';
}


.features-list li::marker {
	color: #dd2c25;

}


@media only screen and (max-width:1200px) {
	
	.container {
		width: 100%;
		max-width: unset;
	}
	
	.banner-slider aside {
		width: 100%;
	}
	
	.banner-slider aside div {
		width: 100%;
		padding: 0px 20px;
	}
	
	
	
	.copyright .text-right,
	.newsletter .text-right {
		text-align: left !important;
	}
	
	
}

@media only screen and (max-width:991px) {
	
	header {
		position: fixed;
		top: 0;
		background: url('../images/sticky-bg.jpg');
	}
	
	.banner {
		margin-top: 56px;
	}
	
	header .logo{
		position: absolute;
	}
	
	header .logo img.logo-c{
		display: none;
	}
	
	header .logo img.logo-w{
		display: block;
		width: 130px;
		margin-top: 8px;
	}
	
	
/*	.logo img, 
	header.fixed-top .logo img {
		width: 130px;
		margin-top: 6px;
	}
*/	
	.navbar {
		padding: 10px;
		padding-right: 0px;
	}
	
	
	header.fixed-top .navbar {
		margin-top: 0px;
	}
	
	.navbar-collapse {
		margin-top: 5px;
	}

	.navbar .navbar-nav.mainMenu a.nav-item::before, 
	.navbar .navbar-nav.mainMenu div.btn-group::before {
		display: none;
	}
	
	.navbar .navbar-nav.mainMenu a.nav-item,
	.navbar .navbar-nav.mainMenu a.nav-item:hover,
	.navbar .navbar-nav.mainMenu div.btn-group {
		text-align: left;
		background: transparent;
		padding: 8px 15px;
		color: #fff;
		margin-left: 0px;
		font-family: 'SegoeUI';
		font-size: 16px;
	}
	
	.navbar .navbar-nav.mainMenu div.btn-group {
		background: #transparent;
		color: #fff;
		margin: 0px;
	}
	
	.navbar .navbar-nav.mainMenu div.btn-group > a{
		color: #fff !important;
		font-family: 'SegoeUI';
		font-size: 16px;
	}
	
	
	
	.navbar-nav .dropdown-menu {
		background: #ececec;
		border: 0px;
		position: absolute;
		width: 100%;
		padding: 0px;
	}
	
	.navbar-nav .dropdown-item {
		border-bottom: 0px;
	}
	
	.navbar .navbar-nav.mainMenu a.nav-item:hover, 
	.navbar .navbar-nav.mainMenu a.nav-item:focus, 
	.navbar .navbar-nav.mainMenu a.nav-item.active {
		border-bottom: 0;
	}
	
	
	.child {
		flex: 1 0 20%;
	}
	
	footer a, footer a:hover {
		margin-bottom: 11px;
		line-height: 15px;
	}

	
	

	
}

@media only screen and (max-width:767px) {
	
	
	h1 {
		font-size: 26px;
		line-height: 28px;
	}
	
	h1 br {
		display: none;
	}
	

	.banner-slider aside h2 {
		font-size: 25px;
		line-height: 28px;
	}
	
	
	
	.banner-slider aside p{
		display: none;
	}
	

	.btn-primary {
		padding: 6px 18px;
	}
	
	.slick-dotted.slick-slider {
		margin-bottom: 45px;
	}
	
	footer h3 {
		margin: 25px 0 15px;
	}
	
	
	.child {
		flex: 1 0 22%;
	}
	
	#order-online > div {
		background: rgba(255,255,255,0.7);
	}

	
	
}

@media only screen and (max-width:640px) {
	
	.child {
		flex: 1 0 22%;
	}
	
	
	
}

@media only screen and (max-width:576px) {
	
	
	.child {
		flex: 1 0 32%;
	}
	
	
	
	
}

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

	
	
}