/*
Theme Name: WP Business
Theme URI: https://www.themesglance.com/premium/business-wordpress-theme/
Author: ThemesGlance
Author URI: https://www.themesglance.com
Description: WP Business Theme is a responsive multi-purpose WP Business WordPress theme. This is specially built for WP Business people. This theme is responsive and compatible with the latest version of WordPress. This theme is one of the best themes for all kind of industries.This theme comes with latest features and unique typography options. This theme is useful for multiple industries like blogs, magazines, wp-business- Premiums,cafe/restaurants, businesses, consultants, hospitals,hotels, tours and holidays, creativity, shop stores, etc.This theme comes with ready translation. WP Business Theme is cross browser compatible and performs well with any browser. This theme is very easy to use for non-coders also. This theme has an ultimate design with best options to make it unique from others. Check demo at: https://www.themesglance.com/wp-business-theme/
Version: 0.2
License: GNU General Public License
License URI: license.txt
Text Domain: wp-business
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,food-and-drink

WP Business WordPress Theme has been created by ThemesGlance(themesglance.com), 2017.
WP Business WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{   
    margin:0;
    padding:0;
    outline:none;
}
body{    
    margin:0;
    padding:0;
    -ms-word-wrap:break-word;
    word-wrap:break-word;
    background-color:#fff;
    font:12px/22px Montserrat;
    color:#5b5b5b;
}
img{     
    margin:0;
    padding:0;
    border:none;
    max-width:100%;
}
section img{    
    max-width:100%;
}
h1,h2,h3,h4,h5,h6{   
    margin:0;
    padding:10px 0;
}
h3 {
    font-size: 30px;
    font-weight: 600;
    /*letter-spacing: 1px;*/
}
h4 {
    font-size: 30px;
}
h5{
    font-size: 18px;
}
h6{
    font-family: Montserrat;
    color:#000000;
    font-size: 20px;
}
p{   
    margin:0;
    padding:0;
    font-size:16px;
    line-height:25px;
    font-family: Montserrat;
}
a{   
    text-decoration:none;
    color:#000;
}
a:hover{     
    text-decoration:none;
    color:#666;
}
a:focus,a:hover{    
    text-decoration:none !important;
}
ul{  
    margin:0 0 0 15px;
    padding:0;
}
ul li a{
    font-family: 'Open Sans';
    font-weight: 400;
}
:hover{ 
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.clear{ 
    clear:both;
}
input[type='submit']:hover{ 
    cursor: pointer;
}
.center{     
    text-align:center;
    margin-bottom:40px;
}
.middle-align{   
    margin:0 auto;
    padding:0 0 20px;
}
.wp-caption{     
    margin:0; 
    padding:0;
    font-size:13px;
    max-width:100%;
}
.wp-caption-text{    
    margin:0;
    padding:0;
}
.screen-reader-text {       
    position: absolute;
    top:-9999em;
    left:-9999em;
}
.sticky{     
    margin:0;
    padding:0;
    background-color:#d7d7d7;
}
.gallery-caption{    
    margin:0;
    padding:0;
}
.alignleft, img.alignleft { 
    display: inline;
    float: left;
    margin-right:20px;
    margin-top:4px;
    margin-bottom:10px;
    padding:0;
    /*border:1px solid #bbb;*/
    padding:5px;
 }
.alignright, img.alignright{    
    display: inline;
    float: right;
    border:1px solid #bbb;
    padding:5px;
    margin-bottom:10px;
    margin-left:25px;
}
.aligncenter, img.aligncenter{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
}
.comment-list .comment-content ul{  
    list-style:none;
    margin-left:15px;
}
.comment-list .comment-content ul li{   
    margin:5px;
}
.toggleMenu{    
    display:none;
}
.bypostauthor{   
    margin:0;
    padding:0;
}
section{     
    padding:2% 0;
    position:relative;
    margin:0 auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
input[type="text"],input[type="email"],input[type="phno"], textarea{    
    border:1px solid #bcbcbc;
    width:100%;
    font-size:16px;
    padding:10px 10px;
    margin:0 0 23px 0;
}
textarea{
    height:111px;
}
div#TB_ajaxContent a img {
    width: 100%;
    height: auto;
}
input[type="submit"] {  
    border:2px solid #000;
    text-align:center;
    text-transform:uppercase;
    font-size:25px;
    padding:7px 30px;
    background:none;
    font-weight:bold;
    color:#000;
    margin-top:23px;
}
input[type="submit"]:hover{ 
    background: #49a32b;
    color: #000;
}
#yellow-box input[type="submit"]:hover{ 
    background: #49a32b;
    color: #000;
    border: 1px solid #000;
}
blockquote{ 
    padding:25px 20px 18px 20px !important;
    background-image: url(images/openquote4.png);
    margin: 5px;
    background-repeat: no-repeat;
    text-indent: 40px;
}
h4.text-left {
    text-align: left !important;
}
.postbox.smallpostimage img {
    height: auto;
    margin-bottom: 2%;
}
#full-width-blog .postbox {
    width: 100%;
    border: solid 1px rgba(187, 187, 187, 0.12);
    box-shadow: 0px 1px 1px 1px #bbb;
}
.postbox {
    margin-bottom: 39px;
    border: 1px solid #bbb;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 15px;
}

