/* =================reset css starts here================= */
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul { list-style:none; }
a:focus, input:focus, textarea:focus, *:focus { outline:0 !important; box-shadow:none !important; }
.nobg { background:transparent !important; }
/* =================reset css ends here================= */
html, body{height:100%;}
body {  font-size:14px; line-height:24px;  font-weight:300; font-family:'open sans'; color:#000; background:#f5f5f5 url(../images/bg.jpg) repeat center center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.container { width:100%; max-width:1300px;}
a, input, button { text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color:#ebae5d; text-decoration: none;}
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color:inherit; }
::-webkit-input-placeholder {color:#999; opacity: 1;}
::-moz-placeholder {color:#999; opacity: 1;}
:-moz-placeholder {color:#999; opacity: 1;}
:-ms-input-placeholder {color:#999; opacity: 1;}
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; margin-bottom:15px; line-height:1.2; font-weight:400; font-family:'Glass Antiqua'; color:inherit;}
h1 {font-size: 60px;}
h2 {font-size: 48px;}
h3 {font-size: 40px;}
h4 {font-size: 32px;}
h5 {font-size: 26px;}
h6 {font-size: 22px;}
p { margin:0px; padding:0px; margin-bottom:25px; }
b{font-weight:600;}
strong{font-weight:700;}
p:last-child { margin-bottom:0; }
.large-para{font-size:18px; line-height:27px; color:#000;}
.mar-40{margin-bottom:40px !important;}
.mar-30{margin-bottom:30px !important;}
.no-mar{margin:0 !important;}
.no-pad{padding:0 !important;}
.btn{border-radius:50px;font-weight:400;padding: 12px 30px;font-size: 15px;box-shadow:none; font-family:'Montserrat';}
.btn-default {color: #fff; background-color:#ebae5d;  border:solid 1px #ebae5d;  }
.btn-default:hover, .btn-default:focus, .btn-default:active{ color:#ebae5d ; background-color: transparent; border-color: #ebae5d;}
.btn-primary {color: #ebae5d; background-color:transparent;  border:solid 1px #ebae5d;  }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{ color: #fff; background-color: #ebae5d; border-color: #ebae5d;}
.btn-second {color: #fff; background-color:#ebae5d;  border:solid 1px #ebae5d;  }
.btn-second:hover, .btn-second:focus, .btn-second:active{ color: #fff; background-color: #000; border-color: #000;}
.btn.btn-lg{padding:18px 40px !important;}
.btn + .btn{margin-left:10px;}
.os-animation{opacity: 0;}
.os-animation.animated{opacity: 1;}
iframe{border:0; width:100%; height:auto;}
/* ===================== PRELOADER  start======================== */
.preloader{position:fixed;z-index:99999;top:0;left:0;background:#fff;width:100%;height:100%;text-align:center}.spinner{position:relative;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);display:inline-block;background-color:#000;width:40px;height:40px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}.loaded .preloader{visibility:hidden;opacity:0;-webkit-transition:ease-out .2s;-moz-transition:ease-out .2s;-o-transition:ease-out .2s;transition:ease-out .2s}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
/* ===================== PRELOADER  end======================== */
.search-box-outer{position:fixed; width:100%; height:60px; float:left; background:#fff; z-index:99999999; left:0;   transition: all 0.2s ease-in; top:-60px;}
.search-box{width:100%;position:relative; padding-right:60px;}
.search-box .form-control, .search-box .form-control:focus{height:60px; border:0; box-shadow:none !important; font-size:24px;}
.close-search{width: 60px; height: 60px; float: left; position: absolute; top: 0; right: 0; font-size: 24px;  line-height: 60px; text-align: center;}
.show-search .search-box-outer{top:0;}
.search-box-outer .container{padding:0;}
/* ================= Header start ================= */
header{ background:transparent;width: 100%;position:fixed;top:0px;left:0;top:0;color: inherit;-webkit-backface-visibility: hidden;backface-visibility: hidden; z-index: 9999;font-weight:nrmal; font-family:'Glass Antiqua'; font-size:15px; color: #fff; transition: all 0.1s ease-in;border-bottom: solid 1px rgba(255,255,255,0.2);} 
header.fixed{-webkit-box-shadow:0 4px 10px -8px rgba(0,0,0,0.45);  box-shadow:0 4px 10px -8px rgba(0,0,0,0.45); border:0; color:#000; }
header:after{content:''; position:absolute; left:0; top:0; right:0; height:0; width:100%; background:#fff; transition: all 0.2s ease-in; }
.header-bar{display:block; margin:0 -15px; position:relative; z-index:999;}
header.fixed:after{height:100%;}
header .logo-dark{display:none;}
header .logo-light{display:block;}
header.fixed .logo-dark{display:block;}
header.fixed .logo-light{display:none;}
.logo{float:left;width: 120px;padding: 15px;height: 60px; position:relative; z-index:20;}
.logo a{float:left;}
.logo small{position:absolute;left:100%;top:50%;text-align:center;margin-top: -8px;border-left: solid 1px #fff;font-size: 15px;line-height: 10px;padding: 5px 10px; opacity:0.5;}
.navbar-default .navbar-nav > li > a{color:inherit; padding:10px 15px;}
.navbar-default .navbar-nav > li > a.hero-btn{background:#ebae5d !important; border-radius:40px; color:#000 !important; padding:10px 20px;}
.navbar-default .navbar-nav > li > a.hero-btn:hover, .navbar-default .navbar-nav > li > a.hero-btn:focus{color:#000 !important;}
.navbar-default .navbar-nav > li > a:hover{color:#ebae5d;}
.navbar-default .navbar-nav > li > a:focus{color:inherit;}
.navbar-right{margin:0;}
.navbar-default{background:transparent; border:0; margin:0; box-shadow:none; z-index:10;}
.navbar-nav > li{padding:10px 5px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#ebae5d; background:transparent;}
.navbar-toggle { padding:0; border:0; background:transparent; right:0; left:auto; margin-top:18px; margin-left:12px; position:absolute;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:transparent; }
.navbar-toggle { width:30px; height:24px; cursor:pointer; text-decoration:none; }
.navbar-toggle .icon-bar { position:relative; display:inline-block; width:28px; height:1px; color:#243238; text-indent:-55px; background:transparent!important; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; vertical-align:middle; }
.navbar-toggle .icon-bar:before, .navbar-toggle .icon-bar:after { content:''; width:28px; height:1px; background:#fff; position:absolute; left:0; transition:all .2s ease-out; }
.navbar-toggle.collapsed .icon-bar { background:#fff!important; }
.navbar-toggle.collapsed .icon-bar:before, .navbar-toggle.collapsed .icon-bar:after { background:#fff; }
.fixed .navbar-toggle.collapsed .icon-bar { background:#000 !important; }
.fixed .navbar-toggle.collapsed .icon-bar:before, .fixed .navbar-toggle.collapsed .icon-bar:after, .fixed .navbar-toggle .icon-bar:before, .fixed .navbar-toggle .icon-bar:after { background:#000; }
.navbar-toggle.collapsed .icon-bar:before { top:-8px; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); transform:rotateZ(0deg); }
.navbar-toggle .icon-bar:before { top:0; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -ms-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
.navbar-toggle.collapsed .icon-bar:after { bottom:-8px; -webkit-transform:rotateZ(0deg); -moz-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -o-transform:rotateZ(0deg); transform:rotateZ(0deg); }
.navbar-toggle .icon-bar:after { bottom:0; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -ms-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }
.header-right{ float:right;  z-index:20;position:relative; margin:0 15px;}
.search-icon{float:left; height:60px; border-left:solid 1px rgba(255,255,255,0.2);transition:border-color .5s ease-out;}
.search-icon a{float:left; line-height:20px; padding:20px; font-size:20px;}
ul.social-links{display:inline-block; vertical-align:top;}
header ul.social-links{border-left:solid 1px rgba(255,255,255,0.2); border-right:solid 1px rgba(255,255,255,0.2); padding:10px; transition:border-color .5s ease-out;}
ul.social-links li{float:left;} 
ul.social-links li a{float:left; line-height:20px; padding:10px; font-size:13px;} 
header.fixed ul.social-links, header.fixed .search-icon{border-color:#f1f1f1;}
header.fixed .logo small{border-color: rgba(0,0,0,0.2)}
/* ================= Header end ================= */
/* ================= Hero Section start ================= */
.hero-container{position:relative; height:100%; color:#fff;}
.hero-slide{width:100%; height:100%; display:table;  background-position:center top; background-size:cover; background-repeat:no-repeat;  }
.slick-list, .slick-track{height:100% !important;}
.hero-slide-content{display:table-cell; vertical-align:middle;position:relative; z-index:99; background:rgba(0,0,0,0.6); }
.hero-slide-content h6{color:#fff;  font-size:18px; position:relative; padding-bottom:15px; margin-bottom:5px; font-weight:400; letter-spacing:6px; color:#ebae5d;}
.hero-slide-content h3{font-size:80px; line-height:1.2; margin-bottom:15px;}
.hero-slide-content h3 span{color:#ebae5d;} 
.hero-slide-content p{font-size:16px;line-height:1.7;}
.slide-content{margin-top:50px; padding:0 30px;}
.slick-dots li.slick-active button, .slick-dots li:hover button{background:#ebae5d; border-color:#ebae5d;}
/* ================= Hero Section end ================= */
/* ================= About Section start ================= */
.section{border-bottom:1px solid #d7cdbc; padding:100px 0;}
.heading-container{text-align:center; margin-bottom:70px;}
.heading-container h6{font-family:'Glass Antiqua'; font-size:44px; font-weight:400; position:relative;margin-bottom:10px; }
.heading-container h3{margin:0;}
.heading-container p{max-width:480px; margin:0 auto; font-size:15px;}
.heading-icon{width:80px; height:80px; display:inline-block; vertical-align:top; border-radius:50%; margin-bottom:20px; font-size:80px; color:rgba(0,0,0,0.2);}
.about-img{width:100%; display:inline-block; vertical-align:top; box-shadow:15px 15px 0px rgba(0,0,0,0.1);}
.partition{display:inline-block; width:100%; margin:10px 0; height:1px; vertical-align:top;}
.partition:before{content:''; display:inline-block; vertical-align:top; width:40px; background:#d1d1d1; height:1px;}
.content-container{}
blockquote{ font-weight:400; font-family:'Glass Antiqua'; font-size:24px; line-height:1.5; border:0; padding:0; color:#666;}
.appointent-form-box{padding:40px;position:relative;background: #fff;border: 1px solid #d7cdbc;border-radius: 5px;}
.appointent-content-box{padding:40px 20%;position:relative; text-align:center;}
ul.stats-list{width:100%;display:inline-block;vertical-align:top;margin-top: 50px;border-top: solid 1px #f1f1f1;padding-top: 20px;text-align: center;}
ul.stats-list li{width:33.3%; float:left; padding:20px;  font-family:'Glass Antiqua'; }
ul.stats-list li h3{color:#ebae5d; margin-bottom:10px;}
ul.stats-list li p{font-size:24px;}
/* ================= About Section end ================= */
/* ================= Service Section start ================= */
 ul.service-list{ height:auto; float:left; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 -15px;}
ul.service-list li{width:33.3%; height:auto; float:left; padding:15px; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.service-box{background:#fff; padding:50px 40px 90px; width:100%; border-radius:5px; border:1px solid #d7cdbc; position:relative; text-align:center; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;}
.service-book, .service-book:focus{width:100%; text-align:center; background:#302c25; color:#ebae5d; font-weight:400; font-family:'Glass Antiqua'; font-size:24px; line-height:1.5; border-radius:5px; border:1px solid #d7cdbc; position:relative; min-height:200px;}
.service-book:hover{color:#333; background:#fff;}
.service-book b{font-size:120px; display:block; line-height:1;}
.service-book span{ top:50%; display: inline-block; transform: translateY(-50%); position: absolute; text-align: center; left: 0; width: 100%;}
.service-box:hover{background:#302c25; color:#ebae5d; }
.service-icon{width:80px; height:80px; display:inline-block; vertical-align:top; border-radius:50%; margin-bottom:20px; font-size:80px;}
.service-box h4{position: absolute;left: 0;bottom: 0; right: 0;padding: 15px;margin: 0;}
/* ================= Service Section end ================= */
/* ================= Gallery Section start ================= */
 .gallery-container{width:100%; display:inline-block; vertical-align:top;}
.grid-sizer, .grid-item {width: 16.66%; }
.gutter-sizer { width: 1%; }
.grid-item {float: left; padding:10px;}
.gallery .grid-item{padding:3px !important;}
.box-item a{float:left; position:relative;}
.box-item a:hover:before{opacity:1;}
.box-item {float:left; width:100%; position:relative; overflow:hidden;}
.box-item a:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:9; opacity:0;  transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;}
.grid-item:hover a:before{opacity:1;}
.box-item a:after {content:"\e61a"; font-family:'themify'; position:absolute; top:50%; opacity:0; z-index:10; left:50%; width:30px; height:30px; line-height:30px; margin:-15px 0 0 -15px; color:#fff; font-size:32px; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4);-ms-transform: scale(0.4); transform: scale(0.4); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear;  -ms-transition: all 200ms linear; transition: all 200ms linear; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;}
.grid-item:hover a:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1;}
.grid-item img {width:100%; position:relative; z-index:1; -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms; -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms; transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;}
.grid-item:hover img{-webkit-transform: scale(1.15); -moz-transform:scale(1.15); transform: scale(1.15);}

/* ================= Gallery Section end ================= */
/* ================= Blog Section start ================= */
 ul.recent-blog-list{margin:0 -15px}
  ul.recent-blog-list li{width:33.3%; float:left; padding:15px;}
.blog-post-box{padding:0; background:#fff; border-radius:5px; border:1px solid #d7cdbc;  position:relative; }
.blog-post-img{position:relative;}
.blog-post-img img{width:100%;}
.post-date{background:#fff; color: #2a1f1d;display:inline-block;  position: absolute; left: 5px;top: 5px; padding: 10px; font-size:11px; line-height:16px; text-align:center; font-weight:400;}
.post-date span{display:block; font-size:16px; font-weight:700;}
.meta{ font-size:11px; display:inline-block; border-radius:3px; margin-bottom:5px;}
.meta span{display:inline-block; vertical-align:top;}
.meta span i{vertical-align:middle; margin-right:5px;}
.meta span + span{margin-left:15px;}
.blog-content{padding:25px;}
/* ================= Blog Section end ================= */
/* ================= Contact Section start ================= */
.form-group{margin-bottom:20px;}
.form-control{border: 0;box-shadow: 0px 2px 1px rgba(0,0,0,0.1);height: 44px;border:solid 1px #f1f1f1; color:#000; font-family:'Glass Antiqua';}
.form-control:focus{border:solid 1px #f1f1f1; box-shadow: 1px 3px 7px rgba(0,0,0,0.1) !important; }
textarea.form-control{height:120px; resize:none;}
.form-control[readonly]{background:#fff;}
.reservation-box .content-box{max-width:600px;}
/* ================= Contact Section end ================= */
/* ================= Footer start ================= */
footer{ background:#302c25; position:relative; color:rgba(255,255,255,0.6);font-weight:400;}
footer h5{color:#fff;}
footer p{margin-bottom:15px;}
.footer-logo{width: 90px;}
.footer-upper{padding:60px 0;}
.footer-box{padding-right:30px;}
ul.contact-list{width:100%; display:inline-block; vertical-align:top;}
ul.contact-list li{width:100%;display:inline-block;vertical-align:top;margin-bottom:0;border-bottom: dashed 1px #333;padding: 7px 0 7px 25px; position:relative;}
ul.contact-list li i{position:absolute; top:13px; left:0; color:#ebae5d;}
ul.contact-list li a{color:#ebae5d;}
ul.opening-hours{width:100%; display:inline-block; vertical-align:top;}
ul.opening-hours li{width:100%;display:inline-block;vertical-align:top;margin-bottom:0;border-bottom: dashed 1px #333;padding: 5px; position:relative;}
ul.opening-hours li b{float:left;color:#ebae5d; }
ul.opening-hours li span{float:right; }
ul.footer-tweet-list li{margin-bottom:15px;}
ul.footer-tweet-list li a{color:#ebae5d;}
ul.footer-tweet-list li span,  .info{display:block;  font-size:85%;}
.newsletter-form{width:100%; display:inline-block; vertical-align:top; margin:0; position:relative; max-width:380px;}
.newsletter-form button[type="submit"]{width:40px; height:42px; background:#ebae5d; position:absolute; top:1px; right:1px; border:0; text-align:center; color:#fff; font-size:18px; line-height:42px; border-radius:0 2px 2px 0;}
footer ul.social-links{margin-left:-10px;}  
.footer-lower{padding:30px 0; text-align:center; background:rgba(0,0,0,0.3);}
/* ================= Footer end ================= */
/* ================= go top start ================= */
.go-top{position:fixed; border-radius:50%; right:25px; bottom:-15px;  width:40px; height:40px; float:left; text-align:center; line-height:40px; opacity:0; visibility:hidden; font-size: 18px;  background: #fff; line-height: 44px;  box-shadow: -5px 5px 10px rgba(0,0,0,0.1); z-index:99999;}
.go-top.show{opacity:1; visibility:visible; bottom:25px;}
/* ================= go top end ================= */
/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1048px) {
.header-right{margin-right:60px;}
.navbar-collapse{border:0; border-top:solid 1px rgba(255,255,255,0.2); background: #fff;color: #000;text-align: center;}
.navbar-right{margin:10px 0;}
.navbar-nav > li{padding:0;}
h1 {font-size: 52px;}
h2 {font-size: 42px;}
h3 {font-size: 34px;}
h4 {font-size: 26px;}
.hero-slide-content h3{font-size:60px;}
.footer-box{padding:0;} 
.chef-box .chef-img:before{background:rgba(0,0,0,0.4);}
ul.chef-social{position: absolute; top:auto; bottom: 30px; text-align: center; width: 100%; opacity:1; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform:translateY(0%)  scale(1); transform: translateY(0%)  scale(1); z-index:9;} 
.heading-container{background-attachment:scroll; margin-bottom:40px;}
.section{padding:80px 0;}

}
/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 991px) {
.footer-box{padding:0; margin-bottom:40px;}
.footer-upper{padding:40px 0 10px;}
.content-box{padding:35px;}

.about-img{margin-bottom:35px;}
ul.service-list li{width:50%;}
ul.recent-blog-list li{width:50%;}
ul.recent-blog-list li:nth-child(3){display:none;}
 }
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
h1 {font-size: 40px;}
h2 {font-size: 34px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;} 
.hero-slide-content h3{font-size:44px;}
.hero-slide-content h6{font-size:24px;}
.hero-slide-content h6 i{font-size:44px;}
 .slide-content{padding:0; text-align:center;}
 header ul.social-links{display:none;}
.search-icon{ border-right:solid 1px rgba(255,255,255,0.2);}
.slick-prev, .slick-next{display:none !important;}
.heading-container p{font-size:13px;}   
.btn{padding:10px 20px; font-size:13px;}
.search-box .form-control, .search-box .form-control:focus{font-size:18px;}
blockquote{font-size:20px;}
.content-box{padding:25px;}
.section{padding:60px 0;}
.grid-sizer, .grid-item{width:20%;}
.appointent-form-box{padding:30px 20px;}
.appointent-content-box{padding:30px 20px;}
 }

 
@media only screen and (max-width: 650px) {
  ul.stats-list li{padding:10px 5px; width:100%; margin-bottom:20px;}
  ul.menu-tab li a{padding:5px; font-size:13px;}
  ul.menu-tab li a span{font-size:22px;}
  ul.menu-tab{width:auto; display:block; margin:0 -15px;}
  ul.menu-tab li a.active, ul.menu-tab li a.active:focus{transform:scale(1.1);}
  .menu-container{padding-top:35px;}
  ul.menu-list li{padding-left:0; padding-right:50px;}
  .item-desc{padding-left:10px; padding-top:5px;}
  ul.menu-list li .menu-price{font-size:18px;}
  .item-image{width: 20%; } 
 .item-desc{width: 100%; padding-left: 0;padding-top: 12px;}

ul.service-list li{width:100%;}
.service-book{padding:60px 15px;}
.service-book span{top: auto; transform: translateY(0%);position: relative; left: auto;}
.grid-sizer, .grid-item{width:25%;}
 ul.recent-blog-list li{width:100%;}
 }
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {
 .hero-slide-content h3{font-size:32px;}
.hero-slide-content h6{font-size:24px; margin:0;}

}