/* Sweep To Right */
.hvr-sweep-to-right{    
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before{ 
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #72ca55;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active{   
     color: #000;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before{  
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button-all{
    border:2px solid #000;
    color:#000;
    padding:8px 50px;
    margin:20px 0 0 0;
    font-weight:bold;
}
a.button {
    color: #000;
    font-size: 16px;
    padding: 15px 25px;
    font-weight: bold;
    margin: 30px 0 0 0;
    font-family: Open Sans;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #49a32b;
}
/* ---------Image Hover--------- */
.view{  
    width: 100%;
    height: auto;
    margin: 10px 0;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask, .view .content{    
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	right:0;
	bottom:0;
}
.view img{  
    display: block;
    position: relative;
    width:100%;
}
.view a.info{   
    background:url(images/link.png) center no-repeat;
    display: inline-block;
    text-decoration: none;
    padding:0;
    text-indent:-9999px;
    width:20px;
    height:20px;
}
.second-effect .mask{   
    opacity: 0;
    overflow:visible;
    border:0px solid rgba(0,0,0,0.7);
    box-sizing:border-box;
    transition: all 0.4s ease-in-out;
}
.second-effect a.info{  
    position:relative;
    top: -60px;
    opacity:0;
    transform:scale(0,0);
    transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {    
    opacity: 1;
    border:125px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
    opacity:1;
    transform:scale(1,1);
    transition-delay:0.3s;
}

/*---------------------------mega menu------------------------- */
.navbar-nav{
    float: left;
    margin-left: 35.9%;
}
table#wp-calendar {
    margin-left: 6%;
}
.sub-menu li a {
    color: #000;
    font-weight: 500;
    font-family: 'open sans';
}
.sub-menu input[type="submit"] {
    width: 42%;
    margin-left: 5%;
}
 ul {
    list-style: none;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav>li>a {
  font-weight: 400;
  font-family: 'Open Sans';
  font-size: 14px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
  color: #FFF;
  padding:0;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #ffd34e;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
{
  color: #FFF;
  background-color: transparent;
}
.navbar-default{
  background-color: transparent;
  border-color: transparent;
}

.mega-dropdown {
  position: static !important;
}

i.fa.fa-sort-desc {
    margin: 0 0 0 4px;
    font-size: 19px;
}

li.dropdown.mega-dropdown {
    padding: 0 4px 0 12px;
}

.navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 15px;
}

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.navbar-default .navbar-collapse{
  padding:0;
  border-top: transparent;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0);
  
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-widgettitle {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 2px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.mega-dropdown-menu  div#calendar_wrap,
.mega-dropdown-menu  caption
.mega-dropdown-menu  div{
  padding:0;
  color: #FFF;
}
.mega-dropdown-menu > div >li{
  float:left;
  width:33%;
}
#header .nav .mega-dropdown-menu{
  height:auto;
  padding: 2%;
  margin: 0px;
}
#header .nav .mega-dropdown-menu > div >li{
  float:left;
  width:34%;
  display: inline;
  position: initial;
}
.mega-dropdown-menu > div >li:nth-child(even){
  clear:right;
}
#header .nav .mega-dropdown-menu li > ul {
  display: block;
  width: 200px;
  position: inherit;
  text-align: left;
  padding: 0;
  float: left;
  margin:0;
}

#header .navbar-default .navbar-nav .sub-menu ul li a{
  padding: 7px 0px;
}

#header .navbar-default .navbar-nav .sub-menu ul li{
  display:block;
}

#header .nav .mega-dropdown-menu li:hover > ul {
  background: transparent;
  position: inherit;
  padding: 0;
  margin: 0;
}

li#recent-posts-3 h2 {
  padding: 0 0 0 23px;
}
.navbar {
    min-height: 0px !important;
}

div#calendar_wrap {
  padding: 0 0 0 30px;
}
li#search-2 {
  padding: 35px 0 0 13px;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    background: rgba(255, 211, 78, 0.99);
    border: 2px solid #fff;
}
h2.widgettitle {
    color: #fff;
    font-family: Open sans;
    margin-left: 4%;
    border-bottom: solid 2px #333;
    display: inline-table;
    margin-bottom: 3%;
    font-size: 23px;
}
table#wp-calendar th {
   color: #000;
   font-family: 'open sans';
}
table#wp-calendar { 
   color: #000;
   font-family: 'open sans';
}
input.search-field {
    padding: 17px 13px 13px 21px;
    border: solid #000;
    margin-left: 8%;
}
.navbar-nav .open .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
}
.navbar-default .navbar-toggle{
     width: 100%;
    color: #000;
    background: url(images/responsive_menu.png) no-repeat right center #ffd34e;
    padding: 10px 10px;
    margin-top: 20px;
    font-size: 16px;
    text-align: left;
    border-radius: 0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffd34e;
}
.navbar-default .navbar-toggle {
    border-color: currentColor;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    font-size: 18px;
    border-bottom: solid 2px #262626;
    margin-bottom: 3%;
}

/* ---------HEADER--------- */
.header .social-media-footer {
    text-align: right;
}
.header .social-media {
    margin-bottom: 0;
    text-align: right;
}
.header .social-media i {
    background: transparent;
    margin-right: 0;
    margin-left: 6px;
    padding: 0;
}
.header .social-media i.fa.fa-facebook,
.header .social-media i.fa.fa-twitter{
    background: transparent;
}
.header .header-top {
    background: #49a32b;
    color: #fff;
    padding: 5px 0;
    border-bottom-left-radius: 42px;
}
.header span.call,
.header span.email_corporate {
    font-size: 14px;
    font-family: Montserrat;
}
.header .top-contact i {
    margin-right: 3%;
}
.header .social-media {
    text-align: right;
}
.header .social-media i {
    font-size: 16px;
    color: #fff;
    margin-left: 3%;
}
.header.fixed{  
    position:fixed !important;
    top:0 !important;
    margin:0;
    padding:15px 0;
    z-index:99999999;
    background-color:#ffffff;
    opacity:inherit;
}
.header .logo{  
    margin:0;
    padding: 10px 0;
}
.header .logo h1{    
    font-weight:700;
    text-transform:uppercase;
    padding:0;
    margin-bottom:8px;
    font-size:28px;
    font-weight:bold;
    margin-top: 0;
    text-align:center;
}
.header .logo a{     
    color:#fff;
    font-family:'Work Sans',sans-serif;
}
.header .logo p{    
    font-size:12px;
    font-family:arimo;
    color: #999;
}
.header{    
    z-index:999;
    width:100%;
    height:auto;
}
.header .nav{    
    margin:0px 0 0 0;
    padding:0;
    text-align:left;
    float:right;
}
.header .nav ul {   
    float:right;
    margin:10px 0;
    padding:0;
    font-family:'Work Sans',sans-serif;
    font-weight:400;
    font-size:14px;
    text-transform: uppercase;
}
.header .nav ul li{  
    display:inline-block;
    margin:0;
    position:relative;
}
.header .nav ul li a{   
     color:#222222;
     padding:10px;
     display:block;
}
.header .nav ul li a:hover{ 
    color:#49a32b;
}
.header .nav ul li a:active{    
    color:#49a32b;
}
i.fa.fa-twitter:hover,
i.fa.fa-facebook:hover,
i.fa.fa-pinterest:hover{
    color: #ffd34e;
}
.social-media .dashicons{   
    margin: 0;
    padding: 0;
    color:#ffd34e !important;
}
.header .social-media a:hover{  
    color:#fff
}
/* ---------Homepage--------- */
section{    
    width:100%;
    margin:0 auto;
    position:relative;
    /*background-color:#ffffff;*/
}

/* ---------wethink--------- */
#wethink h3 {
    text-align: left;
    color: #222222;
    padding: 0;
}
#wethink h4 {
    margin-bottom: 4%;
    color: #222222;
}
#wethink h5 {
    color: #222222;
    font-weight: bold;
}
#wethink p {
    font-size: 15px;
    color: #989898;
}
#wethink img {
    width: 100%;
}
/* ---------wethink end--------- */

/* ---------what we do--------- */
/*.inner-wedo-box.bg-single {
    background: #49a32b;   
}*/
.inner-wedo-box.bg-single p{
     color: #fff;
}
.whatwedobox {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
}
.slidermainbox h3,
.inner-wedo-box:hover p{
    color: #fff;
}
.slidermainbox p {
    color: #989898;
}
.inner-wedo-box:hover {
    background: #49a32b;
}
.whatwedobox h5 {
    padding-top: 15%;
    color: #fff;
    font-size: 15px;
}
.whatwedobox p {
    color: #989898;
    font-size: 15px;
    padding-top: 5%;
}
.whatwedobox .load_post a {
    background: #fff;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important; 
    box-shadow: none !important;
    border: none !important;
    left: 0px !important;
    background: transparent !important;
}
.slidermainbox {
    margin-top: 20%;
}
/* ---------what we do end--------- */

/* ---------we offer--------- */
/*h6.tab-single {
    background: #fff !important;
}*/
/*h6.tab-single a,h6.tab-single i {
    color: #333 !important;
}*/
#weoffer {
    text-align: center;
}
.tab_section h6 {
    margin: 0 auto;
}
.tab_section h6 {
    background: #49a32b;
    width: 100%;
    border-bottom: solid 1px #fff;
    padding: 22px 0;
}
.tab_section h6 a,
.tab_section i {
    color: #fff;
    font-size: 17px;
}
.tab_section i{
    float: left;
    padding-left: 4%;
}
.tab_section h6:hover{
    background: #fff;
}
.tab_section h6:hover a,
.tab_section h6:hover i,
#weoffer h3{    
    color: #222222;
}
.maincontentbox {
    text-align: left;
    color: #989898;
}
.offer-sub-head {
    margin-bottom: 3%;
}
.maincontentbox p {
    padding-bottom: 6%;
}
.maincontentbox ul {
    padding-left: 6%;
}
.maincontentbox h4 {
    color: #222222;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 6%;
}
.images_border {
    margin-bottom: 1%;
}
/* ---------we offer end--------- */
/* ---------feature--------- */
#feature {
    text-align: center;
}
#feature h3 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}
.subhead {
    margin-bottom: 4%;
}
.featuremainbox {
    margin-bottom: 2%;
    text-align: left;
    padding: 5px 5px 5px 5px;
    margin-top: 2%;
}
/*.featurefirst:first-child {
    background: #49a32b;
}*/
.featurefirst p:first-child {
    color: #fff !important;
}
.featurefirst:hover {
    background: #49a32b;
}
.featurefirst:hover p {
    color: #fff;
}
.featuremainbox h5{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
}
.featuremainbox p {
    color: #fff;
    font-size: 15px;
}
/* ---------feature end-------- */
/* ---------expericence guyz--------- */
#experience h3 {
    color: #222222;
    padding: 5px 0 0 0;
    font-size: 28px;
}
#experience h5 {
    color: #636363;
    font-size: 32px;
}
#experience p {
    color: #989898;
    margin-bottom: 5%;
}
#experience h6 {
    font-weight: 600;
    font-size: 15px;
    color: #222222;
    padding: 0;
    letter-spacing: 1px;
}
.experienceimage {
    margin-top: 23%;
}
.experienceimage img {
    width: 100%;
}
.numpercent{
    background:url(images/percentage.png) no-repeat;
}
.numpercent p {
    color: #fff !important;
    text-align: center;
    font-size: 13px;
}
.barstyle {
    background: #b6b6b6;
    margin-top: 2%;
}
.barstyle p {
    background: #49a32b;
    width: 93%;
    padding: 5px 0;
    margin: 0;
}
/* ---------expericence guyz end--------- */
/* ---------testimonial--------- */
.maintabbox span {
    margin-left: 1%;
    cursor: pointer;
}
.maintabbox {
    margin-bottom: 4%;
    text-align: justify;
    margin-top: 2%;
}
.maintabbox a {    
    background: #fff;
    padding: 15px 10px;
    color: #222222;
    font-size: 15px;
    font-weight: 600;
}
.maintabbox a:hover {
    background: #49a32b;
    color: #fff;
}
.maintabbox a:active {
    background: #49a32b;
    color: #fff;
}
#testimonialtab {
    text-align: center;
    margin-top: 8%;
}
p.testpara {
    color: #989898;
    margin-top: 10%;
    margin-bottom: 10%;
}
.testbutton p {
    color: #222222 !important;
    font-size: 16px;
    background: #fff;
    margin: 0 auto;
    padding: 1% 20%;
    display: table;
    font-weight: 600;
}
.testbutton p:hover {
    background: #49a32b;
    color: #fff !important;
}
.testimainbox:hover img {
    border: solid 2px #49a32b;
    border-radius: 50%;
}
.testimainbox:hover p {
    color:#fff;
}
.price-box {
    text-align: center;
    border: solid 2px #bbb;
}
h4.price-head {
    background: #49a32b;
    color: #fff;
    border-bottom: solid 1px rgba(105, 104, 104, 0.58);
}
p.price-number {
    border-bottom: solid 1px rgba(105, 104, 104, 0.58);
    padding: 5% 0;
    font-size: 22px;
    font-weight: bold;
    color: #49a32b;
}
p.pricing_image img {
    width: 100%;
}
.price-title ul {
    margin: 0;
}
.mainborderbox .price-title {
    margin: 0 auto;
    font-size: 15px;
    padding-left: 5%;
    color: #989898;
    padding-right: 5%;
    border-bottom: solid 1px rgba(105, 104, 104, 0.58);
    padding-bottom: 5%;
}
.price-box a {
    color: #fff;
    padding: 10px 20px;
    background: #49a32b;
    font-size: 15px;
}
.pricebttn {
    margin: 8% 0;
}
.price-box {
    text-align: center;
    border: solid 1px rgba(105, 104, 104, 0.58);
}
#tamplatetab h4 {
    color: #fff;
    font-size: 25px;
}
#tamplatetab p {
    color: #989898;
}
#pricingtabletab, #testimonialtab{
    display: none;
}

#domiantransfer, #websitebuilder, #unlimited, #speed, #secure
{
    display: none;
}

/* ---------testimonial end--------- */
/* ---------blog section--------- */
.blogmainbox img {
    height: auto;
}
.blogmainbox p {
    font-size: 12px;
    color: #989898;
    /*padding-top: 2%;*/
    line-height: 19px;
}
.datebox span,
.datebox i {
    margin-right: 2%;
}
.blogmainbox {
    margin-bottom: 5%;
}
.blogmainbox h4 a {
    color: #636363;
    font-size: 20px;
}
#blogbox h3 {
    color: #222222;
    padding-top: 0;
    padding-bottom: 5%;
}
#blogbox h6 {
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 0;
    color: #222222;
}
/* Style the buttons that are used to open and close the accordion panel */
h4.accordion {
    background-color: #49a32b;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    border: none;
    font-size: 15px;
    outline: none;
    transition: 0.4s;
}
.quesmainbox {
    border: solid 2px rgba(152, 152, 152, 0.47);
    margin-bottom: 3%;
    border-radius: 5px;
}
.quesmainbox p {
    font-size: 12px;
    color: #989898;
    padding: 10px 0;
}
/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}
.accordian_main div.panel:first-child {
    display: block;
}
/* ---------blog section end--------- */
/* ---------Amazing Client section--------- */
#client {
    text-align: center;
}
#client h3 {
    color: #fff;
    text-shadow: 0px 5px rgba(0, 0, 0, 0.45);
}
.subheadclient p {
    margin-bottom: 5%;
    color: #c1c1c1;
    text-shadow: 0px 3px rgba(0, 0, 0, 0.45);
}
.clientslider {
    padding-bottom: 5%;
}
/* ---------Amazing Client section end--------- */
/* ---------Get in Touch--------- */
#getintouch {
    text-align: center;
}
#getintouch h3 {    
    color: #222222;
}
.subhead p,
.location p, .phone p, .email p, .social-media p {
    color: #989898;
    font-size: 15px;
}
.location,
.phone,
.email,
.social-media {
    text-align: left;
    margin-bottom: 3%;
}
.location h5,
.phone h5,
.email h5,
.social-media h5 {
    color: #222222;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 5px;
}
.social-media i {
    background: #bbb;
    font-size: 15px;
    padding: 13px 15px;;
    border-radius: 50%;
    margin-right: 2%;
    color: #fff;
}
.social-media i.fa.fa-youtube-play {
    padding: 12px 13px;
    background: #c4302b;
}
.social-media i.fa.fa-google-plus {
    padding: 11px 11px;
    background: #e3563b;
}
.social-media i.fa.fa-pinterest-p,
.social-media i.fa.fa-tumblr,
.social-media i.fa.fa-twitter{
    padding: 10px 12px;
}
.social-media i.fa.fa-pinterest-p{
    background: #bd081c;
}
.social-media i.fa.fa-twitter{
    background: #55acee;
}
.social-media i.fa.fa-linkedin{
    background: #087ec6;
}
.social-media i.fa.fa-facebook{
    background: #405e94;
}
.forms input[type="submit"] {
    background: #49a32b;
    border: none;
    color: #fff;
    padding: 1% 7%;
    font-size: 15px;
    margin: 0;
}
.forms {
    text-align: left;
}
/* ---------Get in Touch end--------- */
/* ---------footer--------- */
#footer_part h5 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}
#footer_part p {
    margin-top: 5%;
    color: #fff;
    font-size: 14px;
}
.social-media-footer i {
    background: #bbb;
    padding: 10px 10px;
    font-size: 16px;
    margin-right: 2%;
    color: #fff;
}
.social-media-footer i.fa.fa-pinterest-p{
    background: #bd081c;
}
.social-media-footer i.fa.fa-twitter{
    background: #55acee;
    padding:10px 14px;
}
.social-media-footer i.fa.fa-linkedin{
    background: #087ec6;
    padding:10px 15px;
}
.social-media-footer i.fa.fa-facebook{
    background: #405e94;
    padding:10px 15px;
}
.social-media-footer i.fa.fa-youtube-play {
    padding: 10px 12px;
    background: #c4302b;
}
.social-media-footer i.fa.fa-google-plus {
    padding: 11px 11px;
    background: #e3563b;
}
.copyright {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}
.copyright a {
    color: #49a32b;
}
#footer_part li a {
    color: #fff;
    font-size: 15px;
}
#footer_part ul{
    margin: 0;
}
.carousel-caption.d-none.d-md-block {
    top: 40%;
}
.form input[type="text"],
.form input[type="email"] {
    background: transparent;
    border: none;
    border-bottom: solid 1px #fff;
}
.form input[type="submit"]{
    width: 100%;
    border: none;
    color: #fff;
    background: #49a32b;
    margin-top: 0;

}
/* ---------footer end--------- */
/* ---------Top headings(common in all section)---------*/
.title{
    background-repeat: no-repeat;
}
.subtitle{
    font-family: Montserrat;
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 40px 0;
    margin: 0 0 25px 0;
}
.leftimg{
    padding-right: 12px;
}
.rightimg{
    padding-left: 12px;
}
/* ---------SLIDER--------- */
.carousel-indicators li{
    margin-top: -8%;
}
#slider{     
    max-width:100%;
    margin:auto;
    padding:0;
    position:relative;
}
#slider .slide-cap{   
    position:relative;
    margin:auto;
    width:90%;
    margin-right:auto;
    margin-left:auto;
    top:25%;
}
#slider .slide-cap h4{  
    text-transform:uppercase;
    font-size:22px;
    width:30%;
    margin:0 auto;
    background:url(images/welcome.png) center no-repeat;
    background-position: center;
    padding:5px 0;
    font-weight:bold;
        font-family: 'Work Sans',sans-serif;
}
#slider .slide-cap h2{  
    padding:0 25px 0 0;
    font:700 60px 'Open sans';
    text-transform:uppercase;
    background:url(images/border.png) no-repeat scroll center bottom;
    padding-bottom:50px;
    left:50%;
}
#slider .slide-cap p{    
    color:#ffffff;
    font-weight:700;
    margin:0 0 0 0;
    line-height:20px;
    border-radius:0 0 5px 5px;
    font:25px/20px arial;
    text-transform:uppercase;
    font-weight:bold;
}
#slider .slide-cap a.read-more{ 
    display:none;
    border-radius:3px;
    padding:10px 25px;
    border:1px solid #ffffff;
    color:#ffffff;
}
a.blog-more{     
    display:inline-block;
    font:400 16px 'Work Sans',sans-serif;
    padding:10px 30px;
    margin-top:21px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
    margin-right:15px;
}

/* --------- Blog Page ------- */
.yearwrap {
    background: rgba(73, 163, 43, 0.65);
    padding: 7px 0;
}
.date-monthwrap {
    background: #49a32b;
    padding: 25px 0;
}
.datebox {
    text-align: left;
    font-size: 11px;
    color: #222;
    margin-bottom: 5%;
}
#full-width-blog .post-box h3{
    font-weight:normal;
    font-size:18px;
}
.post-box { 
    margin-bottom:39px;
    border-bottom:2px dotted #7e7e7e;
    padding:0 0 26px;
}
.post-box h2{
    margin:0 0 5px;
    font-weight:bold;
}
.post-box  a.blogbutton{    
    background:none;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding:6px 25px;
    border:1px solid #000;
    color:#000;
    font-size:18px;
    text-transform:uppercase;
    margin:25px 0 0 0;
    display:table;
}
.blogbutton-small{
    background:#49a32b;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding:6px 25px;
    border:1px solid #000;
    font-size:14px;
    text-transform:uppercase;
    margin:25px 0 0 0;
    display:table;
}
.post-box img { 
    height:auto;
}
.metabox{
    color:#000;
    padding:15px 0;
    clear:both;
}
.metabox .entry-date{
    background:url(images/date.png) no-repeat 1px;
    padding: 0 0 0 20px;
    margin:0 20px 0 0;
}
.metabox .entry-author{
    background:url(images/author.png) no-repeat 1px;
    padding: 0 0 0 20px;
    margin:0 20px 0 0;
}
.metabox .entry-comments{
    background:url(images/comments.png) no-repeat 1px;
    padding: 0 0 0 20px;
}
#blog-right-sidebar h2{
    margin:0 0 15px;
    font-size:18px;
    padding:0;
    font-weight:bold;
    line-height:normal;
}
#blog-left-sidebar h2{
    margin:0 0 15px;
    font-size:18px;
    padding:0;
    font-weight:bold;
}
#full-width-blog .post-box{ 
    width: 100% !important;
    border: solid 1px rgba(187, 187, 187, 0.12);
    box-shadow:0 1px 2px 1px #bbb;
}
.feature-image-box{ 
    width:100%;
}
.blogimg-full img{  
    width: 100%;
    height:auto;
}
.read-more-icon{    
    text-align: center;
    margin: -55px 0 0 0;
    z-index: 999;
}
#full-width-blog .post-box h3{  
    font-weight: normal;
    font-size: 35px;
    text-align: center;
    margin: 15px 0;
}
#content-tg .post-box p{
    padding:0 2%;
}
#content-tg p{  
    line-height: 25px;
    font-size: 16px;
    margin: 0 0 20px 0;
    font-family: Montserrat;
    letter-spacing: 1px;
}
#content-tg .blog-full-border{  
    margin:40px 0 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #bbb;
}
.continue-read {    
    margin: -22px auto 0 auto;
    display: table;
}
.continue-read a{   
    color: #49a32b;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    border: solid 1px #bbb;
    padding: 10px 20px 10px 20px;
    border-radius: 6px;
    display: block;
    background: #fff;
}
.continue-read a:hover{
    background:#49a32b;
    color: #fff;
}
.metabox{   
    color: #000;
    padding: 15px 0;
    clear: both;
    margin-bottom:5%;
}
.metabox img{   
    border-radius: 50%;
    margin-left: 30%;
}
.post-box{  
    margin-bottom: 39px;
    border: 1px solid #bbb;
    padding: 0 0 26px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.blog-icon{
    margin-top:3%;
}
.blog-icon i{   
    font-size: 20px;
    background: #bbb;
    border-radius: 50%;
    padding: 12px 15px 12px 15px;
    color: #fff;
    margin-right: 2%;
}
.post-box{  
    margin-bottom: 39px;
    padding: 0 0 26px;
}
.page-content h3{   
    text-align: left !important;
}
.page-content p{    
    text-align: left !important;
    font-size: 19px !important;
    margin-left: -2% !important;
}
#sidebar aside{ 
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#sidebar aside.widget_search{
    padding-bottom:0;
}
/* ---------wp_business_pagination--------- */
.page-numbers{
    font-size:15px;
    line-height:13px;
}
.prev.page-numbers, .page-numbers {   
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 15px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background:#000;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
.page-numbers:hover{
    color: #fff ;
    background: #49a32b;
}
.page-numbers .current{
    padding: 10px 15px;
    background: #49a32b;
    color: #fff;
    font-weight: normal;
}
/* --------- POST --------- */
section#blog{
    padding-top:0;
    margin-top:0;
}
.blog-post h5{
    text-transform:uppercase;
    color: #000;
}
.feature-image-box{
    width:100%;
}
.feature-image-box img{
    width:100%;
}
.hovereffect a{
    border:1px solid #fff;
    background:#000;
    color:#fff;
    padding:5px 20px;
}
.hovereffect a:hover{
    background:#ffd34e;
    color:#000;
}
.page-id-20 .title-box{
    text-align:left;
}
.title-box{
    background-repeat:no-repeat;
    background-size:100% 100%;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:15px;
    font-family:'open Sans';
}

.title-box h1 {
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
    color: #000;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    margin-top: 10%;
}
.single .title-box,.category .title-box,.archive .title-box{
    background-size:100% auto;
}
.feature-box {  
    margin:0 0 25px;
}
.feature-box img{
    width:100%;
}
.bradcrumbs{
    padding:30px 0;
}
.bradcrumbs a{
    background:#f1f1f1;
    color:#000;
    padding:5px 15px;
    margin-right:5px;
}
.bradcrumbs a:hover{
    background:#ffd34e;
}
.bradcrumbs span{
    background:#dddddd;
    color:#000;
    padding:5px 15px;
}
/* ---------Sidebar--------- */
#sidebar form{
    display: table;
    width: 100%;
    background: #eee;
}
#sidebar h3{
    margin:0 0 25px;
    padding:0;
    text-transform:uppercase;
    font-weight:bold;
    font-size:20px;
}
#sidebar input[type="search"] { 
    padding:9px 10px;
    border:none;
    font-size:15px;
    color:#000;
    width:100%;
    margin-left: 0;
}
#sidebar label{
    width:70%;
    float:left;
    margin-bottom: 0;
}
#sidebar input[type="submit"]{
    background:#49a32b;
    border:none;
    color:#fff;
    padding:10px 0;
    width:30%;
    font-size:12px;
    float:left;
    margin:0;
}
aside#search-2 {
    border: none  ;
    box-shadow: none ;
}
#sidebar ul {
    list-style:none;
    margin:0;
    padding:0 5%;
    font-size:17px;
}
#sidebar ul li{
    margin:0 0 15px;
    padding:0 0 0 25px;
    font-weight:bold;
    background:url(images/bullets-sidebar.png) no-repeat scroll 0 5px;
}
#sidebar ul li a{
    color:#000;
}
#sidebar a:hover{
    color:#49a32b;
}
#sidebar .tagcloud a{
    background:#eeeeee;
    color:#000;
    font-size:15px !important;
    padding:5px 18px;
    margin:0 0 5px;
    display:inline-block}
    #sidebar .tagcloud a:hover{
    background:#ffd34e;
}
div#blog-left-sidebar h3 {  
    text-align: left;
}
#sidebar h3 {   
    margin: 0 0 25px;
    padding: 7% 10%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Work Sans',sans-serif;
    background: #49a32b;
    color: #fff;
}
#sidebar aside {    
    padding-bottom: 30px;
    margin-bottom: 30px;
    border: 1px solid #bbb;
    box-shadow: 1px 1px 7px #bbb;
}
.nav-previous, .nav-next {
        float: left;
        width: 50%;
        margin: 5% 0;
        font-size: 16px;
}
 .nav-next {
        text-align:right;
}
/* ---------Page--------- */
#content-tg hr{
    border:none;
    border-bottom:2px dotted #7e7e7e;
    margin:35px 0;
    clear:both;
}
#content-tg h2{
    font-size:32px;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#000;
    margin:0 0 25px;
    font-family:'Work Sans',sans-serif;
}
#content-tg h3{
    font-size:36px;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#000;
    margin:0 0 25px;
    font-family:'Work Sans',sans-serif;
    text-align: center;
}
#content-tg h4{ 
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #000;
    margin: 0 0 25px;
    font-family: 'Work Sans',sans-serif;
    text-align: left;
}
#content-tg h5{
    font-size:20px;
    font-weight:bold;
    margin:0;
    padding:0;
    color:#000;
    margin:0 0 15px;
    font-family:'Work Sans',sans-serif;
    text-align:left;
}
#content-tg ul{
    list-style:none;
    margin:0 0 0 10px;
    padding:10px 0 0;
    font-size:16px;
}
#content-tg ul li{
    background:url(images/bullet-round.png) no-repeat scroll 0 5px;
    padding:0 0 0 35px;
    margin:0 0 20px 0;
    line-height:25px;
    font-family: 'open sans';
}
#content-tg ul li ul li{
    background:url(images/bullet-round.png) no-repeat scroll 0 5px;
}
#content-tg ol{
    list-style: none;
    margin:0 0 0 15px;
    padding:10px 0 0 0;
    font-size:16px;
    counter-reset: myCounter;
}
#content-tg ol li{
    padding:0 0 0 0;
    margin:0 0 20px 0;
    font-family: 'open sans';
}
#content-tg ol li:before {  
    counter-increment: myCounter;
    content:counter(myCounter);
    color: #0c1f34;
    background: #ecebeb;
    display: inline-block;
    text-align: center;
    margin: 5px 10px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-weight:bold;
    display: none;
}
.about-pagebox h3 {
    font-size: 47px;
}
/* Slider */
.carousel-indicators .active{ 
  border:1px solid #ffc000;
  background-color:#ffc000 !important;
  
} 
.content{ 
  margin-top:20px;
  
} 
.adjust1{ 
  float:left;
  width:100%;
  margin-bottom:0;
  margin-top: 4%;
}
.adjust2{ 
  margin:0; 
} 
.adjust1 .description {
    padding: 13% 2%;
}
.carousel-indicators li{ 
  border :1px solid #fff;
  background-color: #fff!important;  
} 

.carousel-control{ 
  color:#31708f;
  width:5%;
} 

.carousel-control:hover,
.carousel-control:focus{ 
  color:#31708f;
} 

.carousel-control.left,
.carousel-control.right { 
  background-image: none;
}
.media-object{ 
  margin:auto;
  margin-top:15%;
}
.carousel-control.right{
  background-image: none !important;
} 
 .carousel-control.left{
  background-image: none !important;
}
.thumbnail{
  border: none !important;
}
blockquote{
  border-left: none !important;
}
/*------------------------------------ About page template ---------------------------------*/
.client.test_bg.row {
   margin:0 !important;
}
#about h3{
    font-family: Montserrat;
    font-size: 38px;
    color: #000;
}
.aboutteam h5 {
    text-align: center !important;
}
.aboutteam {
    text-align: center;
}
#about .experienceimage {
    margin-top: 0;
}
/*---------testimonial shorthcode ---------*/
.client_name {
    font-size: 17px;
    color: #000;
    font-family: 'Work Sans',sans-serif;
    text-transform: uppercase;
}
.chef_box{
    background: #fff;
    margin-left: -8em;
    z-index: 99;
    padding-left: 8em;
    padding-top: 15px;
    height: 360px;
    margin-bottom: 1em;
    padding-top: 3em;
}
.div_box {
    padding: 10px 0;
}
.more_info {
    background: #49a32b;
    text-align: center;
}
.more_info a {
    color: #fff !important;
}
.client_name.div_box {
    font-family: Montserrat;
    font-size: 20px;
    color: #49a32b;
}
.client-designation.div_box {
    font-family: Montserrat;
    font-size: 18px;
    color: #747474;
}
.more_info.div_box a {
    font-family: Montserrat;
    font-size: 16px;
    color: #343434;
}
a.chef_social {
    padding: 0 5px;
    font-size: 20px;
    color: #393939;
    float: left;
}
/*------------------------------------ woocommerce css ---------------------------------*/
.woocommerce #container{
  width: 63%;
  float: left;
  margin-top: 10%;
  margin-left: 6%;
  margin-right: 1%;
}
.woocommerce #sidebar{
  width: 21%;
  float: left;
  margin-top: 10%;
  
}

/*------------------------------------ mega menu ---------------------------------*/
@media screen and (max-width:720px) {
    .header-top,.header .social-media-footer{
        text-align: center;
    }
    .toggle{    
        display:block;
        width: 100%;
    }
    .toggle a{  
        width:100%;
        color:#fff;
        background:url(images/responsive_menu.png) no-repeat right center #49a32b;
        padding:10px 10px;
        margin-top:20px;
        font-size:16px;
    }
    .toggleMenu{
        display:block;

    }
    .nav{   
        display:none;
    }
    .header .nav ul{     
        width:100%;
        float:none !important;
        margin-top:0;
        background-color:#222222;
    }
    .header .nav ul li{ 
        border-top:1px #303030 solid;
        display:block;
        float:none;
        text-align:left;
    }
    .nav ul li a{   
        padding:5px 10px;
        display:block;
        color:#ffffff !important;
    }
    .nav ul li a:hover{ 
        color:#ff8a00;
    }
    .nav ul li ul, .nav ul li ul ul{     
        display:block !important;
    }
    .nav ul li ul li a:before{
        content:"\00BB \00a0";
    }
    .nav ul li ul li a{ 
        padding-left:20px !important;
    }
    .nav ul li ul li ul li a{   
        padding-left:30px !important;
    }
    .carousel-indicators{
        left: 25%!important;
    }
    .header .social-media {
        float: none;
        text-align: center !important;
    }
    .navbar-default .navbar-toggle {
        padding: 10px;
        margin: 0px;
    }
    .navbar-nav {
        margin-left: 31%;
    }
    .menubox .navbar {
        left: 0;
    }
    .navbar-default .navbar-collapse {
        background-color: #222222 !important;
    }
    .mega-dropdown-menu > div >li {
        float: left;
        width: 50%;
    }
    #about h3 {
      font-size: 43px;
    }
}
@media screen and (min-width:720px){
    .header .nav ul li ul{  
        display:none;
        z-index:2;
    }
    .header .nav ul li:hover > ul {
        display: block;
        background: rgba(73, 163, 43, 0.56);
        width: 170px;
        position: absolute;
        top: 29px;
        left: 0;
        text-align: left;
        padding: 10px 0;
        z-index: 99;
        border: solid 3px #49a32b;
    }
    .header .nav ul li:hover > ul li{    
        display:block;
    }
    .header .nav ul li:hover > ul li a{  
        padding:7px 0px 7px 10px;
        color:#000;
    }
    .header .nav ul li:hover ul li ul{  
        display:none;
    }
    .header .nav ul li:hover ul li:hover > ul{  
        display:block;
        position:absolute;
        left:200px;
        top:-20px;
    }
    .header .nav ul.sub-menu{   
        margin-top:22px;
    }
    .header .nav ul.sub-menu li a:hover{    
        background:#49a32b;
        color:#fff;
    }
    .header .nav ul li a{   
        color:#222222;
        padding: 25px 20px;
        display:block;
        font-weight: 600;
    }
    .carousel-indicators {
        bottom: -6em;
    }
}
@media screen and (min-width: 1000px) { 
    .header .header-inner .nav ul li ul li{ 
        display:block;
        position:relative;
        float:none;
    }
    .header .header-inner .nav ul li ul li a{
        color:#000;
        display:block;
        padding-top:10px;
        padding-bottom:10px;
        border-bottom:1px #313131 solid;
    }
}
@media screen and (max-width:479px) {
    #slider .slide-cap h4 {     
        font-size:16px !important;
        width:70% !important;
    }
    #slider .slide-cap h2{
         font-size:20px !important;
    }
    #slider .slide-cap p{
        font-size:12px !important;
    }
    #slider .slide-cap p{
        font-size:10px !important;
    }
    #slider .slide-cap h4{
        background-image:none;
    }
    #slider .slide-cap h2{
        background-image:none!important;
    }
	.title-box h1{
		margin-top: 2%;
	}
	
}
@media screen and (max-width:720px) and (min-width:480px) { 
    #slider .slide-cap{
        position:relative;
        width:90%;
        margin-right:auto;
        margin-left:auto;
    }
    #slider .slide-cap h4 {     
        font-size:16px !important;
        width:50% !important;
        text-align:center;
    }
    #slider .slide-cap h2{
         font-size:20px !important;
    }
    #slider .slide-cap p{
        font-size:18px !important;
    }
    .nivo-caption {     
        top: 0% !important;
        padding:0!important;
    }
    #slider .slide-cap{
         padding-top:0;
    }
    .dashicons {        
        color: #fff;
        float:right!important;
    }
}
@media screen and (max-width:1063px) and (min-width:720px) {
    #slider .slide-cap{
        position:relative;
        width:90%;
        margin-right:auto;
        margin-left:auto;
    }
    #slider .slide-cap h4{      
        font-size:20px ;
        width:70%;
        padding-top: 3px!important;
    }
    #slider .slide-cap h2{
         font-size:34px;
    }
    #slider .slide-cap h4{
         padding-top:0!important;
    }
    .nivo-caption {     
        top: 24% !important;
        padding:0!important;
    }
    #slider .slide-cap{
         padding-top:0;
    }
}
@media screen and (max-width: 767px) {  
    .header .logo{  
        text-align: center !important;
    }
    .header .nav {
        width: 100%;
        margin: 0;
        position: absolute;
        overflow-x: hidden;
        z-index: 9999;
        top: 0;
        left: 0;
    }
    .serv_wrapper {
        width: 280px;
        margin: 0 auto;
        display: block;
    }
    
    .menu-description {
            padding-bottom: 2em;
    }
}
@media screen and (min-width:320px) and (max-width:767px) {
    #wethink, 
    #wethink h3,
    .maincontentbox,
    .featuremainbox,
    .location,
    .phone,
    .email,
    .social-media,
    .maintabbox {
        text-align: center;
    }
    .inner-wedo-box {
        margin-bottom: 5%;
    }    
    .numpercent {
        background: url(images/percentage.png) center no-repeat;
    }
    .testimainbox,
    .price-box {
        margin-top: 5%;
    }
    .tabmainbo {
        margin: 10px 0 25px 0;
    }

}

/*blog css*/
.blogmainbox .col-md-8 h4{
    padding: 0px !important;
}
.title-box img{
	width: 100%;
}
/*---Key Activation Css---*/
.key_head{
    color: #3181b4;
    font-weight: 600 !important;
}
.tg_key_activation_form .form-table th{
    font-size: 18px;
    padding-top: 18px;
}
.key_head img{
    padding-right: 8px;
}

.tg_key_activation_form {
    padding: 30px;
    border: 1px solid #eee;
    max-width: 67%;
    margin: 10px 0px 0;
}